Add interactive map viewer to Git repository
authorLanius Trolling <lanius@laniustrolling.dev>
Wed, 20 Dec 2023 16:37:02 +0000 (11:37 -0500)
committerLanius Trolling <lanius@laniustrolling.dev>
Wed, 20 Dec 2023 16:37:02 +0000 (11:37 -0500)
420 files changed:
.idea/artifacts/factbooks_jvm.xml [new file with mode: 0644]
.idea/artifacts/factbooks_map.xml [new file with mode: 0644]
.idea/artifacts/map_viewer_js.xml [new file with mode: 0644]
.idea/gradle.xml
build.gradle.kts
gradle/wrapper/gradle-wrapper.properties
kotlin-js-store/yarn.lock [new file with mode: 0644]
src/jvmMain/kotlin/info/mechyrdia/Configuration.kt [new file with mode: 0644]
src/jvmMain/kotlin/info/mechyrdia/Factbooks.kt [new file with mode: 0644]
src/jvmMain/kotlin/info/mechyrdia/JSON.kt [new file with mode: 0644]
src/jvmMain/kotlin/info/mechyrdia/auth/csrf.kt [new file with mode: 0644]
src/jvmMain/kotlin/info/mechyrdia/auth/nationstates.kt [new file with mode: 0644]
src/jvmMain/kotlin/info/mechyrdia/auth/session_storage.kt [new file with mode: 0644]
src/jvmMain/kotlin/info/mechyrdia/auth/sessions.kt [new file with mode: 0644]
src/jvmMain/kotlin/info/mechyrdia/auth/views_login.kt [new file with mode: 0644]
src/jvmMain/kotlin/info/mechyrdia/data/bson.kt [new file with mode: 0644]
src/jvmMain/kotlin/info/mechyrdia/data/comments.kt [new file with mode: 0644]
src/jvmMain/kotlin/info/mechyrdia/data/data.kt [new file with mode: 0644]
src/jvmMain/kotlin/info/mechyrdia/data/data_utils.kt [new file with mode: 0644]
src/jvmMain/kotlin/info/mechyrdia/data/nations.kt [new file with mode: 0644]
src/jvmMain/kotlin/info/mechyrdia/data/view_comments.kt [new file with mode: 0644]
src/jvmMain/kotlin/info/mechyrdia/data/views_comment.kt [new file with mode: 0644]
src/jvmMain/kotlin/info/mechyrdia/data/views_user.kt [new file with mode: 0644]
src/jvmMain/kotlin/info/mechyrdia/data/visits.kt [new file with mode: 0644]
src/jvmMain/kotlin/info/mechyrdia/lore/article_listing.kt [new file with mode: 0644]
src/jvmMain/kotlin/info/mechyrdia/lore/html_utils.kt [new file with mode: 0644]
src/jvmMain/kotlin/info/mechyrdia/lore/http_utils.kt [new file with mode: 0644]
src/jvmMain/kotlin/info/mechyrdia/lore/languages.kt [new file with mode: 0644]
src/jvmMain/kotlin/info/mechyrdia/lore/parser.kt [new file with mode: 0644]
src/jvmMain/kotlin/info/mechyrdia/lore/parser_reply.kt [new file with mode: 0644]
src/jvmMain/kotlin/info/mechyrdia/lore/parser_tags.kt [new file with mode: 0644]
src/jvmMain/kotlin/info/mechyrdia/lore/parser_toc.kt [new file with mode: 0644]
src/jvmMain/kotlin/info/mechyrdia/lore/preparser.kt [new file with mode: 0644]
src/jvmMain/kotlin/info/mechyrdia/lore/preparser_functions.kt [new file with mode: 0644]
src/jvmMain/kotlin/info/mechyrdia/lore/view_bar.kt [new file with mode: 0644]
src/jvmMain/kotlin/info/mechyrdia/lore/view_map.kt [new file with mode: 0644]
src/jvmMain/kotlin/info/mechyrdia/lore/view_nav.kt [new file with mode: 0644]
src/jvmMain/kotlin/info/mechyrdia/lore/view_og.kt [new file with mode: 0644]
src/jvmMain/kotlin/info/mechyrdia/lore/view_tpl.kt [new file with mode: 0644]
src/jvmMain/kotlin/info/mechyrdia/lore/views_error.kt [new file with mode: 0644]
src/jvmMain/kotlin/info/mechyrdia/lore/views_lore.kt [new file with mode: 0644]
src/jvmMain/kotlin/info/mechyrdia/lore/views_prefs.kt [new file with mode: 0644]
src/jvmMain/kotlin/info/mechyrdia/lore/views_robots.kt [new file with mode: 0644]
src/jvmMain/resources/logback.xml [new file with mode: 0644]
src/jvmMain/resources/static/font/DejaVuSans-Bold.woff [new file with mode: 0644]
src/jvmMain/resources/static/font/DejaVuSans-BoldOblique.woff [new file with mode: 0644]
src/jvmMain/resources/static/font/DejaVuSans-Oblique.woff [new file with mode: 0644]
src/jvmMain/resources/static/font/DejaVuSans.woff [new file with mode: 0644]
src/jvmMain/resources/static/font/JetBrainsMono-ExtraBold.woff [new file with mode: 0644]
src/jvmMain/resources/static/font/JetBrainsMono-ExtraBoldItalic.woff [new file with mode: 0644]
src/jvmMain/resources/static/font/JetBrainsMono-Medium.woff [new file with mode: 0644]
src/jvmMain/resources/static/font/JetBrainsMono-MediumItalic.woff [new file with mode: 0644]
src/jvmMain/resources/static/font/NotoSans-Black.woff [new file with mode: 0644]
src/jvmMain/resources/static/font/NotoSans-BlackItalic.woff [new file with mode: 0644]
src/jvmMain/resources/static/font/NotoSans-Medium.woff [new file with mode: 0644]
src/jvmMain/resources/static/font/NotoSans-MediumItalic.woff [new file with mode: 0644]
src/jvmMain/resources/static/font/NotoSansGothic-Regular.woff [new file with mode: 0644]
src/jvmMain/resources/static/font/Oxanium-Bold.woff [new file with mode: 0644]
src/jvmMain/resources/static/font/Oxanium-ExtraBold.woff [new file with mode: 0644]
src/jvmMain/resources/static/font/Oxanium-Regular.woff [new file with mode: 0644]
src/jvmMain/resources/static/font/Oxanium-SemiBold.woff [new file with mode: 0644]
src/jvmMain/resources/static/font/kishari-language-alphabet.woff [new file with mode: 0644]
src/jvmMain/resources/static/font/pokhval-alphabet.woff [new file with mode: 0644]
src/jvmMain/resources/static/font/thedish-language-alphabet.woff [new file with mode: 0644]
src/jvmMain/resources/static/font/tylan-language-alphabet-3.woff [new file with mode: 0644]
src/jvmMain/resources/static/images/external-link-dark.png [new file with mode: 0644]
src/jvmMain/resources/static/images/external-link.png [new file with mode: 0644]
src/jvmMain/resources/static/images/icon.png [new file with mode: 0644]
src/jvmMain/resources/static/images/panel-dark.png [new file with mode: 0644]
src/jvmMain/resources/static/images/panel.png [new file with mode: 0644]
src/jvmMain/resources/static/init.js [new file with mode: 0644]
src/jvmMain/resources/static/obj-viewer/hammer.min.js [new file with mode: 0644]
src/jvmMain/resources/static/obj-viewer/three-examples.js [new file with mode: 0644]
src/jvmMain/resources/static/obj-viewer/three.js [new file with mode: 0644]
src/jvmMain/resources/static/style.css [new file with mode: 0644]
src/main/kotlin/info/mechyrdia/Configuration.kt [deleted file]
src/main/kotlin/info/mechyrdia/Factbooks.kt [deleted file]
src/main/kotlin/info/mechyrdia/JSON.kt [deleted file]
src/main/kotlin/info/mechyrdia/auth/csrf.kt [deleted file]
src/main/kotlin/info/mechyrdia/auth/nationstates.kt [deleted file]
src/main/kotlin/info/mechyrdia/auth/session_storage.kt [deleted file]
src/main/kotlin/info/mechyrdia/auth/sessions.kt [deleted file]
src/main/kotlin/info/mechyrdia/auth/views_login.kt [deleted file]
src/main/kotlin/info/mechyrdia/data/bson.kt [deleted file]
src/main/kotlin/info/mechyrdia/data/comments.kt [deleted file]
src/main/kotlin/info/mechyrdia/data/data.kt [deleted file]
src/main/kotlin/info/mechyrdia/data/data_utils.kt [deleted file]
src/main/kotlin/info/mechyrdia/data/nations.kt [deleted file]
src/main/kotlin/info/mechyrdia/data/view_comments.kt [deleted file]
src/main/kotlin/info/mechyrdia/data/views_comment.kt [deleted file]
src/main/kotlin/info/mechyrdia/data/views_user.kt [deleted file]
src/main/kotlin/info/mechyrdia/data/visits.kt [deleted file]
src/main/kotlin/info/mechyrdia/lore/article_listing.kt [deleted file]
src/main/kotlin/info/mechyrdia/lore/html_utils.kt [deleted file]
src/main/kotlin/info/mechyrdia/lore/http_utils.kt [deleted file]
src/main/kotlin/info/mechyrdia/lore/languages.kt [deleted file]
src/main/kotlin/info/mechyrdia/lore/parser.kt [deleted file]
src/main/kotlin/info/mechyrdia/lore/parser_reply.kt [deleted file]
src/main/kotlin/info/mechyrdia/lore/parser_tags.kt [deleted file]
src/main/kotlin/info/mechyrdia/lore/parser_toc.kt [deleted file]
src/main/kotlin/info/mechyrdia/lore/preparser.kt [deleted file]
src/main/kotlin/info/mechyrdia/lore/preparser_functions.kt [deleted file]
src/main/kotlin/info/mechyrdia/lore/view_bar.kt [deleted file]
src/main/kotlin/info/mechyrdia/lore/view_map.kt [deleted file]
src/main/kotlin/info/mechyrdia/lore/view_nav.kt [deleted file]
src/main/kotlin/info/mechyrdia/lore/view_og.kt [deleted file]
src/main/kotlin/info/mechyrdia/lore/view_tpl.kt [deleted file]
src/main/kotlin/info/mechyrdia/lore/views_error.kt [deleted file]
src/main/kotlin/info/mechyrdia/lore/views_lore.kt [deleted file]
src/main/kotlin/info/mechyrdia/lore/views_prefs.kt [deleted file]
src/main/kotlin/info/mechyrdia/lore/views_robots.kt [deleted file]
src/main/resources/logback.xml [deleted file]
src/main/resources/static/font/DejaVuSans-Bold.woff [deleted file]
src/main/resources/static/font/DejaVuSans-BoldOblique.woff [deleted file]
src/main/resources/static/font/DejaVuSans-Oblique.woff [deleted file]
src/main/resources/static/font/DejaVuSans.woff [deleted file]
src/main/resources/static/font/JetBrainsMono-ExtraBold.woff [deleted file]
src/main/resources/static/font/JetBrainsMono-ExtraBoldItalic.woff [deleted file]
src/main/resources/static/font/JetBrainsMono-Medium.woff [deleted file]
src/main/resources/static/font/JetBrainsMono-MediumItalic.woff [deleted file]
src/main/resources/static/font/NotoSans-Black.woff [deleted file]
src/main/resources/static/font/NotoSans-BlackItalic.woff [deleted file]
src/main/resources/static/font/NotoSans-Medium.woff [deleted file]
src/main/resources/static/font/NotoSans-MediumItalic.woff [deleted file]
src/main/resources/static/font/NotoSansGothic-Regular.woff [deleted file]
src/main/resources/static/font/Oxanium-Bold.woff [deleted file]
src/main/resources/static/font/Oxanium-ExtraBold.woff [deleted file]
src/main/resources/static/font/Oxanium-Regular.woff [deleted file]
src/main/resources/static/font/Oxanium-SemiBold.woff [deleted file]
src/main/resources/static/font/kishari-language-alphabet.woff [deleted file]
src/main/resources/static/font/pokhval-alphabet.woff [deleted file]
src/main/resources/static/font/thedish-language-alphabet.woff [deleted file]
src/main/resources/static/font/tylan-language-alphabet-3.woff [deleted file]
src/main/resources/static/images/external-link-dark.png [deleted file]
src/main/resources/static/images/external-link.png [deleted file]
src/main/resources/static/images/icon.png [deleted file]
src/main/resources/static/images/panel-dark.png [deleted file]
src/main/resources/static/images/panel.png [deleted file]
src/main/resources/static/init.js [deleted file]
src/main/resources/static/obj-viewer/hammer.min.js [deleted file]
src/main/resources/static/obj-viewer/three-examples.js [deleted file]
src/main/resources/static/obj-viewer/three.js [deleted file]
src/main/resources/static/style.css [deleted file]
src/mapMain/kotlin/com/github/nwillc/ksvg/HtmlUtils.kt [new file with mode: 0644]
src/mapMain/kotlin/com/github/nwillc/ksvg/RenderMode.kt [new file with mode: 0644]
src/mapMain/kotlin/com/github/nwillc/ksvg/attributes/AttributeProperty.kt [new file with mode: 0644]
src/mapMain/kotlin/com/github/nwillc/ksvg/attributes/AttributeType.kt [new file with mode: 0644]
src/mapMain/kotlin/com/github/nwillc/ksvg/attributes/HasAttributes.kt [new file with mode: 0644]
src/mapMain/kotlin/com/github/nwillc/ksvg/attributes/HasAttributesImpl.kt [new file with mode: 0644]
src/mapMain/kotlin/com/github/nwillc/ksvg/attributes/HasClipPath.kt [new file with mode: 0644]
src/mapMain/kotlin/com/github/nwillc/ksvg/attributes/HasClipPathImpl.kt [new file with mode: 0644]
src/mapMain/kotlin/com/github/nwillc/ksvg/attributes/HasDimensions.kt [new file with mode: 0644]
src/mapMain/kotlin/com/github/nwillc/ksvg/attributes/HasDimensionsImpl.kt [new file with mode: 0644]
src/mapMain/kotlin/com/github/nwillc/ksvg/attributes/HasFill.kt [new file with mode: 0644]
src/mapMain/kotlin/com/github/nwillc/ksvg/attributes/HasFillImpl.kt [new file with mode: 0644]
src/mapMain/kotlin/com/github/nwillc/ksvg/attributes/HasOrigin.kt [new file with mode: 0644]
src/mapMain/kotlin/com/github/nwillc/ksvg/attributes/HasOriginImpl.kt [new file with mode: 0644]
src/mapMain/kotlin/com/github/nwillc/ksvg/attributes/HasStroke.kt [new file with mode: 0644]
src/mapMain/kotlin/com/github/nwillc/ksvg/attributes/HasStrokeImpl.kt [new file with mode: 0644]
src/mapMain/kotlin/com/github/nwillc/ksvg/elements/A.kt [new file with mode: 0644]
src/mapMain/kotlin/com/github/nwillc/ksvg/elements/CIRCLE.kt [new file with mode: 0644]
src/mapMain/kotlin/com/github/nwillc/ksvg/elements/CLIPPATH.kt [new file with mode: 0644]
src/mapMain/kotlin/com/github/nwillc/ksvg/elements/Container.kt [new file with mode: 0644]
src/mapMain/kotlin/com/github/nwillc/ksvg/elements/DEFS.kt [new file with mode: 0644]
src/mapMain/kotlin/com/github/nwillc/ksvg/elements/Element.kt [new file with mode: 0644]
src/mapMain/kotlin/com/github/nwillc/ksvg/elements/G.kt [new file with mode: 0644]
src/mapMain/kotlin/com/github/nwillc/ksvg/elements/IMAGE.kt [new file with mode: 0644]
src/mapMain/kotlin/com/github/nwillc/ksvg/elements/LINE.kt [new file with mode: 0644]
src/mapMain/kotlin/com/github/nwillc/ksvg/elements/PATH.kt [new file with mode: 0644]
src/mapMain/kotlin/com/github/nwillc/ksvg/elements/POLYGON.kt [new file with mode: 0644]
src/mapMain/kotlin/com/github/nwillc/ksvg/elements/RECT.kt [new file with mode: 0644]
src/mapMain/kotlin/com/github/nwillc/ksvg/elements/Region.kt [new file with mode: 0644]
src/mapMain/kotlin/com/github/nwillc/ksvg/elements/STYLE.kt [new file with mode: 0644]
src/mapMain/kotlin/com/github/nwillc/ksvg/elements/SVG.kt [new file with mode: 0644]
src/mapMain/kotlin/com/github/nwillc/ksvg/elements/SVGTooltip.kt [new file with mode: 0644]
src/mapMain/kotlin/com/github/nwillc/ksvg/elements/SvgTagMarker.kt [new file with mode: 0644]
src/mapMain/kotlin/com/github/nwillc/ksvg/elements/TEXT.kt [new file with mode: 0644]
src/mapMain/kotlin/com/github/nwillc/ksvg/elements/TITLE.kt [new file with mode: 0644]
src/mapMain/kotlin/com/github/nwillc/ksvg/elements/USE.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/hammer/HammerJS.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/0_extraDefs.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/AmbientLight.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/AmbientLightProbe.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/AnimationAction.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/AnimationClip.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/AnimationLoader.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/AnimationMixer.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/AnimationObjectGroup.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/AnimationUtils.AnimationUtils.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/ArcCurve.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/ArrayCamera.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/ArrowHelper.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/AxesHelper.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/BattleCameraControls.module.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/Bone.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/BooleanKeyframeTrack.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/Box2.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/Box3.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/Box3Helper.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/BoxGeometry.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/BoxHelper.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/BufferAttribute.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/BufferGeometry.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/BufferGeometryLoader.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/CSS3DObject.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/CSS3DRenderer.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/CSS3DSprite.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/Cache.Cache.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/Camera.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/CameraHelper.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/CampaignCameraControls.module.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/CanvasTexture.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/CatmullRomCurve3.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/CircleGeometry.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/Clock.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/Color.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/ColorKeyframeTrack.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/CompressedTexture.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/CompressedTextureLoader.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/ConeGeometry.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/CubeCamera.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/CubeTexture.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/CubeTextureLoader.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/CubicBezierCurve.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/CubicBezierCurve3.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/CubicInterpolant.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/Curve.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/CurvePath.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/CylinderGeometry.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/Cylindrical.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/DataTexture.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/DataTexture2DArray.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/DataTexture3D.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/DataTextureLoader.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/DataUtils.DataUtils.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/DepthTexture.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/DirectionalLight.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/DirectionalLightHelper.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/DirectionalLightShadow.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/DiscreteInterpolant.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/DodecahedronGeometry.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/EdgesGeometry.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/EllipseCurve.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/Euler.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/ExtrudeGeometry.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/FileLoader.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/Fog.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/FogExp2.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/Font.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/FontLoader.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/Frustum.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/GLBufferAttribute.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/GridHelper.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/Group.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/HemisphereLight.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/HemisphereLightHelper.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/HemisphereLightProbe.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/IcosahedronGeometry.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/ImageBitmapLoader.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/ImageLoader.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/ImageUtils.ImageUtils.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/ImmediateRenderObject.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/InstancedBufferAttribute.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/InstancedBufferGeometry.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/InstancedInterleavedBuffer.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/InstancedMesh.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/InterleavedBuffer.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/InterleavedBufferAttribute.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/Interpolant.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/KeyframeTrack.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/LOD.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/LatheGeometry.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/Layers.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/Light.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/LightProbe.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/LightShadow.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/Line.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/Line3.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/LineBasicMaterial.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/LineCurve.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/LineCurve3.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/LineDashedMaterial.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/LineLoop.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/LineSegments.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/LinearInterpolant.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/Loader.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/LoaderUtils.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/LoadingManager.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/MTLLoader.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/Material.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/MaterialLoader.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/Matrix3.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/Matrix4.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/Mesh.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/MeshBasicMaterial.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/MeshDepthMaterial.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/MeshDistanceMaterial.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/MeshLambertMaterial.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/MeshMatcapMaterial.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/MeshNormalMaterial.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/MeshPhongMaterial.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/MeshPhysicalMaterial.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/MeshStandardMaterial.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/MeshToonMaterial.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/NumberKeyframeTrack.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/OBJLoader.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/Object3D.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/ObjectLoader.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/OctahedronGeometry.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/OrthographicCamera.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/PMREMGenerator.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/ParametricGeometry.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/Path.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/PerspectiveCamera.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/Plane.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/PlaneGeometry.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/PlaneHelper.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/PointLight.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/PointLightHelper.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/PointLightShadow.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/Points.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/PointsMaterial.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/PolarGridHelper.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/PolyhedronGeometry.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/PropertyBinding.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/PropertyMixer.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/QuadraticBezierCurve.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/QuadraticBezierCurve3.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/Quaternion.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/QuaternionKeyframeTrack.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/QuaternionLinearInterpolant.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/RawShaderMaterial.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/Ray.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/Raycaster.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/RectAreaLight.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/RingGeometry.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/Scene.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/ShaderChunk.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/ShaderLib.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/ShaderMaterial.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/ShadowMaterial.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/Shape.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/ShapeGeometry.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/ShapePath.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/ShapeUtils.ShapeUtils.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/ShapeUtils.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/Skeleton.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/SkeletonHelper.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/SkinnedMesh.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/Sphere.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/SphereGeometry.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/Spherical.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/SphericalHarmonics3.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/SplineCurve.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/SpotLight.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/SpotLightHelper.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/SpotLightShadow.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/Sprite.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/SpriteMaterial.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/StereoCamera.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/StringKeyframeTrack.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/TetrahedronGeometry.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/TextGeometry.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/Texture.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/TextureLoader.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/TorusGeometry.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/TorusKnotGeometry.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/Triangle.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/TubeGeometry.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/Uniform.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/UniformsLib.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/UniformsUtils.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/Vector2.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/Vector3.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/Vector4.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/VectorKeyframeTrack.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/VideoTexture.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/WebGL1Renderer.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/WebGLAttributes.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/WebGLBindingStates.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/WebGLBufferRenderer.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/WebGLCapabilities.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/WebGLClipping.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/WebGLCubeMaps.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/WebGLCubeRenderTarget.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/WebGLCubeUVMaps.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/WebGLExtensions.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/WebGLGeometries.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/WebGLIndexedBufferRenderer.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/WebGLInfo.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/WebGLLights.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/WebGLMultipleRenderTargets.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/WebGLMultisampleRenderTarget.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/WebGLObjects.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/WebGLProgram.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/WebGLPrograms.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/WebGLProperties.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/WebGLRenderLists.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/WebGLRenderTarget.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/WebGLRenderer.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/WebGLShader.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/WebGLShadowMap.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/WebGLState.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/WebGLTextures.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/WebGLUniforms.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/WebGLUtils.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/WireframeGeometry.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/externals/threejs/constants.module_three.kt [new file with mode: 0644]
src/mapMain/kotlin/info/mechyrdia/mapviewer/assets.kt [new file with mode: 0644]
src/mapMain/kotlin/info/mechyrdia/mapviewer/codec.kt [new file with mode: 0644]
src/mapMain/kotlin/info/mechyrdia/mapviewer/data.kt [new file with mode: 0644]
src/mapMain/kotlin/info/mechyrdia/mapviewer/entryPoint.kt [new file with mode: 0644]
src/mapMain/kotlin/info/mechyrdia/mapviewer/history.kt [new file with mode: 0644]
src/mapMain/kotlin/info/mechyrdia/mapviewer/math.kt [new file with mode: 0644]
src/mapMain/kotlin/info/mechyrdia/mapviewer/modal.kt [new file with mode: 0644]
src/mapMain/kotlin/info/mechyrdia/mapviewer/render.kt [new file with mode: 0644]
src/mapMain/kotlin/info/mechyrdia/mapviewer/search.kt [new file with mode: 0644]
src/mapMain/kotlin/info/mechyrdia/mapviewer/utils.kt [new file with mode: 0644]
stuff/make_map_index_pages.py
stuff/map-index.html

diff --git a/.idea/artifacts/factbooks_jvm.xml b/.idea/artifacts/factbooks_jvm.xml
new file mode 100644 (file)
index 0000000..5b34d56
--- /dev/null
@@ -0,0 +1,8 @@
+<component name="ArtifactManager">
+  <artifact type="jar" name="factbooks-jvm">
+    <output-path>$PROJECT_DIR$/build/libs</output-path>
+    <root id="archive" name="factbooks-jvm.jar">
+      <element id="module-output" name="factbooks.jvmMain" />
+    </root>
+  </artifact>
+</component>
\ No newline at end of file
diff --git a/.idea/artifacts/factbooks_map.xml b/.idea/artifacts/factbooks_map.xml
new file mode 100644 (file)
index 0000000..6856480
--- /dev/null
@@ -0,0 +1,8 @@
+<component name="ArtifactManager">
+  <artifact type="jar" name="factbooks-map">
+    <output-path>$PROJECT_DIR$/build/libs</output-path>
+    <root id="archive" name="factbooks-map.jar">
+      <element id="module-output" name="factbooks.mapMain" />
+    </root>
+  </artifact>
+</component>
\ No newline at end of file
diff --git a/.idea/artifacts/map_viewer_js.xml b/.idea/artifacts/map_viewer_js.xml
new file mode 100644 (file)
index 0000000..9769f80
--- /dev/null
@@ -0,0 +1,8 @@
+<component name="ArtifactManager">
+  <artifact type="jar" name="map-viewer-js">
+    <output-path>$PROJECT_DIR$/map-viewer/build/libs</output-path>
+    <root id="archive" name="map-viewer-js.jar">
+      <element id="module-output" name="factbooks.map-viewer.jsMain" />
+    </root>
+  </artifact>
+</component>
\ No newline at end of file
index 1b3f3e912a97b0b9f8a3074da09631c6b26f818a..5404067d2374e457bd5734995b5918b5f8393042 100644 (file)
@@ -4,8 +4,6 @@
   <component name="GradleSettings">
     <option name="linkedExternalProjectsSettings">
       <GradleProjectSettings>
-        <option name="delegatedBuild" value="true" />
-        <option name="testRunner" value="GRADLE" />
         <option name="distributionType" value="WRAPPED" />
         <option name="externalProjectPath" value="$PROJECT_DIR$" />
         <option name="modules">
index 7b26e4e958ce9d9f3966afeafff9d6431375032d..ba35381cdbbd0494b0dd1da16c6c234b68b05c62 100644 (file)
@@ -2,6 +2,10 @@ import com.github.jengelman.gradle.plugins.shadow.tasks.ShadowJar
 import com.nixxcode.jvmbrotli.common.BrotliLoader
 import com.nixxcode.jvmbrotli.enc.BrotliOutputStream
 import com.nixxcode.jvmbrotli.enc.Encoder
+import groovy.json.JsonSlurper
+import org.jetbrains.kotlin.gradle.targets.js.webpack.KotlinWebpack
+import org.jetbrains.kotlin.gradle.targets.js.webpack.KotlinWebpackConfig
+import org.jetbrains.kotlin.gradle.targets.js.webpack.WebpackDevtool
 import org.jetbrains.kotlin.gradle.tasks.KotlinCompile
 import java.util.concurrent.CountDownLatch
 import java.util.concurrent.Executors
@@ -24,7 +28,7 @@ buildscript {
 
 plugins {
        java
-       kotlin("jvm") version "1.9.21"
+       kotlin("multiplatform") version "1.9.21"
        kotlin("plugin.serialization") version "1.9.21"
        id("com.github.johnrengelman.shadow") version "7.1.2"
        application
@@ -32,43 +36,97 @@ plugins {
 
 group = "info.mechyrdia"
 
+val configFile = (JsonSlurper().parse(File(rootDir, "config.json")) as Map<*, *>).mapKeys { (k, _) -> k as String }
+
+val isDevMode = (configFile["isDevMode"] as? Boolean) ?: false
+
 repositories {
        mavenCentral()
        maven("https://maven.pkg.jetbrains.space/public/p/kotlinx-html/maven")
 }
 
-dependencies {
-       implementation("org.jetbrains.kotlinx:kotlinx-coroutines-core-jvm:1.7.3")
-       implementation("org.jetbrains.kotlinx:kotlinx-coroutines-jdk8:1.7.3")
-       implementation("org.jetbrains.kotlinx:kotlinx-coroutines-reactive:1.7.3")
-       implementation("org.jetbrains.kotlinx:kotlinx-serialization-core-jvm:1.6.0")
-       implementation("org.jetbrains.kotlinx:kotlinx-serialization-json-jvm:1.6.0")
-       
-       implementation("io.ktor:ktor-server-core-jvm:2.3.5")
-       implementation("io.ktor:ktor-server-cio-jvm:2.3.5")
-       
-       implementation("io.ktor:ktor-server-caching-headers:2.3.5")
-       implementation("io.ktor:ktor-server-call-id:2.3.5")
-       implementation("io.ktor:ktor-server-call-logging:2.3.5")
-       implementation("io.ktor:ktor-server-conditional-headers:2.3.5")
-       implementation("io.ktor:ktor-server-forwarded-header:2.3.5")
-       implementation("io.ktor:ktor-server-html-builder:2.3.5")
-       implementation("io.ktor:ktor-server-sessions-jvm:2.3.5")
-       implementation("io.ktor:ktor-server-status-pages:2.3.5")
-       
-       implementation("org.jetbrains.kotlinx:kotlinx-html-jvm:0.9.1")
-       
-       implementation("com.samskivert:jmustache:1.15")
-       implementation("org.apache.groovy:groovy-jsr223:4.0.10")
-       
-       implementation(files("libs/nsapi4j.jar"))
+kotlin {
+       js("map") {
+               browser {
+                       commonWebpackConfig {
+                               outputFileName = "map.js"
+                               if (isDevMode) {
+                                       mode = KotlinWebpackConfig.Mode.DEVELOPMENT
+                                       devtool = WebpackDevtool.SOURCE_MAP
+                                       sourceMaps = true
+                               } else {
+                                       mode = KotlinWebpackConfig.Mode.PRODUCTION
+                                       devtool = null
+                                       sourceMaps = false
+                               }
+                       }
+                       
+                       webpackTask {
+                               mainOutputFileName.set("map.js")
+                               if (isDevMode) {
+                                       mode = KotlinWebpackConfig.Mode.DEVELOPMENT
+                                       devtool = WebpackDevtool.SOURCE_MAP
+                                       sourceMaps = true
+                               } else {
+                                       mode = KotlinWebpackConfig.Mode.PRODUCTION
+                                       sourceMaps = false
+                               }
+                       }
+               }
+               binaries.executable()
+       }
        
-       implementation("com.aventrix.jnanoid:jnanoid:2.0.0")
-       implementation("org.mongodb:mongodb-driver-kotlin-coroutine:4.11.0")
-       implementation("org.mongodb:bson-kotlinx:4.11.0")
+       jvm {
+               withJava()
+       }
        
-       implementation("org.slf4j:slf4j-api:2.0.7")
-       implementation("ch.qos.logback:logback-classic:1.4.7")
+       sourceSets {
+               val commonMain by getting
+               
+               val mapMain by getting {
+                       dependencies {
+                               implementation("org.jetbrains.kotlinx:kotlinx-coroutines-core:1.7.3")
+                               implementation("org.jetbrains.kotlinx:kotlinx-serialization-json:1.6.2")
+                               implementation("org.jetbrains.kotlinx:kotlinx-html:0.10.1")
+                       }
+               }
+               
+               val jvmMain by getting {
+                       dependencies {
+                               implementation("org.jetbrains.kotlinx:kotlinx-coroutines-core-jvm:1.7.3")
+                               implementation("org.jetbrains.kotlinx:kotlinx-coroutines-jdk8:1.7.3")
+                               implementation("org.jetbrains.kotlinx:kotlinx-coroutines-reactive:1.7.3")
+                               implementation("org.jetbrains.kotlinx:kotlinx-serialization-core-jvm:1.6.2")
+                               implementation("org.jetbrains.kotlinx:kotlinx-serialization-json-jvm:1.6.2")
+                               
+                               implementation("io.ktor:ktor-server-core-jvm:2.3.5")
+                               implementation("io.ktor:ktor-server-cio-jvm:2.3.5")
+                               
+                               implementation("io.ktor:ktor-server-caching-headers:2.3.5")
+                               implementation("io.ktor:ktor-server-call-id:2.3.5")
+                               implementation("io.ktor:ktor-server-call-logging:2.3.5")
+                               implementation("io.ktor:ktor-server-conditional-headers:2.3.5")
+                               implementation("io.ktor:ktor-server-forwarded-header:2.3.5")
+                               implementation("io.ktor:ktor-server-html-builder:2.3.5")
+                               implementation("io.ktor:ktor-server-sessions-jvm:2.3.5")
+                               implementation("io.ktor:ktor-server-status-pages:2.3.5")
+                               
+                               implementation("org.jetbrains.kotlinx:kotlinx-html-jvm:0.10.1")
+                               
+                               implementation("com.samskivert:jmustache:1.15")
+                               implementation("org.apache.groovy:groovy-jsr223:4.0.10")
+                               
+                               implementation(files("libs/nsapi4j.jar"))
+                               
+                               implementation("com.aventrix.jnanoid:jnanoid:2.0.0")
+                               implementation("org.mongodb:mongodb-driver-kotlin-coroutine:4.11.0")
+                               implementation("org.mongodb:bson-kotlinx:4.11.0")
+                               
+                               implementation("org.slf4j:slf4j-api:2.0.7")
+                               implementation("ch.qos.logback:logback-classic:1.4.7")
+                       }
+               }
+       }
 }
 
 java {
@@ -88,7 +146,7 @@ tasks.withType<KotlinCompile> {
        }
 }
 
-tasks.named<Copy>("processResources") {
+tasks.named<Copy>("jvmProcessResources") {
        doLast {
                val pool = Executors.newWorkStealingPool()
                
@@ -132,6 +190,42 @@ application {
 }
 
 tasks.withType<JavaExec> {
+       val mapWebpackTask = tasks.getByName<KotlinWebpack>("mapBrowserProductionWebpack")
+       dependsOn(mapWebpackTask)
+       
+       doFirst {
+               val assetsDirPath = configFile["assetDir"]?.let { "$it" }
+                       ?: configFile["rootDir"]?.let { "$it/assets" }
+                       ?: "../assets"
+               val assetsDir = File(rootDir, assetsDirPath)
+               
+               val destMapJsName = "main.js"
+               
+               val mapJsFile = mapWebpackTask
+                       .mainOutputFile
+                       .get()
+                       .asFile
+               
+               val mapJsText = mapJsFile.readText()
+               val mapJsMapName = "${mapWebpackTask.mainOutputFileName.get()}.map"
+               val sourceMapReplaceText = "//# sourceMappingURL=$mapJsMapName"
+               val sourceMapReplacement = "//# sourceMappingURL=${destMapJsName}.map"
+               
+               val destMapJsFile = File(assetsDir, "map/$destMapJsName")
+               val destMapJsMapFile = File(assetsDir, "map/${destMapJsName}.map")
+               
+               if (isDevMode) {
+                       val mapJsMapFile = File(mapJsFile.parentFile, mapJsMapName)
+                       val mapJsMapText = mapJsMapFile.readText()
+                       
+                       destMapJsFile.writeText(mapJsText.replace(sourceMapReplaceText, sourceMapReplacement))
+                       destMapJsMapFile.writeText(mapJsMapText)
+               } else {
+                       destMapJsFile.writeText(mapJsText.replace(sourceMapReplaceText, ""))
+                       destMapJsMapFile.delete()
+               }
+       }
+       
        javaLauncher.set(javaToolchains.launcherFor {
                languageVersion.set(JavaLanguageVersion.of(14))
        })
index 60c76b34081f5a1e923e1678665860a67405f74c..02c0802ec340669c1c62ce792cccdd94b8f14e51 100644 (file)
@@ -1,5 +1,5 @@
 distributionBase=GRADLE_USER_HOME
 distributionPath=wrapper/dists
-distributionUrl=https\://services.gradle.org/distributions/gradle-7.4.2-bin.zip
+distributionUrl=https\://services.gradle.org/distributions/gradle-7.6.3-bin.zip
 zipStoreBase=GRADLE_USER_HOME
 zipStorePath=wrapper/dists
\ No newline at end of file
diff --git a/kotlin-js-store/yarn.lock b/kotlin-js-store/yarn.lock
new file mode 100644 (file)
index 0000000..4092cff
--- /dev/null
@@ -0,0 +1,2844 @@
+# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
+# yarn lockfile v1
+
+
+"@colors/colors@1.5.0":
+  version "1.5.0"
+  resolved "https://registry.yarnpkg.com/@colors/colors/-/colors-1.5.0.tgz#bb504579c1cae923e6576a4f5da43d25f97bdbd9"
+  integrity sha512-ooWCrlZP11i8GImSjTHYHLkvFDP48nS4+204nGb1RiX/WXYHmJA2III9/e2DWVabCESdW7hBAEzHRqUn9OUVvQ==
+
+"@discoveryjs/json-ext@^0.5.0":
+  version "0.5.7"
+  resolved "https://registry.yarnpkg.com/@discoveryjs/json-ext/-/json-ext-0.5.7.tgz#1d572bfbbe14b7704e0ba0f39b74815b84870d70"
+  integrity sha512-dBVuXR082gk3jsFp7Rd/JI4kytwGHecnCoTtXFb7DB6CNHp4rg5k1bhg0nWdLGLnOV71lmDzGQaLMy8iPLY0pw==
+
+"@jridgewell/gen-mapping@^0.3.0":
+  version "0.3.3"
+  resolved "https://registry.yarnpkg.com/@jridgewell/gen-mapping/-/gen-mapping-0.3.3.tgz#7e02e6eb5df901aaedb08514203b096614024098"
+  integrity sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==
+  dependencies:
+    "@jridgewell/set-array" "^1.0.1"
+    "@jridgewell/sourcemap-codec" "^1.4.10"
+    "@jridgewell/trace-mapping" "^0.3.9"
+
+"@jridgewell/resolve-uri@^3.1.0":
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/@jridgewell/resolve-uri/-/resolve-uri-3.1.1.tgz#c08679063f279615a3326583ba3a90d1d82cc721"
+  integrity sha512-dSYZh7HhCDtCKm4QakX0xFpsRDqjjtZf/kjI/v3T3Nwt5r8/qz/M19F9ySyOqU94SXBmeG9ttTul+YnR4LOxFA==
+
+"@jridgewell/set-array@^1.0.1":
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/@jridgewell/set-array/-/set-array-1.1.2.tgz#7c6cf998d6d20b914c0a55a91ae928ff25965e72"
+  integrity sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==
+
+"@jridgewell/source-map@^0.3.3":
+  version "0.3.5"
+  resolved "https://registry.yarnpkg.com/@jridgewell/source-map/-/source-map-0.3.5.tgz#a3bb4d5c6825aab0d281268f47f6ad5853431e91"
+  integrity sha512-UTYAUj/wviwdsMfzoSJspJxbkH5o1snzwX0//0ENX1u/55kkZZkcTZP6u9bwKGkv+dkk9at4m1Cpt0uY80kcpQ==
+  dependencies:
+    "@jridgewell/gen-mapping" "^0.3.0"
+    "@jridgewell/trace-mapping" "^0.3.9"
+
+"@jridgewell/sourcemap-codec@^1.4.10", "@jridgewell/sourcemap-codec@^1.4.14":
+  version "1.4.15"
+  resolved "https://registry.yarnpkg.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz#d7c6e6755c78567a951e04ab52ef0fd26de59f32"
+  integrity sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==
+
+"@jridgewell/trace-mapping@^0.3.17", "@jridgewell/trace-mapping@^0.3.9":
+  version "0.3.20"
+  resolved "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.20.tgz#72e45707cf240fa6b081d0366f8265b0cd10197f"
+  integrity sha512-R8LcPeWZol2zR8mmH3JeKQ6QRCFb7XgUhV9ZlGhHLGyg4wpPiPZNQOOWhFZhxKw8u//yTbNGI42Bx/3paXEQ+Q==
+  dependencies:
+    "@jridgewell/resolve-uri" "^3.1.0"
+    "@jridgewell/sourcemap-codec" "^1.4.14"
+
+"@leichtgewicht/ip-codec@^2.0.1":
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/@leichtgewicht/ip-codec/-/ip-codec-2.0.4.tgz#b2ac626d6cb9c8718ab459166d4bb405b8ffa78b"
+  integrity sha512-Hcv+nVC0kZnQ3tD9GVu5xSMR4VVYOteQIr/hwFPVEvPdlXqgGEuRjiheChHgdM+JyqdgNcmzZOX/tnl0JOiI7A==
+
+"@socket.io/component-emitter@~3.1.0":
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/@socket.io/component-emitter/-/component-emitter-3.1.0.tgz#96116f2a912e0c02817345b3c10751069920d553"
+  integrity sha512-+9jVqKhRSpsc591z5vX+X5Yyw+he/HCB4iQ/RYxw35CEPaY1gnsNE43nf9n9AaYjAQrTiI/mOwKUKdUs9vf7Xg==
+
+"@types/body-parser@*":
+  version "1.19.5"
+  resolved "https://registry.yarnpkg.com/@types/body-parser/-/body-parser-1.19.5.tgz#04ce9a3b677dc8bd681a17da1ab9835dc9d3ede4"
+  integrity sha512-fB3Zu92ucau0iQ0JMCFQE7b/dv8Ot07NI3KaZIkIUNXq82k4eBAqUaneXfleGY9JWskeS9y+u0nXMyspcuQrCg==
+  dependencies:
+    "@types/connect" "*"
+    "@types/node" "*"
+
+"@types/bonjour@^3.5.9":
+  version "3.5.13"
+  resolved "https://registry.yarnpkg.com/@types/bonjour/-/bonjour-3.5.13.tgz#adf90ce1a105e81dd1f9c61fdc5afda1bfb92956"
+  integrity sha512-z9fJ5Im06zvUL548KvYNecEVlA7cVDkGUi6kZusb04mpyEFKCIZJvloCcmpmLaIahDpOQGHaHmG6imtPMmPXGQ==
+  dependencies:
+    "@types/node" "*"
+
+"@types/connect-history-api-fallback@^1.3.5":
+  version "1.5.4"
+  resolved "https://registry.yarnpkg.com/@types/connect-history-api-fallback/-/connect-history-api-fallback-1.5.4.tgz#7de71645a103056b48ac3ce07b3520b819c1d5b3"
+  integrity sha512-n6Cr2xS1h4uAulPRdlw6Jl6s1oG8KrVilPN2yUITEs+K48EzMJJ3W1xy8K5eWuFvjp3R74AOIGSmp2UfBJ8HFw==
+  dependencies:
+    "@types/express-serve-static-core" "*"
+    "@types/node" "*"
+
+"@types/connect@*":
+  version "3.4.38"
+  resolved "https://registry.yarnpkg.com/@types/connect/-/connect-3.4.38.tgz#5ba7f3bc4fbbdeaff8dded952e5ff2cc53f8d858"
+  integrity sha512-K6uROf1LD88uDQqJCktA4yzL1YYAK6NgfsI0v/mTgyPKWsX1CnJ0XPSDhViejru1GcRkLWb8RlzFYJRqGUbaug==
+  dependencies:
+    "@types/node" "*"
+
+"@types/cookie@^0.4.1":
+  version "0.4.1"
+  resolved "https://registry.yarnpkg.com/@types/cookie/-/cookie-0.4.1.tgz#bfd02c1f2224567676c1545199f87c3a861d878d"
+  integrity sha512-XW/Aa8APYr6jSVVA1y/DEIZX0/GMKLEVekNG727R8cs56ahETkRAy/3DR7+fJyh7oUgGwNQaRfXCun0+KbWY7Q==
+
+"@types/cors@^2.8.12":
+  version "2.8.17"
+  resolved "https://registry.yarnpkg.com/@types/cors/-/cors-2.8.17.tgz#5d718a5e494a8166f569d986794e49c48b216b2b"
+  integrity sha512-8CGDvrBj1zgo2qE+oS3pOCyYNqCPryMWY2bGfwA0dcfopWGgxs+78df0Rs3rc9THP4JkOhLsAa+15VdpAqkcUA==
+  dependencies:
+    "@types/node" "*"
+
+"@types/eslint-scope@^3.7.3":
+  version "3.7.7"
+  resolved "https://registry.yarnpkg.com/@types/eslint-scope/-/eslint-scope-3.7.7.tgz#3108bd5f18b0cdb277c867b3dd449c9ed7079ac5"
+  integrity sha512-MzMFlSLBqNF2gcHWO0G1vP/YQyfvrxZ0bF+u7mzUdZ1/xK4A4sru+nraZz5i3iEIk1l1uyicaDVTB4QbbEkAYg==
+  dependencies:
+    "@types/eslint" "*"
+    "@types/estree" "*"
+
+"@types/eslint@*":
+  version "8.56.0"
+  resolved "https://registry.yarnpkg.com/@types/eslint/-/eslint-8.56.0.tgz#e28d045b8e530a33c9cbcfbf02332df0d1380a2c"
+  integrity sha512-FlsN0p4FhuYRjIxpbdXovvHQhtlG05O1GG/RNWvdAxTboR438IOTwmrY/vLA+Xfgg06BTkP045M3vpFwTMv1dg==
+  dependencies:
+    "@types/estree" "*"
+    "@types/json-schema" "*"
+
+"@types/estree@*", "@types/estree@^1.0.0":
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/@types/estree/-/estree-1.0.5.tgz#a6ce3e556e00fd9895dd872dd172ad0d4bd687f4"
+  integrity sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==
+
+"@types/express-serve-static-core@*", "@types/express-serve-static-core@^4.17.33":
+  version "4.17.41"
+  resolved "https://registry.yarnpkg.com/@types/express-serve-static-core/-/express-serve-static-core-4.17.41.tgz#5077defa630c2e8d28aa9ffc2c01c157c305bef6"
+  integrity sha512-OaJ7XLaelTgrvlZD8/aa0vvvxZdUmlCn6MtWeB7TkiKW70BQLc9XEPpDLPdbo52ZhXUCrznlWdCHWxJWtdyajA==
+  dependencies:
+    "@types/node" "*"
+    "@types/qs" "*"
+    "@types/range-parser" "*"
+    "@types/send" "*"
+
+"@types/express@*", "@types/express@^4.17.13":
+  version "4.17.21"
+  resolved "https://registry.yarnpkg.com/@types/express/-/express-4.17.21.tgz#c26d4a151e60efe0084b23dc3369ebc631ed192d"
+  integrity sha512-ejlPM315qwLpaQlQDTjPdsUFSc6ZsP4AN6AlWnogPjQ7CVi7PYF3YVz+CY3jE2pwYf7E/7HlDAN0rV2GxTG0HQ==
+  dependencies:
+    "@types/body-parser" "*"
+    "@types/express-serve-static-core" "^4.17.33"
+    "@types/qs" "*"
+    "@types/serve-static" "*"
+
+"@types/http-errors@*":
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/@types/http-errors/-/http-errors-2.0.4.tgz#7eb47726c391b7345a6ec35ad7f4de469cf5ba4f"
+  integrity sha512-D0CFMMtydbJAegzOyHjtiKPLlvnm3iTZyZRSZoLq2mRhDdmLfIWOCYPfQJ4cu2erKghU++QvjcUjp/5h7hESpA==
+
+"@types/http-proxy@^1.17.8":
+  version "1.17.14"
+  resolved "https://registry.yarnpkg.com/@types/http-proxy/-/http-proxy-1.17.14.tgz#57f8ccaa1c1c3780644f8a94f9c6b5000b5e2eec"
+  integrity sha512-SSrD0c1OQzlFX7pGu1eXxSEjemej64aaNPRhhVYUGqXh0BtldAAx37MG8btcumvpgKyZp1F5Gn3JkktdxiFv6w==
+  dependencies:
+    "@types/node" "*"
+
+"@types/json-schema@*", "@types/json-schema@^7.0.8", "@types/json-schema@^7.0.9":
+  version "7.0.15"
+  resolved "https://registry.yarnpkg.com/@types/json-schema/-/json-schema-7.0.15.tgz#596a1747233694d50f6ad8a7869fcb6f56cf5841"
+  integrity sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==
+
+"@types/mime@*":
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/@types/mime/-/mime-3.0.4.tgz#2198ac274de6017b44d941e00261d5bc6a0e0a45"
+  integrity sha512-iJt33IQnVRkqeqC7PzBHPTC6fDlRNRW8vjrgqtScAhrmMwe8c4Eo7+fUGTa+XdWrpEgpyKWMYmi2dIwMAYRzPw==
+
+"@types/mime@^1":
+  version "1.3.5"
+  resolved "https://registry.yarnpkg.com/@types/mime/-/mime-1.3.5.tgz#1ef302e01cf7d2b5a0fa526790c9123bf1d06690"
+  integrity sha512-/pyBZWSLD2n0dcHE3hq8s8ZvcETHtEuF+3E7XVt0Ig2nvsVQXdghHVcEkIWjy9A0wKfTn97a/PSDYohKIlnP/w==
+
+"@types/node-forge@^1.3.0":
+  version "1.3.10"
+  resolved "https://registry.yarnpkg.com/@types/node-forge/-/node-forge-1.3.10.tgz#62a19d4f75a8b03290578c2b04f294b1a5a71b07"
+  integrity sha512-y6PJDYN4xYBxwd22l+OVH35N+1fCYWiuC3aiP2SlXVE6Lo7SS+rSx9r89hLxrP4pn6n1lBGhHJ12pj3F3Mpttw==
+  dependencies:
+    "@types/node" "*"
+
+"@types/node@*", "@types/node@>=10.0.0":
+  version "20.10.5"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-20.10.5.tgz#47ad460b514096b7ed63a1dae26fad0914ed3ab2"
+  integrity sha512-nNPsNE65wjMxEKI93yOP+NPGGBJz/PoN3kZsVLee0XMiJolxSekEVD8wRwBUBqkwc7UWop0edW50yrCQW4CyRw==
+  dependencies:
+    undici-types "~5.26.4"
+
+"@types/qs@*":
+  version "6.9.10"
+  resolved "https://registry.yarnpkg.com/@types/qs/-/qs-6.9.10.tgz#0af26845b5067e1c9a622658a51f60a3934d51e8"
+  integrity sha512-3Gnx08Ns1sEoCrWssEgTSJs/rsT2vhGP+Ja9cnnk9k4ALxinORlQneLXFeFKOTJMOeZUFD1s7w+w2AphTpvzZw==
+
+"@types/range-parser@*":
+  version "1.2.7"
+  resolved "https://registry.yarnpkg.com/@types/range-parser/-/range-parser-1.2.7.tgz#50ae4353eaaddc04044279812f52c8c65857dbcb"
+  integrity sha512-hKormJbkJqzQGhziax5PItDUTMAM9uE2XXQmM37dyd4hVM+5aVl7oVxMVUiVQn2oCQFN/LKCZdvSM0pFRqbSmQ==
+
+"@types/retry@0.12.0":
+  version "0.12.0"
+  resolved "https://registry.yarnpkg.com/@types/retry/-/retry-0.12.0.tgz#2b35eccfcee7d38cd72ad99232fbd58bffb3c84d"
+  integrity sha512-wWKOClTTiizcZhXnPY4wikVAwmdYHp8q6DmC+EJUzAMsycb7HB32Kh9RN4+0gExjmPmZSAQjgURXIGATPegAvA==
+
+"@types/send@*":
+  version "0.17.4"
+  resolved "https://registry.yarnpkg.com/@types/send/-/send-0.17.4.tgz#6619cd24e7270793702e4e6a4b958a9010cfc57a"
+  integrity sha512-x2EM6TJOybec7c52BX0ZspPodMsQUd5L6PRwOunVyVUhXiBSKf3AezDL8Dgvgt5o0UfKNfuA0eMLr2wLT4AiBA==
+  dependencies:
+    "@types/mime" "^1"
+    "@types/node" "*"
+
+"@types/serve-index@^1.9.1":
+  version "1.9.4"
+  resolved "https://registry.yarnpkg.com/@types/serve-index/-/serve-index-1.9.4.tgz#e6ae13d5053cb06ed36392110b4f9a49ac4ec898"
+  integrity sha512-qLpGZ/c2fhSs5gnYsQxtDEq3Oy8SXPClIXkW5ghvAvsNuVSA8k+gCONcUCS/UjLEYvYps+e8uBtfgXgvhwfNug==
+  dependencies:
+    "@types/express" "*"
+
+"@types/serve-static@*", "@types/serve-static@^1.13.10":
+  version "1.15.5"
+  resolved "https://registry.yarnpkg.com/@types/serve-static/-/serve-static-1.15.5.tgz#15e67500ec40789a1e8c9defc2d32a896f05b033"
+  integrity sha512-PDRk21MnK70hja/YF8AHfC7yIsiQHn1rcXx7ijCFBX/k+XQJhQT/gw3xekXKJvx+5SXaMMS8oqQy09Mzvz2TuQ==
+  dependencies:
+    "@types/http-errors" "*"
+    "@types/mime" "*"
+    "@types/node" "*"
+
+"@types/sockjs@^0.3.33":
+  version "0.3.36"
+  resolved "https://registry.yarnpkg.com/@types/sockjs/-/sockjs-0.3.36.tgz#ce322cf07bcc119d4cbf7f88954f3a3bd0f67535"
+  integrity sha512-MK9V6NzAS1+Ud7JV9lJLFqW85VbC9dq3LmwZCuBe4wBDgKC0Kj/jd8Xl+nSviU+Qc3+m7umHHyHg//2KSa0a0Q==
+  dependencies:
+    "@types/node" "*"
+
+"@types/ws@^8.5.1":
+  version "8.5.10"
+  resolved "https://registry.yarnpkg.com/@types/ws/-/ws-8.5.10.tgz#4acfb517970853fa6574a3a6886791d04a396787"
+  integrity sha512-vmQSUcfalpIq0R9q7uTo2lXs6eGIpt9wtnLdMv9LVpIjCA/+ufZRozlVoVelIYixx1ugCBKDhn89vnsEGOCx9A==
+  dependencies:
+    "@types/node" "*"
+
+"@webassemblyjs/ast@1.11.6", "@webassemblyjs/ast@^1.11.5":
+  version "1.11.6"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/ast/-/ast-1.11.6.tgz#db046555d3c413f8966ca50a95176a0e2c642e24"
+  integrity sha512-IN1xI7PwOvLPgjcf180gC1bqn3q/QaOCwYUahIOhbYUu8KA/3tw2RT/T0Gidi1l7Hhj5D/INhJxiICObqpMu4Q==
+  dependencies:
+    "@webassemblyjs/helper-numbers" "1.11.6"
+    "@webassemblyjs/helper-wasm-bytecode" "1.11.6"
+
+"@webassemblyjs/floating-point-hex-parser@1.11.6":
+  version "1.11.6"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.11.6.tgz#dacbcb95aff135c8260f77fa3b4c5fea600a6431"
+  integrity sha512-ejAj9hfRJ2XMsNHk/v6Fu2dGS+i4UaXBXGemOfQ/JfQ6mdQg/WXtwleQRLLS4OvfDhv8rYnVwH27YJLMyYsxhw==
+
+"@webassemblyjs/helper-api-error@1.11.6":
+  version "1.11.6"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-api-error/-/helper-api-error-1.11.6.tgz#6132f68c4acd59dcd141c44b18cbebbd9f2fa768"
+  integrity sha512-o0YkoP4pVu4rN8aTJgAyj9hC2Sv5UlkzCHhxqWj8butaLvnpdc2jOwh4ewE6CX0txSfLn/UYaV/pheS2Txg//Q==
+
+"@webassemblyjs/helper-buffer@1.11.6":
+  version "1.11.6"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-buffer/-/helper-buffer-1.11.6.tgz#b66d73c43e296fd5e88006f18524feb0f2c7c093"
+  integrity sha512-z3nFzdcp1mb8nEOFFk8DrYLpHvhKC3grJD2ardfKOzmbmJvEf/tPIqCY+sNcwZIY8ZD7IkB2l7/pqhUhqm7hLA==
+
+"@webassemblyjs/helper-numbers@1.11.6":
+  version "1.11.6"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-numbers/-/helper-numbers-1.11.6.tgz#cbce5e7e0c1bd32cf4905ae444ef64cea919f1b5"
+  integrity sha512-vUIhZ8LZoIWHBohiEObxVm6hwP034jwmc9kuq5GdHZH0wiLVLIPcMCdpJzG4C11cHoQ25TFIQj9kaVADVX7N3g==
+  dependencies:
+    "@webassemblyjs/floating-point-hex-parser" "1.11.6"
+    "@webassemblyjs/helper-api-error" "1.11.6"
+    "@xtuc/long" "4.2.2"
+
+"@webassemblyjs/helper-wasm-bytecode@1.11.6":
+  version "1.11.6"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.11.6.tgz#bb2ebdb3b83aa26d9baad4c46d4315283acd51e9"
+  integrity sha512-sFFHKwcmBprO9e7Icf0+gddyWYDViL8bpPjJJl0WHxCdETktXdmtWLGVzoHbqUcY4Be1LkNfwTmXOJUFZYSJdA==
+
+"@webassemblyjs/helper-wasm-section@1.11.6":
+  version "1.11.6"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.11.6.tgz#ff97f3863c55ee7f580fd5c41a381e9def4aa577"
+  integrity sha512-LPpZbSOwTpEC2cgn4hTydySy1Ke+XEu+ETXuoyvuyezHO3Kjdu90KK95Sh9xTbmjrCsUwvWwCOQQNta37VrS9g==
+  dependencies:
+    "@webassemblyjs/ast" "1.11.6"
+    "@webassemblyjs/helper-buffer" "1.11.6"
+    "@webassemblyjs/helper-wasm-bytecode" "1.11.6"
+    "@webassemblyjs/wasm-gen" "1.11.6"
+
+"@webassemblyjs/ieee754@1.11.6":
+  version "1.11.6"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/ieee754/-/ieee754-1.11.6.tgz#bb665c91d0b14fffceb0e38298c329af043c6e3a"
+  integrity sha512-LM4p2csPNvbij6U1f19v6WR56QZ8JcHg3QIJTlSwzFcmx6WSORicYj6I63f9yU1kEUtrpG+kjkiIAkevHpDXrg==
+  dependencies:
+    "@xtuc/ieee754" "^1.2.0"
+
+"@webassemblyjs/leb128@1.11.6":
+  version "1.11.6"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/leb128/-/leb128-1.11.6.tgz#70e60e5e82f9ac81118bc25381a0b283893240d7"
+  integrity sha512-m7a0FhE67DQXgouf1tbN5XQcdWoNgaAuoULHIfGFIEVKA6tu/edls6XnIlkmS6FrXAquJRPni3ZZKjw6FSPjPQ==
+  dependencies:
+    "@xtuc/long" "4.2.2"
+
+"@webassemblyjs/utf8@1.11.6":
+  version "1.11.6"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/utf8/-/utf8-1.11.6.tgz#90f8bc34c561595fe156603be7253cdbcd0fab5a"
+  integrity sha512-vtXf2wTQ3+up9Zsg8sa2yWiQpzSsMyXj0qViVP6xKGCUT8p8YJ6HqI7l5eCnWx1T/FYdsv07HQs2wTFbbof/RA==
+
+"@webassemblyjs/wasm-edit@^1.11.5":
+  version "1.11.6"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-edit/-/wasm-edit-1.11.6.tgz#c72fa8220524c9b416249f3d94c2958dfe70ceab"
+  integrity sha512-Ybn2I6fnfIGuCR+Faaz7YcvtBKxvoLV3Lebn1tM4o/IAJzmi9AWYIPWpyBfU8cC+JxAO57bk4+zdsTjJR+VTOw==
+  dependencies:
+    "@webassemblyjs/ast" "1.11.6"
+    "@webassemblyjs/helper-buffer" "1.11.6"
+    "@webassemblyjs/helper-wasm-bytecode" "1.11.6"
+    "@webassemblyjs/helper-wasm-section" "1.11.6"
+    "@webassemblyjs/wasm-gen" "1.11.6"
+    "@webassemblyjs/wasm-opt" "1.11.6"
+    "@webassemblyjs/wasm-parser" "1.11.6"
+    "@webassemblyjs/wast-printer" "1.11.6"
+
+"@webassemblyjs/wasm-gen@1.11.6":
+  version "1.11.6"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-gen/-/wasm-gen-1.11.6.tgz#fb5283e0e8b4551cc4e9c3c0d7184a65faf7c268"
+  integrity sha512-3XOqkZP/y6B4F0PBAXvI1/bky7GryoogUtfwExeP/v7Nzwo1QLcq5oQmpKlftZLbT+ERUOAZVQjuNVak6UXjPA==
+  dependencies:
+    "@webassemblyjs/ast" "1.11.6"
+    "@webassemblyjs/helper-wasm-bytecode" "1.11.6"
+    "@webassemblyjs/ieee754" "1.11.6"
+    "@webassemblyjs/leb128" "1.11.6"
+    "@webassemblyjs/utf8" "1.11.6"
+
+"@webassemblyjs/wasm-opt@1.11.6":
+  version "1.11.6"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-opt/-/wasm-opt-1.11.6.tgz#d9a22d651248422ca498b09aa3232a81041487c2"
+  integrity sha512-cOrKuLRE7PCe6AsOVl7WasYf3wbSo4CeOk6PkrjS7g57MFfVUF9u6ysQBBODX0LdgSvQqRiGz3CXvIDKcPNy4g==
+  dependencies:
+    "@webassemblyjs/ast" "1.11.6"
+    "@webassemblyjs/helper-buffer" "1.11.6"
+    "@webassemblyjs/wasm-gen" "1.11.6"
+    "@webassemblyjs/wasm-parser" "1.11.6"
+
+"@webassemblyjs/wasm-parser@1.11.6", "@webassemblyjs/wasm-parser@^1.11.5":
+  version "1.11.6"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-parser/-/wasm-parser-1.11.6.tgz#bb85378c527df824004812bbdb784eea539174a1"
+  integrity sha512-6ZwPeGzMJM3Dqp3hCsLgESxBGtT/OeCvCZ4TA1JUPYgmhAx38tTPR9JaKy0S5H3evQpO/h2uWs2j6Yc/fjkpTQ==
+  dependencies:
+    "@webassemblyjs/ast" "1.11.6"
+    "@webassemblyjs/helper-api-error" "1.11.6"
+    "@webassemblyjs/helper-wasm-bytecode" "1.11.6"
+    "@webassemblyjs/ieee754" "1.11.6"
+    "@webassemblyjs/leb128" "1.11.6"
+    "@webassemblyjs/utf8" "1.11.6"
+
+"@webassemblyjs/wast-printer@1.11.6":
+  version "1.11.6"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/wast-printer/-/wast-printer-1.11.6.tgz#a7bf8dd7e362aeb1668ff43f35cb849f188eff20"
+  integrity sha512-JM7AhRcE+yW2GWYaKeHL5vt4xqee5N2WcezptmgyhNS+ScggqcT1OtXykhAb13Sn5Yas0j2uv9tHgrjwvzAP4A==
+  dependencies:
+    "@webassemblyjs/ast" "1.11.6"
+    "@xtuc/long" "4.2.2"
+
+"@webpack-cli/configtest@^2.1.0":
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/@webpack-cli/configtest/-/configtest-2.1.1.tgz#3b2f852e91dac6e3b85fb2a314fb8bef46d94646"
+  integrity sha512-wy0mglZpDSiSS0XHrVR+BAdId2+yxPSoJW8fsna3ZpYSlufjvxnP4YbKTCBZnNIcGN4r6ZPXV55X4mYExOfLmw==
+
+"@webpack-cli/info@^2.0.1":
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/@webpack-cli/info/-/info-2.0.2.tgz#cc3fbf22efeb88ff62310cf885c5b09f44ae0fdd"
+  integrity sha512-zLHQdI/Qs1UyT5UBdWNqsARasIA+AaF8t+4u2aS2nEpBQh2mWIVb8qAklq0eUENnC5mOItrIB4LiS9xMtph18A==
+
+"@webpack-cli/serve@^2.0.3":
+  version "2.0.5"
+  resolved "https://registry.yarnpkg.com/@webpack-cli/serve/-/serve-2.0.5.tgz#325db42395cd49fe6c14057f9a900e427df8810e"
+  integrity sha512-lqaoKnRYBdo1UgDX8uF24AfGMifWK19TxPmM5FHc2vAGxrJ/qtyUyFBWoY1tISZdelsQ5fBcOusifo5o5wSJxQ==
+
+"@xtuc/ieee754@^1.2.0":
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/@xtuc/ieee754/-/ieee754-1.2.0.tgz#eef014a3145ae477a1cbc00cd1e552336dceb790"
+  integrity sha512-DX8nKgqcGwsc0eJSqYt5lwP4DH5FlHnmuWWBRy7X0NcaGR0ZtuyeESgMwTYVEtxmsNGY+qit4QYT/MIYTOTPeA==
+
+"@xtuc/long@4.2.2":
+  version "4.2.2"
+  resolved "https://registry.yarnpkg.com/@xtuc/long/-/long-4.2.2.tgz#d291c6a4e97989b5c61d9acf396ae4fe133a718d"
+  integrity sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ==
+
+abab@^2.0.6:
+  version "2.0.6"
+  resolved "https://registry.yarnpkg.com/abab/-/abab-2.0.6.tgz#41b80f2c871d19686216b82309231cfd3cb3d291"
+  integrity sha512-j2afSsaIENvHZN2B8GOpF566vZ5WVk5opAiMTvWgaQT8DkbOqsTfvNAvHoRGU2zzP8cPoqys+xHTRDWW8L+/BA==
+
+accepts@~1.3.4, accepts@~1.3.5, accepts@~1.3.8:
+  version "1.3.8"
+  resolved "https://registry.yarnpkg.com/accepts/-/accepts-1.3.8.tgz#0bf0be125b67014adcb0b0921e62db7bffe16b2e"
+  integrity sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==
+  dependencies:
+    mime-types "~2.1.34"
+    negotiator "0.6.3"
+
+acorn-import-assertions@^1.7.6:
+  version "1.9.0"
+  resolved "https://registry.yarnpkg.com/acorn-import-assertions/-/acorn-import-assertions-1.9.0.tgz#507276249d684797c84e0734ef84860334cfb1ac"
+  integrity sha512-cmMwop9x+8KFhxvKrKfPYmN6/pKTYYHBqLa0DfvVZcKMJWNyWLnaqND7dx/qn66R7ewM1UX5XMaDVP5wlVTaVA==
+
+acorn@^8.7.1, acorn@^8.8.2:
+  version "8.11.2"
+  resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.11.2.tgz#ca0d78b51895be5390a5903c5b3bdcdaf78ae40b"
+  integrity sha512-nc0Axzp/0FILLEVsm4fNwLCwMttvhEI263QtVPQcbpfZZ3ts0hLsZGOpE6czNlid7CJ9MlyH8reXkpsf3YUY4w==
+
+ajv-formats@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/ajv-formats/-/ajv-formats-2.1.1.tgz#6e669400659eb74973bbf2e33327180a0996b520"
+  integrity sha512-Wx0Kx52hxE7C18hkMEggYlEifqWZtYaRgouJor+WMdPnQyEK13vgEWyVNup7SoeeoLMsr4kf5h6dOW11I15MUA==
+  dependencies:
+    ajv "^8.0.0"
+
+ajv-keywords@^3.5.2:
+  version "3.5.2"
+  resolved "https://registry.yarnpkg.com/ajv-keywords/-/ajv-keywords-3.5.2.tgz#31f29da5ab6e00d1c2d329acf7b5929614d5014d"
+  integrity sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==
+
+ajv-keywords@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/ajv-keywords/-/ajv-keywords-5.1.0.tgz#69d4d385a4733cdbeab44964a1170a88f87f0e16"
+  integrity sha512-YCS/JNFAUyr5vAuhk1DWm1CBxRHW9LbJ2ozWeemrIqpbsqKjHVxYPyi5GC0rjZIT5JxJ3virVTS8wk4i/Z+krw==
+  dependencies:
+    fast-deep-equal "^3.1.3"
+
+ajv@^6.12.5:
+  version "6.12.6"
+  resolved "https://registry.yarnpkg.com/ajv/-/ajv-6.12.6.tgz#baf5a62e802b07d977034586f8c3baf5adf26df4"
+  integrity sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==
+  dependencies:
+    fast-deep-equal "^3.1.1"
+    fast-json-stable-stringify "^2.0.0"
+    json-schema-traverse "^0.4.1"
+    uri-js "^4.2.2"
+
+ajv@^8.0.0, ajv@^8.9.0:
+  version "8.12.0"
+  resolved "https://registry.yarnpkg.com/ajv/-/ajv-8.12.0.tgz#d1a0527323e22f53562c567c00991577dfbe19d1"
+  integrity sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==
+  dependencies:
+    fast-deep-equal "^3.1.1"
+    json-schema-traverse "^1.0.0"
+    require-from-string "^2.0.2"
+    uri-js "^4.2.2"
+
+ansi-colors@4.1.1:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/ansi-colors/-/ansi-colors-4.1.1.tgz#cbb9ae256bf750af1eab344f229aa27fe94ba348"
+  integrity sha512-JoX0apGbHaUJBNl6yF+p6JAFYZ666/hhCGKN5t9QFjbJQKUU/g8MNbFDbvfrgKXvI1QpZplPOnwIo99lX/AAmA==
+
+ansi-html-community@^0.0.8:
+  version "0.0.8"
+  resolved "https://registry.yarnpkg.com/ansi-html-community/-/ansi-html-community-0.0.8.tgz#69fbc4d6ccbe383f9736934ae34c3f8290f1bf41"
+  integrity sha512-1APHAyr3+PCamwNw3bXCPp4HFLONZt/yIH0sZp0/469KWNTEy+qN5jQ3GVX6DMZ1UXAi34yVwtTeaG/HpBuuzw==
+
+ansi-regex@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-5.0.1.tgz#082cb2c89c9fe8659a311a53bd6a4dc5301db304"
+  integrity sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==
+
+ansi-styles@^4.0.0, ansi-styles@^4.1.0:
+  version "4.3.0"
+  resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-4.3.0.tgz#edd803628ae71c04c85ae7a0906edad34b648937"
+  integrity sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==
+  dependencies:
+    color-convert "^2.0.1"
+
+anymatch@~3.1.2:
+  version "3.1.3"
+  resolved "https://registry.yarnpkg.com/anymatch/-/anymatch-3.1.3.tgz#790c58b19ba1720a84205b57c618d5ad8524973e"
+  integrity sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==
+  dependencies:
+    normalize-path "^3.0.0"
+    picomatch "^2.0.4"
+
+argparse@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/argparse/-/argparse-2.0.1.tgz#246f50f3ca78a3240f6c997e8a9bd1eac49e4b38"
+  integrity sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==
+
+array-flatten@1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/array-flatten/-/array-flatten-1.1.1.tgz#9a5f699051b1e7073328f2a008968b64ea2955d2"
+  integrity sha512-PCVAQswWemu6UdxsDFFX/+gVeYqKAod3D3UVm91jHwynguOwAvYPhx8nNlM++NqRcK6CxxpUafjmhIdKiHibqg==
+
+array-flatten@^2.1.2:
+  version "2.1.2"
+  resolved "https://registry.yarnpkg.com/array-flatten/-/array-flatten-2.1.2.tgz#24ef80a28c1a893617e2149b0c6d0d788293b099"
+  integrity sha512-hNfzcOV8W4NdualtqBFPyVO+54DSJuZGY9qT4pRroB6S9e3iiido2ISIC5h9R2sPJ8H3FHCIiEnsv1lPXO3KtQ==
+
+balanced-match@^1.0.0:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-1.0.2.tgz#e83e3a7e3f300b34cb9d87f615fa0cbf357690ee"
+  integrity sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==
+
+base64id@2.0.0, base64id@~2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/base64id/-/base64id-2.0.0.tgz#2770ac6bc47d312af97a8bf9a634342e0cd25cb6"
+  integrity sha512-lGe34o6EHj9y3Kts9R4ZYs/Gr+6N7MCaMlIFA3F1R2O5/m7K06AxfSeO5530PEERE6/WyEg3lsuyw4GHlPZHog==
+
+batch@0.6.1:
+  version "0.6.1"
+  resolved "https://registry.yarnpkg.com/batch/-/batch-0.6.1.tgz#dc34314f4e679318093fc760272525f94bf25c16"
+  integrity sha512-x+VAiMRL6UPkx+kudNvxTl6hB2XNNCG2r+7wixVfIYwu/2HKRXimwQyaumLjMveWvT2Hkd/cAJw+QBMfJ/EKVw==
+
+binary-extensions@^2.0.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/binary-extensions/-/binary-extensions-2.2.0.tgz#75f502eeaf9ffde42fc98829645be4ea76bd9e2d"
+  integrity sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==
+
+body-parser@1.20.1:
+  version "1.20.1"
+  resolved "https://registry.yarnpkg.com/body-parser/-/body-parser-1.20.1.tgz#b1812a8912c195cd371a3ee5e66faa2338a5c668"
+  integrity sha512-jWi7abTbYwajOytWCQc37VulmWiRae5RyTpaCyDcS5/lMdtwSz5lOpDE67srw/HYe35f1z3fDQw+3txg7gNtWw==
+  dependencies:
+    bytes "3.1.2"
+    content-type "~1.0.4"
+    debug "2.6.9"
+    depd "2.0.0"
+    destroy "1.2.0"
+    http-errors "2.0.0"
+    iconv-lite "0.4.24"
+    on-finished "2.4.1"
+    qs "6.11.0"
+    raw-body "2.5.1"
+    type-is "~1.6.18"
+    unpipe "1.0.0"
+
+body-parser@^1.19.0:
+  version "1.20.2"
+  resolved "https://registry.yarnpkg.com/body-parser/-/body-parser-1.20.2.tgz#6feb0e21c4724d06de7ff38da36dad4f57a747fd"
+  integrity sha512-ml9pReCu3M61kGlqoTm2umSXTlRTuGTx0bfYj+uIUKKYycG5NtSbeetV3faSU6R7ajOPw0g/J1PvK4qNy7s5bA==
+  dependencies:
+    bytes "3.1.2"
+    content-type "~1.0.5"
+    debug "2.6.9"
+    depd "2.0.0"
+    destroy "1.2.0"
+    http-errors "2.0.0"
+    iconv-lite "0.4.24"
+    on-finished "2.4.1"
+    qs "6.11.0"
+    raw-body "2.5.2"
+    type-is "~1.6.18"
+    unpipe "1.0.0"
+
+bonjour-service@^1.0.11:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/bonjour-service/-/bonjour-service-1.1.1.tgz#960948fa0e0153f5d26743ab15baf8e33752c135"
+  integrity sha512-Z/5lQRMOG9k7W+FkeGTNjh7htqn/2LMnfOvBZ8pynNZCM9MwkQkI3zeI4oz09uWdcgmgHugVvBqxGg4VQJ5PCg==
+  dependencies:
+    array-flatten "^2.1.2"
+    dns-equal "^1.0.0"
+    fast-deep-equal "^3.1.3"
+    multicast-dns "^7.2.5"
+
+brace-expansion@^1.1.7:
+  version "1.1.11"
+  resolved "https://registry.yarnpkg.com/brace-expansion/-/brace-expansion-1.1.11.tgz#3c7fcbf529d87226f3d2f52b966ff5271eb441dd"
+  integrity sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==
+  dependencies:
+    balanced-match "^1.0.0"
+    concat-map "0.0.1"
+
+brace-expansion@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/brace-expansion/-/brace-expansion-2.0.1.tgz#1edc459e0f0c548486ecf9fc99f2221364b9a0ae"
+  integrity sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==
+  dependencies:
+    balanced-match "^1.0.0"
+
+braces@^3.0.2, braces@~3.0.2:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/braces/-/braces-3.0.2.tgz#3454e1a462ee8d599e236df336cd9ea4f8afe107"
+  integrity sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==
+  dependencies:
+    fill-range "^7.0.1"
+
+browser-stdout@1.3.1:
+  version "1.3.1"
+  resolved "https://registry.yarnpkg.com/browser-stdout/-/browser-stdout-1.3.1.tgz#baa559ee14ced73452229bad7326467c61fabd60"
+  integrity sha512-qhAVI1+Av2X7qelOfAIYwXONood6XlZE/fXaBSmW/T5SzLAmCgzi+eiWE7fUvbHaeNBQH13UftjpXxsfLkMpgw==
+
+browserslist@^4.14.5:
+  version "4.22.2"
+  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.22.2.tgz#704c4943072bd81ea18997f3bd2180e89c77874b"
+  integrity sha512-0UgcrvQmBDvZHFGdYUehrCNIazki7/lUP3kkoi/r3YB2amZbFM9J43ZRkJTXBUZK4gmx56+Sqk9+Vs9mwZx9+A==
+  dependencies:
+    caniuse-lite "^1.0.30001565"
+    electron-to-chromium "^1.4.601"
+    node-releases "^2.0.14"
+    update-browserslist-db "^1.0.13"
+
+buffer-from@^1.0.0:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/buffer-from/-/buffer-from-1.1.2.tgz#2b146a6fd72e80b4f55d255f35ed59a3a9a41bd5"
+  integrity sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==
+
+bytes@3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/bytes/-/bytes-3.0.0.tgz#d32815404d689699f85a4ea4fa8755dd13a96048"
+  integrity sha512-pMhOfFDPiv9t5jjIXkHosWmkSyQbvsgEVNkz0ERHbuLh2T/7j4Mqqpz523Fe8MVY89KC6Sh/QfS2sM+SjgFDcw==
+
+bytes@3.1.2:
+  version "3.1.2"
+  resolved "https://registry.yarnpkg.com/bytes/-/bytes-3.1.2.tgz#8b0beeb98605adf1b128fa4386403c009e0221a5"
+  integrity sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==
+
+call-bind@^1.0.0:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/call-bind/-/call-bind-1.0.5.tgz#6fa2b7845ce0ea49bf4d8b9ef64727a2c2e2e513"
+  integrity sha512-C3nQxfFZxFRVoJoGKKI8y3MOEo129NQ+FgQ08iye+Mk4zNZZGdjfs06bVTr+DBSlA66Q2VEcMki/cUCP4SercQ==
+  dependencies:
+    function-bind "^1.1.2"
+    get-intrinsic "^1.2.1"
+    set-function-length "^1.1.1"
+
+camelcase@^6.0.0:
+  version "6.3.0"
+  resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-6.3.0.tgz#5685b95eb209ac9c0c177467778c9c84df58ba9a"
+  integrity sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==
+
+caniuse-lite@^1.0.30001565:
+  version "1.0.30001570"
+  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001570.tgz#b4e5c1fa786f733ab78fc70f592df6b3f23244ca"
+  integrity sha512-+3e0ASu4sw1SWaoCtvPeyXp+5PsjigkSt8OXZbF9StH5pQWbxEjLAZE3n8Aup5udop1uRiKA7a4utUk/uoSpUw==
+
+chalk@^4.1.0:
+  version "4.1.2"
+  resolved "https://registry.yarnpkg.com/chalk/-/chalk-4.1.2.tgz#aac4e2b7734a740867aeb16bf02aad556a1e7a01"
+  integrity sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==
+  dependencies:
+    ansi-styles "^4.1.0"
+    supports-color "^7.1.0"
+
+chokidar@3.5.3, chokidar@^3.5.1, chokidar@^3.5.3:
+  version "3.5.3"
+  resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-3.5.3.tgz#1cf37c8707b932bd1af1ae22c0432e2acd1903bd"
+  integrity sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==
+  dependencies:
+    anymatch "~3.1.2"
+    braces "~3.0.2"
+    glob-parent "~5.1.2"
+    is-binary-path "~2.1.0"
+    is-glob "~4.0.1"
+    normalize-path "~3.0.0"
+    readdirp "~3.6.0"
+  optionalDependencies:
+    fsevents "~2.3.2"
+
+chrome-trace-event@^1.0.2:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/chrome-trace-event/-/chrome-trace-event-1.0.3.tgz#1015eced4741e15d06664a957dbbf50d041e26ac"
+  integrity sha512-p3KULyQg4S7NIHixdwbGX+nFHkoBiA4YQmyWtjb8XngSKV124nJmRysgAeujbUVb15vh+RvFUfCPqU7rXk+hZg==
+
+cliui@^7.0.2:
+  version "7.0.4"
+  resolved "https://registry.yarnpkg.com/cliui/-/cliui-7.0.4.tgz#a0265ee655476fc807aea9df3df8df7783808b4f"
+  integrity sha512-OcRE68cOsVMXp1Yvonl/fzkQOyjLSu/8bhPDfQt0e0/Eb283TKP20Fs2MqoPsr9SwA595rRCA+QMzYc9nBP+JQ==
+  dependencies:
+    string-width "^4.2.0"
+    strip-ansi "^6.0.0"
+    wrap-ansi "^7.0.0"
+
+clone-deep@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/clone-deep/-/clone-deep-4.0.1.tgz#c19fd9bdbbf85942b4fd979c84dcf7d5f07c2387"
+  integrity sha512-neHB9xuzh/wk0dIHweyAXv2aPGZIVk3pLMe+/RNzINf17fe0OG96QroktYAUm7SM1PBnzTabaLboqqxDyMU+SQ==
+  dependencies:
+    is-plain-object "^2.0.4"
+    kind-of "^6.0.2"
+    shallow-clone "^3.0.0"
+
+color-convert@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/color-convert/-/color-convert-2.0.1.tgz#72d3a68d598c9bdb3af2ad1e84f21d896abd4de3"
+  integrity sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==
+  dependencies:
+    color-name "~1.1.4"
+
+color-name@~1.1.4:
+  version "1.1.4"
+  resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.4.tgz#c2a09a87acbde69543de6f63fa3995c826c536a2"
+  integrity sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==
+
+colorette@^2.0.10, colorette@^2.0.14:
+  version "2.0.20"
+  resolved "https://registry.yarnpkg.com/colorette/-/colorette-2.0.20.tgz#9eb793e6833067f7235902fcd3b09917a000a95a"
+  integrity sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w==
+
+commander@^10.0.1:
+  version "10.0.1"
+  resolved "https://registry.yarnpkg.com/commander/-/commander-10.0.1.tgz#881ee46b4f77d1c1dccc5823433aa39b022cbe06"
+  integrity sha512-y4Mg2tXshplEbSGzx7amzPwKKOCGuoSRP/CjEdwwk0FOGlUbq6lKuoyDZTNZkmxHdJtp54hdfY/JUrdL7Xfdug==
+
+commander@^2.20.0:
+  version "2.20.3"
+  resolved "https://registry.yarnpkg.com/commander/-/commander-2.20.3.tgz#fd485e84c03eb4881c20722ba48035e8531aeb33"
+  integrity sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==
+
+compressible@~2.0.16:
+  version "2.0.18"
+  resolved "https://registry.yarnpkg.com/compressible/-/compressible-2.0.18.tgz#af53cca6b070d4c3c0750fbd77286a6d7cc46fba"
+  integrity sha512-AF3r7P5dWxL8MxyITRMlORQNaOA2IkAFaTr4k7BUumjPtRpGDTZpl0Pb1XCO6JeDCBdp126Cgs9sMxqSjgYyRg==
+  dependencies:
+    mime-db ">= 1.43.0 < 2"
+
+compression@^1.7.4:
+  version "1.7.4"
+  resolved "https://registry.yarnpkg.com/compression/-/compression-1.7.4.tgz#95523eff170ca57c29a0ca41e6fe131f41e5bb8f"
+  integrity sha512-jaSIDzP9pZVS4ZfQ+TzvtiWhdpFhE2RDHz8QJkpX9SIpLq88VueF5jJw6t+6CUQcAoA6t+x89MLrWAqpfDE8iQ==
+  dependencies:
+    accepts "~1.3.5"
+    bytes "3.0.0"
+    compressible "~2.0.16"
+    debug "2.6.9"
+    on-headers "~1.0.2"
+    safe-buffer "5.1.2"
+    vary "~1.1.2"
+
+concat-map@0.0.1:
+  version "0.0.1"
+  resolved "https://registry.yarnpkg.com/concat-map/-/concat-map-0.0.1.tgz#d8a96bd77fd68df7793a73036a3ba0d5405d477b"
+  integrity sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==
+
+connect-history-api-fallback@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/connect-history-api-fallback/-/connect-history-api-fallback-2.0.0.tgz#647264845251a0daf25b97ce87834cace0f5f1c8"
+  integrity sha512-U73+6lQFmfiNPrYbXqr6kZ1i1wiRqXnp2nhMsINseWXO8lDau0LGEffJ8kQi4EjLZympVgRdvqjAgiZ1tgzDDA==
+
+connect@^3.7.0:
+  version "3.7.0"
+  resolved "https://registry.yarnpkg.com/connect/-/connect-3.7.0.tgz#5d49348910caa5e07a01800b030d0c35f20484f8"
+  integrity sha512-ZqRXc+tZukToSNmh5C2iWMSoV3X1YUcPbqEM4DkEG5tNQXrQUZCNVGGv3IuicnkMtPfGf3Xtp8WCXs295iQ1pQ==
+  dependencies:
+    debug "2.6.9"
+    finalhandler "1.1.2"
+    parseurl "~1.3.3"
+    utils-merge "1.0.1"
+
+content-disposition@0.5.4:
+  version "0.5.4"
+  resolved "https://registry.yarnpkg.com/content-disposition/-/content-disposition-0.5.4.tgz#8b82b4efac82512a02bb0b1dcec9d2c5e8eb5bfe"
+  integrity sha512-FveZTNuGw04cxlAiWbzi6zTAL/lhehaWbTtgluJh4/E95DqMwTmha3KZN1aAWA8cFIhHzMZUvLevkw5Rqk+tSQ==
+  dependencies:
+    safe-buffer "5.2.1"
+
+content-type@~1.0.4, content-type@~1.0.5:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/content-type/-/content-type-1.0.5.tgz#8b773162656d1d1086784c8f23a54ce6d73d7918"
+  integrity sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==
+
+cookie-signature@1.0.6:
+  version "1.0.6"
+  resolved "https://registry.yarnpkg.com/cookie-signature/-/cookie-signature-1.0.6.tgz#e303a882b342cc3ee8ca513a79999734dab3ae2c"
+  integrity sha512-QADzlaHc8icV8I7vbaJXJwod9HWYp8uCqf1xa4OfNu1T7JVxQIrUgOWtHdNDtPiywmFbiS12VjotIXLrKM3orQ==
+
+cookie@0.5.0:
+  version "0.5.0"
+  resolved "https://registry.yarnpkg.com/cookie/-/cookie-0.5.0.tgz#d1f5d71adec6558c58f389987c366aa47e994f8b"
+  integrity sha512-YZ3GUyn/o8gfKJlnlX7g7xq4gyO6OSuhGPKaaGssGB2qgDUS0gPgtTvoyZLTt9Ab6dC4hfc9dV5arkvc/OCmrw==
+
+cookie@~0.4.1:
+  version "0.4.2"
+  resolved "https://registry.yarnpkg.com/cookie/-/cookie-0.4.2.tgz#0e41f24de5ecf317947c82fc789e06a884824432"
+  integrity sha512-aSWTXFzaKWkvHO1Ny/s+ePFpvKsPnjc551iI41v3ny/ow6tBG5Vd+FuqGNhh1LxOmVzOlGUriIlOaokOvhaStA==
+
+core-util-is@~1.0.0:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/core-util-is/-/core-util-is-1.0.3.tgz#a6042d3634c2b27e9328f837b965fac83808db85"
+  integrity sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==
+
+cors@~2.8.5:
+  version "2.8.5"
+  resolved "https://registry.yarnpkg.com/cors/-/cors-2.8.5.tgz#eac11da51592dd86b9f06f6e7ac293b3df875d29"
+  integrity sha512-KIHbLJqu73RGr/hnbrO9uBeixNGuvSQjul/jdFvS/KFSIH1hWVd1ng7zOHx+YrEfInLG7q4n6GHQ9cDtxv/P6g==
+  dependencies:
+    object-assign "^4"
+    vary "^1"
+
+cross-spawn@^7.0.3:
+  version "7.0.3"
+  resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-7.0.3.tgz#f73a85b9d5d41d045551c177e2882d4ac85728a6"
+  integrity sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==
+  dependencies:
+    path-key "^3.1.0"
+    shebang-command "^2.0.0"
+    which "^2.0.1"
+
+custom-event@~1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/custom-event/-/custom-event-1.0.1.tgz#5d02a46850adf1b4a317946a3928fccb5bfd0425"
+  integrity sha512-GAj5FOq0Hd+RsCGVJxZuKaIDXDf3h6GQoNEjFgbLLI/trgtavwUbSnZ5pVfg27DVCaWjIohryS0JFwIJyT2cMg==
+
+date-format@^4.0.14:
+  version "4.0.14"
+  resolved "https://registry.yarnpkg.com/date-format/-/date-format-4.0.14.tgz#7a8e584434fb169a521c8b7aa481f355810d9400"
+  integrity sha512-39BOQLs9ZjKh0/patS9nrT8wc3ioX3/eA/zgbKNopnF2wCqJEoxywwwElATYvRsXdnOxA/OQeQoFZ3rFjVajhg==
+
+debug@2.6.9:
+  version "2.6.9"
+  resolved "https://registry.yarnpkg.com/debug/-/debug-2.6.9.tgz#5d128515df134ff327e90a4c93f4e077a536341f"
+  integrity sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==
+  dependencies:
+    ms "2.0.0"
+
+debug@4.3.4, debug@^4.1.0, debug@^4.3.4, debug@~4.3.1, debug@~4.3.2:
+  version "4.3.4"
+  resolved "https://registry.yarnpkg.com/debug/-/debug-4.3.4.tgz#1319f6579357f2338d3337d2cdd4914bb5dcc865"
+  integrity sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==
+  dependencies:
+    ms "2.1.2"
+
+decamelize@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/decamelize/-/decamelize-4.0.0.tgz#aa472d7bf660eb15f3494efd531cab7f2a709837"
+  integrity sha512-9iE1PgSik9HeIIw2JO94IidnE3eBoQrFJ3w7sFuzSX4DpmZ3v5sZpUiV5Swcf6mQEF+Y0ru8Neo+p+nyh2J+hQ==
+
+default-gateway@^6.0.3:
+  version "6.0.3"
+  resolved "https://registry.yarnpkg.com/default-gateway/-/default-gateway-6.0.3.tgz#819494c888053bdb743edbf343d6cdf7f2943a71"
+  integrity sha512-fwSOJsbbNzZ/CUFpqFBqYfYNLj1NbMPm8MMCIzHjC83iSJRBEGmDUxU+WP661BaBQImeC2yHwXtz+P/O9o+XEg==
+  dependencies:
+    execa "^5.0.0"
+
+define-data-property@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/define-data-property/-/define-data-property-1.1.1.tgz#c35f7cd0ab09883480d12ac5cb213715587800b3"
+  integrity sha512-E7uGkTzkk1d0ByLeSc6ZsFS79Axg+m1P/VsgYsxHgiuc3tFSj+MjMIwe90FC4lOAZzNBdY7kkO2P2wKdsQ1vgQ==
+  dependencies:
+    get-intrinsic "^1.2.1"
+    gopd "^1.0.1"
+    has-property-descriptors "^1.0.0"
+
+define-lazy-prop@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/define-lazy-prop/-/define-lazy-prop-2.0.0.tgz#3f7ae421129bcaaac9bc74905c98a0009ec9ee7f"
+  integrity sha512-Ds09qNh8yw3khSjiJjiUInaGX9xlqZDY7JVryGxdxV7NPeuqQfplOpQ66yJFZut3jLa5zOwkXw1g9EI2uKh4Og==
+
+depd@2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/depd/-/depd-2.0.0.tgz#b696163cc757560d09cf22cc8fad1571b79e76df"
+  integrity sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==
+
+depd@~1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/depd/-/depd-1.1.2.tgz#9bcd52e14c097763e749b274c4346ed2e560b5a9"
+  integrity sha512-7emPTl6Dpo6JRXOXjLRxck+FlLRX5847cLKEn00PLAgc3g2hTZZgr+e4c2v6QpSmLeFP3n5yUo7ft6avBK/5jQ==
+
+destroy@1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/destroy/-/destroy-1.2.0.tgz#4803735509ad8be552934c67df614f94e66fa015"
+  integrity sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg==
+
+detect-node@^2.0.4:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/detect-node/-/detect-node-2.1.0.tgz#c9c70775a49c3d03bc2c06d9a73be550f978f8b1"
+  integrity sha512-T0NIuQpnTvFDATNuHN5roPwSBG83rFsuO+MXXH9/3N1eFbn4wcPjttvjMLEPWJ0RGUYgQE7cGgS3tNxbqCGM7g==
+
+di@^0.0.1:
+  version "0.0.1"
+  resolved "https://registry.yarnpkg.com/di/-/di-0.0.1.tgz#806649326ceaa7caa3306d75d985ea2748ba913c"
+  integrity sha512-uJaamHkagcZtHPqCIHZxnFrXlunQXgBOsZSUOWwFw31QJCAbyTBoHMW75YOTur5ZNx8pIeAKgf6GWIgaqqiLhA==
+
+diff@5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/diff/-/diff-5.0.0.tgz#7ed6ad76d859d030787ec35855f5b1daf31d852b"
+  integrity sha512-/VTCrvm5Z0JGty/BWHljh+BAiw3IK+2j87NGMu8Nwc/f48WoDAC395uomO9ZD117ZOBaHmkX1oyLvkVM/aIT3w==
+
+dns-equal@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/dns-equal/-/dns-equal-1.0.0.tgz#b39e7f1da6eb0a75ba9c17324b34753c47e0654d"
+  integrity sha512-z+paD6YUQsk+AbGCEM4PrOXSss5gd66QfcVBFTKR/HpFL9jCqikS94HYwKww6fQyO7IxrIIyUu+g0Ka9tUS2Cg==
+
+dns-packet@^5.2.2:
+  version "5.6.1"
+  resolved "https://registry.yarnpkg.com/dns-packet/-/dns-packet-5.6.1.tgz#ae888ad425a9d1478a0674256ab866de1012cf2f"
+  integrity sha512-l4gcSouhcgIKRvyy99RNVOgxXiicE+2jZoNmaNmZ6JXiGajBOJAesk1OBlJuM5k2c+eudGdLxDqXuPCKIj6kpw==
+  dependencies:
+    "@leichtgewicht/ip-codec" "^2.0.1"
+
+dom-serialize@^2.2.1:
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/dom-serialize/-/dom-serialize-2.2.1.tgz#562ae8999f44be5ea3076f5419dcd59eb43ac95b"
+  integrity sha512-Yra4DbvoW7/Z6LBN560ZwXMjoNOSAN2wRsKFGc4iBeso+mpIA6qj1vfdf9HpMaKAqG6wXTy+1SYEzmNpKXOSsQ==
+  dependencies:
+    custom-event "~1.0.0"
+    ent "~2.2.0"
+    extend "^3.0.0"
+    void-elements "^2.0.0"
+
+ee-first@1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/ee-first/-/ee-first-1.1.1.tgz#590c61156b0ae2f4f0255732a158b266bc56b21d"
+  integrity sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==
+
+electron-to-chromium@^1.4.601:
+  version "1.4.615"
+  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.615.tgz#b1c41839962d2e4e63dca05519da9040e34848c2"
+  integrity sha512-/bKPPcgZVUziECqDc+0HkT87+0zhaWSZHNXqF8FLd2lQcptpmUFwoCSWjCdOng9Gdq+afKArPdEg/0ZW461Eng==
+
+emoji-regex@^8.0.0:
+  version "8.0.0"
+  resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-8.0.0.tgz#e818fd69ce5ccfcb404594f842963bf53164cc37"
+  integrity sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==
+
+encodeurl@~1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/encodeurl/-/encodeurl-1.0.2.tgz#ad3ff4c86ec2d029322f5a02c3a9a606c95b3f59"
+  integrity sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w==
+
+engine.io-parser@~5.2.1:
+  version "5.2.1"
+  resolved "https://registry.yarnpkg.com/engine.io-parser/-/engine.io-parser-5.2.1.tgz#9f213c77512ff1a6cc0c7a86108a7ffceb16fcfb"
+  integrity sha512-9JktcM3u18nU9N2Lz3bWeBgxVgOKpw7yhRaoxQA3FUDZzzw+9WlA6p4G4u0RixNkg14fH7EfEc/RhpurtiROTQ==
+
+engine.io@~6.5.2:
+  version "6.5.4"
+  resolved "https://registry.yarnpkg.com/engine.io/-/engine.io-6.5.4.tgz#6822debf324e781add2254e912f8568508850cdc"
+  integrity sha512-KdVSDKhVKyOi+r5uEabrDLZw2qXStVvCsEB/LN3mw4WFi6Gx50jTyuxYVCwAAC0U46FdnzP/ScKRBTXb/NiEOg==
+  dependencies:
+    "@types/cookie" "^0.4.1"
+    "@types/cors" "^2.8.12"
+    "@types/node" ">=10.0.0"
+    accepts "~1.3.4"
+    base64id "2.0.0"
+    cookie "~0.4.1"
+    cors "~2.8.5"
+    debug "~4.3.1"
+    engine.io-parser "~5.2.1"
+    ws "~8.11.0"
+
+enhanced-resolve@^5.13.0:
+  version "5.15.0"
+  resolved "https://registry.yarnpkg.com/enhanced-resolve/-/enhanced-resolve-5.15.0.tgz#1af946c7d93603eb88e9896cee4904dc012e9c35"
+  integrity sha512-LXYT42KJ7lpIKECr2mAXIaMldcNCh/7E0KBKOu4KSfkHmP+mZmSs+8V5gBAqisWBy0OO4W5Oyys0GO1Y8KtdKg==
+  dependencies:
+    graceful-fs "^4.2.4"
+    tapable "^2.2.0"
+
+ent@~2.2.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/ent/-/ent-2.2.0.tgz#e964219325a21d05f44466a2f686ed6ce5f5dd1d"
+  integrity sha512-GHrMyVZQWvTIdDtpiEXdHZnFQKzeO09apj8Cbl4pKWy4i0Oprcq17usfDt5aO63swf0JOeMWjWQE/LzgSRuWpA==
+
+envinfo@^7.7.3:
+  version "7.11.0"
+  resolved "https://registry.yarnpkg.com/envinfo/-/envinfo-7.11.0.tgz#c3793f44284a55ff8c82faf1ffd91bc6478ea01f"
+  integrity sha512-G9/6xF1FPbIw0TtalAMaVPpiq2aDEuKLXM314jPVAO9r2fo2a4BLqMNkmRS7O/xPPZ+COAhGIz3ETvHEV3eUcg==
+
+es-module-lexer@^1.2.1:
+  version "1.4.1"
+  resolved "https://registry.yarnpkg.com/es-module-lexer/-/es-module-lexer-1.4.1.tgz#41ea21b43908fe6a287ffcbe4300f790555331f5"
+  integrity sha512-cXLGjP0c4T3flZJKQSuziYoq7MlT+rnvfZjfp7h+I7K9BNX54kP9nyWvdbwjQ4u1iWbOL4u96fgeZLToQlZC7w==
+
+escalade@^3.1.1:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/escalade/-/escalade-3.1.1.tgz#d8cfdc7000965c5a0174b4a82eaa5c0552742e40"
+  integrity sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==
+
+escape-html@~1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/escape-html/-/escape-html-1.0.3.tgz#0258eae4d3d0c0974de1c169188ef0051d1d1988"
+  integrity sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==
+
+escape-string-regexp@4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz#14ba83a5d373e3d311e5afca29cf5bfad965bf34"
+  integrity sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==
+
+eslint-scope@5.1.1:
+  version "5.1.1"
+  resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-5.1.1.tgz#e786e59a66cb92b3f6c1fb0d508aab174848f48c"
+  integrity sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==
+  dependencies:
+    esrecurse "^4.3.0"
+    estraverse "^4.1.1"
+
+esrecurse@^4.3.0:
+  version "4.3.0"
+  resolved "https://registry.yarnpkg.com/esrecurse/-/esrecurse-4.3.0.tgz#7ad7964d679abb28bee72cec63758b1c5d2c9921"
+  integrity sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==
+  dependencies:
+    estraverse "^5.2.0"
+
+estraverse@^4.1.1:
+  version "4.3.0"
+  resolved "https://registry.yarnpkg.com/estraverse/-/estraverse-4.3.0.tgz#398ad3f3c5a24948be7725e83d11a7de28cdbd1d"
+  integrity sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==
+
+estraverse@^5.2.0:
+  version "5.3.0"
+  resolved "https://registry.yarnpkg.com/estraverse/-/estraverse-5.3.0.tgz#2eea5290702f26ab8fe5370370ff86c965d21123"
+  integrity sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==
+
+etag@~1.8.1:
+  version "1.8.1"
+  resolved "https://registry.yarnpkg.com/etag/-/etag-1.8.1.tgz#41ae2eeb65efa62268aebfea83ac7d79299b0887"
+  integrity sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==
+
+eventemitter3@^4.0.0:
+  version "4.0.7"
+  resolved "https://registry.yarnpkg.com/eventemitter3/-/eventemitter3-4.0.7.tgz#2de9b68f6528d5644ef5c59526a1b4a07306169f"
+  integrity sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw==
+
+events@^3.2.0:
+  version "3.3.0"
+  resolved "https://registry.yarnpkg.com/events/-/events-3.3.0.tgz#31a95ad0a924e2d2c419a813aeb2c4e878ea7400"
+  integrity sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==
+
+execa@^5.0.0:
+  version "5.1.1"
+  resolved "https://registry.yarnpkg.com/execa/-/execa-5.1.1.tgz#f80ad9cbf4298f7bd1d4c9555c21e93741c411dd"
+  integrity sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==
+  dependencies:
+    cross-spawn "^7.0.3"
+    get-stream "^6.0.0"
+    human-signals "^2.1.0"
+    is-stream "^2.0.0"
+    merge-stream "^2.0.0"
+    npm-run-path "^4.0.1"
+    onetime "^5.1.2"
+    signal-exit "^3.0.3"
+    strip-final-newline "^2.0.0"
+
+express@^4.17.3:
+  version "4.18.2"
+  resolved "https://registry.yarnpkg.com/express/-/express-4.18.2.tgz#3fabe08296e930c796c19e3c516979386ba9fd59"
+  integrity sha512-5/PsL6iGPdfQ/lKM1UuielYgv3BUoJfz1aUwU9vHZ+J7gyvwdQXFEBIEIaxeGf0GIcreATNyBExtalisDbuMqQ==
+  dependencies:
+    accepts "~1.3.8"
+    array-flatten "1.1.1"
+    body-parser "1.20.1"
+    content-disposition "0.5.4"
+    content-type "~1.0.4"
+    cookie "0.5.0"
+    cookie-signature "1.0.6"
+    debug "2.6.9"
+    depd "2.0.0"
+    encodeurl "~1.0.2"
+    escape-html "~1.0.3"
+    etag "~1.8.1"
+    finalhandler "1.2.0"
+    fresh "0.5.2"
+    http-errors "2.0.0"
+    merge-descriptors "1.0.1"
+    methods "~1.1.2"
+    on-finished "2.4.1"
+    parseurl "~1.3.3"
+    path-to-regexp "0.1.7"
+    proxy-addr "~2.0.7"
+    qs "6.11.0"
+    range-parser "~1.2.1"
+    safe-buffer "5.2.1"
+    send "0.18.0"
+    serve-static "1.15.0"
+    setprototypeof "1.2.0"
+    statuses "2.0.1"
+    type-is "~1.6.18"
+    utils-merge "1.0.1"
+    vary "~1.1.2"
+
+extend@^3.0.0:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/extend/-/extend-3.0.2.tgz#f8b1136b4071fbd8eb140aff858b1019ec2915fa"
+  integrity sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==
+
+fast-deep-equal@^3.1.1, fast-deep-equal@^3.1.3:
+  version "3.1.3"
+  resolved "https://registry.yarnpkg.com/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz#3a7d56b559d6cbc3eb512325244e619a65c6c525"
+  integrity sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==
+
+fast-json-stable-stringify@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz#874bf69c6f404c2b5d99c481341399fd55892633"
+  integrity sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==
+
+fastest-levenshtein@^1.0.12:
+  version "1.0.16"
+  resolved "https://registry.yarnpkg.com/fastest-levenshtein/-/fastest-levenshtein-1.0.16.tgz#210e61b6ff181de91ea9b3d1b84fdedd47e034e5"
+  integrity sha512-eRnCtTTtGZFpQCwhJiUOuxPQWRXVKYDn0b2PeHfXL6/Zi53SLAzAHfVhVWK2AryC/WH05kGfxhFIPvTF0SXQzg==
+
+faye-websocket@^0.11.3:
+  version "0.11.4"
+  resolved "https://registry.yarnpkg.com/faye-websocket/-/faye-websocket-0.11.4.tgz#7f0d9275cfdd86a1c963dc8b65fcc451edcbb1da"
+  integrity sha512-CzbClwlXAuiRQAlUyfqPgvPoNKTckTPGfwZV4ZdAhVcP2lh9KUxJg2b5GkE7XbjKQ3YJnQ9z6D9ntLAlB+tP8g==
+  dependencies:
+    websocket-driver ">=0.5.1"
+
+fill-range@^7.0.1:
+  version "7.0.1"
+  resolved "https://registry.yarnpkg.com/fill-range/-/fill-range-7.0.1.tgz#1919a6a7c75fe38b2c7c77e5198535da9acdda40"
+  integrity sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==
+  dependencies:
+    to-regex-range "^5.0.1"
+
+finalhandler@1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/finalhandler/-/finalhandler-1.1.2.tgz#b7e7d000ffd11938d0fdb053506f6ebabe9f587d"
+  integrity sha512-aAWcW57uxVNrQZqFXjITpW3sIUQmHGG3qSb9mUah9MgMC4NeWhNOlNjXEYq3HjRAvL6arUviZGGJsBg6z0zsWA==
+  dependencies:
+    debug "2.6.9"
+    encodeurl "~1.0.2"
+    escape-html "~1.0.3"
+    on-finished "~2.3.0"
+    parseurl "~1.3.3"
+    statuses "~1.5.0"
+    unpipe "~1.0.0"
+
+finalhandler@1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/finalhandler/-/finalhandler-1.2.0.tgz#7d23fe5731b207b4640e4fcd00aec1f9207a7b32"
+  integrity sha512-5uXcUVftlQMFnWC9qu/svkWv3GTd2PfUhK/3PLkYNAe7FbqJMt3515HaxE6eRL74GdsriiwujiawdaB1BpEISg==
+  dependencies:
+    debug "2.6.9"
+    encodeurl "~1.0.2"
+    escape-html "~1.0.3"
+    on-finished "2.4.1"
+    parseurl "~1.3.3"
+    statuses "2.0.1"
+    unpipe "~1.0.0"
+
+find-up@5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/find-up/-/find-up-5.0.0.tgz#4c92819ecb7083561e4f4a240a86be5198f536fc"
+  integrity sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==
+  dependencies:
+    locate-path "^6.0.0"
+    path-exists "^4.0.0"
+
+find-up@^4.0.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/find-up/-/find-up-4.1.0.tgz#97afe7d6cdc0bc5928584b7c8d7b16e8a9aa5d19"
+  integrity sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==
+  dependencies:
+    locate-path "^5.0.0"
+    path-exists "^4.0.0"
+
+flat@^5.0.2:
+  version "5.0.2"
+  resolved "https://registry.yarnpkg.com/flat/-/flat-5.0.2.tgz#8ca6fe332069ffa9d324c327198c598259ceb241"
+  integrity sha512-b6suED+5/3rTpUBdG1gupIl8MPFCAMA0QXwmljLhvCUKcUvdE4gWky9zpuGCcXHOsz4J9wPGNWq6OKpmIzz3hQ==
+
+flatted@^3.2.7:
+  version "3.2.9"
+  resolved "https://registry.yarnpkg.com/flatted/-/flatted-3.2.9.tgz#7eb4c67ca1ba34232ca9d2d93e9886e611ad7daf"
+  integrity sha512-36yxDn5H7OFZQla0/jFJmbIKTdZAQHngCedGxiMmpNfEZM0sdEeT+WczLQrjK6D7o2aiyLYDnkw0R3JK0Qv1RQ==
+
+follow-redirects@^1.0.0:
+  version "1.15.3"
+  resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.15.3.tgz#fe2f3ef2690afce7e82ed0b44db08165b207123a"
+  integrity sha512-1VzOtuEM8pC9SFU1E+8KfTjZyMztRsgEfwQl44z8A25uy13jSzTj6dyK2Df52iV0vgHCfBwLhDWevLn95w5v6Q==
+
+format-util@^1.0.5:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/format-util/-/format-util-1.0.5.tgz#1ffb450c8a03e7bccffe40643180918cc297d271"
+  integrity sha512-varLbTj0e0yVyRpqQhuWV+8hlePAgaoFRhNFj50BNjEIrw1/DphHSObtqwskVCPWNgzwPoQrZAbfa/SBiicNeg==
+
+forwarded@0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/forwarded/-/forwarded-0.2.0.tgz#2269936428aad4c15c7ebe9779a84bf0b2a81811"
+  integrity sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==
+
+fresh@0.5.2:
+  version "0.5.2"
+  resolved "https://registry.yarnpkg.com/fresh/-/fresh-0.5.2.tgz#3d8cadd90d976569fa835ab1f8e4b23a105605a7"
+  integrity sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==
+
+fs-extra@^8.1.0:
+  version "8.1.0"
+  resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-8.1.0.tgz#49d43c45a88cd9677668cb7be1b46efdb8d2e1c0"
+  integrity sha512-yhlQgA6mnOJUKOsRUFsgJdQCvkKhcz8tlZG5HBQfReYZy46OwLcY+Zia0mtdHsOo9y/hP+CxMN0TU9QxoOtG4g==
+  dependencies:
+    graceful-fs "^4.2.0"
+    jsonfile "^4.0.0"
+    universalify "^0.1.0"
+
+fs-monkey@^1.0.4:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/fs-monkey/-/fs-monkey-1.0.5.tgz#fe450175f0db0d7ea758102e1d84096acb925788"
+  integrity sha512-8uMbBjrhzW76TYgEV27Y5E//W2f/lTFmx78P2w19FZSxarhI/798APGQyuGCwmkNxgwGRhrLfvWyLBvNtuOmew==
+
+fs.realpath@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/fs.realpath/-/fs.realpath-1.0.0.tgz#1504ad2523158caa40db4a2787cb01411994ea4f"
+  integrity sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==
+
+fsevents@~2.3.2:
+  version "2.3.3"
+  resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.3.3.tgz#cac6407785d03675a2a5e1a5305c697b347d90d6"
+  integrity sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==
+
+function-bind@^1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/function-bind/-/function-bind-1.1.2.tgz#2c02d864d97f3ea6c8830c464cbd11ab6eab7a1c"
+  integrity sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==
+
+get-caller-file@^2.0.5:
+  version "2.0.5"
+  resolved "https://registry.yarnpkg.com/get-caller-file/-/get-caller-file-2.0.5.tgz#4f94412a82db32f36e3b0b9741f8a97feb031f7e"
+  integrity sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==
+
+get-intrinsic@^1.0.2, get-intrinsic@^1.1.3, get-intrinsic@^1.2.1, get-intrinsic@^1.2.2:
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/get-intrinsic/-/get-intrinsic-1.2.2.tgz#281b7622971123e1ef4b3c90fd7539306da93f3b"
+  integrity sha512-0gSo4ml/0j98Y3lngkFEot/zhiCeWsbYIlZ+uZOVgzLyLaUw7wxUL+nCTP0XJvJg1AXulJRI3UJi8GsbDuxdGA==
+  dependencies:
+    function-bind "^1.1.2"
+    has-proto "^1.0.1"
+    has-symbols "^1.0.3"
+    hasown "^2.0.0"
+
+get-stream@^6.0.0:
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-6.0.1.tgz#a262d8eef67aced57c2852ad6167526a43cbf7b7"
+  integrity sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==
+
+glob-parent@~5.1.2:
+  version "5.1.2"
+  resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-5.1.2.tgz#869832c58034fe68a4093c17dc15e8340d8401c4"
+  integrity sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==
+  dependencies:
+    is-glob "^4.0.1"
+
+glob-to-regexp@^0.4.1:
+  version "0.4.1"
+  resolved "https://registry.yarnpkg.com/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz#c75297087c851b9a578bd217dd59a92f59fe546e"
+  integrity sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==
+
+glob@7.2.0:
+  version "7.2.0"
+  resolved "https://registry.yarnpkg.com/glob/-/glob-7.2.0.tgz#d15535af7732e02e948f4c41628bd910293f6023"
+  integrity sha512-lmLf6gtyrPq8tTjSmrO94wBeQbFR3HbLHbuyD69wuyQkImp2hWqMGB47OX65FBkPffO641IP9jWa1z4ivqG26Q==
+  dependencies:
+    fs.realpath "^1.0.0"
+    inflight "^1.0.4"
+    inherits "2"
+    minimatch "^3.0.4"
+    once "^1.3.0"
+    path-is-absolute "^1.0.0"
+
+glob@^7.1.3, glob@^7.1.7:
+  version "7.2.3"
+  resolved "https://registry.yarnpkg.com/glob/-/glob-7.2.3.tgz#b8df0fb802bbfa8e89bd1d938b4e16578ed44f2b"
+  integrity sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==
+  dependencies:
+    fs.realpath "^1.0.0"
+    inflight "^1.0.4"
+    inherits "2"
+    minimatch "^3.1.1"
+    once "^1.3.0"
+    path-is-absolute "^1.0.0"
+
+gopd@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/gopd/-/gopd-1.0.1.tgz#29ff76de69dac7489b7c0918a5788e56477c332c"
+  integrity sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==
+  dependencies:
+    get-intrinsic "^1.1.3"
+
+graceful-fs@^4.1.2, graceful-fs@^4.1.6, graceful-fs@^4.2.0, graceful-fs@^4.2.10, graceful-fs@^4.2.4, graceful-fs@^4.2.6, graceful-fs@^4.2.9:
+  version "4.2.11"
+  resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.11.tgz#4183e4e8bf08bb6e05bbb2f7d2e0c8f712ca40e3"
+  integrity sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==
+
+handle-thing@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/handle-thing/-/handle-thing-2.0.1.tgz#857f79ce359580c340d43081cc648970d0bb234e"
+  integrity sha512-9Qn4yBxelxoh2Ow62nP+Ka/kMnOXRi8BXnRaUwezLNhqelnN49xKz4F/dPP8OYLxLxq6JDtZb2i9XznUQbNPTg==
+
+has-flag@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-4.0.0.tgz#944771fd9c81c81265c4d6941860da06bb59479b"
+  integrity sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==
+
+has-property-descriptors@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/has-property-descriptors/-/has-property-descriptors-1.0.1.tgz#52ba30b6c5ec87fd89fa574bc1c39125c6f65340"
+  integrity sha512-VsX8eaIewvas0xnvinAe9bw4WfIeODpGYikiWYLH+dma0Jw6KHYqWiWfhQlgOVK8D6PvjubK5Uc4P0iIhIcNVg==
+  dependencies:
+    get-intrinsic "^1.2.2"
+
+has-proto@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/has-proto/-/has-proto-1.0.1.tgz#1885c1305538958aff469fef37937c22795408e0"
+  integrity sha512-7qE+iP+O+bgF9clE5+UoBFzE65mlBiVj3tKCrlNQ0Ogwm0BjpT/gK4SlLYDMybDh5I3TCTKnPPa0oMG7JDYrhg==
+
+has-symbols@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/has-symbols/-/has-symbols-1.0.3.tgz#bb7b2c4349251dce87b125f7bdf874aa7c8b39f8"
+  integrity sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==
+
+hasown@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/hasown/-/hasown-2.0.0.tgz#f4c513d454a57b7c7e1650778de226b11700546c"
+  integrity sha512-vUptKVTpIJhcczKBbgnS+RtcuYMB8+oNzPK2/Hp3hanz8JmpATdmmgLgSaadVREkDm+e2giHwY3ZRkyjSIDDFA==
+  dependencies:
+    function-bind "^1.1.2"
+
+he@1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/he/-/he-1.2.0.tgz#84ae65fa7eafb165fddb61566ae14baf05664f0f"
+  integrity sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==
+
+hpack.js@^2.1.6:
+  version "2.1.6"
+  resolved "https://registry.yarnpkg.com/hpack.js/-/hpack.js-2.1.6.tgz#87774c0949e513f42e84575b3c45681fade2a0b2"
+  integrity sha512-zJxVehUdMGIKsRaNt7apO2Gqp0BdqW5yaiGHXXmbpvxgBYVZnAql+BJb4RO5ad2MgpbZKn5G6nMnegrH1FcNYQ==
+  dependencies:
+    inherits "^2.0.1"
+    obuf "^1.0.0"
+    readable-stream "^2.0.1"
+    wbuf "^1.1.0"
+
+html-entities@^2.3.2:
+  version "2.4.0"
+  resolved "https://registry.yarnpkg.com/html-entities/-/html-entities-2.4.0.tgz#edd0cee70402584c8c76cc2c0556db09d1f45061"
+  integrity sha512-igBTJcNNNhvZFRtm8uA6xMY6xYleeDwn3PeBCkDz7tHttv4F2hsDI2aPgNERWzvRcNYHNT3ymRaQzllmXj4YsQ==
+
+http-deceiver@^1.2.7:
+  version "1.2.7"
+  resolved "https://registry.yarnpkg.com/http-deceiver/-/http-deceiver-1.2.7.tgz#fa7168944ab9a519d337cb0bec7284dc3e723d87"
+  integrity sha512-LmpOGxTfbpgtGVxJrj5k7asXHCgNZp5nLfp+hWc8QQRqtb7fUy6kRY3BO1h9ddF6yIPYUARgxGOwB42DnxIaNw==
+
+http-errors@2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/http-errors/-/http-errors-2.0.0.tgz#b7774a1486ef73cf7667ac9ae0858c012c57b9d3"
+  integrity sha512-FtwrG/euBzaEjYeRqOgly7G0qviiXoJWnvEH2Z1plBdXgbyjv34pHTSb9zoeHMyDy33+DWy5Wt9Wo+TURtOYSQ==
+  dependencies:
+    depd "2.0.0"
+    inherits "2.0.4"
+    setprototypeof "1.2.0"
+    statuses "2.0.1"
+    toidentifier "1.0.1"
+
+http-errors@~1.6.2:
+  version "1.6.3"
+  resolved "https://registry.yarnpkg.com/http-errors/-/http-errors-1.6.3.tgz#8b55680bb4be283a0b5bf4ea2e38580be1d9320d"
+  integrity sha512-lks+lVC8dgGyh97jxvxeYTWQFvh4uw4yC12gVl63Cg30sjPX4wuGcdkICVXDAESr6OJGjqGA8Iz5mkeN6zlD7A==
+  dependencies:
+    depd "~1.1.2"
+    inherits "2.0.3"
+    setprototypeof "1.1.0"
+    statuses ">= 1.4.0 < 2"
+
+http-parser-js@>=0.5.1:
+  version "0.5.8"
+  resolved "https://registry.yarnpkg.com/http-parser-js/-/http-parser-js-0.5.8.tgz#af23090d9ac4e24573de6f6aecc9d84a48bf20e3"
+  integrity sha512-SGeBX54F94Wgu5RH3X5jsDtf4eHyRogWX1XGT3b4HuW3tQPM4AaBzoUji/4AAJNXCEOWZ5O0DgZmJw1947gD5Q==
+
+http-proxy-middleware@^2.0.3:
+  version "2.0.6"
+  resolved "https://registry.yarnpkg.com/http-proxy-middleware/-/http-proxy-middleware-2.0.6.tgz#e1a4dd6979572c7ab5a4e4b55095d1f32a74963f"
+  integrity sha512-ya/UeJ6HVBYxrgYotAZo1KvPWlgB48kUJLDePFeneHsVujFaW5WNj2NgWCAE//B1Dl02BIfYlpNgBy8Kf8Rjmw==
+  dependencies:
+    "@types/http-proxy" "^1.17.8"
+    http-proxy "^1.18.1"
+    is-glob "^4.0.1"
+    is-plain-obj "^3.0.0"
+    micromatch "^4.0.2"
+
+http-proxy@^1.18.1:
+  version "1.18.1"
+  resolved "https://registry.yarnpkg.com/http-proxy/-/http-proxy-1.18.1.tgz#401541f0534884bbf95260334e72f88ee3976549"
+  integrity sha512-7mz/721AbnJwIVbnaSv1Cz3Am0ZLT/UBwkC92VlxhXv/k/BBQfM2fXElQNC27BVGr0uwUpplYPQM9LnaBMR5NQ==
+  dependencies:
+    eventemitter3 "^4.0.0"
+    follow-redirects "^1.0.0"
+    requires-port "^1.0.0"
+
+human-signals@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/human-signals/-/human-signals-2.1.0.tgz#dc91fcba42e4d06e4abaed33b3e7a3c02f514ea0"
+  integrity sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==
+
+iconv-lite@0.4.24:
+  version "0.4.24"
+  resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.4.24.tgz#2022b4b25fbddc21d2f524974a474aafe733908b"
+  integrity sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==
+  dependencies:
+    safer-buffer ">= 2.1.2 < 3"
+
+iconv-lite@^0.6.3:
+  version "0.6.3"
+  resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.6.3.tgz#a52f80bf38da1952eb5c681790719871a1a72501"
+  integrity sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==
+  dependencies:
+    safer-buffer ">= 2.1.2 < 3.0.0"
+
+import-local@^3.0.2:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/import-local/-/import-local-3.1.0.tgz#b4479df8a5fd44f6cdce24070675676063c95cb4"
+  integrity sha512-ASB07uLtnDs1o6EHjKpX34BKYDSqnFerfTOJL2HvMqF70LnxpjkzDB8J44oT9pu4AMPkQwf8jl6szgvNd2tRIg==
+  dependencies:
+    pkg-dir "^4.2.0"
+    resolve-cwd "^3.0.0"
+
+inflight@^1.0.4:
+  version "1.0.6"
+  resolved "https://registry.yarnpkg.com/inflight/-/inflight-1.0.6.tgz#49bd6331d7d02d0c09bc910a1075ba8165b56df9"
+  integrity sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==
+  dependencies:
+    once "^1.3.0"
+    wrappy "1"
+
+inherits@2, inherits@2.0.4, inherits@^2.0.1, inherits@^2.0.3, inherits@~2.0.3:
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.4.tgz#0fa2c64f932917c3433a0ded55363aae37416b7c"
+  integrity sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==
+
+inherits@2.0.3:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.3.tgz#633c2c83e3da42a502f52466022480f4208261de"
+  integrity sha512-x00IRNXNy63jwGkJmzPigoySHbaqpNuzKbBOmzK+g2OdZpQ9w+sxCN+VSB3ja7IAge2OP2qpfxTjeNcyjmW1uw==
+
+interpret@^3.1.1:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/interpret/-/interpret-3.1.1.tgz#5be0ceed67ca79c6c4bc5cf0d7ee843dcea110c4"
+  integrity sha512-6xwYfHbajpoF0xLW+iwLkhwgvLoZDfjYfoFNu8ftMoXINzwuymNLd9u/KmwtdT2GbR+/Cz66otEGEVVUHX9QLQ==
+
+ipaddr.js@1.9.1:
+  version "1.9.1"
+  resolved "https://registry.yarnpkg.com/ipaddr.js/-/ipaddr.js-1.9.1.tgz#bff38543eeb8984825079ff3a2a8e6cbd46781b3"
+  integrity sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==
+
+ipaddr.js@^2.0.1:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/ipaddr.js/-/ipaddr.js-2.1.0.tgz#2119bc447ff8c257753b196fc5f1ce08a4cdf39f"
+  integrity sha512-LlbxQ7xKzfBusov6UMi4MFpEg0m+mAm9xyNGEduwXMEDuf4WfzB/RZwMVYEd7IKGvh4IUkEXYxtAVu9T3OelJQ==
+
+is-binary-path@~2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/is-binary-path/-/is-binary-path-2.1.0.tgz#ea1f7f3b80f064236e83470f86c09c254fb45b09"
+  integrity sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==
+  dependencies:
+    binary-extensions "^2.0.0"
+
+is-core-module@^2.13.0:
+  version "2.13.1"
+  resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.13.1.tgz#ad0d7532c6fea9da1ebdc82742d74525c6273384"
+  integrity sha512-hHrIjvZsftOsvKSn2TRYl63zvxsgE0K+0mYMoH6gD4omR5IWB2KynivBQczo3+wF1cCkjzvptnI9Q0sPU66ilw==
+  dependencies:
+    hasown "^2.0.0"
+
+is-docker@^2.0.0, is-docker@^2.1.1:
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/is-docker/-/is-docker-2.2.1.tgz#33eeabe23cfe86f14bde4408a02c0cfb853acdaa"
+  integrity sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==
+
+is-extglob@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/is-extglob/-/is-extglob-2.1.1.tgz#a88c02535791f02ed37c76a1b9ea9773c833f8c2"
+  integrity sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==
+
+is-fullwidth-code-point@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz#f116f8064fe90b3f7844a38997c0b75051269f1d"
+  integrity sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==
+
+is-glob@^4.0.1, is-glob@~4.0.1:
+  version "4.0.3"
+  resolved "https://registry.yarnpkg.com/is-glob/-/is-glob-4.0.3.tgz#64f61e42cbbb2eec2071a9dac0b28ba1e65d5084"
+  integrity sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==
+  dependencies:
+    is-extglob "^2.1.1"
+
+is-number@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/is-number/-/is-number-7.0.0.tgz#7535345b896734d5f80c4d06c50955527a14f12b"
+  integrity sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==
+
+is-plain-obj@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/is-plain-obj/-/is-plain-obj-2.1.0.tgz#45e42e37fccf1f40da8e5f76ee21515840c09287"
+  integrity sha512-YWnfyRwxL/+SsrWYfOpUtz5b3YD+nyfkHvjbcanzk8zgyO4ASD67uVMRt8k5bM4lLMDnXfriRhOpemw+NfT1eA==
+
+is-plain-obj@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/is-plain-obj/-/is-plain-obj-3.0.0.tgz#af6f2ea14ac5a646183a5bbdb5baabbc156ad9d7"
+  integrity sha512-gwsOE28k+23GP1B6vFl1oVh/WOzmawBrKwo5Ev6wMKzPkaXaCDIQKzLnvsA42DRlbVTWorkgTKIviAKCWkfUwA==
+
+is-plain-object@^2.0.4:
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/is-plain-object/-/is-plain-object-2.0.4.tgz#2c163b3fafb1b606d9d17928f05c2a1c38e07677"
+  integrity sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==
+  dependencies:
+    isobject "^3.0.1"
+
+is-stream@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/is-stream/-/is-stream-2.0.1.tgz#fac1e3d53b97ad5a9d0ae9cef2389f5810a5c077"
+  integrity sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==
+
+is-unicode-supported@^0.1.0:
+  version "0.1.0"
+  resolved "https://registry.yarnpkg.com/is-unicode-supported/-/is-unicode-supported-0.1.0.tgz#3f26c76a809593b52bfa2ecb5710ed2779b522a7"
+  integrity sha512-knxG2q4UC3u8stRGyAVJCOdxFmv5DZiRcdlIaAQXAbSfJya+OhopNotLQrstBhququ4ZpuKbDc/8S6mgXgPFPw==
+
+is-wsl@^2.2.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/is-wsl/-/is-wsl-2.2.0.tgz#74a4c76e77ca9fd3f932f290c17ea326cd157271"
+  integrity sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==
+  dependencies:
+    is-docker "^2.0.0"
+
+isarray@~1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/isarray/-/isarray-1.0.0.tgz#bb935d48582cba168c06834957a54a3e07124f11"
+  integrity sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==
+
+isbinaryfile@^4.0.8:
+  version "4.0.10"
+  resolved "https://registry.yarnpkg.com/isbinaryfile/-/isbinaryfile-4.0.10.tgz#0c5b5e30c2557a2f06febd37b7322946aaee42b3"
+  integrity sha512-iHrqe5shvBUcFbmZq9zOQHBoeOhZJu6RQGrDpBgenUm/Am+F3JM2MgQj+rK3Z601fzrL5gLZWtAPH2OBaSVcyw==
+
+isexe@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/isexe/-/isexe-2.0.0.tgz#e8fbf374dc556ff8947a10dcb0572d633f2cfa10"
+  integrity sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==
+
+isobject@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/isobject/-/isobject-3.0.1.tgz#4e431e92b11a9731636aa1f9c8d1ccbcfdab78df"
+  integrity sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg==
+
+jest-worker@^27.4.5:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/jest-worker/-/jest-worker-27.5.1.tgz#8d146f0900e8973b106b6f73cc1e9a8cb86f8db0"
+  integrity sha512-7vuh85V5cdDofPyxn58nrPjBktZo0u9x1g8WtjQol+jZDaE+fhN+cIvTj11GndBnMnyfrUOG1sZQxCdjKh+DKg==
+  dependencies:
+    "@types/node" "*"
+    merge-stream "^2.0.0"
+    supports-color "^8.0.0"
+
+js-yaml@4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-4.1.0.tgz#c1fb65f8f5017901cdd2c951864ba18458a10602"
+  integrity sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==
+  dependencies:
+    argparse "^2.0.1"
+
+json-parse-even-better-errors@^2.3.1:
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz#7c47805a94319928e05777405dc12e1f7a4ee02d"
+  integrity sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==
+
+json-schema-traverse@^0.4.1:
+  version "0.4.1"
+  resolved "https://registry.yarnpkg.com/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz#69f6a87d9513ab8bb8fe63bdb0979c448e684660"
+  integrity sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==
+
+json-schema-traverse@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz#ae7bcb3656ab77a73ba5c49bf654f38e6b6860e2"
+  integrity sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==
+
+jsonfile@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/jsonfile/-/jsonfile-4.0.0.tgz#8771aae0799b64076b76640fca058f9c10e33ecb"
+  integrity sha512-m6F1R3z8jjlf2imQHS2Qez5sjKWQzbuuhuJ/FKYFRZvPE3PuHcSMVZzfsLhGVOkfd20obL5SWEBew5ShlquNxg==
+  optionalDependencies:
+    graceful-fs "^4.1.6"
+
+karma-chrome-launcher@3.2.0:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/karma-chrome-launcher/-/karma-chrome-launcher-3.2.0.tgz#eb9c95024f2d6dfbb3748d3415ac9b381906b9a9"
+  integrity sha512-rE9RkUPI7I9mAxByQWkGJFXfFD6lE4gC5nPuZdobf/QdTEJI6EU4yIay/cfU/xV4ZxlM5JiTv7zWYgA64NpS5Q==
+  dependencies:
+    which "^1.2.1"
+
+karma-mocha@2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/karma-mocha/-/karma-mocha-2.0.1.tgz#4b0254a18dfee71bdbe6188d9a6861bf86b0cd7d"
+  integrity sha512-Tzd5HBjm8his2OA4bouAsATYEpZrp9vC7z5E5j4C5Of5Rrs1jY67RAwXNcVmd/Bnk1wgvQRou0zGVLey44G4tQ==
+  dependencies:
+    minimist "^1.2.3"
+
+karma-sourcemap-loader@0.4.0:
+  version "0.4.0"
+  resolved "https://registry.yarnpkg.com/karma-sourcemap-loader/-/karma-sourcemap-loader-0.4.0.tgz#b01d73f8f688f533bcc8f5d273d43458e13b5488"
+  integrity sha512-xCRL3/pmhAYF3I6qOrcn0uhbQevitc2DERMPH82FMnG+4WReoGcGFZb1pURf2a5apyrOHRdvD+O6K7NljqKHyA==
+  dependencies:
+    graceful-fs "^4.2.10"
+
+karma-webpack@5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/karma-webpack/-/karma-webpack-5.0.0.tgz#2a2c7b80163fe7ffd1010f83f5507f95ef39f840"
+  integrity sha512-+54i/cd3/piZuP3dr54+NcFeKOPnys5QeM1IY+0SPASwrtHsliXUiCL50iW+K9WWA7RvamC4macvvQ86l3KtaA==
+  dependencies:
+    glob "^7.1.3"
+    minimatch "^3.0.4"
+    webpack-merge "^4.1.5"
+
+karma@6.4.2:
+  version "6.4.2"
+  resolved "https://registry.yarnpkg.com/karma/-/karma-6.4.2.tgz#a983f874cee6f35990c4b2dcc3d274653714de8e"
+  integrity sha512-C6SU/53LB31BEgRg+omznBEMY4SjHU3ricV6zBcAe1EeILKkeScr+fZXtaI5WyDbkVowJxxAI6h73NcFPmXolQ==
+  dependencies:
+    "@colors/colors" "1.5.0"
+    body-parser "^1.19.0"
+    braces "^3.0.2"
+    chokidar "^3.5.1"
+    connect "^3.7.0"
+    di "^0.0.1"
+    dom-serialize "^2.2.1"
+    glob "^7.1.7"
+    graceful-fs "^4.2.6"
+    http-proxy "^1.18.1"
+    isbinaryfile "^4.0.8"
+    lodash "^4.17.21"
+    log4js "^6.4.1"
+    mime "^2.5.2"
+    minimatch "^3.0.4"
+    mkdirp "^0.5.5"
+    qjobs "^1.2.0"
+    range-parser "^1.2.1"
+    rimraf "^3.0.2"
+    socket.io "^4.4.1"
+    source-map "^0.6.1"
+    tmp "^0.2.1"
+    ua-parser-js "^0.7.30"
+    yargs "^16.1.1"
+
+kind-of@^6.0.2:
+  version "6.0.3"
+  resolved "https://registry.yarnpkg.com/kind-of/-/kind-of-6.0.3.tgz#07c05034a6c349fa06e24fa35aa76db4580ce4dd"
+  integrity sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==
+
+launch-editor@^2.6.0:
+  version "2.6.1"
+  resolved "https://registry.yarnpkg.com/launch-editor/-/launch-editor-2.6.1.tgz#f259c9ef95cbc9425620bbbd14b468fcdb4ffe3c"
+  integrity sha512-eB/uXmFVpY4zezmGp5XtU21kwo7GBbKB+EQ+UZeWtGb9yAM5xt/Evk+lYH3eRNAtId+ej4u7TYPFZ07w4s7rRw==
+  dependencies:
+    picocolors "^1.0.0"
+    shell-quote "^1.8.1"
+
+loader-runner@^4.2.0:
+  version "4.3.0"
+  resolved "https://registry.yarnpkg.com/loader-runner/-/loader-runner-4.3.0.tgz#c1b4a163b99f614830353b16755e7149ac2314e1"
+  integrity sha512-3R/1M+yS3j5ou80Me59j7F9IMs4PXs3VqRrm0TU3AbKPxlmpoY1TNscJV/oGJXo8qCatFGTfDbY6W6ipGOYXfg==
+
+locate-path@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-5.0.0.tgz#1afba396afd676a6d42504d0a67a3a7eb9f62aa0"
+  integrity sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==
+  dependencies:
+    p-locate "^4.1.0"
+
+locate-path@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-6.0.0.tgz#55321eb309febbc59c4801d931a72452a681d286"
+  integrity sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==
+  dependencies:
+    p-locate "^5.0.0"
+
+lodash@^4.17.15, lodash@^4.17.21:
+  version "4.17.21"
+  resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.21.tgz#679591c564c3bffaae8454cf0b3df370c3d6911c"
+  integrity sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==
+
+log-symbols@4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/log-symbols/-/log-symbols-4.1.0.tgz#3fbdbb95b4683ac9fc785111e792e558d4abd503"
+  integrity sha512-8XPvpAA8uyhfteu8pIvQxpJZ7SYYdpUivZpGy6sFsBuKRY/7rQGavedeB8aK+Zkyq6upMFVL/9AW6vOYzfRyLg==
+  dependencies:
+    chalk "^4.1.0"
+    is-unicode-supported "^0.1.0"
+
+log4js@^6.4.1:
+  version "6.9.1"
+  resolved "https://registry.yarnpkg.com/log4js/-/log4js-6.9.1.tgz#aba5a3ff4e7872ae34f8b4c533706753709e38b6"
+  integrity sha512-1somDdy9sChrr9/f4UlzhdaGfDR2c/SaD2a4T7qEkG4jTS57/B3qmnjLYePwQ8cqWnUHZI0iAKxMBpCZICiZ2g==
+  dependencies:
+    date-format "^4.0.14"
+    debug "^4.3.4"
+    flatted "^3.2.7"
+    rfdc "^1.3.0"
+    streamroller "^3.1.5"
+
+media-typer@0.3.0:
+  version "0.3.0"
+  resolved "https://registry.yarnpkg.com/media-typer/-/media-typer-0.3.0.tgz#8710d7af0aa626f8fffa1ce00168545263255748"
+  integrity sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==
+
+memfs@^3.4.3:
+  version "3.6.0"
+  resolved "https://registry.yarnpkg.com/memfs/-/memfs-3.6.0.tgz#d7a2110f86f79dd950a8b6df6d57bc984aa185f6"
+  integrity sha512-EGowvkkgbMcIChjMTMkESFDbZeSh8xZ7kNSF0hAiAN4Jh6jgHCRS0Ga/+C8y6Au+oqpezRHCfPsmJ2+DwAgiwQ==
+  dependencies:
+    fs-monkey "^1.0.4"
+
+merge-descriptors@1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/merge-descriptors/-/merge-descriptors-1.0.1.tgz#b00aaa556dd8b44568150ec9d1b953f3f90cbb61"
+  integrity sha512-cCi6g3/Zr1iqQi6ySbseM1Xvooa98N0w31jzUYrXPX2xqObmFGHJ0tQ5u74H3mVh7wLouTseZyYIq39g8cNp1w==
+
+merge-stream@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/merge-stream/-/merge-stream-2.0.0.tgz#52823629a14dd00c9770fb6ad47dc6310f2c1f60"
+  integrity sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==
+
+methods@~1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/methods/-/methods-1.1.2.tgz#5529a4d67654134edcc5266656835b0f851afcee"
+  integrity sha512-iclAHeNqNm68zFtnZ0e+1L2yUIdvzNoauKU4WBA3VvH/vPFieF7qfRlwUZU+DA9P9bPXIS90ulxoUoCH23sV2w==
+
+micromatch@^4.0.2:
+  version "4.0.5"
+  resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-4.0.5.tgz#bc8999a7cbbf77cdc89f132f6e467051b49090c6"
+  integrity sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==
+  dependencies:
+    braces "^3.0.2"
+    picomatch "^2.3.1"
+
+mime-db@1.52.0, "mime-db@>= 1.43.0 < 2":
+  version "1.52.0"
+  resolved "https://registry.yarnpkg.com/mime-db/-/mime-db-1.52.0.tgz#bbabcdc02859f4987301c856e3387ce5ec43bf70"
+  integrity sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==
+
+mime-types@^2.1.27, mime-types@^2.1.31, mime-types@~2.1.17, mime-types@~2.1.24, mime-types@~2.1.34:
+  version "2.1.35"
+  resolved "https://registry.yarnpkg.com/mime-types/-/mime-types-2.1.35.tgz#381a871b62a734450660ae3deee44813f70d959a"
+  integrity sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==
+  dependencies:
+    mime-db "1.52.0"
+
+mime@1.6.0:
+  version "1.6.0"
+  resolved "https://registry.yarnpkg.com/mime/-/mime-1.6.0.tgz#32cd9e5c64553bd58d19a568af452acff04981b1"
+  integrity sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==
+
+mime@^2.5.2:
+  version "2.6.0"
+  resolved "https://registry.yarnpkg.com/mime/-/mime-2.6.0.tgz#a2a682a95cd4d0cb1d6257e28f83da7e35800367"
+  integrity sha512-USPkMeET31rOMiarsBNIHZKLGgvKc/LrjofAnBlOttf5ajRvqiRA8QsenbcooctK6d6Ts6aqZXBA+XbkKthiQg==
+
+mimic-fn@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/mimic-fn/-/mimic-fn-2.1.0.tgz#7ed2c2ccccaf84d3ffcb7a69b57711fc2083401b"
+  integrity sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==
+
+minimalistic-assert@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/minimalistic-assert/-/minimalistic-assert-1.0.1.tgz#2e194de044626d4a10e7f7fbc00ce73e83e4d5c7"
+  integrity sha512-UtJcAD4yEaGtjPezWuO9wC4nwUnVH/8/Im3yEHQP4b67cXlD/Qr9hdITCU1xDbSEXg2XKNaP8jsReV7vQd00/A==
+
+minimatch@5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-5.0.1.tgz#fb9022f7528125187c92bd9e9b6366be1cf3415b"
+  integrity sha512-nLDxIFRyhDblz3qMuq+SoRZED4+miJ/G+tdDrjkkkRnjAsBexeGpgjLEQ0blJy7rHhR2b93rhQY4SvyWu9v03g==
+  dependencies:
+    brace-expansion "^2.0.1"
+
+minimatch@^3.0.4, minimatch@^3.1.1:
+  version "3.1.2"
+  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.1.2.tgz#19cd194bfd3e428f049a70817c038d89ab4be35b"
+  integrity sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==
+  dependencies:
+    brace-expansion "^1.1.7"
+
+minimist@^1.2.3, minimist@^1.2.6:
+  version "1.2.8"
+  resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.8.tgz#c1a464e7693302e082a075cee0c057741ac4772c"
+  integrity sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==
+
+mkdirp@^0.5.5:
+  version "0.5.6"
+  resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-0.5.6.tgz#7def03d2432dcae4ba1d611445c48396062255f6"
+  integrity sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==
+  dependencies:
+    minimist "^1.2.6"
+
+mocha@10.2.0:
+  version "10.2.0"
+  resolved "https://registry.yarnpkg.com/mocha/-/mocha-10.2.0.tgz#1fd4a7c32ba5ac372e03a17eef435bd00e5c68b8"
+  integrity sha512-IDY7fl/BecMwFHzoqF2sg/SHHANeBoMMXFlS9r0OXKDssYE1M5O43wUY/9BVPeIvfH2zmEbBfseqN9gBQZzXkg==
+  dependencies:
+    ansi-colors "4.1.1"
+    browser-stdout "1.3.1"
+    chokidar "3.5.3"
+    debug "4.3.4"
+    diff "5.0.0"
+    escape-string-regexp "4.0.0"
+    find-up "5.0.0"
+    glob "7.2.0"
+    he "1.2.0"
+    js-yaml "4.1.0"
+    log-symbols "4.1.0"
+    minimatch "5.0.1"
+    ms "2.1.3"
+    nanoid "3.3.3"
+    serialize-javascript "6.0.0"
+    strip-json-comments "3.1.1"
+    supports-color "8.1.1"
+    workerpool "6.2.1"
+    yargs "16.2.0"
+    yargs-parser "20.2.4"
+    yargs-unparser "2.0.0"
+
+ms@2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/ms/-/ms-2.0.0.tgz#5608aeadfc00be6c2901df5f9861788de0d597c8"
+  integrity sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==
+
+ms@2.1.2:
+  version "2.1.2"
+  resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.2.tgz#d09d1f357b443f493382a8eb3ccd183872ae6009"
+  integrity sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==
+
+ms@2.1.3:
+  version "2.1.3"
+  resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.3.tgz#574c8138ce1d2b5861f0b44579dbadd60c6615b2"
+  integrity sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==
+
+multicast-dns@^7.2.5:
+  version "7.2.5"
+  resolved "https://registry.yarnpkg.com/multicast-dns/-/multicast-dns-7.2.5.tgz#77eb46057f4d7adbd16d9290fa7299f6fa64cced"
+  integrity sha512-2eznPJP8z2BFLX50tf0LuODrpINqP1RVIm/CObbTcBRITQgmC/TjcREF1NeTBzIcR5XO/ukWo+YHOjBbFwIupg==
+  dependencies:
+    dns-packet "^5.2.2"
+    thunky "^1.0.2"
+
+nanoid@3.3.3:
+  version "3.3.3"
+  resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.3.tgz#fd8e8b7aa761fe807dba2d1b98fb7241bb724a25"
+  integrity sha512-p1sjXuopFs0xg+fPASzQ28agW1oHD7xDsd9Xkf3T15H3c/cifrFHVwrh74PdoklAPi+i7MdRsE47vm2r6JoB+w==
+
+negotiator@0.6.3:
+  version "0.6.3"
+  resolved "https://registry.yarnpkg.com/negotiator/-/negotiator-0.6.3.tgz#58e323a72fedc0d6f9cd4d31fe49f51479590ccd"
+  integrity sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==
+
+neo-async@^2.6.2:
+  version "2.6.2"
+  resolved "https://registry.yarnpkg.com/neo-async/-/neo-async-2.6.2.tgz#b4aafb93e3aeb2d8174ca53cf163ab7d7308305f"
+  integrity sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==
+
+node-forge@^1:
+  version "1.3.1"
+  resolved "https://registry.yarnpkg.com/node-forge/-/node-forge-1.3.1.tgz#be8da2af243b2417d5f646a770663a92b7e9ded3"
+  integrity sha512-dPEtOeMvF9VMcYV/1Wb8CPoVAXtp6MKMlcbAt4ddqmGqUJ6fQZFXkNZNkNlfevtNkGtaSoXf/vNNNSvgrdXwtA==
+
+node-releases@^2.0.14:
+  version "2.0.14"
+  resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.14.tgz#2ffb053bceb8b2be8495ece1ab6ce600c4461b0b"
+  integrity sha512-y10wOWt8yZpqXmOgRo77WaHEmhYQYGNA6y421PKsKYWEK8aW+cqAphborZDhqfyKrbZEN92CN1X2KbafY2s7Yw==
+
+normalize-path@^3.0.0, normalize-path@~3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/normalize-path/-/normalize-path-3.0.0.tgz#0dcd69ff23a1c9b11fd0978316644a0388216a65"
+  integrity sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==
+
+npm-run-path@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/npm-run-path/-/npm-run-path-4.0.1.tgz#b7ecd1e5ed53da8e37a55e1c2269e0b97ed748ea"
+  integrity sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==
+  dependencies:
+    path-key "^3.0.0"
+
+object-assign@^4:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863"
+  integrity sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==
+
+object-inspect@^1.9.0:
+  version "1.13.1"
+  resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.13.1.tgz#b96c6109324ccfef6b12216a956ca4dc2ff94bc2"
+  integrity sha512-5qoj1RUiKOMsCCNLV1CBiPYE10sziTsnmNxkAI/rZhiD63CF7IqdFGC/XzjWjpSgLf0LxXX3bDFIh0E18f6UhQ==
+
+obuf@^1.0.0, obuf@^1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/obuf/-/obuf-1.1.2.tgz#09bea3343d41859ebd446292d11c9d4db619084e"
+  integrity sha512-PX1wu0AmAdPqOL1mWhqmlOd8kOIZQwGZw6rh7uby9fTc5lhaOWFLX3I6R1hrF9k3zUY40e6igsLGkDXK92LJNg==
+
+on-finished@2.4.1:
+  version "2.4.1"
+  resolved "https://registry.yarnpkg.com/on-finished/-/on-finished-2.4.1.tgz#58c8c44116e54845ad57f14ab10b03533184ac3f"
+  integrity sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==
+  dependencies:
+    ee-first "1.1.1"
+
+on-finished@~2.3.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/on-finished/-/on-finished-2.3.0.tgz#20f1336481b083cd75337992a16971aa2d906947"
+  integrity sha512-ikqdkGAAyf/X/gPhXGvfgAytDZtDbr+bkNUJ0N9h5MI/dmdgCs3l6hoHrcUv41sRKew3jIwrp4qQDXiK99Utww==
+  dependencies:
+    ee-first "1.1.1"
+
+on-headers@~1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/on-headers/-/on-headers-1.0.2.tgz#772b0ae6aaa525c399e489adfad90c403eb3c28f"
+  integrity sha512-pZAE+FJLoyITytdqK0U5s+FIpjN0JP3OzFi/u8Rx+EV5/W+JTWGXG8xFzevE7AjBfDqHv/8vL8qQsIhHnqRkrA==
+
+once@^1.3.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/once/-/once-1.4.0.tgz#583b1aa775961d4b113ac17d9c50baef9dd76bd1"
+  integrity sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==
+  dependencies:
+    wrappy "1"
+
+onetime@^5.1.2:
+  version "5.1.2"
+  resolved "https://registry.yarnpkg.com/onetime/-/onetime-5.1.2.tgz#d0e96ebb56b07476df1dd9c4806e5237985ca45e"
+  integrity sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==
+  dependencies:
+    mimic-fn "^2.1.0"
+
+open@^8.0.9:
+  version "8.4.2"
+  resolved "https://registry.yarnpkg.com/open/-/open-8.4.2.tgz#5b5ffe2a8f793dcd2aad73e550cb87b59cb084f9"
+  integrity sha512-7x81NCL719oNbsq/3mh+hVrAWmFuEYUqrq/Iw3kUzH8ReypT9QQ0BLoJS7/G9k6N81XjW4qHWtjWwe/9eLy1EQ==
+  dependencies:
+    define-lazy-prop "^2.0.0"
+    is-docker "^2.1.1"
+    is-wsl "^2.2.0"
+
+p-limit@^2.2.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/p-limit/-/p-limit-2.3.0.tgz#3dd33c647a214fdfffd835933eb086da0dc21db1"
+  integrity sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==
+  dependencies:
+    p-try "^2.0.0"
+
+p-limit@^3.0.2:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/p-limit/-/p-limit-3.1.0.tgz#e1daccbe78d0d1388ca18c64fea38e3e57e3706b"
+  integrity sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==
+  dependencies:
+    yocto-queue "^0.1.0"
+
+p-locate@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-4.1.0.tgz#a3428bb7088b3a60292f66919278b7c297ad4f07"
+  integrity sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==
+  dependencies:
+    p-limit "^2.2.0"
+
+p-locate@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-5.0.0.tgz#83c8315c6785005e3bd021839411c9e110e6d834"
+  integrity sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==
+  dependencies:
+    p-limit "^3.0.2"
+
+p-retry@^4.5.0:
+  version "4.6.2"
+  resolved "https://registry.yarnpkg.com/p-retry/-/p-retry-4.6.2.tgz#9baae7184057edd4e17231cee04264106e092a16"
+  integrity sha512-312Id396EbJdvRONlngUx0NydfrIQ5lsYu0znKVUzVvArzEIt08V1qhtyESbGVd1FGX7UKtiFp5uwKZdM8wIuQ==
+  dependencies:
+    "@types/retry" "0.12.0"
+    retry "^0.13.1"
+
+p-try@^2.0.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/p-try/-/p-try-2.2.0.tgz#cb2868540e313d61de58fafbe35ce9004d5540e6"
+  integrity sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==
+
+parseurl@~1.3.2, parseurl@~1.3.3:
+  version "1.3.3"
+  resolved "https://registry.yarnpkg.com/parseurl/-/parseurl-1.3.3.tgz#9da19e7bee8d12dff0513ed5b76957793bc2e8d4"
+  integrity sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==
+
+path-exists@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/path-exists/-/path-exists-4.0.0.tgz#513bdbe2d3b95d7762e8c1137efa195c6c61b5b3"
+  integrity sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==
+
+path-is-absolute@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/path-is-absolute/-/path-is-absolute-1.0.1.tgz#174b9268735534ffbc7ace6bf53a5a9e1b5c5f5f"
+  integrity sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==
+
+path-key@^3.0.0, path-key@^3.1.0:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/path-key/-/path-key-3.1.1.tgz#581f6ade658cbba65a0d3380de7753295054f375"
+  integrity sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==
+
+path-parse@^1.0.7:
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/path-parse/-/path-parse-1.0.7.tgz#fbc114b60ca42b30d9daf5858e4bd68bbedb6735"
+  integrity sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==
+
+path-to-regexp@0.1.7:
+  version "0.1.7"
+  resolved "https://registry.yarnpkg.com/path-to-regexp/-/path-to-regexp-0.1.7.tgz#df604178005f522f15eb4490e7247a1bfaa67f8c"
+  integrity sha512-5DFkuoqlv1uYQKxy8omFBeJPQcdoE07Kv2sferDCrAq1ohOU+MSDswDIbnx3YAM60qIOnYa53wBhXW0EbMonrQ==
+
+picocolors@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.0.0.tgz#cb5bdc74ff3f51892236eaf79d68bc44564ab81c"
+  integrity sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==
+
+picomatch@^2.0.4, picomatch@^2.2.1, picomatch@^2.3.1:
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.3.1.tgz#3ba3833733646d9d3e4995946c1365a67fb07a42"
+  integrity sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==
+
+pkg-dir@^4.2.0:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/pkg-dir/-/pkg-dir-4.2.0.tgz#f099133df7ede422e81d1d8448270eeb3e4261f3"
+  integrity sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==
+  dependencies:
+    find-up "^4.0.0"
+
+process-nextick-args@~2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/process-nextick-args/-/process-nextick-args-2.0.1.tgz#7820d9b16120cc55ca9ae7792680ae7dba6d7fe2"
+  integrity sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==
+
+proxy-addr@~2.0.7:
+  version "2.0.7"
+  resolved "https://registry.yarnpkg.com/proxy-addr/-/proxy-addr-2.0.7.tgz#f19fe69ceab311eeb94b42e70e8c2070f9ba1025"
+  integrity sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==
+  dependencies:
+    forwarded "0.2.0"
+    ipaddr.js "1.9.1"
+
+punycode@^2.1.0:
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/punycode/-/punycode-2.3.1.tgz#027422e2faec0b25e1549c3e1bd8309b9133b6e5"
+  integrity sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==
+
+qjobs@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/qjobs/-/qjobs-1.2.0.tgz#c45e9c61800bd087ef88d7e256423bdd49e5d071"
+  integrity sha512-8YOJEHtxpySA3fFDyCRxA+UUV+fA+rTWnuWvylOK/NCjhY+b4ocCtmu8TtsWb+mYeU+GCHf/S66KZF/AsteKHg==
+
+qs@6.11.0:
+  version "6.11.0"
+  resolved "https://registry.yarnpkg.com/qs/-/qs-6.11.0.tgz#fd0d963446f7a65e1367e01abd85429453f0c37a"
+  integrity sha512-MvjoMCJwEarSbUYk5O+nmoSzSutSsTwF85zcHPQ9OrlFoZOYIjaqBAJIqIXjptyD5vThxGq52Xu/MaJzRkIk4Q==
+  dependencies:
+    side-channel "^1.0.4"
+
+randombytes@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/randombytes/-/randombytes-2.1.0.tgz#df6f84372f0270dc65cdf6291349ab7a473d4f2a"
+  integrity sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==
+  dependencies:
+    safe-buffer "^5.1.0"
+
+range-parser@^1.2.1, range-parser@~1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/range-parser/-/range-parser-1.2.1.tgz#3cf37023d199e1c24d1a55b84800c2f3e6468031"
+  integrity sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==
+
+raw-body@2.5.1:
+  version "2.5.1"
+  resolved "https://registry.yarnpkg.com/raw-body/-/raw-body-2.5.1.tgz#fe1b1628b181b700215e5fd42389f98b71392857"
+  integrity sha512-qqJBtEyVgS0ZmPGdCFPWJ3FreoqvG4MVQln/kCgF7Olq95IbOp0/BWyMwbdtn4VTvkM8Y7khCQ2Xgk/tcrCXig==
+  dependencies:
+    bytes "3.1.2"
+    http-errors "2.0.0"
+    iconv-lite "0.4.24"
+    unpipe "1.0.0"
+
+raw-body@2.5.2:
+  version "2.5.2"
+  resolved "https://registry.yarnpkg.com/raw-body/-/raw-body-2.5.2.tgz#99febd83b90e08975087e8f1f9419a149366b68a"
+  integrity sha512-8zGqypfENjCIqGhgXToC8aB2r7YrBX+AQAfIPs/Mlk+BtPTztOvTS01NRW/3Eh60J+a48lt8qsCzirQ6loCVfA==
+  dependencies:
+    bytes "3.1.2"
+    http-errors "2.0.0"
+    iconv-lite "0.4.24"
+    unpipe "1.0.0"
+
+readable-stream@^2.0.1:
+  version "2.3.8"
+  resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-2.3.8.tgz#91125e8042bba1b9887f49345f6277027ce8be9b"
+  integrity sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==
+  dependencies:
+    core-util-is "~1.0.0"
+    inherits "~2.0.3"
+    isarray "~1.0.0"
+    process-nextick-args "~2.0.0"
+    safe-buffer "~5.1.1"
+    string_decoder "~1.1.1"
+    util-deprecate "~1.0.1"
+
+readable-stream@^3.0.6:
+  version "3.6.2"
+  resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-3.6.2.tgz#56a9b36ea965c00c5a93ef31eb111a0f11056967"
+  integrity sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==
+  dependencies:
+    inherits "^2.0.3"
+    string_decoder "^1.1.1"
+    util-deprecate "^1.0.1"
+
+readdirp@~3.6.0:
+  version "3.6.0"
+  resolved "https://registry.yarnpkg.com/readdirp/-/readdirp-3.6.0.tgz#74a370bd857116e245b29cc97340cd431a02a6c7"
+  integrity sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==
+  dependencies:
+    picomatch "^2.2.1"
+
+rechoir@^0.8.0:
+  version "0.8.0"
+  resolved "https://registry.yarnpkg.com/rechoir/-/rechoir-0.8.0.tgz#49f866e0d32146142da3ad8f0eff352b3215ff22"
+  integrity sha512-/vxpCXddiX8NGfGO/mTafwjq4aFa/71pvamip0++IQk3zG8cbCj0fifNPrjjF1XMXUne91jL9OoxmdykoEtifQ==
+  dependencies:
+    resolve "^1.20.0"
+
+require-directory@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/require-directory/-/require-directory-2.1.1.tgz#8c64ad5fd30dab1c976e2344ffe7f792a6a6df42"
+  integrity sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==
+
+require-from-string@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/require-from-string/-/require-from-string-2.0.2.tgz#89a7fdd938261267318eafe14f9c32e598c36909"
+  integrity sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==
+
+requires-port@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/requires-port/-/requires-port-1.0.0.tgz#925d2601d39ac485e091cf0da5c6e694dc3dcaff"
+  integrity sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==
+
+resolve-cwd@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/resolve-cwd/-/resolve-cwd-3.0.0.tgz#0f0075f1bb2544766cf73ba6a6e2adfebcb13f2d"
+  integrity sha512-OrZaX2Mb+rJCpH/6CpSqt9xFVpN++x01XnN2ie9g6P5/3xelLAkXWVADpdz1IHD/KFfEXyE6V0U01OQ3UO2rEg==
+  dependencies:
+    resolve-from "^5.0.0"
+
+resolve-from@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-5.0.0.tgz#c35225843df8f776df21c57557bc087e9dfdfc69"
+  integrity sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==
+
+resolve@^1.20.0:
+  version "1.22.8"
+  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.8.tgz#b6c87a9f2aa06dfab52e3d70ac8cde321fa5a48d"
+  integrity sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==
+  dependencies:
+    is-core-module "^2.13.0"
+    path-parse "^1.0.7"
+    supports-preserve-symlinks-flag "^1.0.0"
+
+retry@^0.13.1:
+  version "0.13.1"
+  resolved "https://registry.yarnpkg.com/retry/-/retry-0.13.1.tgz#185b1587acf67919d63b357349e03537b2484658"
+  integrity sha512-XQBQ3I8W1Cge0Seh+6gjj03LbmRFWuoszgK9ooCpwYIrhhoO80pfq4cUkU5DkknwfOfFteRwlZ56PYOGYyFWdg==
+
+rfdc@^1.3.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/rfdc/-/rfdc-1.3.0.tgz#d0b7c441ab2720d05dc4cf26e01c89631d9da08b"
+  integrity sha512-V2hovdzFbOi77/WajaSMXk2OLm+xNIeQdMMuB7icj7bk6zi2F8GGAxigcnDFpJHbNyNcgyJDiP+8nOrY5cZGrA==
+
+rimraf@^3.0.0, rimraf@^3.0.2:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-3.0.2.tgz#f1a5402ba6220ad52cc1282bac1ae3aa49fd061a"
+  integrity sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==
+  dependencies:
+    glob "^7.1.3"
+
+safe-buffer@5.1.2, safe-buffer@~5.1.0, safe-buffer@~5.1.1:
+  version "5.1.2"
+  resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.1.2.tgz#991ec69d296e0313747d59bdfd2b745c35f8828d"
+  integrity sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==
+
+safe-buffer@5.2.1, safe-buffer@>=5.1.0, safe-buffer@^5.1.0, safe-buffer@~5.2.0:
+  version "5.2.1"
+  resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.2.1.tgz#1eaf9fa9bdb1fdd4ec75f58f9cdb4e6b7827eec6"
+  integrity sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==
+
+"safer-buffer@>= 2.1.2 < 3", "safer-buffer@>= 2.1.2 < 3.0.0":
+  version "2.1.2"
+  resolved "https://registry.yarnpkg.com/safer-buffer/-/safer-buffer-2.1.2.tgz#44fa161b0187b9549dd84bb91802f9bd8385cd6a"
+  integrity sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==
+
+schema-utils@^3.1.1, schema-utils@^3.1.2:
+  version "3.3.0"
+  resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-3.3.0.tgz#f50a88877c3c01652a15b622ae9e9795df7a60fe"
+  integrity sha512-pN/yOAvcC+5rQ5nERGuwrjLlYvLTbCibnZ1I7B1LaiAz9BRBlE9GMgE/eqV30P7aJQUf7Ddimy/RsbYO/GrVGg==
+  dependencies:
+    "@types/json-schema" "^7.0.8"
+    ajv "^6.12.5"
+    ajv-keywords "^3.5.2"
+
+schema-utils@^4.0.0:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-4.2.0.tgz#70d7c93e153a273a805801882ebd3bff20d89c8b"
+  integrity sha512-L0jRsrPpjdckP3oPug3/VxNKt2trR8TcabrM6FOAAlvC/9Phcmm+cuAgTlxBqdBR1WJx7Naj9WHw+aOmheSVbw==
+  dependencies:
+    "@types/json-schema" "^7.0.9"
+    ajv "^8.9.0"
+    ajv-formats "^2.1.1"
+    ajv-keywords "^5.1.0"
+
+select-hose@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/select-hose/-/select-hose-2.0.0.tgz#625d8658f865af43ec962bfc376a37359a4994ca"
+  integrity sha512-mEugaLK+YfkijB4fx0e6kImuJdCIt2LxCRcbEYPqRGCs4F2ogyfZU5IAZRdjCP8JPq2AtdNoC/Dux63d9Kiryg==
+
+selfsigned@^2.1.1:
+  version "2.4.1"
+  resolved "https://registry.yarnpkg.com/selfsigned/-/selfsigned-2.4.1.tgz#560d90565442a3ed35b674034cec4e95dceb4ae0"
+  integrity sha512-th5B4L2U+eGLq1TVh7zNRGBapioSORUeymIydxgFpwww9d2qyKvtuPU2jJuHvYAwwqi2Y596QBL3eEqcPEYL8Q==
+  dependencies:
+    "@types/node-forge" "^1.3.0"
+    node-forge "^1"
+
+send@0.18.0:
+  version "0.18.0"
+  resolved "https://registry.yarnpkg.com/send/-/send-0.18.0.tgz#670167cc654b05f5aa4a767f9113bb371bc706be"
+  integrity sha512-qqWzuOjSFOuqPjFe4NOsMLafToQQwBSOEpS+FwEt3A2V3vKubTquT3vmLTQpFgMXp8AlFWFuP1qKaJZOtPpVXg==
+  dependencies:
+    debug "2.6.9"
+    depd "2.0.0"
+    destroy "1.2.0"
+    encodeurl "~1.0.2"
+    escape-html "~1.0.3"
+    etag "~1.8.1"
+    fresh "0.5.2"
+    http-errors "2.0.0"
+    mime "1.6.0"
+    ms "2.1.3"
+    on-finished "2.4.1"
+    range-parser "~1.2.1"
+    statuses "2.0.1"
+
+serialize-javascript@6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/serialize-javascript/-/serialize-javascript-6.0.0.tgz#efae5d88f45d7924141da8b5c3a7a7e663fefeb8"
+  integrity sha512-Qr3TosvguFt8ePWqsvRfrKyQXIiW+nGbYpy8XK24NQHE83caxWt+mIymTT19DGFbNWNLfEwsrkSmN64lVWB9ag==
+  dependencies:
+    randombytes "^2.1.0"
+
+serialize-javascript@^6.0.1:
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/serialize-javascript/-/serialize-javascript-6.0.1.tgz#b206efb27c3da0b0ab6b52f48d170b7996458e5c"
+  integrity sha512-owoXEFjWRllis8/M1Q+Cw5k8ZH40e3zhp/ovX+Xr/vi1qj6QesbyXXViFbpNvWvPNAD62SutwEXavefrLJWj7w==
+  dependencies:
+    randombytes "^2.1.0"
+
+serve-index@^1.9.1:
+  version "1.9.1"
+  resolved "https://registry.yarnpkg.com/serve-index/-/serve-index-1.9.1.tgz#d3768d69b1e7d82e5ce050fff5b453bea12a9239"
+  integrity sha512-pXHfKNP4qujrtteMrSBb0rc8HJ9Ms/GrXwcUtUtD5s4ewDJI8bT3Cz2zTVRMKtri49pLx2e0Ya8ziP5Ya2pZZw==
+  dependencies:
+    accepts "~1.3.4"
+    batch "0.6.1"
+    debug "2.6.9"
+    escape-html "~1.0.3"
+    http-errors "~1.6.2"
+    mime-types "~2.1.17"
+    parseurl "~1.3.2"
+
+serve-static@1.15.0:
+  version "1.15.0"
+  resolved "https://registry.yarnpkg.com/serve-static/-/serve-static-1.15.0.tgz#faaef08cffe0a1a62f60cad0c4e513cff0ac9540"
+  integrity sha512-XGuRDNjXUijsUL0vl6nSD7cwURuzEgglbOaFuZM9g3kwDXOWVTck0jLzjPzGD+TazWbboZYu52/9/XPdUgne9g==
+  dependencies:
+    encodeurl "~1.0.2"
+    escape-html "~1.0.3"
+    parseurl "~1.3.3"
+    send "0.18.0"
+
+set-function-length@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/set-function-length/-/set-function-length-1.1.1.tgz#4bc39fafb0307224a33e106a7d35ca1218d659ed"
+  integrity sha512-VoaqjbBJKiWtg4yRcKBQ7g7wnGnLV3M8oLvVWwOk2PdYY6PEFegR1vezXR0tw6fZGF9csVakIRjrJiy2veSBFQ==
+  dependencies:
+    define-data-property "^1.1.1"
+    get-intrinsic "^1.2.1"
+    gopd "^1.0.1"
+    has-property-descriptors "^1.0.0"
+
+setprototypeof@1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/setprototypeof/-/setprototypeof-1.1.0.tgz#d0bd85536887b6fe7c0d818cb962d9d91c54e656"
+  integrity sha512-BvE/TwpZX4FXExxOxZyRGQQv651MSwmWKZGqvmPcRIjDqWub67kTKuIMx43cZZrS/cBBzwBcNDWoFxt2XEFIpQ==
+
+setprototypeof@1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/setprototypeof/-/setprototypeof-1.2.0.tgz#66c9a24a73f9fc28cbe66b09fed3d33dcaf1b424"
+  integrity sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==
+
+shallow-clone@^3.0.0:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/shallow-clone/-/shallow-clone-3.0.1.tgz#8f2981ad92531f55035b01fb230769a40e02efa3"
+  integrity sha512-/6KqX+GVUdqPuPPd2LxDDxzX6CAbjJehAAOKlNpqqUpAqPM6HeL8f+o3a+JsyGjn2lv0WY8UsTgUJjU9Ok55NA==
+  dependencies:
+    kind-of "^6.0.2"
+
+shebang-command@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/shebang-command/-/shebang-command-2.0.0.tgz#ccd0af4f8835fbdc265b82461aaf0c36663f34ea"
+  integrity sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==
+  dependencies:
+    shebang-regex "^3.0.0"
+
+shebang-regex@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/shebang-regex/-/shebang-regex-3.0.0.tgz#ae16f1644d873ecad843b0307b143362d4c42172"
+  integrity sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==
+
+shell-quote@^1.8.1:
+  version "1.8.1"
+  resolved "https://registry.yarnpkg.com/shell-quote/-/shell-quote-1.8.1.tgz#6dbf4db75515ad5bac63b4f1894c3a154c766680"
+  integrity sha512-6j1W9l1iAs/4xYBI1SYOVZyFcCis9b4KCLQ8fgAGG07QvzaRLVVRQvAy85yNmmZSjYjg4MWh4gNvlPujU/5LpA==
+
+side-channel@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/side-channel/-/side-channel-1.0.4.tgz#efce5c8fdc104ee751b25c58d4290011fa5ea2cf"
+  integrity sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==
+  dependencies:
+    call-bind "^1.0.0"
+    get-intrinsic "^1.0.2"
+    object-inspect "^1.9.0"
+
+signal-exit@^3.0.3:
+  version "3.0.7"
+  resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-3.0.7.tgz#a9a1767f8af84155114eaabd73f99273c8f59ad9"
+  integrity sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==
+
+socket.io-adapter@~2.5.2:
+  version "2.5.2"
+  resolved "https://registry.yarnpkg.com/socket.io-adapter/-/socket.io-adapter-2.5.2.tgz#5de9477c9182fdc171cd8c8364b9a8894ec75d12"
+  integrity sha512-87C3LO/NOMc+eMcpcxUBebGjkpMDkNBS9tf7KJqcDsmL936EChtVva71Dw2q4tQcuVC+hAUy4an2NO/sYXmwRA==
+  dependencies:
+    ws "~8.11.0"
+
+socket.io-parser@~4.2.4:
+  version "4.2.4"
+  resolved "https://registry.yarnpkg.com/socket.io-parser/-/socket.io-parser-4.2.4.tgz#c806966cf7270601e47469ddeec30fbdfda44c83"
+  integrity sha512-/GbIKmo8ioc+NIWIhwdecY0ge+qVBSMdgxGygevmdHj24bsfgtCmcUUcQ5ZzcylGFHsN3k4HB4Cgkl96KVnuew==
+  dependencies:
+    "@socket.io/component-emitter" "~3.1.0"
+    debug "~4.3.1"
+
+socket.io@^4.4.1:
+  version "4.7.2"
+  resolved "https://registry.yarnpkg.com/socket.io/-/socket.io-4.7.2.tgz#22557d76c3f3ca48f82e73d68b7add36a22df002"
+  integrity sha512-bvKVS29/I5fl2FGLNHuXlQaUH/BlzX1IN6S+NKLNZpBsPZIDH+90eQmCs2Railn4YUiww4SzUedJ6+uzwFnKLw==
+  dependencies:
+    accepts "~1.3.4"
+    base64id "~2.0.0"
+    cors "~2.8.5"
+    debug "~4.3.2"
+    engine.io "~6.5.2"
+    socket.io-adapter "~2.5.2"
+    socket.io-parser "~4.2.4"
+
+sockjs@^0.3.24:
+  version "0.3.24"
+  resolved "https://registry.yarnpkg.com/sockjs/-/sockjs-0.3.24.tgz#c9bc8995f33a111bea0395ec30aa3206bdb5ccce"
+  integrity sha512-GJgLTZ7vYb/JtPSSZ10hsOYIvEYsjbNU+zPdIHcUaWVNUEPivzxku31865sSSud0Da0W4lEeOPlmw93zLQchuQ==
+  dependencies:
+    faye-websocket "^0.11.3"
+    uuid "^8.3.2"
+    websocket-driver "^0.7.4"
+
+source-map-js@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.0.2.tgz#adbc361d9c62df380125e7f161f71c826f1e490c"
+  integrity sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==
+
+source-map-loader@4.0.1:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/source-map-loader/-/source-map-loader-4.0.1.tgz#72f00d05f5d1f90f80974eda781cbd7107c125f2"
+  integrity sha512-oqXpzDIByKONVY8g1NUPOTQhe0UTU5bWUl32GSkqK2LjJj0HmwTMVKxcUip0RgAYhY1mqgOxjbQM48a0mmeNfA==
+  dependencies:
+    abab "^2.0.6"
+    iconv-lite "^0.6.3"
+    source-map-js "^1.0.2"
+
+source-map-support@~0.5.20:
+  version "0.5.21"
+  resolved "https://registry.yarnpkg.com/source-map-support/-/source-map-support-0.5.21.tgz#04fe7c7f9e1ed2d662233c28cb2b35b9f63f6e4f"
+  integrity sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==
+  dependencies:
+    buffer-from "^1.0.0"
+    source-map "^0.6.0"
+
+source-map@^0.6.0, source-map@^0.6.1:
+  version "0.6.1"
+  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.6.1.tgz#74722af32e9614e9c287a8d0bbde48b5e2f1a263"
+  integrity sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==
+
+spdy-transport@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/spdy-transport/-/spdy-transport-3.0.0.tgz#00d4863a6400ad75df93361a1608605e5dcdcf31"
+  integrity sha512-hsLVFE5SjA6TCisWeJXFKniGGOpBgMLmerfO2aCyCU5s7nJ/rpAepqmFifv/GCbSbueEeAJJnmSQ2rKC/g8Fcw==
+  dependencies:
+    debug "^4.1.0"
+    detect-node "^2.0.4"
+    hpack.js "^2.1.6"
+    obuf "^1.1.2"
+    readable-stream "^3.0.6"
+    wbuf "^1.7.3"
+
+spdy@^4.0.2:
+  version "4.0.2"
+  resolved "https://registry.yarnpkg.com/spdy/-/spdy-4.0.2.tgz#b74f466203a3eda452c02492b91fb9e84a27677b"
+  integrity sha512-r46gZQZQV+Kl9oItvl1JZZqJKGr+oEkB08A6BzkiR7593/7IbtuncXHd2YoYeTsG4157ZssMu9KYvUHLcjcDoA==
+  dependencies:
+    debug "^4.1.0"
+    handle-thing "^2.0.0"
+    http-deceiver "^1.2.7"
+    select-hose "^2.0.0"
+    spdy-transport "^3.0.0"
+
+statuses@2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/statuses/-/statuses-2.0.1.tgz#55cb000ccf1d48728bd23c685a063998cf1a1b63"
+  integrity sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==
+
+"statuses@>= 1.4.0 < 2", statuses@~1.5.0:
+  version "1.5.0"
+  resolved "https://registry.yarnpkg.com/statuses/-/statuses-1.5.0.tgz#161c7dac177659fd9811f43771fa99381478628c"
+  integrity sha512-OpZ3zP+jT1PI7I8nemJX4AKmAX070ZkYPVWV/AaKTJl+tXCTGyVdC1a4SL8RUQYEwk/f34ZX8UTykN68FwrqAA==
+
+streamroller@^3.1.5:
+  version "3.1.5"
+  resolved "https://registry.yarnpkg.com/streamroller/-/streamroller-3.1.5.tgz#1263182329a45def1ffaef58d31b15d13d2ee7ff"
+  integrity sha512-KFxaM7XT+irxvdqSP1LGLgNWbYN7ay5owZ3r/8t77p+EtSUAfUgtl7be3xtqtOmGUl9K9YPO2ca8133RlTjvKw==
+  dependencies:
+    date-format "^4.0.14"
+    debug "^4.3.4"
+    fs-extra "^8.1.0"
+
+string-width@^4.1.0, string-width@^4.2.0:
+  version "4.2.3"
+  resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.3.tgz#269c7117d27b05ad2e536830a8ec895ef9c6d010"
+  integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==
+  dependencies:
+    emoji-regex "^8.0.0"
+    is-fullwidth-code-point "^3.0.0"
+    strip-ansi "^6.0.1"
+
+string_decoder@^1.1.1:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/string_decoder/-/string_decoder-1.3.0.tgz#42f114594a46cf1a8e30b0a84f56c78c3edac21e"
+  integrity sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==
+  dependencies:
+    safe-buffer "~5.2.0"
+
+string_decoder@~1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/string_decoder/-/string_decoder-1.1.1.tgz#9cf1611ba62685d7030ae9e4ba34149c3af03fc8"
+  integrity sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==
+  dependencies:
+    safe-buffer "~5.1.0"
+
+strip-ansi@^6.0.0, strip-ansi@^6.0.1:
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-6.0.1.tgz#9e26c63d30f53443e9489495b2105d37b67a85d9"
+  integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==
+  dependencies:
+    ansi-regex "^5.0.1"
+
+strip-final-newline@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/strip-final-newline/-/strip-final-newline-2.0.0.tgz#89b852fb2fcbe936f6f4b3187afb0a12c1ab58ad"
+  integrity sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==
+
+strip-json-comments@3.1.1:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-3.1.1.tgz#31f1281b3832630434831c310c01cccda8cbe006"
+  integrity sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==
+
+supports-color@8.1.1, supports-color@^8.0.0:
+  version "8.1.1"
+  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-8.1.1.tgz#cd6fc17e28500cff56c1b86c0a7fd4a54a73005c"
+  integrity sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==
+  dependencies:
+    has-flag "^4.0.0"
+
+supports-color@^7.1.0:
+  version "7.2.0"
+  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-7.2.0.tgz#1b7dcdcb32b8138801b3e478ba6a51caa89648da"
+  integrity sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==
+  dependencies:
+    has-flag "^4.0.0"
+
+supports-preserve-symlinks-flag@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz#6eda4bd344a3c94aea376d4cc31bc77311039e09"
+  integrity sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==
+
+tapable@^2.1.1, tapable@^2.2.0:
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/tapable/-/tapable-2.2.1.tgz#1967a73ef4060a82f12ab96af86d52fdb76eeca0"
+  integrity sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==
+
+terser-webpack-plugin@^5.3.7:
+  version "5.3.9"
+  resolved "https://registry.yarnpkg.com/terser-webpack-plugin/-/terser-webpack-plugin-5.3.9.tgz#832536999c51b46d468067f9e37662a3b96adfe1"
+  integrity sha512-ZuXsqE07EcggTWQjXUj+Aot/OMcD0bMKGgF63f7UxYcu5/AJF53aIpK1YoP5xR9l6s/Hy2b+t1AM0bLNPRuhwA==
+  dependencies:
+    "@jridgewell/trace-mapping" "^0.3.17"
+    jest-worker "^27.4.5"
+    schema-utils "^3.1.1"
+    serialize-javascript "^6.0.1"
+    terser "^5.16.8"
+
+terser@^5.16.8:
+  version "5.26.0"
+  resolved "https://registry.yarnpkg.com/terser/-/terser-5.26.0.tgz#ee9f05d929f4189a9c28a0feb889d96d50126fe1"
+  integrity sha512-dytTGoE2oHgbNV9nTzgBEPaqAWvcJNl66VZ0BkJqlvp71IjO8CxdBx/ykCNb47cLnCmCvRZ6ZR0tLkqvZCdVBQ==
+  dependencies:
+    "@jridgewell/source-map" "^0.3.3"
+    acorn "^8.8.2"
+    commander "^2.20.0"
+    source-map-support "~0.5.20"
+
+thunky@^1.0.2:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/thunky/-/thunky-1.1.0.tgz#5abaf714a9405db0504732bbccd2cedd9ef9537d"
+  integrity sha512-eHY7nBftgThBqOyHGVN+l8gF0BucP09fMo0oO/Lb0w1OF80dJv+lDVpXG60WMQvkcxAkNybKsrEIE3ZtKGmPrA==
+
+tmp@^0.2.1:
+  version "0.2.1"
+  resolved "https://registry.yarnpkg.com/tmp/-/tmp-0.2.1.tgz#8457fc3037dcf4719c251367a1af6500ee1ccf14"
+  integrity sha512-76SUhtfqR2Ijn+xllcI5P1oyannHNHByD80W1q447gU3mp9G9PSpGdWmjUOHRDPiHYacIk66W7ubDTuPF3BEtQ==
+  dependencies:
+    rimraf "^3.0.0"
+
+to-regex-range@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/to-regex-range/-/to-regex-range-5.0.1.tgz#1648c44aae7c8d988a326018ed72f5b4dd0392e4"
+  integrity sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==
+  dependencies:
+    is-number "^7.0.0"
+
+toidentifier@1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/toidentifier/-/toidentifier-1.0.1.tgz#3be34321a88a820ed1bd80dfaa33e479fbb8dd35"
+  integrity sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==
+
+type-is@~1.6.18:
+  version "1.6.18"
+  resolved "https://registry.yarnpkg.com/type-is/-/type-is-1.6.18.tgz#4e552cd05df09467dcbc4ef739de89f2cf37c131"
+  integrity sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==
+  dependencies:
+    media-typer "0.3.0"
+    mime-types "~2.1.24"
+
+typescript@5.0.4:
+  version "5.0.4"
+  resolved "https://registry.yarnpkg.com/typescript/-/typescript-5.0.4.tgz#b217fd20119bd61a94d4011274e0ab369058da3b"
+  integrity sha512-cW9T5W9xY37cc+jfEnaUvX91foxtHkza3Nw3wkoF4sSlKn0MONdkdEndig/qPBWXNkmplh3NzayQzCiHM4/hqw==
+
+ua-parser-js@^0.7.30:
+  version "0.7.37"
+  resolved "https://registry.yarnpkg.com/ua-parser-js/-/ua-parser-js-0.7.37.tgz#e464e66dac2d33a7a1251d7d7a99d6157ec27832"
+  integrity sha512-xV8kqRKM+jhMvcHWUKthV9fNebIzrNy//2O9ZwWcfiBFR5f25XVZPLlEajk/sf3Ra15V92isyQqnIEXRDaZWEA==
+
+undici-types@~5.26.4:
+  version "5.26.5"
+  resolved "https://registry.yarnpkg.com/undici-types/-/undici-types-5.26.5.tgz#bcd539893d00b56e964fd2657a4866b221a65617"
+  integrity sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==
+
+universalify@^0.1.0:
+  version "0.1.2"
+  resolved "https://registry.yarnpkg.com/universalify/-/universalify-0.1.2.tgz#b646f69be3942dabcecc9d6639c80dc105efaa66"
+  integrity sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==
+
+unpipe@1.0.0, unpipe@~1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/unpipe/-/unpipe-1.0.0.tgz#b2bf4ee8514aae6165b4817829d21b2ef49904ec"
+  integrity sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==
+
+update-browserslist-db@^1.0.13:
+  version "1.0.13"
+  resolved "https://registry.yarnpkg.com/update-browserslist-db/-/update-browserslist-db-1.0.13.tgz#3c5e4f5c083661bd38ef64b6328c26ed6c8248c4"
+  integrity sha512-xebP81SNcPuNpPP3uzeW1NYXxI3rxyJzF3pD6sH4jE7o/IX+WtSpwnVU+qIsDPyk0d3hmFQ7mjqc6AtV604hbg==
+  dependencies:
+    escalade "^3.1.1"
+    picocolors "^1.0.0"
+
+uri-js@^4.2.2:
+  version "4.4.1"
+  resolved "https://registry.yarnpkg.com/uri-js/-/uri-js-4.4.1.tgz#9b1a52595225859e55f669d928f88c6c57f2a77e"
+  integrity sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==
+  dependencies:
+    punycode "^2.1.0"
+
+util-deprecate@^1.0.1, util-deprecate@~1.0.1:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/util-deprecate/-/util-deprecate-1.0.2.tgz#450d4dc9fa70de732762fbd2d4a28981419a0ccf"
+  integrity sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==
+
+utils-merge@1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/utils-merge/-/utils-merge-1.0.1.tgz#9f95710f50a267947b2ccc124741c1028427e713"
+  integrity sha512-pMZTvIkT1d+TFGvDOqodOclx0QWkkgi6Tdoa8gC8ffGAAqz9pzPTZWAybbsHHoED/ztMtkv/VoYTYyShUn81hA==
+
+uuid@^8.3.2:
+  version "8.3.2"
+  resolved "https://registry.yarnpkg.com/uuid/-/uuid-8.3.2.tgz#80d5b5ced271bb9af6c445f21a1a04c606cefbe2"
+  integrity sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==
+
+vary@^1, vary@~1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/vary/-/vary-1.1.2.tgz#2299f02c6ded30d4a5961b0b9f74524a18f634fc"
+  integrity sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==
+
+void-elements@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/void-elements/-/void-elements-2.0.1.tgz#c066afb582bb1cb4128d60ea92392e94d5e9dbec"
+  integrity sha512-qZKX4RnBzH2ugr8Lxa7x+0V6XD9Sb/ouARtiasEQCHB1EVU4NXtmHsDDrx1dO4ne5fc3J6EW05BP1Dl0z0iung==
+
+watchpack@^2.4.0:
+  version "2.4.0"
+  resolved "https://registry.yarnpkg.com/watchpack/-/watchpack-2.4.0.tgz#fa33032374962c78113f93c7f2fb4c54c9862a5d"
+  integrity sha512-Lcvm7MGST/4fup+ifyKi2hjyIAwcdI4HRgtvTpIUxBRhB+RFtUh8XtDOxUfctVCnhVi+QQj49i91OyvzkJl6cg==
+  dependencies:
+    glob-to-regexp "^0.4.1"
+    graceful-fs "^4.1.2"
+
+wbuf@^1.1.0, wbuf@^1.7.3:
+  version "1.7.3"
+  resolved "https://registry.yarnpkg.com/wbuf/-/wbuf-1.7.3.tgz#c1d8d149316d3ea852848895cb6a0bfe887b87df"
+  integrity sha512-O84QOnr0icsbFGLS0O3bI5FswxzRr8/gHwWkDlQFskhSPryQXvrTMxjxGP4+iWYoauLoBvfDpkrOauZ+0iZpDA==
+  dependencies:
+    minimalistic-assert "^1.0.0"
+
+webpack-cli@5.1.0:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/webpack-cli/-/webpack-cli-5.1.0.tgz#abc4b1f44b50250f2632d8b8b536cfe2f6257891"
+  integrity sha512-a7KRJnCxejFoDpYTOwzm5o21ZXMaNqtRlvS183XzGDUPRdVEzJNImcQokqYZ8BNTnk9DkKiuWxw75+DCCoZ26w==
+  dependencies:
+    "@discoveryjs/json-ext" "^0.5.0"
+    "@webpack-cli/configtest" "^2.1.0"
+    "@webpack-cli/info" "^2.0.1"
+    "@webpack-cli/serve" "^2.0.3"
+    colorette "^2.0.14"
+    commander "^10.0.1"
+    cross-spawn "^7.0.3"
+    envinfo "^7.7.3"
+    fastest-levenshtein "^1.0.12"
+    import-local "^3.0.2"
+    interpret "^3.1.1"
+    rechoir "^0.8.0"
+    webpack-merge "^5.7.3"
+
+webpack-dev-middleware@^5.3.1:
+  version "5.3.3"
+  resolved "https://registry.yarnpkg.com/webpack-dev-middleware/-/webpack-dev-middleware-5.3.3.tgz#efae67c2793908e7311f1d9b06f2a08dcc97e51f"
+  integrity sha512-hj5CYrY0bZLB+eTO+x/j67Pkrquiy7kWepMHmUMoPsmcUaeEnQJqFzHJOyxgWlq746/wUuA64p9ta34Kyb01pA==
+  dependencies:
+    colorette "^2.0.10"
+    memfs "^3.4.3"
+    mime-types "^2.1.31"
+    range-parser "^1.2.1"
+    schema-utils "^4.0.0"
+
+webpack-dev-server@4.15.0:
+  version "4.15.0"
+  resolved "https://registry.yarnpkg.com/webpack-dev-server/-/webpack-dev-server-4.15.0.tgz#87ba9006eca53c551607ea0d663f4ae88be7af21"
+  integrity sha512-HmNB5QeSl1KpulTBQ8UT4FPrByYyaLxpJoQ0+s7EvUrMc16m0ZS1sgb1XGqzmgCPk0c9y+aaXxn11tbLzuM7NQ==
+  dependencies:
+    "@types/bonjour" "^3.5.9"
+    "@types/connect-history-api-fallback" "^1.3.5"
+    "@types/express" "^4.17.13"
+    "@types/serve-index" "^1.9.1"
+    "@types/serve-static" "^1.13.10"
+    "@types/sockjs" "^0.3.33"
+    "@types/ws" "^8.5.1"
+    ansi-html-community "^0.0.8"
+    bonjour-service "^1.0.11"
+    chokidar "^3.5.3"
+    colorette "^2.0.10"
+    compression "^1.7.4"
+    connect-history-api-fallback "^2.0.0"
+    default-gateway "^6.0.3"
+    express "^4.17.3"
+    graceful-fs "^4.2.6"
+    html-entities "^2.3.2"
+    http-proxy-middleware "^2.0.3"
+    ipaddr.js "^2.0.1"
+    launch-editor "^2.6.0"
+    open "^8.0.9"
+    p-retry "^4.5.0"
+    rimraf "^3.0.2"
+    schema-utils "^4.0.0"
+    selfsigned "^2.1.1"
+    serve-index "^1.9.1"
+    sockjs "^0.3.24"
+    spdy "^4.0.2"
+    webpack-dev-middleware "^5.3.1"
+    ws "^8.13.0"
+
+webpack-merge@^4.1.5:
+  version "4.2.2"
+  resolved "https://registry.yarnpkg.com/webpack-merge/-/webpack-merge-4.2.2.tgz#a27c52ea783d1398afd2087f547d7b9d2f43634d"
+  integrity sha512-TUE1UGoTX2Cd42j3krGYqObZbOD+xF7u28WB7tfUordytSjbWTIjK/8V0amkBfTYN4/pB/GIDlJZZ657BGG19g==
+  dependencies:
+    lodash "^4.17.15"
+
+webpack-merge@^5.7.3:
+  version "5.10.0"
+  resolved "https://registry.yarnpkg.com/webpack-merge/-/webpack-merge-5.10.0.tgz#a3ad5d773241e9c682803abf628d4cd62b8a4177"
+  integrity sha512-+4zXKdx7UnO+1jaN4l2lHVD+mFvnlZQP/6ljaJVb4SZiwIKeUnrT5l0gkT8z+n4hKpC+jpOv6O9R+gLtag7pSA==
+  dependencies:
+    clone-deep "^4.0.1"
+    flat "^5.0.2"
+    wildcard "^2.0.0"
+
+webpack-sources@^3.2.3:
+  version "3.2.3"
+  resolved "https://registry.yarnpkg.com/webpack-sources/-/webpack-sources-3.2.3.tgz#2d4daab8451fd4b240cc27055ff6a0c2ccea0cde"
+  integrity sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==
+
+webpack@5.82.0:
+  version "5.82.0"
+  resolved "https://registry.yarnpkg.com/webpack/-/webpack-5.82.0.tgz#3c0d074dec79401db026b4ba0fb23d6333f88e7d"
+  integrity sha512-iGNA2fHhnDcV1bONdUu554eZx+XeldsaeQ8T67H6KKHl2nUSwX8Zm7cmzOA46ox/X1ARxf7Bjv8wQ/HsB5fxBg==
+  dependencies:
+    "@types/eslint-scope" "^3.7.3"
+    "@types/estree" "^1.0.0"
+    "@webassemblyjs/ast" "^1.11.5"
+    "@webassemblyjs/wasm-edit" "^1.11.5"
+    "@webassemblyjs/wasm-parser" "^1.11.5"
+    acorn "^8.7.1"
+    acorn-import-assertions "^1.7.6"
+    browserslist "^4.14.5"
+    chrome-trace-event "^1.0.2"
+    enhanced-resolve "^5.13.0"
+    es-module-lexer "^1.2.1"
+    eslint-scope "5.1.1"
+    events "^3.2.0"
+    glob-to-regexp "^0.4.1"
+    graceful-fs "^4.2.9"
+    json-parse-even-better-errors "^2.3.1"
+    loader-runner "^4.2.0"
+    mime-types "^2.1.27"
+    neo-async "^2.6.2"
+    schema-utils "^3.1.2"
+    tapable "^2.1.1"
+    terser-webpack-plugin "^5.3.7"
+    watchpack "^2.4.0"
+    webpack-sources "^3.2.3"
+
+websocket-driver@>=0.5.1, websocket-driver@^0.7.4:
+  version "0.7.4"
+  resolved "https://registry.yarnpkg.com/websocket-driver/-/websocket-driver-0.7.4.tgz#89ad5295bbf64b480abcba31e4953aca706f5760"
+  integrity sha512-b17KeDIQVjvb0ssuSDF2cYXSg2iztliJ4B9WdsuB6J952qCPKmnVq4DyW5motImXHDC1cBT/1UezrJVsKw5zjg==
+  dependencies:
+    http-parser-js ">=0.5.1"
+    safe-buffer ">=5.1.0"
+    websocket-extensions ">=0.1.1"
+
+websocket-extensions@>=0.1.1:
+  version "0.1.4"
+  resolved "https://registry.yarnpkg.com/websocket-extensions/-/websocket-extensions-0.1.4.tgz#7f8473bc839dfd87608adb95d7eb075211578a42"
+  integrity sha512-OqedPIGOfsDlo31UNwYbCFMSaO9m9G/0faIHj5/dZFDMFqPTcx6UwqyOy3COEaEOg/9VsGIpdqn62W5KhoKSpg==
+
+which@^1.2.1:
+  version "1.3.1"
+  resolved "https://registry.yarnpkg.com/which/-/which-1.3.1.tgz#a45043d54f5805316da8d62f9f50918d3da70b0a"
+  integrity sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==
+  dependencies:
+    isexe "^2.0.0"
+
+which@^2.0.1:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/which/-/which-2.0.2.tgz#7c6a8dd0a636a0327e10b59c9286eee93f3f51b1"
+  integrity sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==
+  dependencies:
+    isexe "^2.0.0"
+
+wildcard@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/wildcard/-/wildcard-2.0.1.tgz#5ab10d02487198954836b6349f74fff961e10f67"
+  integrity sha512-CC1bOL87PIWSBhDcTrdeLo6eGT7mCFtrg0uIJtqJUFyK+eJnzl8A1niH56uu7KMa5XFrtiV+AQuHO3n7DsHnLQ==
+
+workerpool@6.2.1:
+  version "6.2.1"
+  resolved "https://registry.yarnpkg.com/workerpool/-/workerpool-6.2.1.tgz#46fc150c17d826b86a008e5a4508656777e9c343"
+  integrity sha512-ILEIE97kDZvF9Wb9f6h5aXK4swSlKGUcOEGiIYb2OOu/IrDU9iwj0fD//SsA6E5ibwJxpEvhullJY4Sl4GcpAw==
+
+wrap-ansi@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-7.0.0.tgz#67e145cff510a6a6984bdf1152911d69d2eb9e43"
+  integrity sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==
+  dependencies:
+    ansi-styles "^4.0.0"
+    string-width "^4.1.0"
+    strip-ansi "^6.0.0"
+
+wrappy@1:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/wrappy/-/wrappy-1.0.2.tgz#b5243d8f3ec1aa35f1364605bc0d1036e30ab69f"
+  integrity sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==
+
+ws@^8.13.0:
+  version "8.15.1"
+  resolved "https://registry.yarnpkg.com/ws/-/ws-8.15.1.tgz#271ba33a45ca0cc477940f7f200cd7fba7ee1997"
+  integrity sha512-W5OZiCjXEmk0yZ66ZN82beM5Sz7l7coYxpRkzS+p9PP+ToQry8szKh+61eNktr7EA9DOwvFGhfC605jDHbP6QQ==
+
+ws@~8.11.0:
+  version "8.11.0"
+  resolved "https://registry.yarnpkg.com/ws/-/ws-8.11.0.tgz#6a0d36b8edfd9f96d8b25683db2f8d7de6e8e143"
+  integrity sha512-HPG3wQd9sNQoT9xHyNCXoDUa+Xw/VevmY9FoHyQ+g+rrMn4j6FB4np7Z0OhdTgjx6MgQLK7jwSy1YecU1+4Asg==
+
+y18n@^5.0.5:
+  version "5.0.8"
+  resolved "https://registry.yarnpkg.com/y18n/-/y18n-5.0.8.tgz#7f4934d0f7ca8c56f95314939ddcd2dd91ce1d55"
+  integrity sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==
+
+yargs-parser@20.2.4:
+  version "20.2.4"
+  resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-20.2.4.tgz#b42890f14566796f85ae8e3a25290d205f154a54"
+  integrity sha512-WOkpgNhPTlE73h4VFAFsOnomJVaovO8VqLDzy5saChRBFQFBoMYirowyW+Q9HB4HFF4Z7VZTiG3iSzJJA29yRA==
+
+yargs-parser@^20.2.2:
+  version "20.2.9"
+  resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-20.2.9.tgz#2eb7dc3b0289718fc295f362753845c41a0c94ee"
+  integrity sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==
+
+yargs-unparser@2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/yargs-unparser/-/yargs-unparser-2.0.0.tgz#f131f9226911ae5d9ad38c432fe809366c2325eb"
+  integrity sha512-7pRTIA9Qc1caZ0bZ6RYRGbHJthJWuakf+WmHK0rVeLkNrrGhfoabBNdue6kdINI6r4if7ocq9aD/n7xwKOdzOA==
+  dependencies:
+    camelcase "^6.0.0"
+    decamelize "^4.0.0"
+    flat "^5.0.2"
+    is-plain-obj "^2.1.0"
+
+yargs@16.2.0, yargs@^16.1.1:
+  version "16.2.0"
+  resolved "https://registry.yarnpkg.com/yargs/-/yargs-16.2.0.tgz#1c82bf0f6b6a66eafce7ef30e376f49a12477f66"
+  integrity sha512-D1mvvtDG0L5ft/jGWkLpG1+m0eQxOfaBvTNELraWj22wSVUMWxZUvYgJYcKh6jGGIkJFhH4IZPQhR4TKpc8mBw==
+  dependencies:
+    cliui "^7.0.2"
+    escalade "^3.1.1"
+    get-caller-file "^2.0.5"
+    require-directory "^2.1.1"
+    string-width "^4.2.0"
+    y18n "^5.0.5"
+    yargs-parser "^20.2.2"
+
+yocto-queue@^0.1.0:
+  version "0.1.0"
+  resolved "https://registry.yarnpkg.com/yocto-queue/-/yocto-queue-0.1.0.tgz#0294eb3dee05028d31ee1a5fa2c556a6aaf10a1b"
+  integrity sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==
diff --git a/src/jvmMain/kotlin/info/mechyrdia/Configuration.kt b/src/jvmMain/kotlin/info/mechyrdia/Configuration.kt
new file mode 100644 (file)
index 0000000..7d6ab99
--- /dev/null
@@ -0,0 +1,42 @@
+package info.mechyrdia
+
+import info.mechyrdia.data.Id
+import info.mechyrdia.data.NationData
+import kotlinx.serialization.Serializable
+import java.io.File
+
+@Serializable
+data class Configuration(
+       val host: String = "127.0.0.1",
+       val port: Int = 8080,
+       
+       val isDevMode: Boolean = false,
+       
+       val rootDir: String = "..",
+       val articleDir: String = "$rootDir/lore",
+       val assetDir: String = "$rootDir/assets",
+       val templateDir: String = "$rootDir/tpl",
+       val jsonDocDir: String = "$rootDir/data",
+       val quizDir: String = "$rootDir/quizzes",
+       val scriptDir: String = "$rootDir/funcs",
+       
+       val dbName: String = "nslore",
+       val dbConn: String = "mongodb://localhost:27017",
+) {
+       companion object {
+               val CurrentConfiguration: Configuration by lazy {
+                       val file = File(System.getProperty("factbooks.configpath", "./config.json"))
+                       if (!file.isFile) {
+                               if (file.exists())
+                                       file.deleteRecursively()
+                               
+                               file.writeText(JsonFileCodec.encodeToString(serializer(), Configuration()), Charsets.UTF_8)
+                       }
+                       
+                       JsonFileCodec.decodeFromString(serializer(), file.readText(Charsets.UTF_8))
+               }
+       }
+}
+
+const val OWNER_NATION = "mechyrdia"
+val OwnerNationId = Id<NationData>(OWNER_NATION)
diff --git a/src/jvmMain/kotlin/info/mechyrdia/Factbooks.kt b/src/jvmMain/kotlin/info/mechyrdia/Factbooks.kt
new file mode 100644 (file)
index 0000000..7e2ebc5
--- /dev/null
@@ -0,0 +1,254 @@
+@file:JvmName("Factbooks")
+
+package info.mechyrdia
+
+import info.mechyrdia.auth.*
+import info.mechyrdia.data.*
+import info.mechyrdia.lore.*
+import io.ktor.http.*
+import io.ktor.http.content.*
+import io.ktor.server.application.*
+import io.ktor.server.cio.*
+import io.ktor.server.engine.*
+import io.ktor.server.html.*
+import io.ktor.server.http.content.*
+import io.ktor.server.plugins.*
+import io.ktor.server.plugins.cachingheaders.*
+import io.ktor.server.plugins.callid.*
+import io.ktor.server.plugins.callloging.*
+import io.ktor.server.plugins.conditionalheaders.*
+import io.ktor.server.plugins.forwardedheaders.*
+import io.ktor.server.plugins.statuspages.*
+import io.ktor.server.request.*
+import io.ktor.server.response.*
+import io.ktor.server.routing.*
+import io.ktor.server.sessions.*
+import io.ktor.server.sessions.serialization.*
+import io.ktor.util.*
+import org.slf4j.event.Level
+import java.io.File
+import java.io.IOException
+import java.util.concurrent.atomic.AtomicLong
+
+lateinit var application: Application
+       private set
+
+fun main() {
+       System.setProperty("logback.statusListenerClass", "ch.qos.logback.core.status.NopStatusListener")
+       
+       System.setProperty("io.ktor.development", "false")
+       
+       ConnectionHolder.initialize(Configuration.CurrentConfiguration.dbConn, Configuration.CurrentConfiguration.dbName)
+       
+       embeddedServer(CIO, port = Configuration.CurrentConfiguration.port, host = Configuration.CurrentConfiguration.host, module = Application::factbooks).start(wait = true)
+}
+
+fun Application.factbooks() {
+       application = this
+       
+       install(IgnoreTrailingSlash)
+       install(XForwardedHeaders)
+       
+       install(CachingHeaders) {
+               options { call, outgoingContent ->
+                       if (outgoingContent is JarFileContent)
+                               CachingOptions(CacheControl.MaxAge(maxAgeSeconds = 3600))
+                       else if (call.attributes.getOrNull(PageDoNotCacheAttributeKey) == true)
+                               CachingOptions(CacheControl.NoStore(null))
+                       else
+                               null
+               }
+       }
+       
+       install(ConditionalHeaders) {
+               version { call, outgoingContent ->
+                       if (outgoingContent is LocalFileContent)
+                               listOf(LastModifiedVersion(outgoingContent.file.lastModified()))
+                       else
+                               emptyList()
+               }
+       }
+       
+       install(CallId) {
+               val counter = AtomicLong(0)
+               generate {
+                       "call-${counter.incrementAndGet().toULong()}-${System.currentTimeMillis()}"
+               }
+       }
+       
+       install(CallLogging) {
+               level = Level.INFO
+               
+               callIdMdc("ktor-call-id")
+               
+               format { call ->
+                       "Call #${call.callId} Client ${call.request.origin.remoteHost} `${call.request.userAgent()}` Request ${call.request.httpMethod.value} ${call.request.uri} Response ${call.response.status()}"
+               }
+       }
+       
+       install(Sessions) {
+               cookie("USER_SESSION", SessionStorageMongoDB) {
+                       identity { Id<UserSession>().id }
+                       
+                       serializer = KotlinxSessionSerializer(UserSession.serializer(), JsonStorageCodec)
+                       
+                       cookie.httpOnly = true
+                       cookie.extensions["SameSite"] = "Lax"
+                       cookie.extensions["Secure"] = null
+               }
+       }
+       
+       install(StatusPages) {
+               status(HttpStatusCode.NotFound) { call, _ ->
+                       call.respondHtml(HttpStatusCode.NotFound, call.error404())
+               }
+               
+               exception<HttpRedirectException> { call, (url, permanent) ->
+                       call.respondRedirect(url, permanent)
+               }
+               exception<MissingRequestParameterException> { call, _ ->
+                       call.respondHtml(HttpStatusCode.BadRequest, call.error400())
+               }
+               exception<ForbiddenException> { call, _ ->
+                       call.respondHtml(HttpStatusCode.Forbidden, call.error403())
+               }
+               exception<CsrfFailedException> { call, (_, params) ->
+                       call.respondHtml(HttpStatusCode.Forbidden, call.error403PageExpired(params))
+               }
+               exception<NullPointerException> { call, _ ->
+                       call.respondHtml(HttpStatusCode.NotFound, call.error404())
+               }
+               exception<IOException> { call, _ ->
+                       call.respondHtml(HttpStatusCode.NotFound, call.error404())
+               }
+               
+               exception<Exception> { call, ex ->
+                       call.application.log.error("Got uncaught exception from serving call ${call.callId}", ex)
+                       
+                       call.respondHtml(HttpStatusCode.InternalServerError, call.error500())
+                       throw ex
+               }
+       }
+       
+       routing {
+               get("/") {
+                       call.respondHtml(HttpStatusCode.OK, call.loreIntroPage())
+               }
+               
+               // Factbooks and assets
+               
+               staticResources("/static", "static", index = null) {
+                       preCompressed(CompressedFileType.BROTLI, CompressedFileType.GZIP)
+                       enableAutoHeadResponse()
+               }
+               
+               get("/lore/{path...}") {
+                       call.respondHtml(HttpStatusCode.OK, call.loreArticlePage())
+               }
+               
+               staticFiles("/assets", File(Configuration.CurrentConfiguration.assetDir), index = null) {
+                       enableAutoHeadResponse()
+               }
+               
+               get("/map") {
+                       call.respondFile(call.galaxyMapPage())
+               }
+               
+               // Routes for robots
+               
+               get("/robots.txt") {
+                       call.respondFile(File(Configuration.CurrentConfiguration.rootDir).combineSafe("robots.txt"))
+               }
+               
+               get("/sitemap.xml") {
+                       call.respondText(buildString { generateSitemap() }, ContentType.Application.Xml)
+               }
+               
+               // Client settings
+               
+               get("/change-theme") {
+                       call.respondHtml(HttpStatusCode.OK, call.changeThemePage())
+               }
+               
+               post("/change-theme") {
+                       call.changeThemeRoute()
+               }
+               
+               // Authentication
+               
+               get("/auth/login") {
+                       call.respondHtml(HttpStatusCode.OK, call.loginPage())
+               }
+               
+               post("/auth/login") {
+                       call.loginRoute()
+               }
+               
+               post("/auth/logout") {
+                       call.logoutRoute()
+               }
+               
+               // Commenting
+               
+               get("/comment/help") {
+                       call.respondHtml(HttpStatusCode.OK, call.commentHelpPage())
+               }
+               
+               get("/comment/recent") {
+                       call.respondHtml(HttpStatusCode.OK, call.recentCommentsPage())
+               }
+               
+               post("/comment/new/{path...}") {
+                       call.newCommentRoute()
+               }
+               
+               get("/comment/view/{id}") {
+                       call.viewCommentRoute()
+               }
+               
+               post("/comment/edit/{id}") {
+                       call.editCommentRoute()
+               }
+               
+               get("/comment/delete/{id}") {
+                       call.respondHtml(HttpStatusCode.OK, call.deleteCommentPage())
+               }
+               
+               post("/comment/delete/{id}") {
+                       call.deleteCommentRoute()
+               }
+               
+               // User pages
+               
+               get("/user/{id}") {
+                       call.respondHtml(HttpStatusCode.OK, call.userPage())
+               }
+               
+               // Administration
+               
+               post("/admin/ban/{id}") {
+                       call.adminBanUserRoute()
+               }
+               
+               post("/admin/unban/{id}") {
+                       call.adminUnbanUserRoute()
+               }
+               
+               // Utilities
+               
+               post("/tylan-lang") {
+                       call.respondText(TylanAlphabet.tylanToFontAlphabet(call.receiveText()))
+               }
+               
+               post("/pokhwal-lang") {
+                       call.respondText(PokhwalishAlphabet.pokhwalToFontAlphabet(call.receiveText()))
+               }
+               
+               post("/preview-comment") {
+                       call.respondText(
+                               text = TextParserState.parseText(call.receiveText(), TextParserCommentTags.asTags, Unit),
+                               contentType = ContentType.Text.Html
+                       )
+               }
+       }
+}
diff --git a/src/jvmMain/kotlin/info/mechyrdia/JSON.kt b/src/jvmMain/kotlin/info/mechyrdia/JSON.kt
new file mode 100644 (file)
index 0000000..41059ba
--- /dev/null
@@ -0,0 +1,19 @@
+package info.mechyrdia
+
+import kotlinx.serialization.ExperimentalSerializationApi
+import kotlinx.serialization.json.Json
+
+val JsonFileCodec = Json {
+       prettyPrint = true
+       @OptIn(ExperimentalSerializationApi::class)
+       prettyPrintIndent = "\t"
+       
+       encodeDefaults = true
+       ignoreUnknownKeys = true
+       useAlternativeNames = false
+}
+
+val JsonStorageCodec = Json {
+       prettyPrint = false
+       useAlternativeNames = false
+}
diff --git a/src/jvmMain/kotlin/info/mechyrdia/auth/csrf.kt b/src/jvmMain/kotlin/info/mechyrdia/auth/csrf.kt
new file mode 100644 (file)
index 0000000..cea7811
--- /dev/null
@@ -0,0 +1,59 @@
+package info.mechyrdia.auth
+
+import info.mechyrdia.data.Id
+import info.mechyrdia.data.NationData
+import io.ktor.http.*
+import io.ktor.server.application.*
+import io.ktor.server.plugins.*
+import io.ktor.server.request.*
+import io.ktor.server.sessions.*
+import kotlinx.html.FORM
+import kotlinx.html.hiddenInput
+import java.time.Instant
+import java.util.concurrent.ConcurrentHashMap
+
+data class CsrfPayload(
+       val route: String,
+       val remoteAddress: String,
+       val userAgent: String?,
+       val userAccount: Id<NationData>?,
+       val expires: Instant
+)
+
+fun ApplicationCall.csrfPayload(route: String, withExpiration: Instant = Instant.now().plusSeconds(7200)) =
+       CsrfPayload(
+               route = route,
+               remoteAddress = request.origin.remoteAddress,
+               userAgent = request.userAgent(),
+               userAccount = sessions.get<UserSession>()?.nationId,
+               expires = withExpiration
+       )
+
+private val csrfMap = ConcurrentHashMap<String, CsrfPayload>()
+
+fun ApplicationCall.createCsrfToken(route: String = request.origin.uri): String {
+       return token().also { csrfMap[it] = csrfPayload(route) }
+}
+
+fun FORM.installCsrfToken(token: String) {
+       hiddenInput {
+               name = "csrf-token"
+               value = token
+       }
+}
+
+suspend fun ApplicationCall.verifyCsrfToken(route: String = request.origin.uri): Parameters {
+       val params = receive<Parameters>()
+       val token = params["csrf-token"] ?: throw CsrfFailedException("No CSRF token was provided", params)
+       
+       val check = csrfMap.remove(token) ?: throw CsrfFailedException("The submitted CSRF token does not exist", params)
+       val payload = csrfPayload(route, check.expires)
+       if (check != payload)
+               throw CsrfFailedException("The submitted CSRF token does not match", params)
+       if (payload.expires < Instant.now())
+               throw CsrfFailedException("The submitted CSRF token has expired", params)
+       
+       return params
+}
+
+data class CsrfFailedException(override val message: String, val formData: Parameters) : RuntimeException(message)
diff --git a/src/jvmMain/kotlin/info/mechyrdia/auth/nationstates.kt b/src/jvmMain/kotlin/info/mechyrdia/auth/nationstates.kt
new file mode 100644 (file)
index 0000000..ad37132
--- /dev/null
@@ -0,0 +1,26 @@
+package info.mechyrdia.auth
+
+import com.aventrix.jnanoid.jnanoid.NanoIdUtils
+import com.github.agadar.nationstates.DefaultNationStatesImpl
+import com.github.agadar.nationstates.NationStates
+import com.github.agadar.nationstates.exception.NationStatesResourceNotFoundException
+import com.github.agadar.nationstates.query.APIQuery
+import kotlinx.coroutines.Dispatchers
+import kotlinx.coroutines.runInterruptible
+
+val NSAPI: NationStates = DefaultNationStatesImpl("Mechyrdia Factbooks <samfrancis00@gmail.com>")
+
+suspend fun <Q : APIQuery<Q, R>, R> Q.executeSuspend(): R? = runInterruptible(Dispatchers.IO) {
+       try {
+               execute()
+       } catch (ex: NationStatesResourceNotFoundException) {
+               null
+       }
+}
+
+fun String.toNationId() = replace(' ', '_').lowercase()
+
+private val tokenAlphabet = "ABCDEFGHILMNOPQRSTVXYZ0123456789".toCharArray()
+fun token(): String = NanoIdUtils.randomNanoId(NanoIdUtils.DEFAULT_NUMBER_GENERATOR, tokenAlphabet, 16)
+
+class ForbiddenException(override val message: String) : RuntimeException(message)
diff --git a/src/jvmMain/kotlin/info/mechyrdia/auth/session_storage.kt b/src/jvmMain/kotlin/info/mechyrdia/auth/session_storage.kt
new file mode 100644 (file)
index 0000000..ad09fb2
--- /dev/null
@@ -0,0 +1,36 @@
+package info.mechyrdia.auth
+
+import info.mechyrdia.data.DataDocument
+import info.mechyrdia.data.DocumentTable
+import info.mechyrdia.data.Id
+import info.mechyrdia.data.TableHolder
+import io.ktor.server.sessions.*
+import kotlinx.serialization.SerialName
+import kotlinx.serialization.Serializable
+
+object SessionStorageMongoDB : SessionStorage {
+       override suspend fun invalidate(id: String) {
+               SessionStorageDoc.Table.del(Id(id))
+       }
+       
+       override suspend fun read(id: String): String {
+               return SessionStorageDoc.Table.get(Id(id))?.session ?: throw NoSuchElementException("Session $id not found")
+       }
+       
+       override suspend fun write(id: String, value: String) {
+               SessionStorageDoc.Table.put(SessionStorageDoc(Id(id), value))
+       }
+}
+
+@Serializable
+data class SessionStorageDoc(
+       @SerialName("_id")
+       override val id: Id<SessionStorageDoc>,
+       val session: String
+) : DataDocument<SessionStorageDoc> {
+       companion object : TableHolder<SessionStorageDoc> {
+               override val Table = DocumentTable<SessionStorageDoc>()
+               
+               override suspend fun initialize() = Unit
+       }
+}
diff --git a/src/jvmMain/kotlin/info/mechyrdia/auth/sessions.kt b/src/jvmMain/kotlin/info/mechyrdia/auth/sessions.kt
new file mode 100644 (file)
index 0000000..f47b9c1
--- /dev/null
@@ -0,0 +1,10 @@
+package info.mechyrdia.auth
+
+import info.mechyrdia.data.Id
+import info.mechyrdia.data.NationData
+import kotlinx.serialization.Serializable
+
+@Serializable
+data class UserSession(
+       val nationId: Id<NationData>,
+)
diff --git a/src/jvmMain/kotlin/info/mechyrdia/auth/views_login.kt b/src/jvmMain/kotlin/info/mechyrdia/auth/views_login.kt
new file mode 100644 (file)
index 0000000..3cd4df1
--- /dev/null
@@ -0,0 +1,104 @@
+package info.mechyrdia.auth
+
+import com.github.agadar.nationstates.shard.NationShard
+import info.mechyrdia.data.Id
+import info.mechyrdia.data.NationData
+import info.mechyrdia.lore.page
+import info.mechyrdia.lore.redirect
+import info.mechyrdia.lore.redirectWithError
+import info.mechyrdia.lore.standardNavBar
+import io.ktor.server.application.*
+import io.ktor.server.plugins.*
+import io.ktor.server.sessions.*
+import io.ktor.server.util.*
+import io.ktor.util.*
+import kotlinx.html.*
+import java.util.concurrent.ConcurrentHashMap
+
+val PageDoNotCacheAttributeKey = AttributeKey<Boolean>("Mechyrdia.PageDoNotCache")
+
+private val nsTokenMap = ConcurrentHashMap<String, String>()
+
+suspend fun ApplicationCall.loginPage(): HTML.() -> Unit {
+       attributes.put(PageDoNotCacheAttributeKey, true)
+       
+       return page("Log In With NationStates", standardNavBar()) {
+               val tokenKey = token()
+               val nsToken = token()
+               
+               nsTokenMap[tokenKey] = nsToken
+               
+               section {
+                       h1 { +"Log In With NationStates" }
+                       form(method = FormMethod.post, action = "/auth/login") {
+                               installCsrfToken(createCsrfToken())
+                               
+                               hiddenInput {
+                                       name = "token"
+                                       value = tokenKey
+                               }
+                               
+                               label {
+                                       +"Nation Name"
+                                       br
+                                       textInput {
+                                               name = "nation"
+                                               placeholder = "Name of your nation without pretitle, e.g. Mechyrdia, Valentine Z, Reinkalistan, etc."
+                                       }
+                               }
+                               p {
+                                       style = "text-align:center"
+                                       button(classes = "view-checksum") {
+                                               attributes["data-token"] = "mechyrdia_$nsToken"
+                                               +"View Your Checksum"
+                                       }
+                               }
+                               label {
+                                       +"Verification Checksum"
+                                       br
+                                       textInput {
+                                               name = "checksum"
+                                               placeholder = "The random text checksum generated by NationStates for verification"
+                                       }
+                               }
+                               submitInput { value = "Log In" }
+                       }
+               }
+       }
+}
+
+suspend fun ApplicationCall.loginRoute(): Nothing {
+       val postParams = verifyCsrfToken()
+       
+       val nation = postParams.getOrFail("nation").toNationId()
+       val checksum = postParams.getOrFail("checksum")
+       val nsToken = nsTokenMap.remove(postParams.getOrFail("token"))
+               ?: throw MissingRequestParameterException("token")
+       
+       val result = NSAPI
+               .verifyAndGetNation(nation, checksum)
+               .token("mechyrdia_$nsToken")
+               .shards(NationShard.NAME, NationShard.FLAG_URL)
+               .executeSuspend()
+               ?: redirectWithError("/auth/login", "That nation does not exist.")
+       
+       if (!result.isVerified)
+               redirectWithError("/auth/login", "Checksum failed verification.")
+       
+       val nationData = NationData(Id(result.id), result.name, result.flagUrl)
+       NationData.Table.put(nationData)
+       
+       sessions.set(UserSession(nationData.id))
+       
+       redirect("/")
+}
+
+suspend fun ApplicationCall.logoutRoute(): Nothing {
+       verifyCsrfToken()
+       
+       val sessId = sessionId<UserSession>()
+       sessions.clear<UserSession>()
+       sessId?.let { id -> SessionStorageDoc.Table.del(Id(id)) }
+       
+       redirect("/")
+}
diff --git a/src/jvmMain/kotlin/info/mechyrdia/data/bson.kt b/src/jvmMain/kotlin/info/mechyrdia/data/bson.kt
new file mode 100644 (file)
index 0000000..1c82cb6
--- /dev/null
@@ -0,0 +1,86 @@
+package info.mechyrdia.data
+
+import kotlinx.serialization.KSerializer
+import kotlinx.serialization.SerializationException
+import kotlinx.serialization.descriptors.PrimitiveKind
+import kotlinx.serialization.descriptors.PrimitiveSerialDescriptor
+import kotlinx.serialization.descriptors.SerialDescriptor
+import kotlinx.serialization.encoding.Decoder
+import kotlinx.serialization.encoding.Encoder
+import org.bson.BsonDateTime
+import org.bson.BsonNull
+import org.bson.BsonReader
+import org.bson.BsonWriter
+import org.bson.codecs.Codec
+import org.bson.codecs.DecoderContext
+import org.bson.codecs.EncoderContext
+import org.bson.codecs.configuration.CodecProvider
+import org.bson.codecs.configuration.CodecRegistry
+import org.bson.codecs.kotlinx.BsonDecoder
+import org.bson.codecs.kotlinx.BsonEncoder
+import java.time.Instant
+
+object IdCodec : Codec<Id<*>> {
+       override fun getEncoderClass(): Class<Id<*>> {
+               return Id::class.java
+       }
+       
+       override fun encode(writer: BsonWriter, value: Id<*>, encoderContext: EncoderContext?) {
+               writer.writeString(value.id)
+       }
+       
+       override fun decode(reader: BsonReader, decoderContext: DecoderContext?): Id<*> {
+               return Id<Any>(reader.readString())
+       }
+}
+
+object IdCodecProvider : CodecProvider {
+       override fun <T : Any?> get(clazz: Class<T>?, registry: CodecRegistry?): Codec<T>? {
+               @Suppress("UNCHECKED_CAST")
+               return if (clazz == Id::class.java)
+                       IdCodec as Codec<T>
+               else null
+       }
+}
+
+object InstantSerializer : KSerializer<Instant> {
+       override val descriptor: SerialDescriptor = PrimitiveSerialDescriptor("InstantSerializer", PrimitiveKind.STRING)
+       
+       override fun serialize(encoder: Encoder, value: Instant) {
+               if (encoder !is BsonEncoder)
+                       throw SerializationException("Instant is not supported by ${encoder::class}")
+               
+               encoder.encodeBsonValue(BsonDateTime(value.toEpochMilli()))
+       }
+       
+       override fun deserialize(decoder: Decoder): Instant {
+               if (decoder !is BsonDecoder)
+                       throw SerializationException("Instant is not supported by ${decoder::class}")
+               
+               return Instant.ofEpochMilli(decoder.decodeBsonValue().asDateTime().value)
+       }
+}
+
+object InstantNullableSerializer : KSerializer<Instant?> {
+       override val descriptor: SerialDescriptor = PrimitiveSerialDescriptor("InstantSerializer", PrimitiveKind.STRING)
+       
+       override fun serialize(encoder: Encoder, value: Instant?) {
+               if (encoder !is BsonEncoder)
+                       throw SerializationException("Instant is not supported by ${encoder::class}")
+               
+               if (value == null)
+                       encoder.encodeBsonValue(BsonNull.VALUE)
+               else
+                       encoder.encodeBsonValue(BsonDateTime(value.toEpochMilli()))
+       }
+       
+       override fun deserialize(decoder: Decoder): Instant? {
+               if (decoder !is BsonDecoder)
+                       throw SerializationException("Instant is not supported by ${decoder::class}")
+               
+               val value = decoder.decodeBsonValue()
+               if (value.isNull)
+                       return null
+               return Instant.ofEpochMilli(value.asDateTime().value)
+       }
+}
diff --git a/src/jvmMain/kotlin/info/mechyrdia/data/comments.kt b/src/jvmMain/kotlin/info/mechyrdia/data/comments.kt
new file mode 100644 (file)
index 0000000..5ed70da
--- /dev/null
@@ -0,0 +1,90 @@
+package info.mechyrdia.data
+
+import com.mongodb.client.model.Filters
+import com.mongodb.client.model.Sorts
+import kotlinx.coroutines.flow.Flow
+import kotlinx.coroutines.flow.toList
+import kotlinx.serialization.SerialName
+import kotlinx.serialization.Serializable
+import java.time.Instant
+
+@Serializable
+data class Comment(
+       @SerialName("_id")
+       override val id: Id<Comment>,
+       
+       val submittedBy: Id<NationData>,
+       val submittedIn: String,
+       val submittedAt: @Serializable(with = InstantSerializer::class) Instant,
+       
+       val numEdits: Int,
+       val lastEdit: @Serializable(with = InstantNullableSerializer::class) Instant?,
+       
+       val contents: String
+) : DataDocument<Comment> {
+       companion object : TableHolder<Comment> {
+               override val Table = DocumentTable<Comment>()
+               
+               override suspend fun initialize() {
+                       Table.index(Comment::submittedBy, Comment::submittedAt)
+                       Table.index(Comment::submittedIn, Comment::submittedAt)
+               }
+               
+               suspend fun getCommentsIn(page: String): Flow<Comment> {
+                       return Table.select(Filters.eq(Comment::submittedIn.serialName, page), Sorts.descending(Comment::submittedAt.serialName))
+               }
+               
+               suspend fun getCommentsBy(user: Id<NationData>): Flow<Comment> {
+                       return Table.select(Filters.eq(Comment::submittedBy.serialName, user), Sorts.descending(Comment::submittedAt.serialName))
+               }
+       }
+}
+
+@Serializable
+data class CommentReplyLink(
+       @SerialName("_id")
+       override val id: Id<CommentReplyLink> = Id(),
+       
+       val originalPost: Id<Comment>,
+       val replyingPost: Id<Comment>,
+       
+       val repliedAt: @Serializable(with = InstantSerializer::class) Instant = Instant.now(),
+) : DataDocument<CommentReplyLink> {
+       companion object : TableHolder<CommentReplyLink> {
+               override val Table = DocumentTable<CommentReplyLink>()
+               
+               override suspend fun initialize() {
+                       Table.index(CommentReplyLink::originalPost)
+                       Table.index(CommentReplyLink::replyingPost)
+                       Table.unique(CommentReplyLink::replyingPost, CommentReplyLink::originalPost)
+               }
+               
+               suspend fun updateComment(updatedReply: Id<Comment>, repliesTo: Set<Id<Comment>>) {
+                       Table.remove(
+                               Filters.and(
+                                       Filters.nin(CommentReplyLink::originalPost.serialName, repliesTo),
+                                       Filters.eq(CommentReplyLink::replyingPost.serialName, updatedReply)
+                               )
+                       )
+                       Table.put(
+                               repliesTo.map { original ->
+                                       CommentReplyLink(
+                                               originalPost = original,
+                                               replyingPost = updatedReply
+                                       )
+                               }
+                       )
+               }
+               
+               suspend fun deleteComment(deletedReply: Id<Comment>) {
+                       Table.remove(Filters.eq(CommentReplyLink::replyingPost.serialName, deletedReply))
+               }
+               
+               suspend fun getReplies(original: Id<Comment>): List<Id<Comment>> {
+                       return Table.filter(Filters.eq(CommentReplyLink::originalPost.serialName, original))
+                               .toList()
+                               .sortedBy { it.repliedAt }
+                               .map { it.replyingPost }
+               }
+       }
+}
diff --git a/src/jvmMain/kotlin/info/mechyrdia/data/data.kt b/src/jvmMain/kotlin/info/mechyrdia/data/data.kt
new file mode 100644 (file)
index 0000000..481e09c
--- /dev/null
@@ -0,0 +1,198 @@
+package info.mechyrdia.data
+
+import com.aventrix.jnanoid.jnanoid.NanoIdUtils
+import com.mongodb.ConnectionString
+import com.mongodb.MongoClientSettings
+import com.mongodb.client.model.*
+import com.mongodb.kotlin.client.coroutine.MongoClient
+import info.mechyrdia.auth.SessionStorageDoc
+import kotlinx.coroutines.CompletableDeferred
+import kotlinx.coroutines.flow.Flow
+import kotlinx.coroutines.flow.singleOrNull
+import kotlinx.coroutines.launch
+import kotlinx.coroutines.runBlocking
+import kotlinx.serialization.KSerializer
+import kotlinx.serialization.SerialName
+import kotlinx.serialization.Serializable
+import kotlinx.serialization.descriptors.PrimitiveKind
+import kotlinx.serialization.descriptors.PrimitiveSerialDescriptor
+import kotlinx.serialization.descriptors.SerialDescriptor
+import kotlinx.serialization.encoding.Decoder
+import kotlinx.serialization.encoding.Encoder
+import org.bson.codecs.configuration.CodecRegistries
+import org.bson.codecs.kotlinx.KotlinSerializerCodecProvider
+import org.bson.conversions.Bson
+import java.security.SecureRandom
+import kotlin.reflect.KClass
+import kotlin.reflect.KProperty1
+
+@Serializable(IdSerializer::class)
+@JvmInline
+value class Id<T>(val id: String) {
+       override fun toString() = id
+       
+       companion object {
+               fun serializer(): KSerializer<Id<*>> = IdSerializer
+       }
+}
+
+private val secureRandom = SecureRandom.getInstanceStrong()
+private val alphabet = "ABCDEFGHILMNOPQRSTVXYZ0123456789".toCharArray()
+fun <T> Id() = Id<T>(NanoIdUtils.randomNanoId(secureRandom, alphabet, 24))
+
+object IdSerializer : KSerializer<Id<*>> {
+       override val descriptor: SerialDescriptor = PrimitiveSerialDescriptor("Id", PrimitiveKind.STRING)
+       
+       override fun serialize(encoder: Encoder, value: Id<*>) {
+               encoder.encodeString(value.id)
+       }
+       
+       override fun deserialize(decoder: Decoder): Id<*> {
+               return Id<Any>(decoder.decodeString())
+       }
+}
+
+object ConnectionHolder {
+       private lateinit var databaseName: String
+       
+       private val clientDeferred = CompletableDeferred<MongoClient>()
+       
+       suspend fun getDatabase() = clientDeferred.await().getDatabase(databaseName)
+       
+       fun initialize(conn: String, db: String) {
+               if (clientDeferred.isCompleted)
+                       error("Cannot initialize database twice!")
+               
+               MongoClient.create(
+                       MongoClientSettings.builder()
+                               .codecRegistry(
+                                       CodecRegistries.fromProviders(
+                                               IdCodecProvider,
+                                               KotlinSerializerCodecProvider()
+                                       )
+                               )
+                               .applyConnectionString(ConnectionString(conn))
+                               .build()
+               )
+               
+               databaseName = db
+               clientDeferred.complete(MongoClient.create(conn))
+               
+               runBlocking {
+                       for (holder in TableHolder.entries)
+                               launch {
+                                       holder.initialize()
+                               }
+               }
+       }
+}
+
+interface DataDocument<T : DataDocument<T>> {
+       @SerialName("_id")
+       val id: Id<T>
+}
+
+const val MONGODB_ID_KEY = "_id"
+
+class DocumentTable<T : DataDocument<T>>(private val kClass: KClass<T>) {
+       private suspend fun collection() = ConnectionHolder.getDatabase().getCollection(kClass.simpleName!!, kClass.java)
+       
+       suspend fun index(vararg properties: KProperty1<T, *>) {
+               collection().createIndex(Indexes.ascending(*properties.map { it.serialName }.toTypedArray()))
+       }
+       
+       suspend fun unique(vararg properties: KProperty1<T, *>) {
+               collection().createIndex(Indexes.ascending(*properties.map { it.serialName }.toTypedArray()), IndexOptions().unique(true))
+       }
+       
+       suspend fun indexIf(condition: Bson, vararg properties: KProperty1<T, *>) {
+               collection().createIndex(Indexes.ascending(*properties.map { it.serialName }.toTypedArray()), IndexOptions().partialFilterExpression(condition))
+       }
+       
+       suspend fun uniqueIf(condition: Bson, vararg properties: KProperty1<T, *>) {
+               collection().createIndex(Indexes.ascending(*properties.map { it.serialName }.toTypedArray()), IndexOptions().unique(true).partialFilterExpression(condition))
+       }
+       
+       suspend fun put(doc: T) {
+               collection().replaceOne(Filters.eq(MONGODB_ID_KEY, doc.id), doc, ReplaceOptions().upsert(true))
+       }
+       
+       suspend fun put(docs: Collection<T>) {
+               if (docs.isNotEmpty())
+                       collection().bulkWrite(
+                               docs.map { doc ->
+                                       ReplaceOneModel(Filters.eq(MONGODB_ID_KEY, doc.id), doc, ReplaceOptions().upsert(true))
+                               },
+                               BulkWriteOptions().ordered(false)
+                       )
+       }
+       
+       suspend fun set(id: Id<T>, set: Bson): Boolean {
+               return collection().updateOne(Filters.eq(MONGODB_ID_KEY, id), set).matchedCount != 0L
+       }
+       
+       suspend fun get(id: Id<T>): T? {
+               return collection().find(Filters.eq(MONGODB_ID_KEY, id)).singleOrNull()
+       }
+       
+       suspend fun del(id: Id<T>) {
+               collection().deleteOne(Filters.eq(MONGODB_ID_KEY, id))
+       }
+       
+       suspend fun all(): Flow<T> {
+               return collection().find()
+       }
+       
+       suspend fun filter(where: Bson): Flow<T> {
+               return collection().find(where)
+       }
+       
+       suspend fun sorted(order: Bson): Flow<T> {
+               return collection().find().sort(order)
+       }
+       
+       suspend fun select(where: Bson, order: Bson): Flow<T> {
+               return collection().find(where).sort(order)
+       }
+       
+       suspend fun number(where: Bson): Long {
+               return collection().countDocuments(where)
+       }
+       
+       suspend fun locate(where: Bson): T? {
+               return collection().find(where).singleOrNull()
+       }
+       
+       suspend fun update(where: Bson, set: Bson) {
+               collection().updateMany(where, set)
+       }
+       
+       suspend fun remove(where: Bson) {
+               collection().deleteMany(where)
+       }
+       
+       suspend fun <T : Any> aggregate(pipeline: List<Bson>, resultClass: KClass<T>): Flow<T> {
+               return collection().aggregate(pipeline, resultClass.java)
+       }
+}
+
+suspend inline fun <T : DataDocument<T>, reified R : Any> DocumentTable<T>.aggregate(pipeline: List<Bson>) = aggregate(pipeline, R::class)
+
+inline fun <reified T : DataDocument<T>> DocumentTable() = DocumentTable(T::class)
+
+interface TableHolder<T : DataDocument<T>> {
+       @Suppress("PropertyName")
+       val Table: DocumentTable<T>
+       
+       suspend fun initialize()
+       
+       companion object {
+               val entries = listOf(
+                       SessionStorageDoc,
+                       NationData,
+                       Comment,
+                       CommentReplyLink,
+                       PageVisitData
+               )
+       }
+}
diff --git a/src/jvmMain/kotlin/info/mechyrdia/data/data_utils.kt b/src/jvmMain/kotlin/info/mechyrdia/data/data_utils.kt
new file mode 100644 (file)
index 0000000..274b065
--- /dev/null
@@ -0,0 +1,22 @@
+package info.mechyrdia.data
+
+import kotlinx.serialization.SerialName
+import kotlin.reflect.KProperty
+import kotlin.reflect.full.findAnnotations
+
+suspend inline fun <T : DataDocument<T>> DocumentTable<T>.getOrPut(id: Id<T>, defaultValue: () -> T): T {
+       val value = get(id)
+       return if (value == null) {
+               val answer = defaultValue()
+               if (answer.id != id) {
+                       throw IllegalArgumentException("Default value $answer has different Id than provided: $id")
+               }
+               put(answer)
+               answer
+       } else {
+               value
+       }
+}
+
+val <T> KProperty<T>.serialName: String
+       get() = findAnnotations(SerialName::class).singleOrNull()?.value ?: name
diff --git a/src/jvmMain/kotlin/info/mechyrdia/data/nations.kt b/src/jvmMain/kotlin/info/mechyrdia/data/nations.kt
new file mode 100644 (file)
index 0000000..255e0f0
--- /dev/null
@@ -0,0 +1,90 @@
+package info.mechyrdia.data
+
+import com.github.agadar.nationstates.shard.NationShard
+import info.mechyrdia.OwnerNationId
+import info.mechyrdia.application
+import info.mechyrdia.auth.NSAPI
+import info.mechyrdia.auth.UserSession
+import info.mechyrdia.auth.executeSuspend
+import io.ktor.server.application.*
+import io.ktor.server.sessions.*
+import io.ktor.util.*
+import kotlinx.serialization.SerialName
+import kotlinx.serialization.Serializable
+
+@Serializable
+data class NationData(
+       @SerialName("_id")
+       override val id: Id<NationData>,
+       val name: String,
+       val flag: String,
+       
+       val isBanned: Boolean = false
+) : DataDocument<NationData> {
+       companion object : TableHolder<NationData> {
+               override val Table = DocumentTable<NationData>()
+               
+               override suspend fun initialize() {
+                       Table.index(NationData::name)
+               }
+               
+               fun unknown(id: Id<NationData>): NationData {
+                       application.log.warn("Unable to find nation with Id $id - did it CTE?")
+                       return NationData(id, "Unknown Nation", "https://www.nationstates.net/images/flags/exnation.png")
+               }
+               
+               suspend fun get(id: Id<NationData>): NationData = Table.getOrPut(id) {
+                       NSAPI
+                               .getNation(id.id)
+                               .shards(NationShard.NAME, NationShard.FLAG_URL)
+                               .executeSuspend()
+                               ?.let { nation ->
+                                       NationData(id = Id(nation.id), name = nation.name, flag = nation.flagUrl)
+                               } ?: unknown(id)
+               }
+       }
+}
+
+val CallNationCacheAttribute = AttributeKey<MutableMap<Id<NationData>, NationData>>("NationCache")
+
+val ApplicationCall.nationCache: MutableMap<Id<NationData>, NationData>
+       get() = attributes.getOrNull(CallNationCacheAttribute)
+               ?: mutableMapOf<Id<NationData>, NationData>().also { cache ->
+                       attributes.put(CallNationCacheAttribute, cache)
+               }
+
+suspend fun MutableMap<Id<NationData>, NationData>.getNation(id: Id<NationData>): NationData {
+       return getOrPut(id) {
+               NationData.get(id)
+       }
+}
+
+private val callCurrentNationAttribute = AttributeKey<NationSession>("CurrentNation")
+
+fun ApplicationCall.ownerNationOnly() {
+       if (sessions.get<UserSession>()?.nationId != OwnerNationId)
+               throw NullPointerException("Hidden page")
+}
+
+suspend fun ApplicationCall.currentNation(): NationData? {
+       attributes.getOrNull(callCurrentNationAttribute)?.let { sess ->
+               return when (sess) {
+                       NationSession.Anonymous -> null
+                       is NationSession.LoggedIn -> sess.nation
+               }
+       }
+       
+       val nationId = sessions.get<UserSession>()?.nationId
+       return if (nationId == null) {
+               attributes.put(callCurrentNationAttribute, NationSession.Anonymous)
+               null
+       } else nationCache.getNation(nationId).also { data ->
+               attributes.put(callCurrentNationAttribute, NationSession.LoggedIn(data))
+       }
+}
+
+private sealed class NationSession {
+       data object Anonymous : NationSession()
+       
+       data class LoggedIn(val nation: NationData) : NationSession()
+}
diff --git a/src/jvmMain/kotlin/info/mechyrdia/data/view_comments.kt b/src/jvmMain/kotlin/info/mechyrdia/data/view_comments.kt
new file mode 100644 (file)
index 0000000..7328859
--- /dev/null
@@ -0,0 +1,195 @@
+package info.mechyrdia.data
+
+import info.mechyrdia.OwnerNationId
+import info.mechyrdia.auth.createCsrfToken
+import info.mechyrdia.auth.installCsrfToken
+import info.mechyrdia.lore.TextParserCommentTags
+import info.mechyrdia.lore.TextParserState
+import info.mechyrdia.lore.dateTime
+import io.ktor.server.application.*
+import kotlinx.coroutines.async
+import kotlinx.coroutines.awaitAll
+import kotlinx.coroutines.coroutineScope
+import kotlinx.html.*
+import java.time.Instant
+
+data class CommentRenderData(
+       val id: Id<Comment>,
+       
+       val submittedBy: NationData,
+       val submittedIn: String,
+       val submittedAt: Instant,
+       
+       val numEdits: Int,
+       val lastEdit: Instant?,
+       
+       val contentsRaw: String,
+       val contentsHtml: String,
+       
+       val replyLinks: List<Id<Comment>>,
+) {
+       companion object {
+               suspend operator fun invoke(comments: List<Comment>, nations: MutableMap<Id<NationData>, NationData> = mutableMapOf()): List<CommentRenderData> {
+                       return coroutineScope {
+                               comments.map { comment ->
+                                       val nationData = nations.getNation(comment.submittedBy)
+                                       val htmlResult = TextParserState.parseText(comment.contents, TextParserCommentTags.asTags, Unit)
+                                       
+                                       async {
+                                               CommentRenderData(
+                                                       id = comment.id,
+                                                       submittedBy = nationData,
+                                                       submittedIn = comment.submittedIn,
+                                                       submittedAt = comment.submittedAt,
+                                                       numEdits = comment.numEdits,
+                                                       lastEdit = comment.lastEdit,
+                                                       contentsRaw = comment.contents,
+                                                       contentsHtml = htmlResult,
+                                                       replyLinks = CommentReplyLink.getReplies(comment.id),
+                                               )
+                                       }
+                               }.awaitAll()
+                       }
+               }
+       }
+}
+
+context(ApplicationCall)
+fun FlowContent.commentBox(comment: CommentRenderData, loggedInAs: Id<NationData>?, viewingUserPage: Boolean = false) {
+       if (comment.submittedBy.isBanned && !viewingUserPage && loggedInAs != comment.submittedBy.id && loggedInAs != OwnerNationId)
+               return
+       
+       if (viewingUserPage)
+               p {
+                       style = "font-size:1.5em;margin-top:2.5em"
+                       +"On factbook "
+                       a(href = "/lore/${comment.submittedIn}") {
+                               +comment.submittedIn
+                       }
+               }
+       
+       div(classes = "comment-box") {
+               id = "comment-${comment.id}"
+               div(classes = "comment-author") {
+                       img(src = comment.submittedBy.flag, alt = "Flag of ${comment.submittedBy.name}", classes = "flag-icon")
+                       span(classes = "author-name") {
+                               +Entities.nbsp
+                               a(href = "/user/${comment.submittedBy.id}") {
+                                       +comment.submittedBy.name
+                               }
+                       }
+                       span(classes = "posted-at") {
+                               dateTime(comment.submittedAt)
+                       }
+               }
+               
+               div(classes = "comment") {
+                       unsafe { raw(comment.contentsHtml) }
+                       comment.lastEdit?.let { lastEdit ->
+                               p {
+                                       style = "font-size:0.8em"
+                                       val nounSuffix = if (comment.numEdits != 1) "s" else ""
+                                       +"Edited ${comment.numEdits} time$nounSuffix, last edited at "
+                                       dateTime(lastEdit)
+                               }
+                       }
+                       p {
+                               style = "font-size:0.8em"
+                               a(href = "/comment/view/${comment.id}") {
+                                       +"Permalink"
+                               }
+                               +Entities.nbsp
+                               a(href = "#", classes = "copy-text") {
+                                       attributes["data-text"] = "https://mechyrdia.info/comment/view/${comment.id}"
+                                       +"(Copy)"
+                               }
+                               
+                               if (loggedInAs != null) {
+                                       +Entities.nbsp
+                                       +"\u2022"
+                                       +Entities.nbsp
+                                       a(href = "#", classes = "copy-text") {
+                                               attributes["data-text"] = "[reply]${comment.id}[/reply]"
+                                               +"Reply"
+                                       }
+                                       
+                                       +Entities.nbsp
+                                       +"\u2022"
+                                       +Entities.nbsp
+                                       a(href = "#", classes = "copy-text") {
+                                               attributes["data-text"] = "[quote]${comment.contentsRaw}[/quote][reply]${comment.id}[/reply]"
+                                               +"Quote Reply"
+                                       }
+                               }
+                               
+                               if (loggedInAs == comment.submittedBy.id) {
+                                       +Entities.nbsp
+                                       +"\u2022"
+                                       +Entities.nbsp
+                                       a(href = "#", classes = "comment-edit-link") {
+                                               attributes["data-edit-id"] = "comment-edit-box-${comment.id}"
+                                               +"Edit"
+                                       }
+                               }
+                               
+                               if (loggedInAs == comment.submittedBy.id || loggedInAs == OwnerNationId) {
+                                       +Entities.nbsp
+                                       +"\u2022"
+                                       +Entities.nbsp
+                                       a(href = "/comment/delete/${comment.id}", classes = "comment-delete-link") {
+                                               +"Delete"
+                                       }
+                               }
+                       }
+                       if (comment.replyLinks.isNotEmpty())
+                               p {
+                                       style = "font-size:0.8em"
+                                       +"Replies:"
+                                       for (reply in comment.replyLinks) {
+                                               +" "
+                                               a(href = "/comment/view/$reply") {
+                                                       +">>$reply"
+                                               }
+                                       }
+                               }
+               }
+       }
+       
+       if (loggedInAs == comment.submittedBy.id) {
+               val formPath = "/comment/edit/${comment.id}"
+               form(action = formPath, method = FormMethod.post, classes = "comment-input comment-edit-box") {
+                       id = "comment-edit-box-${comment.id}"
+                       div(classes = "comment-preview")
+                       textArea(classes = "comment-markup") {
+                               name = "comment"
+                               +comment.contentsRaw
+                       }
+                       installCsrfToken(createCsrfToken(formPath))
+                       submitInput { value = "Edit Comment" }
+                       button(classes = "comment-cancel-edit evil") {
+                               +"Cancel Editing"
+                       }
+               }
+       }
+}
+
+context(ApplicationCall)
+fun FlowContent.commentInput(commentingOn: String, commentingAs: NationData?) {
+       if (commentingAs == null) {
+               p {
+                       a(href = "/auth/login") { +"Log in" }
+                       +" to comment"
+               }
+               return
+       }
+       
+       val formPath = "/comment/new/$commentingOn"
+       form(action = formPath, method = FormMethod.post, classes = "comment-input") {
+               div(classes = "comment-preview")
+               textArea(classes = "comment-markup") {
+                       name = "comment"
+               }
+               installCsrfToken(createCsrfToken(formPath))
+               submitInput { value = "Submit Comment" }
+       }
+}
diff --git a/src/jvmMain/kotlin/info/mechyrdia/data/views_comment.kt b/src/jvmMain/kotlin/info/mechyrdia/data/views_comment.kt
new file mode 100644 (file)
index 0000000..89bb037
--- /dev/null
@@ -0,0 +1,539 @@
+package info.mechyrdia.data
+
+import com.mongodb.client.model.Sorts
+import info.mechyrdia.OwnerNationId
+import info.mechyrdia.auth.ForbiddenException
+import info.mechyrdia.auth.createCsrfToken
+import info.mechyrdia.auth.installCsrfToken
+import info.mechyrdia.auth.verifyCsrfToken
+import info.mechyrdia.lore.*
+import io.ktor.http.*
+import io.ktor.server.application.*
+import io.ktor.server.util.*
+import kotlinx.coroutines.flow.filterNot
+import kotlinx.coroutines.flow.take
+import kotlinx.coroutines.flow.toList
+import kotlinx.html.*
+import java.time.Instant
+
+suspend fun ApplicationCall.recentCommentsPage(): HTML.() -> Unit {
+       val currNation = currentNation()
+       
+       val limit = request.queryParameters["limit"]?.toIntOrNull() ?: redirect("/comment/recent?limit=10")
+       
+       val validLimits = listOf(10, 20, 50, 80, 100)
+       
+       if (limit !in validLimits)
+               redirect(
+                       "/comment/recent?" + listOf(
+                               "limit" to "10",
+                               "error" to "Invalid limit $limit, must be one of ${validLimits.joinToString()}"
+                       ).formUrlEncode()
+               )
+       
+       val comments = CommentRenderData(
+               Comment.Table
+                       .sorted(Sorts.descending(Comment::submittedAt.serialName))
+                       .filterNot { comment ->
+                               NationData.get(comment.submittedBy).isBanned
+                       }
+                       .take(limit)
+                       .toList(),
+               nationCache
+       )
+       
+       return page("Recent Comments", standardNavBar()) {
+               section {
+                       h1 { +"Recent Comments" }
+                       
+                       p {
+                               +"Number of comments to view: "
+                               for ((i, validLimit) in validLimits.withIndex()) {
+                                       if (i != 0)
+                                               +Entities.nbsp
+                                       
+                                       if (limit == validLimit)
+                                               +"$validLimit"
+                                       else
+                                               a(href = "/comment/recent?limit=$validLimit") {
+                                                       +"$validLimit"
+                                               }
+                               }
+                       }
+                       
+                       for (comment in comments)
+                               commentBox(comment, currNation?.id, viewingUserPage = true)
+               }
+       }
+}
+
+suspend fun ApplicationCall.newCommentRoute(): Nothing {
+       val pagePathParts = parameters.getAll("path")!!
+       val pagePath = pagePathParts.joinToString("/")
+       
+       val formParams = verifyCsrfToken()
+       val loggedInAs = currentNation() ?: redirectWithError("/auth/login", "You must be logged in to write comments", "comments")
+       
+       val contents = formParams.getOrFail("comment")
+       
+       if (contents.isBlank())
+               redirectWithError("/lore/$pagePath", "Comments may not be blank", "comments")
+       
+       val comment = Comment(
+               id = Id(),
+               submittedBy = loggedInAs.id,
+               submittedIn = pagePath,
+               submittedAt = Instant.now(),
+               
+               numEdits = 0,
+               lastEdit = null,
+               
+               contents = contents
+       )
+       
+       Comment.Table.put(comment)
+       CommentReplyLink.updateComment(comment.id, getReplies(contents))
+       
+       redirect("/lore/$pagePath#comment-${comment.id}")
+}
+
+suspend fun ApplicationCall.viewCommentRoute(): Nothing {
+       val commentId = Id<Comment>(parameters["id"]!!)
+       
+       val comment = Comment.Table.get(commentId)!!
+       
+       val currentNation = currentNation()
+       val submitter = nationCache.getNation(comment.submittedBy)
+       
+       if (submitter.isBanned && currentNation?.id != comment.submittedBy && currentNation?.id != OwnerNationId)
+               throw NullPointerException("Shadowbanned comment")
+       
+       val queryParams = if (request.queryParameters.isEmpty())
+               ""
+       else "?${request.queryParameters.formUrlEncode()}"
+       
+       redirect("/lore/${comment.submittedIn}$queryParams#comment-$commentId")
+}
+
+suspend fun ApplicationCall.editCommentRoute(): Nothing {
+       val commentId = Id<Comment>(parameters["id"]!!)
+       
+       val oldComment = Comment.Table.get(commentId)!!
+       
+       val formParams = verifyCsrfToken()
+       val currNation = currentNation() ?: redirectWithError("/auth/login", "You must be logged in to edit comments")
+       
+       if (currNation.id != oldComment.submittedBy)
+               throw ForbiddenException("Illegal attempt by ${currNation.id} to edit comment by ${oldComment.submittedBy}")
+       
+       val newContents = formParams.getOrFail("comment")
+       
+       if (newContents.isBlank())
+               redirectWithError("/comment/view/$commentId", "Comments may not be blank")
+       
+       // Check for null edits, i.e. edits that don't change anything
+       if (newContents == oldComment.contents)
+               redirect("/comment/view/$commentId")
+       
+       val newComment = oldComment.copy(
+               numEdits = oldComment.numEdits + 1,
+               lastEdit = Instant.now(),
+               contents = newContents
+       )
+       
+       Comment.Table.put(newComment)
+       CommentReplyLink.updateComment(commentId, getReplies(newContents))
+       
+       redirect("/comment/view/$commentId")
+}
+
+suspend fun ApplicationCall.deleteCommentPage(): HTML.() -> Unit {
+       val currNation = currentNation() ?: redirectWithError("/auth/login", "You must be logged in to delete comments")
+       
+       val commentId = Id<Comment>(parameters["id"]!!)
+       val comment = Comment.Table.get(commentId)!!
+       
+       if (currNation.id != comment.submittedBy && currNation.id != OwnerNationId)
+               throw ForbiddenException("Illegal attempt by ${currNation.id} to delete comment by ${comment.submittedBy}")
+       
+       val commentDisplay = CommentRenderData(listOf(comment), nationCache).single()
+       
+       return page("Confirm Deletion of Commment", standardNavBar()) {
+               section {
+                       p {
+                               +"Are you sure you want to delete this comment? "
+                               strong { +"It will be gone forever!" }
+                       }
+                       
+                       commentBox(commentDisplay, currNation.id)
+                       
+                       form(method = FormMethod.get, action = "/comment/view/$commentId") {
+                               submitInput { value = "No, take me back" }
+                       }
+                       form(method = FormMethod.post, action = "/comment/delete/$commentId") {
+                               installCsrfToken(createCsrfToken())
+                               submitInput(classes = "evil") { value = "Yes, delete it" }
+                       }
+               }
+       }
+}
+
+suspend fun ApplicationCall.deleteCommentRoute(): Nothing {
+       val currNation = currentNation() ?: redirectWithError("/auth/login", "You must be logged in to delete comments")
+       
+       val commentId = Id<Comment>(parameters["id"]!!)
+       val comment = Comment.Table.get(commentId)!!
+       
+       if (currNation.id != comment.submittedBy && currNation.id != OwnerNationId)
+               throw ForbiddenException("Illegal attempt by ${currNation.id} to delete comment by ${comment.submittedBy}")
+       
+       Comment.Table.del(commentId)
+       CommentReplyLink.deleteComment(commentId)
+       
+       redirect("/lore/${comment.submittedIn}#comments")
+}
+
+suspend fun ApplicationCall.commentHelpPage(): HTML.() -> Unit = page("Commenting Help", standardNavBar()) {
+       section {
+               h1 { +"Commenting Help" }
+               p { +"Comments on this repository support a subset of the BBCode used in factbook markup." }
+               p { +"The following tags are supported:" }
+               table {
+                       thead {
+                               tr {
+                                       th { +"Tag" }
+                                       th { +"Purpose" }
+                               }
+                       }
+                       tbody {
+                               tr {
+                                       td { +"[b]Text goes here[/b]" }
+                                       td {
+                                               span {
+                                                       style = "font-weight:bold"
+                                                       +"Emboldens"
+                                               }
+                                               +" text"
+                                       }
+                               }
+                               tr {
+                                       td { +"[i]Text goes here[/i]" }
+                                       td {
+                                               span {
+                                                       style = "font-style:italic"
+                                                       +"Italicizes"
+                                               }
+                                               +" text"
+                                       }
+                               }
+                               tr {
+                                       td { +"[u]Text goes here[/u]" }
+                                       td {
+                                               span {
+                                                       style = "text-decoration: underline"
+                                                       +"Underlines"
+                                               }
+                                               +" text"
+                                       }
+                               }
+                               tr {
+                                       td { +"[s]Text goes here[/s]" }
+                                       td {
+                                               span {
+                                                       style = "text-decoration: line-through"
+                                                       +"Strikes out"
+                                               }
+                                               +" text"
+                                       }
+                               }
+                               tr {
+                                       td { +"[sup]Text goes here[/sup]" }
+                                       td {
+                                               sup {
+                                                       +"Superscripts"
+                                               }
+                                               +" text"
+                                       }
+                               }
+                               tr {
+                                       td { +"[sub]Text goes here[/sub]" }
+                                       td {
+                                               sub {
+                                                       +"Subscripts"
+                                               }
+                                               +" text"
+                                       }
+                               }
+                               tr {
+                                       td { +"[color=#CC8844]Text goes here[/sub]" }
+                                       td {
+                                               span {
+                                                       style = "color:#CC8844"
+                                                       +"Colors"
+                                               }
+                                               +" text"
+                                       }
+                               }
+                               tr {
+                                       td { +"[ipa]Text goes here[/ipa]" }
+                                       td {
+                                               span {
+                                                       style = "font-family:DejaVu Sans"
+                                                       +"Applies IPA font to "
+                                               }
+                                               +" text"
+                                       }
+                               }
+                               tr {
+                                       td { +"[code]Text goes here[/code]" }
+                                       td {
+                                               span {
+                                                       style = "font-family:JetBrains Mono"
+                                                       +"Applies code font to "
+                                               }
+                                               +" text"
+                                       }
+                               }
+                               tr {
+                                       td { +"[align=(left, center, right, or justify)]Text goes here[/align]" }
+                                       td {
+                                               +"Aligns text on the left, center, right, or justified"
+                                       }
+                               }
+                               tr {
+                                       td { +"e.g. [align=center]Text goes here[/align]" }
+                                       td {
+                                               div {
+                                                       style = "text-align: center"
+                                                       +"Center-aligns text"
+                                               }
+                                       }
+                               }
+                               tr {
+                                       td { +"[aside=(left or right)]Text goes here[/aside]" }
+                                       td {
+                                               +"Creates a floating block to the side, on either the left or the right"
+                                       }
+                               }
+                               tr {
+                                       td { +"[ul][li]List items go here[/li]... [/ul]" }
+                                       td {
+                                               +"Creates a bullet list, e.g."
+                                               ul {
+                                                       li { +"Item" }
+                                                       li { +"The cooler item" }
+                                               }
+                                       }
+                               }
+                               tr {
+                                       td { +"[ol][li]List items go here[/li]... [/ol]" }
+                                       td {
+                                               +"Creates a numbered list, e.g."
+                                               ol {
+                                                       li { +"First item" }
+                                                       li { +"Second item" }
+                                               }
+                                       }
+                               }
+                               tr {
+                                       td { +"[table](table rows go here...)[/table]" }
+                                       td {
+                                               +"The root element of a table"
+                                       }
+                               }
+                               tr {
+                                       td { +"[tr](table cells go here...)[/tr]" }
+                                       td {
+                                               +"A row of a table"
+                                       }
+                               }
+                               tr {
+                                       td { +"[th]Text goes here[/th]" }
+                                       td {
+                                               +"A heading cell of a table"
+                                       }
+                               }
+                               tr {
+                                       td { +"[td]Text goes here[/td]" }
+                                       td {
+                                               +"A data cell of a table"
+                                       }
+                               }
+                       }
+               }
+               val tableDemoMarkup =
+                       """
+                               |[table]
+                               |[tr]
+                               |[th=2x2][i]ab[/i][sup]-1[/sup] mod 10[/th]
+                               |[th=10][i]a[/i][/th]
+                               |[/tr]
+                               |[tr]
+                               |[th]0[/th]
+                               |[th]1[/th]
+                               |[th]2[/th]
+                               |[th]3[/th]
+                               |[th]4[/th]
+                               |[th]5[/th]
+                               |[th]6[/th]
+                               |[th]7[/th]
+                               |[th]8[/th]
+                               |[th]9[/th]
+                               |[/tr]
+                               |[tr]
+                               |[th=x4][i]b[/i][/th]
+                               |[th]1[/th]
+                               |[td]0[/td]
+                               |[td]1[/td]
+                               |[td]2[/td]
+                               |[td]3[/td]
+                               |[td]4[/td]
+                               |[td]5[/td]
+                               |[td]6[/td]
+                               |[td]7[/td]
+                               |[td]8[/td]
+                               |[td]9[/td]
+                               |[/tr]
+                               |[tr]
+                               |[th]3[/th]
+                               |[td]0[/td]
+                               |[td]7[/td]
+                               |[td]4[/td]
+                               |[td]1[/td]
+                               |[td]8[/td]
+                               |[td]5[/td]
+                               |[td]2[/td]
+                               |[td]9[/td]
+                               |[td]6[/td]
+                               |[td]3[/td]
+                               |[/tr]
+                               |[tr]
+                               |[th]7[/th]
+                               |[td]0[/td]
+                               |[td]3[/td]
+                               |[td]6[/td]
+                               |[td]9[/td]
+                               |[td]2[/td]
+                               |[td]5[/td]
+                               |[td]8[/td]
+                               |[td]1[/td]
+                               |[td]4[/td]
+                               |[td]7[/td]
+                               |[/tr]
+                               |[tr]
+                               |[th]9[/th]
+                               |[td]0[/td]
+                               |[td]9[/td]
+                               |[td]8[/td]
+                               |[td]7[/td]
+                               |[td]6[/td]
+                               |[td]5[/td]
+                               |[td]4[/td]
+                               |[td]3[/td]
+                               |[td]2[/td]
+                               |[td]1[/td]
+                               |[/tr]
+                               |[/table]
+                       """.trimMargin()
+               val tableDemoHtml = TextParserState.parseText(tableDemoMarkup, TextParserCommentTags.asTags, Unit)
+               p {
+                       +"Table cells in this custom BBCode markup also support row-spans and column-spans, even at the same time:"
+               }
+               pre { +tableDemoMarkup }
+               unsafe { raw(tableDemoHtml) }
+               p {
+                       +"The format goes as [td=(width)x(height)] or [th=(width)x(height)]. If one parameter is omitted (assumed to be 1), then the format can be [td=(width)] or [td=x(height)]"
+               }
+               table {
+                       thead {
+                               tr {
+                                       th { +"Tag" }
+                                       th { +"Purpose" }
+                               }
+                       }
+                       tbody {
+                               tr {
+                                       td { +"[url=https://google.com/]Text goes here[/url]" }
+                                       td {
+                                               +"Creates an "
+                                               a(href = "https://google.com/") { +"HTML link" }
+                                       }
+                               }
+                               tr {
+                                       td { +"[imgbb=256x256]Lns12z1/robert-sparr.png[/imgbb]" }
+                                       td {
+                                               p {
+                                                       +"Creates an embedded image:"
+                                                       br
+                                                       img(src = "https://i.ibb.co/Lns12z1/robert-sparr.png") {
+                                                               style = getImageSizeStyleValue(256, 256)
+                                                       }
+                                                       br
+                                                       +"The tag param controls the width and height, much like a table cell. The size unit is viewport-responsive and has no correlation with pixels."
+                                               }
+                                               p {
+                                                       +"A similar tag is used to embed images that are hosted on Imgur, e.g. the image at https://i.imgur.com/dd0mmQ1.png"
+                                                       br
+                                                       img(src = "https://i.imgur.com/dd0mmQ1.png") {
+                                                               style = getImageSizeStyleValue(250, 323)
+                                                       }
+                                                       br
+                                                       +"can be embedded using [imgur=250x323]dd0mmQ1.png[/imgur]"
+                                               }
+                                       }
+                               }
+                               tr {
+                                       td { +"[reply](comment id)[/reply]" }
+                                       td { +"Creates a reply link to a comment" }
+                               }
+                               tr {
+                                       td { +"[quote]Quoted text[/quote]" }
+                                       td {
+                                               +"Creates a "
+                                               blockQuote {
+                                                       +"block-level quote"
+                                               }
+                                       }
+                               }
+                               tr {
+                                       td { +"[lang=tylan]Rheagda Tulasra[/lang]" }
+                                       td {
+                                               +"Writes text in the Tylan alphabet: "
+                                               span(classes = "lang-tylan") {
+                                                       +TylanAlphabet.tylanToFontAlphabet("rheagda tulasra")
+                                               }
+                                       }
+                               }
+                               tr {
+                                       td { +"[lang=thedish]Theodisc Rasda[/lang]" }
+                                       td {
+                                               +"Writes text in the Thedish alphabet: "
+                                               span(classes = "lang-thedish") {
+                                                       +"Theodisc Rasda"
+                                               }
+                                       }
+                               }
+                               tr {
+                                       td { +"[lang=pokhval]Pokhvalsko Jaargo[/lang]" }
+                                       td {
+                                               +"Writes text in the Pokhwalish alphabet: "
+                                               span(classes = "lang-pokhwal") {
+                                                       +PokhwalishAlphabet.pokhwalToFontAlphabet("pokhvalsqo jargo")
+                                               }
+                                       }
+                               }
+                               tr {
+                                       td { +"[lang=gothic]\uD800\uDF32\uD800\uDF3F\uD800\uDF44\uD800\uDF39\uD800\uDF43\uD800\uDF3A\uD800\uDF30 \uD800\uDF42\uD800\uDF30\uD800\uDF36\uD800\uDF33\uD800\uDF30[/lang]" }
+                                       td {
+                                               +"Writes text in the Gothic alphabet: "
+                                               span(classes = "lang-gothic") {
+                                                       +"\uD800\uDF32\uD800\uDF3F\uD800\uDF44\uD800\uDF39\uD800\uDF43\uD800\uDF3A\uD800\uDF30 \uD800\uDF42\uD800\uDF30\uD800\uDF36\uD800\uDF33\uD800\uDF30"
+                                               }
+                                               br
+                                               +"Requires the Unicode Gothic alphabet; Latin alphabet characters are not supported."
+                                       }
+                               }
+                       }
+               }
+       }
+}
diff --git a/src/jvmMain/kotlin/info/mechyrdia/data/views_user.kt b/src/jvmMain/kotlin/info/mechyrdia/data/views_user.kt
new file mode 100644 (file)
index 0000000..3d79c29
--- /dev/null
@@ -0,0 +1,74 @@
+package info.mechyrdia.data
+
+import com.mongodb.client.model.Updates
+import info.mechyrdia.OwnerNationId
+import info.mechyrdia.auth.createCsrfToken
+import info.mechyrdia.auth.verifyCsrfToken
+import info.mechyrdia.lore.NationProfileSidebar
+import info.mechyrdia.lore.page
+import info.mechyrdia.lore.redirect
+import info.mechyrdia.lore.standardNavBar
+import io.ktor.server.application.*
+import kotlinx.coroutines.flow.toList
+import kotlinx.html.*
+
+suspend fun ApplicationCall.userPage(): HTML.() -> Unit {
+       val currNation = currentNation()
+       val viewingNation = nationCache.getNation(Id(parameters["id"]!!))
+       
+       val comments = CommentRenderData(
+               Comment.getCommentsBy(viewingNation.id).toList(),
+               nationCache
+       )
+       
+       return page(viewingNation.name, standardNavBar(), NationProfileSidebar(viewingNation)) {
+               section {
+                       a { id = "page-top" }
+                       h1 { +viewingNation.name }
+                       if (currNation?.id == OwnerNationId) {
+                               if (viewingNation.isBanned) {
+                                       p { +"This user is banned" }
+                                       val unbanLink = "/admin/unban/${viewingNation.id}"
+                                       a(href = unbanLink) {
+                                               attributes["data-method"] = "post"
+                                               attributes["data-csrf-token"] = createCsrfToken(unbanLink)
+                                               +"Unban"
+                                       }
+                               } else {
+                                       val banLink = "/admin/ban/${viewingNation.id}"
+                                       a(href = banLink) {
+                                               attributes["data-method"] = "post"
+                                               attributes["data-csrf-token"] = createCsrfToken(banLink)
+                                               +"Ban"
+                                       }
+                               }
+                       }
+                       for (comment in comments)
+                               commentBox(comment, currNation?.id, viewingUserPage = true)
+               }
+       }
+}
+
+suspend fun ApplicationCall.adminBanUserRoute(): Nothing {
+       ownerNationOnly()
+       verifyCsrfToken()
+       
+       val bannedNation = nationCache.getNation(Id(parameters["id"]!!))
+       
+       if (!bannedNation.isBanned)
+               NationData.Table.set(bannedNation.id, Updates.set(NationData::isBanned.serialName, true))
+       
+       redirect("/user/${bannedNation.id}")
+}
+
+suspend fun ApplicationCall.adminUnbanUserRoute(): Nothing {
+       ownerNationOnly()
+       verifyCsrfToken()
+       
+       val bannedNation = nationCache.getNation(Id(parameters["id"]!!))
+       
+       if (bannedNation.isBanned)
+               NationData.Table.set(bannedNation.id, Updates.set(NationData::isBanned.serialName, false))
+       
+       redirect("/user/${bannedNation.id}")
+}
diff --git a/src/jvmMain/kotlin/info/mechyrdia/data/visits.kt b/src/jvmMain/kotlin/info/mechyrdia/data/visits.kt
new file mode 100644 (file)
index 0000000..9ee6459
--- /dev/null
@@ -0,0 +1,308 @@
+package info.mechyrdia.data
+
+import com.mongodb.client.model.Accumulators
+import com.mongodb.client.model.Aggregates
+import com.mongodb.client.model.Filters
+import info.mechyrdia.lore.dateTime
+import io.ktor.server.application.*
+import io.ktor.server.plugins.*
+import io.ktor.server.request.*
+import io.ktor.server.sessions.*
+import io.ktor.util.*
+import kotlinx.coroutines.flow.firstOrNull
+import kotlinx.html.FlowContent
+import kotlinx.html.p
+import kotlinx.html.style
+import kotlinx.serialization.SerialName
+import kotlinx.serialization.Serializable
+import java.security.MessageDigest
+import java.time.Instant
+
+@Serializable
+data class PageVisitTotals(
+       val total: Long,
+       val totalUnique: Long,
+       val mostRecent: @Serializable(with = InstantNullableSerializer::class) Instant?
+)
+
+@Serializable
+data class PageVisitData(
+       @SerialName("_id")
+       override val id: Id<PageVisitData> = Id(),
+       
+       val path: String,
+       val visitor: String,
+       val visits: Long = 0L,
+       val lastVisit: @Serializable(with = InstantSerializer::class) Instant = Instant.now()
+) : DataDocument<PageVisitData> {
+       companion object : TableHolder<PageVisitData> {
+               override val Table = DocumentTable<PageVisitData>()
+               
+               override suspend fun initialize() {
+                       Table.index(PageVisitData::path)
+                       Table.unique(PageVisitData::path, PageVisitData::visitor)
+                       Table.index(PageVisitData::lastVisit)
+               }
+               
+               suspend fun visit(path: String, visitor: String) {
+                       val data = Table.locate(
+                               Filters.and(
+                                       Filters.eq(PageVisitData::path.serialName, path),
+                                       Filters.eq(PageVisitData::visitor.serialName, visitor)
+                               )
+                       )
+                       if (data == null)
+                               Table.put(
+                                       PageVisitData(
+                                               path = path,
+                                               visitor = visitor,
+                                               visits = 1L,
+                                       )
+                               )
+                       else
+                               Table.put(
+                                       data.copy(
+                                               visits = data.visits + 1,
+                                               lastVisit = Instant.now()
+                                       )
+                               )
+               }
+               
+               suspend fun totalVisits(path: String): PageVisitTotals {
+                       return Table.aggregate<_, PageVisitTotals>(
+                               listOf(
+                                       Aggregates.match(Filters.eq(PageVisitData::path.serialName, path)),
+                                       Aggregates.group(
+                                               null,
+                                               Accumulators.sum(PageVisitTotals::total.serialName, "\$${PageVisitData::visits.serialName}"),
+                                               Accumulators.sum(PageVisitTotals::totalUnique.serialName, 1L),
+                                               Accumulators.max(PageVisitTotals::mostRecent.serialName, "\$${PageVisitData::lastVisit.serialName}"),
+                                       )
+                               )
+                       ).firstOrNull() ?: PageVisitTotals(0L, 0L, null)
+               }
+       }
+}
+
+private val messageDigestProvider = ThreadLocal.withInitial { MessageDigest.getInstance("SHA-256") }
+
+fun ApplicationCall.anonymizedClientId(): String {
+       val messageDigest = messageDigestProvider.get()
+       
+       messageDigest.reset()
+       messageDigest.update(request.origin.remoteAddress.encodeToByteArray())
+       request.userAgent()?.encodeToByteArray()?.let { messageDigest.update(it) }
+       
+       return hex(messageDigest.digest())
+}
+
+suspend fun ApplicationCall.processGuestbook(): PageVisitTotals {
+       val path = request.path()
+       
+       val totals = PageVisitData.totalVisits(path)
+       if (!RobotDetector.isRobot(request.userAgent()))
+               PageVisitData.visit(path, anonymizedClientId())
+       
+       return totals
+}
+
+fun Long.pluralize(singular: String, plural: String = singular + "s") = if (this == 1L) singular else plural
+
+fun FlowContent.guestbook(totalsData: PageVisitTotals) {
+       p {
+               style = "font-size:0.8em"
+               
+               +"This page has been visited ${totalsData.total} ${totalsData.total.pluralize("time")} by ${totalsData.totalUnique} unique ${totalsData.totalUnique.pluralize("visitor")}, most recently "
+               
+               val mostRecent = totalsData.mostRecent
+               if (mostRecent == null)
+                       +"in the abyss of unwritten history"
+               else {
+                       +"at "
+                       dateTime(mostRecent)
+               }
+       }
+}
+
+object RobotDetector {
+       private val botRegexes = listOf(
+               Regex(" daum[ /]"),
+               Regex(" deusu/"),
+               Regex(" yadirectfetcher"),
+               Regex("(?:^| )site"),
+               Regex("(?:^|[^g])news"),
+               Regex("@[a-z]"),
+               Regex("\\(at\\)[a-z]"),
+               Regex("\\(github\\.com/"),
+               Regex("\\[at][a-z]"),
+               Regex("^12345"),
+               Regex("^<"),
+               Regex("^[\\w .\\-()]+(/v?\\d+(\\.\\d+)?(\\.\\d{1,10})?)?$"),
+               Regex("^[^ ]{50,}$"),
+               Regex("^active"),
+               Regex("^ad muncher"),
+               Regex("^amaya"),
+               Regex("^anglesharp/"),
+               Regex("^anonymous"),
+               Regex("^avsdevicesdk/"),
+               Regex("^axios/"),
+               Regex("^bidtellect/"),
+               Regex("^biglotron"),
+               Regex("^btwebclient/"),
+               Regex("^castro"),
+               Regex("^clamav[ /]"),
+               Regex("^client/"),
+               Regex("^cobweb/"),
+               Regex("^coccoc"),
+               Regex("^custom"),
+               Regex("^ddg[_-]android"),
+               Regex("^discourse"),
+               Regex("^dispatch/\\d"),
+               Regex("^downcast/"),
+               Regex("^duckduckgo"),
+               Regex("^facebook"),
+               Regex("^fdm[ /]\\d"),
+               Regex("^getright/"),
+               Regex("^gozilla/"),
+               Regex("^hatena"),
+               Regex("^hobbit"),
+               Regex("^hotzonu"),
+               Regex("^hwcdn/"),
+               Regex("^jeode/"),
+               Regex("^jetty/"),
+               Regex("^jigsaw"),
+               Regex("^linkdex"),
+               Regex("^lwp[-: ]"),
+               Regex("^metauri"),
+               Regex("^microsoft bits"),
+               Regex("^movabletype"),
+               Regex("^mozilla/\\d\\.\\d \\(compatible;?\\)$"),
+               Regex("^mozilla/\\d\\.\\d \\w*$"),
+               Regex("^navermailapp"),
+               Regex("^netsurf"),
+               Regex("^offline explorer"),
+               Regex("^php"),
+               Regex("^postman"),
+               Regex("^postrank"),
+               Regex("^python"),
+               Regex("^read"),
+               Regex("^reed"),
+               Regex("^restsharp/"),
+               Regex("^snapchat"),
+               Regex("^space bison"),
+               Regex("^svn"),
+               Regex("^swcd "),
+               Regex("^taringa"),
+               Regex("^test certificate info"),
+               Regex("^thumbor/"),
+               Regex("^tumblr/"),
+               Regex("^user-agent:mozilla"),
+               Regex("^valid"),
+               Regex("^venus/fedoraplanet"),
+               Regex("^w3c"),
+               Regex("^webbandit/"),
+               Regex("^webcopier"),
+               Regex("^wget"),
+               Regex("^whatsapp"),
+               Regex("^xenu link sleuth"),
+               Regex("^yahoo"),
+               Regex("^yandex"),
+               Regex("^zdm/\\d"),
+               Regex("^zoom marketplace/"),
+               Regex("^\\{\\{.*\\}\\}$"),
+               Regex("adbeat\\.com"),
+               Regex("appinsights"),
+               Regex("archive"),
+               Regex("ask jeeves/teoma"),
+               Regex("bit\\.ly/"),
+               Regex("bluecoat drtr"),
+               Regex("bot"),
+               Regex("browsex"),
+               Regex("burpcollaborator"),
+               Regex("capture"),
+               Regex("catch"),
+               Regex("check"),
+               Regex("chrome-lighthouse"),
+               Regex("chromeframe"),
+               Regex("cloud"),
+               Regex("crawl"),
+               Regex("cryptoapi"),
+               Regex("dareboost"),
+               Regex("datanyze"),
+               Regex("dataprovider"),
+               Regex("dejaclick"),
+               Regex("dmbrowser"),
+               Regex("download"),
+               Regex("evc-batch/"),
+               Regex("feed"),
+               Regex("firephp"),
+               Regex("freesafeip"),
+               Regex("ghost"),
+               Regex("gomezagent"),
+               Regex("google"),
+               Regex("headlesschrome/"),
+               Regex("http"),
+               Regex("httrack"),
+               Regex("hubspot marketing grader"),
+               Regex("hydra"),
+               Regex("ibisbrowser"),
+               Regex("images"),
+               Regex("iplabel"),
+               Regex("ips-agent"),
+               Regex("java"),
+               Regex("library"),
+               Regex("mail\\.ru/"),
+               Regex("manager"),
+               Regex("monitor"),
+               Regex("morningscore/"),
+               Regex("neustar wpm"),
+               Regex("nutch"),
+               Regex("offbyone"),
+               Regex("optimize"),
+               Regex("pageburst"),
+               Regex("pagespeed"),
+               Regex("perl"),
+               Regex("phantom"),
+               Regex("pingdom"),
+               Regex("powermarks"),
+               Regex("preview"),
+               Regex("proxy"),
+               Regex("ptst[ /]\\d"),
+               Regex("reader"),
+               Regex("rexx;"),
+               Regex("rigor"),
+               Regex("rss"),
+               Regex("scan"),
+               Regex("scrape"),
+               Regex("search"),
+               Regex("serp ?reputation ?management"),
+               Regex("server"),
+               Regex("sogou"),
+               Regex("sparkler/"),
+               Regex("speedcurve"),
+               Regex("spider"),
+               Regex("splash"),
+               Regex("statuscake"),
+               Regex("stumbleupon\\.com"),
+               Regex("supercleaner"),
+               Regex("synapse"),
+               Regex("synthetic"),
+               Regex("taginspector/"),
+               Regex("torrent"),
+               Regex("tracemyfile"),
+               Regex("transcoder"),
+               Regex("trendsmapresolver"),
+               Regex("twingly recon"),
+               Regex("url"),
+               Regex("virtuoso"),
+               Regex("wappalyzer"),
+               Regex("webglance"),
+               Regex("webkit2png"),
+               Regex("websitemetadataretriever"),
+               Regex("whatcms/"),
+               Regex("wordpress"),
+               Regex("zgrab"),
+       )
+       
+       fun isRobot(userAgent: String?) = userAgent == null || botRegexes.any { it.containsMatchIn(userAgent) }
+}
diff --git a/src/jvmMain/kotlin/info/mechyrdia/lore/article_listing.kt b/src/jvmMain/kotlin/info/mechyrdia/lore/article_listing.kt
new file mode 100644 (file)
index 0000000..bfb7585
--- /dev/null
@@ -0,0 +1,47 @@
+package info.mechyrdia.lore
+
+import info.mechyrdia.Configuration
+import kotlinx.html.UL
+import kotlinx.html.a
+import kotlinx.html.li
+import kotlinx.html.ul
+import java.io.File
+
+data class ArticleNode(val name: String, val subNodes: List<ArticleNode>)
+
+fun rootArticleNodeList(): List<ArticleNode> = File(Configuration.CurrentConfiguration.articleDir)
+       .toArticleNode()
+       .subNodes
+
+fun File.toArticleNode(): ArticleNode = ArticleNode(
+       name,
+       listFiles()
+               .orEmpty()
+               .map { it.toArticleNode() }
+               .sortedBy { it.name }
+               .sortedBy { it.subNodes.isEmpty() }
+)
+
+fun List<ArticleNode>.renderInto(list: UL, base: String? = null) {
+       val prefix by lazy(LazyThreadSafetyMode.NONE) { base?.let { "$it/" } ?: "" }
+       for (node in this) {
+               if (Configuration.CurrentConfiguration.isDevMode || !(node.name.endsWith(".wip") || node.name.endsWith(".old")))
+                       list.li {
+                               a(href = "/lore/$prefix${node.name}") { +node.name }
+                               if (node.subNodes.isNotEmpty())
+                                       ul {
+                                               node.subNodes.renderInto(this, "$prefix${node.name}")
+                                       }
+                       }
+       }
+}
+
+fun String.toFriendlyIndexTitle() = split('/')
+       .joinToString(separator = " - ") { part ->
+               part.toFriendlyPageTitle()
+       }
+
+fun String.toFriendlyPageTitle() = split('-')
+       .joinToString(separator = " ") { word ->
+               word.lowercase().replaceFirstChar { it.titlecase() }
+       }
diff --git a/src/jvmMain/kotlin/info/mechyrdia/lore/html_utils.kt b/src/jvmMain/kotlin/info/mechyrdia/lore/html_utils.kt
new file mode 100644 (file)
index 0000000..5d4e59f
--- /dev/null
@@ -0,0 +1,23 @@
+package info.mechyrdia.lore
+
+import kotlinx.html.*
+import java.time.Instant
+
+fun interface SECTIONS {
+       fun section(body: SECTION.() -> Unit)
+}
+
+fun MAIN.sectioned(): SECTIONS = MainSections(this)
+
+private class MainSections(private val delegate: MAIN) : SECTIONS {
+       override fun section(body: SECTION.() -> Unit) {
+               delegate.section(block = body)
+       }
+}
+
+fun FlowOrPhrasingContent.dateTime(instant: Instant) {
+       span(classes = "moment") {
+               style = "display:none"
+               +"${instant.toEpochMilli()}"
+       }
+}
diff --git a/src/jvmMain/kotlin/info/mechyrdia/lore/http_utils.kt b/src/jvmMain/kotlin/info/mechyrdia/lore/http_utils.kt
new file mode 100644 (file)
index 0000000..923c971
--- /dev/null
@@ -0,0 +1,14 @@
+package info.mechyrdia.lore
+
+import io.ktor.http.*
+
+data class HttpRedirectException(val url: String, val permanent: Boolean) : RuntimeException()
+
+fun redirect(url: String, permanent: Boolean = false): Nothing = throw HttpRedirectException(url, permanent)
+
+fun redirectWithError(url: String, error: String, hash: String? = null): Nothing {
+       val parameters = parametersOf("error", error).formUrlEncode()
+       val markedHash = hash?.let { "#$it" } ?: ""
+       val urlWithError = "$url?$parameters$markedHash"
+       redirect(urlWithError, false)
+}
diff --git a/src/jvmMain/kotlin/info/mechyrdia/lore/languages.kt b/src/jvmMain/kotlin/info/mechyrdia/lore/languages.kt
new file mode 100644 (file)
index 0000000..362eccf
--- /dev/null
@@ -0,0 +1,131 @@
+package info.mechyrdia.lore
+
+object TylanAlphabet {
+       private val allowedTranslitCharacters = setOf(
+               ' ', '\r', '\n', '\t',
+               'a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p', 'r', 's', 't', 'u', 'v', 'x', 'y',
+               '0', '1', '2', '3', '4', '5', '6', '7', '8', '9',
+               '~', '`', '!', '@', '#', '$', '%', '^', '&', '*', '(', ')', '-', '_', '=', '+',
+               '[', '{', '}', ']', '\\', '|', '/', '<',
+               '.', ',', ':', ';', '\'', '"', '?', '>',
+       )
+       
+       private val replacements = listOf(
+               Regex("([0-9xy]+)(?![\\s0-9xy])") to "$1 ",
+               Regex("(?<![\\s0-9xy])([0-9xy]+)") to " $1",
+               
+               Regex("([a-pr-v'])m(?![\\w'])") to "$1A",
+               Regex("([a-pr-v'])n(?![\\w'])") to "$1E",
+               Regex("([a-ps-v'])r(?![\\w'])") to "$1H",
+               Regex("([ac-fh-jl-or-v'])s(?![\\w'])") to "$1I",
+               Regex("([a-pr-v'])t(?![\\w'])") to "$1Q",
+               
+               Regex("x") to "M",
+               Regex("y") to "N",
+               Regex("[qw-z]") to "",
+               
+               Regex("ch") to "C",
+               Regex("dh") to "D",
+               Regex("sh") to "S",
+               Regex("th") to "T",
+               
+               Regex("bs") to "B",
+               Regex("gs") to "G",
+               Regex("ks") to "K",
+               Regex("ps") to "P",
+               
+               Regex("b'([Is])") to "b$1",
+               Regex("g'([Is])") to "g$1",
+               Regex("k'([Is])") to "k$1",
+               Regex("p'([Is])") to "p$1",
+               
+               Regex("ff") to "F",
+               Regex("fv") to "V",
+               Regex("hj") to "J",
+               Regex("lh") to "L",
+               Regex("ll") to "L",
+               Regex("hl") to "L",
+               Regex("rh") to "R",
+               Regex("rr") to "R",
+               Regex("hr") to "R",
+               Regex("d'h") to "dh",
+               Regex("l'h") to "lh",
+               Regex("l'J") to "lJ",
+               Regex("r'h") to "rh",
+               Regex("r'J") to "rJ",
+               Regex("s'h") to "sh",
+               Regex("t'h") to "th",
+               Regex("h'l") to "hl",
+               Regex("h'r") to "hr",
+               Regex("B'h") to "Bh",
+               Regex("G'h") to "Gh",
+               Regex("K'h") to "Kh",
+               Regex("P'h") to "Ph",
+               Regex("c(?!h)") to "",
+               
+               Regex("ae") to "W",
+               Regex("au") to "X",
+               Regex("ea") to "Y",
+               Regex("ei") to "Z",
+               Regex("eo") to "w",
+               Regex("eu") to "x",
+               Regex("oa") to "y",
+               Regex("ou") to "z",
+               Regex("oe") to "O",
+               Regex("ui") to "U",
+               
+               Regex("i([aeiouOUw-zW-Z])") to "ij$1",
+               Regex("^([aeiouOUw-zW-Z])") to "'$1",
+               Regex("([^'BCDFGJKLPR-TVbdf-hj-npr-tv])([aeiouOUw-zW-Z])") to "$1'$2",
+               Regex("([aeiouOUw-zW-Z])([aeiouOUw-zW-Z])") to "$1'$2",
+       )
+       
+       fun tylanToFontAlphabet(tylan: String) = replacements.fold(tylan.lowercase().filter { it in allowedTranslitCharacters }) { partial, (regex, replacement) ->
+               partial.replace(regex, replacement)
+       }
+}
+
+object PokhwalishAlphabet {
+       private val allowedTranslitCharacters = setOf(
+               ' ', '\r', '\n', '\t',
+               'a', 'b', 'c', 'd', 'e', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p', 'q', 'r', 's', 't', 'u', 'v', 'y', 'z',
+               '.', ',', '\'', '?', '!',
+       )
+       
+       private val replacements = listOf(
+               // Vowels
+               Regex("aa") to "A",
+               Regex("ae") to "A",
+               Regex("ee") to "E",
+               Regex("ei") to "E",
+               Regex("ey") to "E",
+               Regex("ie") to "I",
+               Regex("ii") to "I",
+               Regex("iy") to "I",
+               Regex("ao") to "O",
+               Regex("au") to "O",
+               Regex("oo") to "O",
+               Regex("ou") to "U",
+               Regex("ue") to "U",
+               Regex("ui") to "U",
+               Regex("uu") to "U",
+               // Consonants
+               Regex("tz") to "C",
+               Regex("hh") to "K",
+               Regex("kh") to "K",
+               Regex("gh") to "G",
+               Regex("ng(?![aeiouAEIOU])") to "N",
+               Regex("ng([aeiouAEIOU])") to "Ng$1",
+               Regex("n'g") to "ng",
+               Regex("qh") to "Q",
+               Regex("th") to "T",
+               
+               Regex("ck") to "q",
+               Regex("c") to "",
+               Regex("k") to "q",
+       )
+       
+       fun pokhwalToFontAlphabet(pokhwal: String) = replacements.fold(pokhwal.lowercase().filter { it in allowedTranslitCharacters }) { partial, (regex, replacement) ->
+               partial.replace(regex, replacement)
+       }
+}
diff --git a/src/jvmMain/kotlin/info/mechyrdia/lore/parser.kt b/src/jvmMain/kotlin/info/mechyrdia/lore/parser.kt
new file mode 100644 (file)
index 0000000..a4fda8d
--- /dev/null
@@ -0,0 +1,193 @@
+package info.mechyrdia.lore
+
+data class TextParserScope<TContext>(
+       val write: Appendable,
+       val tags: TextParserTags<TContext>,
+       val ctx: TContext
+)
+
+sealed class InsideTag {
+       abstract val tag: String
+       
+       data class DirectTag(override val tag: String) : InsideTag()
+       data class IndirectTag(override val tag: String, val param: String?) : InsideTag()
+}
+
+sealed class TextParserState<TContext>(
+       val scope: TextParserScope<TContext>,
+       val insideTags: List<InsideTag>
+) {
+       abstract fun processCharacter(char: Char): TextParserState<TContext>
+       abstract fun processEndOfText()
+       
+       protected fun appendText(text: String) {
+               scope.write.append(
+                       insideTags.foldRight(censorText(text)) { insideTag, t ->
+                               if (insideTag is InsideTag.IndirectTag) {
+                                       val (tag, param) = insideTag
+                                       (scope.tags[tag] as? TextParserTagType.Indirect<TContext>)
+                                               ?.process(param, t, scope.ctx)
+                                               ?: "[$tag${param?.let { "=$it" } ?: ""}]$t[/$tag]"
+                               } else t
+                       }
+               )
+       }
+       
+       protected fun appendTextRaw(text: String) {
+               scope.write.append(text)
+       }
+       
+       class Initial<TContext>(scope: TextParserScope<TContext>) : TextParserState<TContext>(scope, listOf()) {
+               override fun processCharacter(char: Char): TextParserState<TContext> {
+                       return if (char == '[')
+                               OpenTag(scope, "", insideTags)
+                       else
+                               PlainText(scope, "$char", insideTags)
+               }
+               
+               override fun processEndOfText() {
+                       // Do nothing
+               }
+       }
+       
+       class PlainText<TContext>(scope: TextParserScope<TContext>, private val text: String, insideTags: List<InsideTag>) : TextParserState<TContext>(scope, insideTags) {
+               override fun processCharacter(char: Char): TextParserState<TContext> {
+                       return if (char == '[') {
+                               appendText(text)
+                               OpenTag(scope, "", insideTags)
+                       } else if (char == '\n' && text.endsWith('\n')) {
+                               appendText(text.removeSuffix("\n"))
+                               
+                               val newline = if (insideTags.none { it is InsideTag.DirectTag })
+                                       "</p><p>"
+                               else
+                                       "<br/>"
+                               
+                               appendTextRaw(newline)
+                               PlainText(scope, "", insideTags)
+                       } else
+                               PlainText(scope, text + char, insideTags)
+               }
+               
+               override fun processEndOfText() {
+                       appendText(text)
+               }
+       }
+       
+       class NoFormatText<TContext>(scope: TextParserScope<TContext>, private val text: String, insideTags: List<InsideTag>) : TextParserState<TContext>(scope, insideTags) {
+               override fun processCharacter(char: Char): TextParserState<TContext> {
+                       val newText = text + char
+                       return if (newText.endsWith("[/$NO_FORMAT_TAG]")) {
+                               appendText(newText.removeSuffix("[/$NO_FORMAT_TAG]"))
+                               PlainText(scope, "", insideTags)
+                       } else if (newText.endsWith('\n')) {
+                               appendText(newText.removeSuffix("\n"))
+                               appendTextRaw("<br/>")
+                               NoFormatText(scope, "", insideTags)
+                       } else
+                               NoFormatText(scope, newText, insideTags)
+               }
+               
+               override fun processEndOfText() {
+                       appendText(text)
+               }
+       }
+       
+       class OpenTag<TContext>(scope: TextParserScope<TContext>, private val tag: String, insideTags: List<InsideTag>) : TextParserState<TContext>(scope, insideTags) {
+               override fun processCharacter(char: Char): TextParserState<TContext> {
+                       return if (char == ']') {
+                               if (tag.equals(NO_FORMAT_TAG, ignoreCase = true))
+                                       NoFormatText(scope, "", insideTags)
+                               else when (val tagType = scope.tags[tag]) {
+                                       is TextParserTagType.Direct<TContext> -> {
+                                               appendTextRaw(tagType.begin(null, scope.ctx))
+                                               PlainText(scope, "", insideTags + InsideTag.DirectTag(tag))
+                                       }
+                                       
+                                       is TextParserTagType.Indirect<TContext> -> PlainText(scope, "", insideTags + InsideTag.IndirectTag(tag, null))
+                                       
+                                       else -> PlainText(scope, "[$tag]", insideTags)
+                               }
+                       } else if (char == '/' && tag == "")
+                               CloseTag(scope, tag, insideTags)
+                       else if (char == '=' && tag != "")
+                               TagParam(scope, tag, "", insideTags)
+                       else
+                               OpenTag(scope, tag + char, insideTags)
+               }
+               
+               override fun processEndOfText() {
+                       appendText("[$tag")
+               }
+       }
+       
+       class TagParam<TContext>(scope: TextParserScope<TContext>, private val tag: String, private val param: String, insideTags: List<InsideTag>) : TextParserState<TContext>(scope, insideTags) {
+               override fun processCharacter(char: Char): TextParserState<TContext> {
+                       return if (char == ']')
+                               when (val tagType = scope.tags[tag]) {
+                                       is TextParserTagType.Direct<TContext> -> {
+                                               appendTextRaw(tagType.begin(param, scope.ctx))
+                                               PlainText(scope, "", insideTags + InsideTag.DirectTag(tag))
+                                       }
+                                       
+                                       is TextParserTagType.Indirect<TContext> -> PlainText(scope, "", insideTags + InsideTag.IndirectTag(tag, param))
+                                       
+                                       else -> PlainText(scope, "[$tag=$param]", insideTags)
+                               }
+                       else
+                               TagParam(scope, tag, param + char, insideTags)
+               }
+               
+               override fun processEndOfText() {
+                       appendText("[$tag=$param")
+               }
+       }
+       
+       class CloseTag<TContext>(scope: TextParserScope<TContext>, private val tag: String, insideTags: List<InsideTag>) : TextParserState<TContext>(scope, insideTags) {
+               override fun processCharacter(char: Char): TextParserState<TContext> {
+                       return if (char == ']') {
+                               val tagType = scope.tags[tag]
+                               if (tagType is TextParserTagType.Direct<TContext> && insideTags.lastOrNull() == InsideTag.DirectTag(tag)) {
+                                       appendTextRaw(tagType.end(scope.ctx))
+                                       
+                                       PlainText(scope, "", insideTags.dropLast(1))
+                               } else if (insideTags.isNotEmpty() && (insideTags.last() as? InsideTag.IndirectTag)?.tag == tag) {
+                                       PlainText(scope, "", insideTags.dropLast(1))
+                               } else {
+                                       appendText("[/$tag]")
+                                       PlainText(scope, "", insideTags)
+                               }
+                       } else CloseTag(scope, tag + char, insideTags)
+               }
+               
+               override fun processEndOfText() {
+                       appendText("[/$tag")
+               }
+       }
+       
+       companion object {
+               const val NO_FORMAT_TAG = "noformat"
+               
+               fun censorText(uncensored: String) = uncensored
+                       .replace("&", "&amp;")
+                       .replace("<", "&lt;")
+                       .replace(">", "&gt;")
+                       .replace("\"", "&quot;")
+               
+               fun uncensorText(censored: String) = censored
+                       .replace("&quot;", "\"")
+                       .replace("&lt;", "<")
+                       .replace("&gt;", ">")
+                       .replace("&amp;", "&")
+               
+               fun <TContext> parseText(text: String, tags: TextParserTags<TContext>, context: TContext): String {
+                       val builder = StringBuilder()
+                       val fixedText = text.replace("\r\n", "\n").replace('\r', '\n')
+                       fixedText
+                               .fold<TextParserState<TContext>>(Initial(TextParserScope(builder, tags, context))) { state, char ->
+                                       state.processCharacter(char)
+                               }.processEndOfText()
+                       return "<p>$builder</p>"
+               }
+       }
+}
diff --git a/src/jvmMain/kotlin/info/mechyrdia/lore/parser_reply.kt b/src/jvmMain/kotlin/info/mechyrdia/lore/parser_reply.kt
new file mode 100644 (file)
index 0000000..8299c7a
--- /dev/null
@@ -0,0 +1,38 @@
+package info.mechyrdia.lore
+
+import info.mechyrdia.data.Comment
+import info.mechyrdia.data.Id
+
+class CommentRepliesBuilder {
+       private val repliesTo = mutableSetOf<Id<Comment>>()
+       
+       fun addReplyTag(reply: Id<Comment>) {
+               repliesTo += reply
+       }
+       
+       fun toReplySet() = repliesTo.toSet()
+}
+
+enum class TextParserReplyCounterTag(val type: TextParserTagType<CommentRepliesBuilder>) {
+       REPLY(
+               TextParserTagType.Indirect { _, content, builder ->
+                       sanitizeId(content)?.let { id ->
+                               builder.addReplyTag(Id(id))
+                       }
+                       "[reply]$content[/reply]"
+               }
+       );
+       
+       companion object {
+               val asTags: TextParserTags<CommentRepliesBuilder>
+                       get() = TextParserTags(entries.associate { it.name to it.type })
+       }
+}
+
+fun getReplies(commentContents: String): Set<Id<Comment>> {
+       val builder = CommentRepliesBuilder()
+       
+       TextParserState.parseText(commentContents, TextParserReplyCounterTag.asTags, builder)
+       
+       return builder.toReplySet()
+}
diff --git a/src/jvmMain/kotlin/info/mechyrdia/lore/parser_tags.kt b/src/jvmMain/kotlin/info/mechyrdia/lore/parser_tags.kt
new file mode 100644 (file)
index 0000000..60479cd
--- /dev/null
@@ -0,0 +1,466 @@
+package info.mechyrdia.lore
+
+import info.mechyrdia.Configuration
+import info.mechyrdia.JsonStorageCodec
+import io.ktor.util.*
+import kotlinx.serialization.builtins.serializer
+import kotlinx.serialization.json.JsonPrimitive
+import java.io.File
+
+sealed class TextParserTagType<TContext> {
+       data class Direct<TContext>(val beginFunc: (String?, TContext) -> String, val endFunc: (TContext) -> String) : TextParserTagType<TContext>() {
+               fun begin(param: String?, context: TContext) = beginFunc(param, context)
+               fun end(context: TContext) = endFunc(context)
+       }
+       
+       data class Indirect<TContext>(val processFunc: (String?, String, TContext) -> String) : TextParserTagType<TContext>() {
+               fun process(param: String?, content: String, context: TContext) = processFunc(param, content, context)
+       }
+}
+
+@JvmInline
+value class TextParserTags<TContext> private constructor(private val tags: Map<String, TextParserTagType<TContext>>) {
+       operator fun get(name: String) = tags[name.lowercase()]
+       
+       companion object {
+               operator fun <TContext> invoke(tags: Map<String, TextParserTagType<TContext>>) = TextParserTags(tags.mapKeys { (name, _) -> name.lowercase() })
+       }
+}
+
+enum class TextParserFormattingTag(val type: TextParserTagType<Unit>) {
+       // Basic formatting
+       B(
+               TextParserTagType.Direct(
+                       { _, _ -> "<span style='font-weight: bold'>" },
+                       { "</span>" },
+               )
+       ),
+       I(
+               TextParserTagType.Direct(
+                       { _, _ -> "<span style='font-style: italic'>" },
+                       { "</span>" },
+               )
+       ),
+       U(
+               TextParserTagType.Direct(
+                       { _, _ -> "<span style='text-decoration: underline'>" },
+                       { "</span>" },
+               )
+       ),
+       S(
+               TextParserTagType.Direct(
+                       { _, _ -> "<span style='text-decoration: line-through'>" },
+                       { "</span>" },
+               )
+       ),
+       SUP(
+               TextParserTagType.Direct(
+                       { _, _ -> "<sup>" },
+                       { "</sup>" },
+               )
+       ),
+       SUB(
+               TextParserTagType.Direct(
+                       { _, _ -> "<sub>" },
+                       { "</sub>" },
+               )
+       ),
+       COLOR(
+               TextParserTagType.Direct(
+                       { tagParam, _ ->
+                               val color = tagParam?.toIntOrNull(16)?.toString(16)?.padStart(6, '0')
+                               val style = color?.let { " style=\"color: #$it\"" } ?: ""
+                               "<span$style>"
+                       },
+                       { "</span>" },
+               )
+       ),
+       IPA(
+               TextParserTagType.Direct(
+                       { _, _ -> "<span style='font-family: DejaVu Sans'>" },
+                       { "</span>" },
+               )
+       ),
+       CODE(
+               TextParserTagType.Direct(
+                       { _, _ -> "<span style='font-family: JetBrains Mono'><pre>" },
+                       { "</pre></span>" },
+               )
+       ),
+       H1(
+               TextParserTagType.Indirect { _, content, _ ->
+                       "<h1>$content</h1><script>window.checkRedirectTarget('');</script>"
+               }
+       ),
+       H2(
+               TextParserTagType.Indirect { _, content, _ ->
+                       val anchor = headerContentToAnchor(content)
+                       "</section><section><h2><a id='$anchor'></a>$content</h2><script>window.checkRedirectTarget('#$anchor');</script>"
+               }
+       ),
+       H3(
+               TextParserTagType.Indirect { _, content, _ ->
+                       val anchor = headerContentToAnchor(content)
+                       "<h3><a id='$anchor'></a>$content</h3><script>window.checkRedirectTarget('#$anchor');</script>"
+               }
+       ),
+       H4(
+               TextParserTagType.Indirect { _, content, _ ->
+                       val anchor = headerContentToAnchor(content)
+                       "<h4><a id='$anchor'></a>$content</h4><script>window.checkRedirectTarget('#$anchor');</script>"
+               }
+       ),
+       H5(
+               TextParserTagType.Indirect { _, content, _ ->
+                       val anchor = headerContentToAnchor(content)
+                       "<h5><a id='$anchor'></a>$content</h5><script>window.checkRedirectTarget('#$anchor');</script>"
+               }
+       ),
+       H6(
+               TextParserTagType.Indirect { _, content, _ ->
+                       val anchor = headerContentToAnchor(content)
+                       "<h6><a id='$anchor'></a>$content</h6><script>window.checkRedirectTarget('#$anchor');</script>"
+               }
+       ),
+       ALIGN(
+               TextParserTagType.Direct(
+                       { tagParam, _ ->
+                               val alignments = setOf("left", "center", "right", "justify")
+                               val alignment = tagParam?.takeIf { it in alignments }
+                               val styleAttr = alignment?.let { " style=\"text-align: $it\"" } ?: ""
+                               "<div$styleAttr>"
+                       },
+                       { "</div>" },
+               )
+       ),
+       ASIDE(
+               TextParserTagType.Direct(
+                       { tagParam, _ ->
+                               val floats = setOf("left", "right")
+                               val float = tagParam?.takeIf { it in floats } ?: "right"
+                               "<div style='float: $float; max-width: var(--aside-width)'>"
+                       },
+                       { "</div>" },
+               )
+       ),
+       BLOCKQUOTE(
+               TextParserTagType.Direct({ _, _ ->
+                       "<blockquote>"
+               }, { _ ->
+                       "</blockquote>"
+               })
+       ),
+       
+       // Metadata
+       DESC(
+               TextParserTagType.Direct(
+                       { _, _ -> "" },
+                       { "" },
+               )
+       ),
+       THUMB(
+               TextParserTagType.Indirect { _, _, _ -> "" }
+       ),
+       
+       // Resource showing
+       IMAGE(
+               TextParserTagType.Indirect { tagParam, content, _ ->
+                       val imageUrl = sanitizeLink(content)
+                       
+                       val (width, height) = getSizeParam(tagParam)
+                       
+                       if (imageUrl.endsWith(".svg"))
+                               File(Configuration.CurrentConfiguration.assetDir)
+                                       .combineSafe("images/$imageUrl")
+                                       .readText()
+                                       .replace("<svg", "<svg${getImageSizeAttributes(width, height)}")
+                       else
+                               "<script>window.appendImageThumb('/assets/images/$imageUrl', '${getImageSizeStyleValue(width, height)}');</script>"
+               }
+       ),
+       MODEL(
+               TextParserTagType.Indirect { tagParam, content, _ ->
+                       val modelUrl = sanitizeLink(content)
+                       
+                       val (width, height) = getSizeParam(tagParam)
+                       val sizeAttrs = getImageSizeAttributes(width, height)
+                       
+                       "<canvas data-model=\"$modelUrl\"$sizeAttrs></canvas>"
+               }
+       ),
+       AUDIO(
+               TextParserTagType.Indirect { _, content, _ ->
+                       val audioUrl = sanitizeLink(content)
+                       
+                       "<audio src=\"/assets/sounds/$audioUrl\" controls></audio>"
+               }
+       ),
+       QUIZ(
+               TextParserTagType.Indirect { _, content, _ ->
+                       val quizText = File(Configuration.CurrentConfiguration.quizDir).combineSafe("$content.json").readText()
+                       val quizJson = JsonStorageCodec.encodeToString(String.serializer(), quizText)
+                       
+                       "<script>window.renderQuiz(JSON.parse($quizJson));</script>"
+               }
+       ),
+       
+       // Lists
+       UL(
+               TextParserTagType.Direct(
+                       { _, _ -> "<ul>" },
+                       { "</ul>" },
+               )
+       ),
+       OL(
+               TextParserTagType.Direct(
+                       { _, _ -> "<ol>" },
+                       { "</ol>" },
+               )
+       ),
+       LI(
+               TextParserTagType.Direct(
+                       { _, _ -> "<li>" },
+                       { "</li>" },
+               )
+       ),
+       
+       // Tables
+       TABLE(
+               TextParserTagType.Direct(
+                       { _, _ -> "<table>" },
+                       { "</table>" },
+               )
+       ),
+       TR(
+               TextParserTagType.Direct(
+                       { _, _ -> "<tr>" },
+                       { "</tr>" },
+               )
+       ),
+       TD(
+               TextParserTagType.Direct(
+                       { tagParam, _ ->
+                               val (width, height) = getSizeParam(tagParam)
+                               val sizeAttrs = getTableSizeAttributes(width, height)
+                               
+                               "<td$sizeAttrs>"
+                       },
+                       { "</td>" },
+               )
+       ),
+       TH(
+               TextParserTagType.Direct(
+                       { tagParam, _ ->
+                               val (width, height) = getSizeParam(tagParam)
+                               val sizeAttrs = getTableSizeAttributes(width, height)
+                               
+                               "<th$sizeAttrs>"
+                       },
+                       { "</th>" },
+               )
+       ),
+       
+       // Hyperformatting
+       LINK(
+               TextParserTagType.Direct(
+                       { tagParam, _ ->
+                               val param = tagParam?.let { TextParserState.censorText(it) }
+                               val url = param?.let { if (it.startsWith('/')) "/lore$it" else "./$it" }
+                               val attr = url?.let { " href=\"$it\"" } ?: ""
+                               
+                               "<a$attr>"
+                       },
+                       { "</a>" },
+               )
+       ),
+       EXTLINK(
+               TextParserTagType.Direct(
+                       { tagParam, _ ->
+                               val url = tagParam?.let { TextParserState.censorText(it) }
+                               val attr = url?.let { " href=\"$it\"" } ?: ""
+                               
+                               "<a$attr>"
+                       },
+                       { "</a>" },
+               )
+       ),
+       ANCHOR(
+               TextParserTagType.Indirect { _, content, _ ->
+                       val anchor = sanitizeLink(content)
+                       "<a id=\"$anchor\" name=\"$anchor\"></a>"
+               }
+       ),
+       REDIRECT(
+               TextParserTagType.Indirect { _, content, _ ->
+                       val target = TextParserState.censorText(content)
+                       val url = if (target.startsWith('/')) "/lore$target" else "./$target"
+                       val string = JsonPrimitive(url).toString()
+                       
+                       "<script>window.factbookRedirect($string);</script>"
+               }
+       ),
+       
+       // Conlangs
+       LANG(
+               TextParserTagType.Indirect { tagParam, content, _ ->
+                       if (tagParam?.equals("tylan", ignoreCase = true) == true) {
+                               val uncensored = TextParserState.uncensorText(content)
+                               val tylan = TylanAlphabet.tylanToFontAlphabet(uncensored)
+                               val recensored = TextParserState.censorText(tylan)
+                               "<span class=\"lang-tylan\">$recensored</span>"
+                       } else if (tagParam?.equals("thedish", ignoreCase = true) == true)
+                               "<span class=\"lang-thedish\">$content</span>"
+                       else if (tagParam?.equals("kishari", ignoreCase = true) == true)
+                               "<span class=\"lang-kishari\">$content</span>"
+                       else if (tagParam?.equals("pokhval", ignoreCase = true) == true || tagParam?.equals("pokhwal", ignoreCase = true) == true) {
+                               val uncensored = TextParserState.uncensorText(content)
+                               val pokhwal = PokhwalishAlphabet.pokhwalToFontAlphabet(uncensored)
+                               val recensored = TextParserState.censorText(pokhwal)
+                               "<span class=\"lang-pokhwal\">$recensored</span>"
+                       } else if (tagParam?.equals("gothic", ignoreCase = true) == true)
+                               "<span class=\"lang-gothic\">$content</span>"
+                       else content
+               }
+       ),
+       ALPHABET(
+               TextParserTagType.Indirect { _, content, _ ->
+                       if (content.equals("tylan", ignoreCase = true)) {
+                               """
+                                       |<div class="tylan-alphabet-box">
+                                       |<p>Latin Alphabet:</p>
+                                       |<textarea class="input-box" spellcheck="false"></textarea>
+                                       |<p>Tylan Alphabet:</p>
+                                       |<textarea class="output-box lang-tylan" readonly></textarea>
+                                       |</div>
+                               """.trimMargin()
+                       } else if (content.equals("thedish", ignoreCase = true)) {
+                               """
+                                       |<div class="thedish-alphabet-box">
+                                       |<p>Latin Alphabet:</p>
+                                       |<textarea class="input-box" spellcheck="false"></textarea>
+                                       |<p>Thedish Alphabet:</p>
+                                       |<textarea class="output-box lang-thedish" readonly></textarea>
+                                       |</div>
+                               """.trimMargin()
+                       } else if (content.equals("kishari", ignoreCase = true)) {
+                               """
+                                       |<div class="kishari-alphabet-box">
+                                       |<p>Latin Alphabet:</p>
+                                       |<textarea class="input-box" spellcheck="false"></textarea>
+                                       |<p>Kishari Alphabet:</p>
+                                       |<textarea class="output-box lang-kishari" readonly></textarea>
+                                       |</div>
+                               """.trimMargin()
+                       } else if (content.equals("pokhval", ignoreCase = true) || content.equals("pokhwal", ignoreCase = true)) {
+                               """
+                                       |<div class="pokhwal-alphabet-box">
+                                       |<p>Latin Alphabet:</p>
+                                       |<textarea class="input-box" spellcheck="false"></textarea>
+                                       |<p>Pokhwalish Alphabet:</p>
+                                       |<textarea class="output-box lang-pokhwal" readonly></textarea>
+                                       |</div>
+                               """.trimMargin()
+                       } else ""
+               }
+       ),
+       ;
+       
+       companion object {
+               val asTags: TextParserTags<Unit>
+                       get() = TextParserTags(entries.associate { it.name to it.type })
+       }
+}
+
+enum class TextParserCommentTags(val type: TextParserTagType<Unit>) {
+       B(TextParserFormattingTag.B.type),
+       I(TextParserFormattingTag.I.type),
+       U(TextParserFormattingTag.U.type),
+       S(TextParserFormattingTag.S.type),
+       SUP(TextParserFormattingTag.SUP.type),
+       SUB(TextParserFormattingTag.SUB.type),
+       IPA(TextParserFormattingTag.IPA.type),
+       CODE(TextParserFormattingTag.CODE.type),
+       COLOR(TextParserFormattingTag.COLOR.type),
+       
+       ALIGN(TextParserFormattingTag.ALIGN.type),
+       ASIDE(TextParserFormattingTag.ASIDE.type),
+       
+       UL(TextParserFormattingTag.UL.type),
+       OL(TextParserFormattingTag.OL.type),
+       LI(TextParserFormattingTag.LI.type),
+       
+       TABLE(TextParserFormattingTag.TABLE.type),
+       TR(TextParserFormattingTag.TR.type),
+       TD(TextParserFormattingTag.TD.type),
+       TH(TextParserFormattingTag.TH.type),
+       URL(TextParserFormattingTag.EXTLINK.type),
+       
+       LANG(TextParserFormattingTag.LANG.type),
+       
+       IMGUR(
+               TextParserTagType.Indirect { tagParam, content, _ ->
+                       val imageUrl = sanitizeExtLink(content)
+                       val (width, height) = getSizeParam(tagParam)
+                       
+                       "<img src='https://i.imgur.com/$imageUrl'${getImageSizeAttributes(width, height)}/>"
+               }
+       ),
+       IMGBB(
+               TextParserTagType.Indirect { tagParam, content, _ ->
+                       val imageUrl = sanitizeExtLink(content)
+                       val (width, height) = getSizeParam(tagParam)
+                       
+                       "<img src='https://i.ibb.co/$imageUrl'${getImageSizeAttributes(width, height)}/>"
+               }
+       ),
+       
+       REPLY(
+               TextParserTagType.Indirect { _, content, _ ->
+                       sanitizeId(content)?.let { id ->
+                               "<a href=\"/comment/view/$id\">&gt;&gt;$id</a>"
+                       } ?: "[reply]$content[/reply]"
+               }
+       ),
+       
+       QUOTE(
+               TextParserTagType.Direct({ _, _ ->
+                       "<blockquote>"
+               }, { _ ->
+                       "</blockquote>"
+               })
+       )
+       ;
+       
+       companion object {
+               val asTags: TextParserTags<Unit>
+                       get() = TextParserTags(entries.associate { it.name to it.type })
+       }
+}
+
+val NON_LINK_CHAR = Regex("[^#a-zA-Z\\d\\-._]")
+val DOT_CHARS = Regex("\\.+")
+fun sanitizeLink(html: String) = html.replace(NON_LINK_CHAR, "").replace(DOT_CHARS, ".")
+
+val NON_EXT_LINK_CHAR = Regex("[^#a-zA-Z\\d\\-._/]")
+fun sanitizeExtLink(html: String) = html.replace(NON_EXT_LINK_CHAR, "").replace(DOT_CHARS, ".")
+
+val ID_REGEX = Regex("[A-IL-TVX-Z0-9]{24}")
+fun sanitizeId(html: String) = ID_REGEX.matchEntire(html)?.value
+
+fun getSizeParam(tagParam: String?): Pair<Int?, Int?> = tagParam?.let { resolution ->
+       val parts = resolution.split('x')
+       parts.getOrNull(0)?.toIntOrNull() to parts.getOrNull(1)?.toIntOrNull()
+} ?: (null to null)
+
+fun getTableSizeAttributes(width: Int?, height: Int?) = (width?.let { " colspan=\"$it\"" } ?: "") + (height?.let { " rowspan=\"$it\"" } ?: "")
+fun getImageSizeStyleValue(width: Int?, height: Int?) = (width?.let { "width: calc(var(--media-size-unit) * $it);" } ?: "") + (height?.let { "height: calc(var(--media-size-unit) * $it);" } ?: "")
+fun getImageSizeAttributes(width: Int?, height: Int?) = " style=\"${getImageSizeStyleValue(width, height)}\""
+
+val NON_ANCHOR_CHAR = Regex("[^a-zA-Z\\d\\-]")
+val INSIDE_TAG_TEXT = Regex("\\[.*?]")
+
+fun headerContentToLabel(content: String) = TextParserState.uncensorText(content.replace(INSIDE_TAG_TEXT, ""))
+fun headerContentToAnchor(content: String) = headerContentToLabel(content).replace(NON_ANCHOR_CHAR, "-")
+
+fun imagePathToOpenGraphValue(path: String) = "https://mechyrdia.info/assets/images/${sanitizeLink(path)}"
+fun descriptionContentToPlainText(content: String) = TextParserState.uncensorText(content.replace(INSIDE_TAG_TEXT, ""))
diff --git a/src/jvmMain/kotlin/info/mechyrdia/lore/parser_toc.kt b/src/jvmMain/kotlin/info/mechyrdia/lore/parser_toc.kt
new file mode 100644 (file)
index 0000000..a8ef197
--- /dev/null
@@ -0,0 +1,115 @@
+package info.mechyrdia.lore
+
+class TableOfContentsBuilder {
+       private var title: String? = null
+       private val levels = mutableListOf<Int>()
+       private val links = mutableListOf<NavLink>()
+       
+       fun addHeader(text: String, level: Int, toAnchor: String) {
+               if (level == 0) {
+                       if (title == null)
+                               title = text
+                       
+                       return
+               }
+               
+               if (level > levels.size)
+                       levels.add(1)
+               else {
+                       val newLevels = levels.take(level).mapIndexed { i, n -> if (i == level - 1) n + 1 else n }
+                       levels.clear()
+                       levels.addAll(newLevels)
+               }
+               
+               val number = levels.joinToString(separator = ".") { it.toString() }
+               links.plusAssign(NavLink("#$toAnchor", "$number. $text", aClasses = "left"))
+       }
+       
+       private var description: String? = null
+       private var image: String? = null
+       
+       fun addDescription(plainText: String) {
+               description = description.orEmpty() + plainText
+       }
+       
+       fun addImage(path: String, overWrite: Boolean = false) {
+               if (overWrite || image == null)
+                       image = path
+       }
+       
+       fun toPageTitle() = title ?: MISSING_TITLE
+       
+       fun toOpenGraph() = description?.let { desc ->
+               image?.let { image ->
+                       OpenGraphData(desc, image)
+               }
+       }
+       
+       fun toNavBar(): List<NavItem> = listOf(NavLink("#page-top", title ?: MISSING_TITLE, aClasses = "left")) + links.toList()
+       
+       companion object {
+               const val MISSING_TITLE = "Untitled"
+       }
+}
+
+enum class TextParserToCBuilderTag(val type: TextParserTagType<TableOfContentsBuilder>) {
+       H1(
+               TextParserTagType.Indirect { _, content, builder ->
+                       builder.addHeader(headerContentToLabel(content), 0, headerContentToAnchor(content))
+                       "[h1]$content[/h1]"
+               }
+       ),
+       H2(
+               TextParserTagType.Indirect { _, content, builder ->
+                       builder.addHeader(headerContentToLabel(content), 1, headerContentToAnchor(content))
+                       "[h2]$content[/h2]"
+               }
+       ),
+       H3(
+               TextParserTagType.Indirect { _, content, builder ->
+                       builder.addHeader(headerContentToLabel(content), 2, headerContentToAnchor(content))
+                       "[h3]$content[/h3]"
+               }
+       ),
+       H4(
+               TextParserTagType.Indirect { _, content, builder ->
+                       builder.addHeader(headerContentToLabel(content), 3, headerContentToAnchor(content))
+                       "[h4]$content[/h4]"
+               }
+       ),
+       H5(
+               TextParserTagType.Indirect { _, content, builder ->
+                       builder.addHeader(headerContentToLabel(content), 4, headerContentToAnchor(content))
+                       "[h5]$content[/h5]"
+               }
+       ),
+       H6(
+               TextParserTagType.Indirect { _, content, builder ->
+                       builder.addHeader(headerContentToLabel(content), 5, headerContentToAnchor(content))
+                       "[h6]$content[/h6]"
+               }
+       ),
+       DESC(
+               TextParserTagType.Indirect { _, content, builder ->
+                       builder.addDescription(descriptionContentToPlainText(content))
+                       content
+               }
+       ),
+       IMAGE(
+               TextParserTagType.Indirect { param, content, builder ->
+                       builder.addImage(imagePathToOpenGraphValue(content))
+                       "[image=$param]$content[/image]"
+               }
+       ),
+       THUMB(
+               TextParserTagType.Indirect { _, content, builder ->
+                       builder.addImage(imagePathToOpenGraphValue(content), true)
+                       ""
+               }
+       );
+       
+       companion object {
+               val asTags: TextParserTags<TableOfContentsBuilder>
+                       get() = TextParserTags(entries.associate { it.name to it.type })
+       }
+}
diff --git a/src/jvmMain/kotlin/info/mechyrdia/lore/preparser.kt b/src/jvmMain/kotlin/info/mechyrdia/lore/preparser.kt
new file mode 100644 (file)
index 0000000..6b14cf5
--- /dev/null
@@ -0,0 +1,119 @@
+package info.mechyrdia.lore
+
+import com.samskivert.mustache.Escapers
+import com.samskivert.mustache.Mustache
+import info.mechyrdia.Configuration
+import info.mechyrdia.JsonFileCodec
+import info.mechyrdia.application
+import io.ktor.server.application.*
+import io.ktor.util.*
+import kotlinx.serialization.json.*
+import java.io.File
+import javax.script.ScriptException
+
+@JvmInline
+value class JsonPath private constructor(private val pathElements: List<String>) {
+       constructor(path: String) : this(path.split('.').filterNot { it.isBlank() })
+       
+       operator fun component1() = pathElements.firstOrNull()
+       operator fun component2() = JsonPath(pathElements.drop(1))
+       
+       override fun toString(): String {
+               return pathElements.joinToString(separator = ".")
+       }
+}
+
+operator fun JsonElement.get(path: JsonPath): JsonElement {
+       val (pathHead, pathTail) = path
+       pathHead ?: return this
+       
+       return when (this) {
+               is JsonObject -> this.getValue(pathHead)[pathTail]
+               is JsonArray -> this[pathHead.toInt()][pathTail]
+               is JsonPrimitive -> throw NoSuchElementException("Cannot resolve path $path on JSON primitive $this")
+       }
+}
+
+@JvmInline
+value class JsonImport private constructor(private val importFrom: Pair<File, JsonPath>) {
+       fun resolve(): Pair<File, JsonElement> {
+               return try {
+                       importFrom.let { (file, path) ->
+                               file to JsonFileCodec.parseToJsonElement(file.readText())[path]
+                       }
+               } catch (ex: RuntimeException) {
+                       val filePath = importFrom.first.toRelativeString(File(Configuration.CurrentConfiguration.jsonDocDir))
+                       val jsonPath = importFrom.second
+                       throw IllegalArgumentException("Unable to resolve JSON path $jsonPath on file $filePath", ex)
+               }
+       }
+       
+       companion object {
+               operator fun invoke(statement: String, currentFile: File): JsonImport? {
+                       if (!statement.startsWith('@')) return null
+                       val splitterIndex = statement.lastIndexOf('#')
+                       
+                       val (filePath, jsonPath) = if (splitterIndex != -1)
+                               statement.substring(1, splitterIndex) to statement.substring(splitterIndex + 1)
+                       else
+                               statement.substring(1) to ""
+                       
+                       val file = if (filePath.startsWith('/'))
+                               File(Configuration.CurrentConfiguration.jsonDocDir).combineSafe("$filePath.json")
+                       else
+                               currentFile.parentFile.combineSafe("$filePath.json")
+                       
+                       if (!file.isFile)
+                               throw IllegalArgumentException("JSON import path '$filePath' does not point to a file")
+                       
+                       return JsonImport(file to JsonPath(jsonPath))
+               }
+       }
+}
+
+object PreParser {
+       private val compiler = Mustache.compiler()
+               .withEscaper(Escapers.NONE)
+               .defaultValue("{{ MISSING VALUE \"{{name}}\" }}")
+               .withLoader { File(Configuration.CurrentConfiguration.templateDir).combineSafe("$it.tpl").bufferedReader() }
+       
+       private fun convertJson(json: JsonElement, currentFile: File): Any? = when (json) {
+               JsonNull -> null
+               is JsonPrimitive -> if (json.isString) {
+                       JsonImport(json.content, currentFile)?.let { jsonImport ->
+                               val (nextFile, jsonData) = jsonImport.resolve()
+                               convertJson(jsonData, nextFile)
+                       } ?: json.content
+               } else json.intOrNull ?: json.double
+               
+               is JsonObject -> json.mapValues { (_, it) -> convertJson(it, currentFile) }
+               is JsonArray -> json.map { convertJson(it, currentFile) }
+       }
+       
+       private fun loadJsonContext(name: String): Map<*, *> =
+               File(Configuration.CurrentConfiguration.jsonDocDir)
+                       .combineSafe("$name.json")
+                       .takeIf { it.isFile }
+                       ?.let { file ->
+                               val text = file.readText()
+                               val data = convertJson(JsonFileCodec.parseToJsonElement(text), file)
+                               if (data !is Map<*, *>)
+                                       error("JSON Object expected in file $name, got $text")
+                               
+                               data
+                       } ?: emptyMap<String, Any?>()
+       
+       fun preparse(name: String, content: String): String {
+               return try {
+                       val template = compiler.compile(content)
+                       val context = loadJsonContext(name) + PreParserFunctions.getFunctions()
+                       template.execute(context)
+               } catch (ex: RuntimeException) {
+                       application.log.warn("Runtime error pre-parsing factbook $name", ex)
+                       "[h1]Error[/h1]\n\nThere was a runtime error pre-parsing this factbook: ${ex.message}"
+               } catch (ex: ScriptException) {
+                       application.log.warn("Scripting error pre-parsing factbook $name", ex)
+                       "[h1]Error[/h1]\n\nThere was a scripting error pre-parsing this factbook: ${ex.message}"
+               }
+       }
+}
diff --git a/src/jvmMain/kotlin/info/mechyrdia/lore/preparser_functions.kt b/src/jvmMain/kotlin/info/mechyrdia/lore/preparser_functions.kt
new file mode 100644 (file)
index 0000000..bdc6302
--- /dev/null
@@ -0,0 +1,46 @@
+package info.mechyrdia.lore
+
+import com.samskivert.mustache.Mustache
+import com.samskivert.mustache.Template
+import info.mechyrdia.Configuration
+import io.ktor.util.*
+import java.io.File
+import java.io.Writer
+import java.security.MessageDigest
+import javax.script.Compilable
+import javax.script.CompiledScript
+import javax.script.ScriptEngineManager
+import javax.script.SimpleBindings
+
+@JvmInline
+value class ScriptedMustacheLambda(private val script: CompiledScript) : Mustache.Lambda {
+       override fun execute(frag: Template.Fragment, out: Writer) {
+               val bindings = SimpleBindings()
+               bindings["frag"] = frag
+               bindings["out"] = out
+               script.eval(bindings)
+       }
+}
+
+object PreParserFunctions {
+       private val scriptEngine = ThreadLocal.withInitial { ScriptEngineManager().getEngineByExtension("groovy") }
+       private val hasher = ThreadLocal.withInitial { MessageDigest.getInstance("SHA-256") }
+       private val cache = mutableMapOf<String, CompiledScript>()
+       
+       private fun loadFunction(name: String): Mustache.Lambda {
+               val scriptFile = File(Configuration.CurrentConfiguration.scriptDir).combineSafe("$name.groovy")
+               val script = scriptFile.readText()
+               val digest = hasher.get().digest(script.toByteArray()).joinToString(separator = "") { it.toUByte().toString(16) }
+               cache[digest]?.let { return ScriptedMustacheLambda(it) }
+               
+               val compiledScript = (scriptEngine.get() as Compilable).compile(script)
+               cache[digest] = compiledScript
+               return ScriptedMustacheLambda(compiledScript)
+       }
+       
+       fun getFunctions(): Map<String, Mustache.Lambda> {
+               val scriptDir = File(Configuration.CurrentConfiguration.scriptDir)
+               val scripts = scriptDir.listFiles() ?: return emptyMap()
+               return scripts.associate { it.nameWithoutExtension to loadFunction(it.nameWithoutExtension) }
+       }
+}
diff --git a/src/jvmMain/kotlin/info/mechyrdia/lore/view_bar.kt b/src/jvmMain/kotlin/info/mechyrdia/lore/view_bar.kt
new file mode 100644 (file)
index 0000000..5a9346b
--- /dev/null
@@ -0,0 +1,31 @@
+package info.mechyrdia.lore
+
+import info.mechyrdia.data.NationData
+import kotlinx.html.*
+
+abstract class Sidebar {
+       protected abstract fun TagConsumer<*>.display()
+       fun displayIn(aside: ASIDE) = aside.consumer.display()
+}
+
+data class PageNavSidebar(val contents: List<NavItem>) : Sidebar() {
+       override fun TagConsumer<*>.display() {
+               div(classes = "list") {
+                       for (content in contents) {
+                               div(classes = "item") {
+                                       content.displayIn(this)
+                               }
+                       }
+               }
+       }
+}
+
+data class NationProfileSidebar(val nationData: NationData) : Sidebar() {
+       override fun TagConsumer<*>.display() {
+               img(src = nationData.flag, alt = "Flag of ${nationData.name}", classes = "flag-icon")
+               p {
+                       style = "text-align:center"
+                       +nationData.name
+               }
+       }
+}
diff --git a/src/jvmMain/kotlin/info/mechyrdia/lore/view_map.kt b/src/jvmMain/kotlin/info/mechyrdia/lore/view_map.kt
new file mode 100644 (file)
index 0000000..3d1f929
--- /dev/null
@@ -0,0 +1,16 @@
+package info.mechyrdia.lore
+
+import info.mechyrdia.Configuration
+import io.ktor.server.application.*
+import io.ktor.util.*
+import java.io.File
+
+fun ApplicationCall.galaxyMapPage(): File {
+       val themeName = when (request.cookies["FACTBOOK_THEME"]) {
+               "light" -> "light"
+               "dark" -> "dark"
+               else -> "system"
+       }
+       
+       return File(Configuration.CurrentConfiguration.assetDir).combineSafe("map/index-$themeName.html")
+}
diff --git a/src/jvmMain/kotlin/info/mechyrdia/lore/view_nav.kt b/src/jvmMain/kotlin/info/mechyrdia/lore/view_nav.kt
new file mode 100644 (file)
index 0000000..c2b03d5
--- /dev/null
@@ -0,0 +1,90 @@
+package info.mechyrdia.lore
+
+import info.mechyrdia.Configuration
+import info.mechyrdia.JsonFileCodec
+import info.mechyrdia.auth.createCsrfToken
+import info.mechyrdia.data.currentNation
+import io.ktor.server.application.*
+import io.ktor.util.*
+import kotlinx.html.*
+import kotlinx.serialization.Serializable
+import kotlinx.serialization.builtins.ListSerializer
+import java.io.File
+import kotlin.collections.component1
+import kotlin.collections.component2
+import kotlin.collections.set
+
+@Serializable
+private data class ExternalLink(
+       val url: String,
+       val text: String
+)
+
+fun loadExternalLinks(): List<NavItem> {
+       val extraLinksFile = File(Configuration.CurrentConfiguration.rootDir).combineSafe("externalLinks.json")
+       val extraLinks = JsonFileCodec.decodeFromString(ListSerializer(ExternalLink.serializer()), extraLinksFile.readText())
+       return if (extraLinks.isEmpty())
+               emptyList()
+       else (listOf(NavHead("See Also")) + extraLinks.map { NavLink(it.url, it.text, textIsHtml = true) })
+}
+
+suspend fun ApplicationCall.standardNavBar(path: List<String>? = null) = listOf(
+       NavLink("/", "Lore Intro"),
+       NavLink("/lore", "Table of Contents")
+) + path?.let { pathParts ->
+       pathParts.dropLast(1).mapIndexed { i, part ->
+               val subPath = pathParts.take(i + 1).joinToString("/")
+               NavLink("/lore/$subPath", part)
+       }
+}.orEmpty() + listOf(
+       NavHead("Client Preferences"),
+       NavLink("/change-theme", "Light/Dark Mode"),
+) + (currentNation()?.let { data ->
+       listOf(
+               NavHead(data.name),
+               NavLink("/user/${data.id}", "Your User Page"),
+               NavLink("https://nationstates.net/${data.id}", "Your NationStates Page"),
+               NavLink("/auth/logout", "Log Out", linkAttributes = mapOf("data-method" to "post", "data-csrf-token" to createCsrfToken("/auth/logout")))
+       )
+} ?: listOf(
+       NavHead("Log In"),
+       NavLink("/auth/login", "Log In with NationStates")
+)) + listOf(
+       NavHead("Useful Links"),
+       NavLink("/comment/help", "Commenting Help"),
+       NavLink("/comment/recent", "Recent Comments"),
+) + loadExternalLinks()
+
+sealed class NavItem {
+       protected abstract fun DIV.display()
+       fun displayIn(div: DIV) = div.display()
+}
+
+data class NavHead(val label: String) : NavItem() {
+       override fun DIV.display() {
+               span {
+                       style = "font-variant:small-caps;text-decoration:underline"
+                       +label
+               }
+       }
+}
+
+data class NavLink(
+       val to: String,
+       val text: String,
+       val textIsHtml: Boolean = false,
+       val aClasses: String? = null,
+       val linkAttributes: Map<String, String> = emptyMap()
+) : NavItem() {
+       override fun DIV.display() {
+               a(href = to, classes = aClasses) {
+                       for ((attrName, attrValue) in linkAttributes)
+                               attributes[attrName] = attrValue
+                       
+                       if (textIsHtml)
+                               unsafe { raw(text) }
+                       else
+                               +text
+               }
+       }
+}
diff --git a/src/jvmMain/kotlin/info/mechyrdia/lore/view_og.kt b/src/jvmMain/kotlin/info/mechyrdia/lore/view_og.kt
new file mode 100644 (file)
index 0000000..94374d7
--- /dev/null
@@ -0,0 +1,31 @@
+package info.mechyrdia.lore
+
+import io.ktor.server.application.*
+import io.ktor.server.request.*
+import kotlinx.html.HEAD
+import kotlinx.html.meta
+import kotlinx.serialization.Serializable
+
+@Serializable
+data class OpenGraphData(
+       val desc: String,
+       val image: String
+)
+
+fun HEAD.ogProperty(property: String, content: String) {
+       meta {
+               attributes["property"] = "og:$property"
+               attributes["content"] = content
+       }
+}
+
+context(ApplicationCall)
+fun HEAD.renderOgData(title: String, data: OpenGraphData) {
+       meta(name = "description", content = data.desc)
+       
+       ogProperty("title", title)
+       ogProperty("type", "website")
+       ogProperty("description", data.desc)
+       ogProperty("image", data.image)
+       ogProperty("url", "https://mechyrdia.info/${request.path().removePrefix("/")}")
+}
diff --git a/src/jvmMain/kotlin/info/mechyrdia/lore/view_tpl.kt b/src/jvmMain/kotlin/info/mechyrdia/lore/view_tpl.kt
new file mode 100644 (file)
index 0000000..8841296
--- /dev/null
@@ -0,0 +1,176 @@
+package info.mechyrdia.lore
+
+import io.ktor.http.*
+import io.ktor.server.application.*
+import io.ktor.server.request.*
+import io.ktor.util.*
+import kotlinx.html.*
+
+val preloadFonts = listOf(
+       "DejaVuSans-Bold.woff",
+       "DejaVuSans-BoldOblique.woff",
+       "DejaVuSans-Oblique.woff",
+       "DejaVuSans.woff",
+       "JetBrainsMono-ExtraBold.woff",
+       "JetBrainsMono-ExtraBoldItalic.woff",
+       "JetBrainsMono-Medium.woff",
+       "JetBrainsMono-MediumItalic.woff",
+       "NotoSans-Black.woff",
+       "NotoSans-BlackItalic.woff",
+       "NotoSans-Medium.woff",
+       "NotoSans-MediumItalic.woff",
+       "NotoSansGothic-Regular.woff",
+       "Oxanium-Bold.woff",
+       "Oxanium-ExtraBold.woff",
+       "Oxanium-Regular.woff",
+       "Oxanium-SemiBold.woff",
+       "thedish-language-alphabet.woff",
+       "tylan-language-alphabet-3.woff",
+)
+
+val preloadImages = listOf(
+       "external-link-dark.png",
+       "external-link.png",
+       "icon.png",
+       "panel-dark.png",
+       "panel.png",
+)
+
+fun ApplicationCall.page(pageTitle: String, navBar: List<NavItem>? = null, sidebar: Sidebar? = null, ogData: OpenGraphData? = null, content: SECTIONS.() -> Unit): HTML.() -> Unit {
+       val theme = request.cookies["FACTBOOK_THEME"]
+       
+       return {
+               when (theme) {
+                       "light" -> "light"
+                       "dark" -> "dark"
+                       else -> null
+               }?.let { attributes["data-theme"] = it }
+               
+               lang = "en"
+               
+               head {
+                       meta(charset = "utf-8")
+                       meta(name = "viewport", content = "width=device-width, initial-scale=1.0")
+                       
+                       meta(name = "theme-color", content = "#FFCC33")
+                       
+                       ogData?.let { data ->
+                               renderOgData(pageTitle, data)
+                       }
+                       
+                       for (font in preloadFonts)
+                               link(
+                                       rel = "preload",
+                                       href = "/static/font/$font",
+                                       type = "font/woff"
+                               ) {
+                                       attributes["as"] = "font"
+                               }
+                       
+                       for (image in preloadImages)
+                               link(
+                                       rel = "preload",
+                                       href = "/static/images/$image",
+                                       type = "image/png"
+                               ) {
+                                       attributes["as"] = "image"
+                               }
+                       
+                       link(rel = "icon", type = "image/svg+xml", href = "/static/images/icon.png")
+                       
+                       link(rel = "stylesheet", type = "text/css", href = "/static/style.css")
+                       
+                       request.queryParameters["redirect"]?.let { redirect ->
+                               if (redirect == "no")
+                                       script {
+                                               unsafe {
+                                                       raw("window.disableFactbookRedirect = true;")
+                                               }
+                                       }
+                       }
+                       
+                       script(src = "/static/init.js") {}
+                       
+                       title {
+                               +pageTitle
+                       }
+               }
+               body {
+                       div { id = "bg" }
+                       
+                       navBar?.let { nb ->
+                               nav(classes = "desktop") {
+                                       div(classes = "list") {
+                                               for (ni in nb) {
+                                                       div(classes = "item") {
+                                                               ni.displayIn(this)
+                                                       }
+                                               }
+                                       }
+                               }
+                       }
+                       
+                       sidebar?.let {
+                               aside(classes = "desktop") {
+                                       it.displayIn(this)
+                               }
+                       }
+                       
+                       main {
+                               sidebar?.let {
+                                       aside(classes = "mobile") {
+                                               it.displayIn(this)
+                                       }
+                               }
+                               
+                               with(sectioned()) {
+                                       content()
+                               }
+                               
+                               navBar?.let { nb ->
+                                       nav(classes = "mobile") {
+                                               div(classes = "list") {
+                                                       for (ni in nb) {
+                                                               div(classes = "item") {
+                                                                       ni.displayIn(this)
+                                                               }
+                                                       }
+                                               }
+                                       }
+                               }
+                       }
+                       
+                       div {
+                               id = "thumb-view"
+                               div(classes = "bg")
+                               img(alt = "Click to close full size") {
+                                       title = "Click to close full size"
+                               }
+                       }
+                       
+                       script {
+                               unsafe {
+                                       raw("window.handleFullSizeImages();")
+                               }
+                       }
+                       
+                       request.queryParameters["error"]?.let { errorMessage ->
+                               div {
+                                       id = "error-popup"
+                                       
+                                       val paramsWithoutError = parametersOf(request.queryParameters.toMap() - "error")
+                                       val newQueryString = if (paramsWithoutError.isEmpty())
+                                               ""
+                                       else "?${paramsWithoutError.formUrlEncode()}"
+                                       attributes["data-redirect-url"] = "${request.path()}$newQueryString"
+                                       
+                                       div(classes = "bg")
+                                       div(classes = "msg") {
+                                               p { +errorMessage }
+                                               p { +"Click to close this popup" }
+                                       }
+                               }
+                       }
+               }
+       }
+}
diff --git a/src/jvmMain/kotlin/info/mechyrdia/lore/views_error.kt b/src/jvmMain/kotlin/info/mechyrdia/lore/views_error.kt
new file mode 100644 (file)
index 0000000..49cde50
--- /dev/null
@@ -0,0 +1,59 @@
+package info.mechyrdia.lore
+
+import io.ktor.http.*
+import io.ktor.server.application.*
+import io.ktor.server.request.*
+import kotlinx.html.*
+
+suspend fun ApplicationCall.error400(): HTML.() -> Unit = page("400 Bad Request", standardNavBar()) {
+       section {
+               h1 { +"400 Bad Request" }
+               p { +"The request your browser sent was improperly formatted." }
+       }
+}
+
+suspend fun ApplicationCall.error403(): HTML.() -> Unit = page("403 Forbidden", standardNavBar()) {
+       section {
+               h1 { +"403 Forbidden" }
+               p { +"You are not allowed to do that." }
+       }
+}
+
+suspend fun ApplicationCall.error403PageExpired(formData: Parameters): HTML.() -> Unit = page("Page Expired", standardNavBar()) {
+       section {
+               h1 { +"Page Expired" }
+               formData["comment"]?.let { commentData ->
+                       p { +"The comment you tried to submit had been preserved here:" }
+                       textArea {
+                               readonly = true
+                               +commentData
+                       }
+               }
+               p {
+                       +"The page you were on has expired."
+                       request.header(HttpHeaders.Referrer)?.let { referrer ->
+                               +" You can "
+                               a(href = referrer) { +"return to the previous page" }
+                               +" and retry your action."
+                       }
+               }
+       }
+}
+
+suspend fun ApplicationCall.error404(): HTML.() -> Unit = page("404 Not Found", standardNavBar()) {
+       section {
+               h1 { +"404 Not Found" }
+               p {
+                       +"Unfortunately, we could not find what you were looking for. Would you like to "
+                       a(href = "/") { +"return to the index page" }
+                       +"?"
+               }
+       }
+}
+
+suspend fun ApplicationCall.error500(): HTML.() -> Unit = page("500 Internal Error", standardNavBar()) {
+       section {
+               h1 { +"500 Internal Error" }
+               p { +"The servers made a bit of a mistake. Please be patient while we clean up our mess." }
+       }
+}
diff --git a/src/jvmMain/kotlin/info/mechyrdia/lore/views_lore.kt b/src/jvmMain/kotlin/info/mechyrdia/lore/views_lore.kt
new file mode 100644 (file)
index 0000000..43ccce1
--- /dev/null
@@ -0,0 +1,144 @@
+package info.mechyrdia.lore
+
+import info.mechyrdia.Configuration
+import info.mechyrdia.JsonFileCodec
+import info.mechyrdia.data.*
+import io.ktor.server.application.*
+import io.ktor.util.*
+import kotlinx.coroutines.async
+import kotlinx.coroutines.coroutineScope
+import kotlinx.coroutines.flow.toList
+import kotlinx.html.*
+import kotlinx.serialization.Serializable
+import java.io.File
+
+@Serializable
+data class IntroMetaData(
+       val title: String,
+       val desc: String,
+       val image: String
+) {
+       val ogData: OpenGraphData
+               get() = OpenGraphData(desc, image)
+}
+
+suspend fun ApplicationCall.loreIntroPage(): HTML.() -> Unit {
+       val rootDirFile = File(Configuration.CurrentConfiguration.rootDir)
+       
+       val metaJsonFile = rootDirFile.combineSafe("introMeta.json")
+       val metaData = JsonFileCodec.decodeFromString(IntroMetaData.serializer(), metaJsonFile.readText())
+       
+       val htmlFile = rootDirFile.combineSafe("intro.html")
+       val fileHtml = htmlFile.readText()
+       
+       return page(metaData.title, standardNavBar(), null, metaData.ogData) {
+               section {
+                       a { id = "page-top" }
+                       unsafe { raw(fileHtml) }
+               }
+       }
+}
+
+suspend fun ApplicationCall.loreArticlePage(): HTML.() -> Unit {
+       val totalsData = processGuestbook()
+       
+       val pagePathParts = parameters.getAll("path")!!
+       val pagePath = pagePathParts.joinToString("/")
+       val pageFile = File(Configuration.CurrentConfiguration.articleDir).combineSafe(pagePath)
+       val pageNode = pageFile.toArticleNode()
+       
+       val (canCommentAs, comments) = coroutineScope {
+               val canCommentAs = async { currentNation() }
+               val comments = async {
+                       CommentRenderData(Comment.getCommentsIn(pagePath).toList(), nationCache)
+               }
+               
+               canCommentAs.await() to comments.await()
+       }
+       
+       if (pageFile.isDirectory) {
+               val navbar = standardNavBar(pagePathParts.takeIf { it.isNotEmpty() })
+               
+               val title = pagePath.takeIf { it.isNotEmpty() }?.toFriendlyIndexTitle() ?: "Table of Contents"
+               
+               val sidebar = PageNavSidebar(
+                       listOf(
+                               NavLink("#page-top", title, aClasses = "left"),
+                               NavLink("#comments", "Comments", aClasses = "left")
+                       )
+               )
+               
+               return page(title, navbar, sidebar) {
+                       section {
+                               a { id = "page-top" }
+                               h1 { +title }
+                               ul {
+                                       pageNode.subNodes.renderInto(this, pagePath.takeIf { it.isNotEmpty() })
+                               }
+                       }
+                       
+                       finalSection(pagePath, canCommentAs, comments, totalsData)
+               }
+       } else if (pageFile.isFile) {
+               val pageTemplate = pageFile.readText()
+               val pageMarkup = PreParser.preparse(pagePath, pageTemplate)
+               val pageHtml = TextParserState.parseText(pageMarkup, TextParserFormattingTag.asTags, Unit)
+               
+               val pageToC = TableOfContentsBuilder()
+               TextParserState.parseText(pageMarkup, TextParserToCBuilderTag.asTags, pageToC)
+               
+               val pageNav = pageToC.toNavBar() + NavLink("#comments", "Comments", aClasses = "left")
+               
+               val navbar = standardNavBar(pagePathParts)
+               val sidebar = PageNavSidebar(pageNav)
+               
+               return page(pageToC.toPageTitle(), navbar, sidebar, pageToC.toOpenGraph()) {
+                       section {
+                               a { id = "page-top" }
+                               unsafe { raw(pageHtml) }
+                       }
+                       
+                       finalSection(pagePath, canCommentAs, comments, totalsData)
+               }
+       } else {
+               val title = pagePathParts.last().toFriendlyPageTitle()
+               
+               val navbar = standardNavBar(pagePathParts)
+               
+               val sidebar = PageNavSidebar(
+                       listOf(
+                               NavLink("#page-top", title, aClasses = "left"),
+                               NavLink("#comments", "Comments", aClasses = "left")
+                       )
+               )
+               
+               return page(title, navbar, sidebar) {
+                       section {
+                               a { id = "page-top" }
+                               h1 { +title }
+                               p {
+                                       +"This factbook does not exist. Would you like to "
+                                       a(href = "/") { +"return to the index page" }
+                                       +"?"
+                               }
+                       }
+                       
+                       finalSection(pagePath, canCommentAs, comments, totalsData)
+               }
+       }
+}
+
+context(ApplicationCall)
+private fun SECTIONS.finalSection(pagePath: String, canCommentAs: NationData?, comments: List<CommentRenderData>, totalsData: PageVisitTotals) {
+       section {
+               h2 {
+                       a { id = "comments" }
+                       +"Comments"
+               }
+               commentInput(pagePath, canCommentAs)
+               for (comment in comments)
+                       commentBox(comment, canCommentAs?.id)
+               
+               guestbook(totalsData)
+       }
+}
diff --git a/src/jvmMain/kotlin/info/mechyrdia/lore/views_prefs.kt b/src/jvmMain/kotlin/info/mechyrdia/lore/views_prefs.kt
new file mode 100644 (file)
index 0000000..6e8894f
--- /dev/null
@@ -0,0 +1,72 @@
+package info.mechyrdia.lore
+
+import info.mechyrdia.auth.PageDoNotCacheAttributeKey
+import info.mechyrdia.auth.createCsrfToken
+import info.mechyrdia.auth.installCsrfToken
+import info.mechyrdia.auth.verifyCsrfToken
+import io.ktor.server.application.*
+import kotlinx.html.*
+
+suspend fun ApplicationCall.changeThemePage(): HTML.() -> Unit {
+       attributes.put(PageDoNotCacheAttributeKey, true)
+       
+       val theme = when (request.cookies["FACTBOOK_THEME"]) {
+               "light" -> "light"
+               "dark" -> "dark"
+               else -> null
+       }
+       
+       return page("Client Preferences", standardNavBar()) {
+               section {
+                       h1 { +"Client Preferences" }
+                       form(action = "/change-theme", method = FormMethod.post) {
+                               installCsrfToken(createCsrfToken())
+                               label {
+                                       radioInput(name = "theme") {
+                                               id = "system-theme"
+                                               value = "system"
+                                               required = true
+                                               checked = theme == null
+                                       }
+                                       +Entities.nbsp
+                                       +"System Choice"
+                               }
+                               br
+                               label {
+                                       radioInput(name = "theme") {
+                                               id = "light-theme"
+                                               value = "light"
+                                               required = true
+                                               checked = theme == "light"
+                                       }
+                                       +Entities.nbsp
+                                       +"Light Theme"
+                               }
+                               br
+                               label {
+                                       radioInput(name = "theme") {
+                                               id = "dark-theme"
+                                               value = "dark"
+                                               required = true
+                                               checked = theme == "dark"
+                                       }
+                                       +Entities.nbsp
+                                       +"Dark Theme"
+                               }
+                               br
+                               submitInput { value = "Accept Changes" }
+                       }
+               }
+       }
+}
+
+suspend fun ApplicationCall.changeThemeRoute(): Nothing {
+       val newTheme = when (verifyCsrfToken()["theme"]) {
+               "light" -> "light"
+               "dark" -> "dark"
+               else -> "system"
+       }
+       response.cookies.append("FACTBOOK_THEME", newTheme, maxAge = Int.MAX_VALUE.toLong())
+       
+       redirect("/change-theme")
+}
diff --git a/src/jvmMain/kotlin/info/mechyrdia/lore/views_robots.kt b/src/jvmMain/kotlin/info/mechyrdia/lore/views_robots.kt
new file mode 100644 (file)
index 0000000..8f7177b
--- /dev/null
@@ -0,0 +1,84 @@
+package info.mechyrdia.lore
+
+import info.mechyrdia.Configuration
+import io.ktor.util.*
+import java.io.File
+import java.time.Instant
+import kotlin.math.max
+
+private const val AVERAGE_FACTBOOK_PAGE_CHANGEFREQ = "hourly"
+private const val AVERAGE_FACTBOOK_INDEX_CHANGEFREQ = "daily"
+private const val AVERAGE_FACTBOOK_INTRO_CHANGEFREQ = "daily"
+private const val FACTBOOK_INTRO_PRIORITY = "0.7"
+private const val FACTBOOK_ROOT_PRIORITY = "0.6"
+private const val FACTBOOK_INDEX_PRIORITY = "0.4"
+private const val FACTBOOK_PAGE_PRIORITY = "0.8"
+
+private val File.lastSubFilesModified: Instant?
+       get() = if (isDirectory)
+               (listFiles().orEmpty().mapNotNull {
+                       it.lastSubFilesModified
+               } + Instant.ofEpochMilli(lastModified())).max()
+       else null
+
+private val File.lastContentModified: Instant
+       get() = lastSubFilesModified ?: Instant.ofEpochMilli(lastModified())
+
+context(Appendable)
+private fun List<ArticleNode>.renderIntoSitemap(base: String? = null) {
+       val prefix by lazy(LazyThreadSafetyMode.NONE) { base?.let { "$it/" } ?: "" }
+       for (node in this) {
+               if (Configuration.CurrentConfiguration.isDevMode || !(node.name.endsWith(".wip") || node.name.endsWith(".old"))) {
+                       val path = "$prefix${node.name}"
+                       
+                       val file = File(Configuration.CurrentConfiguration.articleDir).combineSafe(path)
+                       val lastModified = file.lastContentModified
+                       val changeFreq = if (node.subNodes.isNotEmpty()) AVERAGE_FACTBOOK_INDEX_CHANGEFREQ else AVERAGE_FACTBOOK_PAGE_CHANGEFREQ
+                       val priority = if (node.subNodes.isNotEmpty()) FACTBOOK_INDEX_PRIORITY else FACTBOOK_PAGE_PRIORITY
+                       
+                       appendLine("\t<url>")
+                       appendLine("\t\t<loc>https://mechyrdia.info/lore/$path</loc>")
+                       appendLine("\t\t<lastmod>$lastModified</lastmod>")
+                       appendLine("\t\t<changefreq>$changeFreq</changefreq>")
+                       appendLine("\t\t<priority>$priority</priority>")
+                       appendLine("\t</url>")
+                       node.subNodes.renderIntoSitemap(path)
+               }
+       }
+}
+
+private fun Appendable.renderLoreSitemap() {
+       val rootFile = File(Configuration.CurrentConfiguration.articleDir)
+       val rootLastModified = rootFile.lastContentModified
+       
+       appendLine("\t<url>")
+       appendLine("\t\t<loc>https://mechyrdia.info/lore</loc>")
+       appendLine("\t\t<lastmod>$rootLastModified</lastmod>")
+       appendLine("\t\t<changefreq>$AVERAGE_FACTBOOK_INDEX_CHANGEFREQ</changefreq>")
+       appendLine("\t\t<priority>$FACTBOOK_ROOT_PRIORITY</priority>")
+       appendLine("\t</url>")
+       
+       rootArticleNodeList().renderIntoSitemap()
+}
+
+private fun Appendable.renderIntroSitemap() {
+       val introFile = File(Configuration.CurrentConfiguration.rootDir).combineSafe("intro.html")
+       val introMetaFile = File(Configuration.CurrentConfiguration.rootDir).combineSafe("introMeta.json")
+       
+       val introLastModified = Instant.ofEpochMilli(max(introFile.lastModified(), introMetaFile.lastModified()))
+       
+       appendLine("\t<url>")
+       appendLine("\t\t<loc>https://mechyrdia.info</loc>")
+       appendLine("\t\t<lastmod>$introLastModified</lastmod>")
+       appendLine("\t\t<changefreq>$AVERAGE_FACTBOOK_INTRO_CHANGEFREQ</changefreq>")
+       appendLine("\t\t<priority>$FACTBOOK_INTRO_PRIORITY</priority>")
+       appendLine("\t</url>")
+}
+
+fun Appendable.generateSitemap() {
+       appendLine("<?xml version='1.0' encoding='UTF-8'?>")
+       appendLine("<urlset xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\" xsi:schemaLocation=\"http://www.sitemaps.org/schemas/sitemap/0.9 http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd\" xmlns=\"http://www.sitemaps.org/schemas/sitemap/0.9\">")
+       renderIntroSitemap()
+       renderLoreSitemap()
+       appendLine("</urlset>")
+}
diff --git a/src/jvmMain/resources/logback.xml b/src/jvmMain/resources/logback.xml
new file mode 100644 (file)
index 0000000..a9f975a
--- /dev/null
@@ -0,0 +1,25 @@
+<?xml version="1.1" encoding="utf-8"?>
+<configuration>
+       <appender name="LOGDIR" class="ch.qos.logback.core.rolling.RollingFileAppender">
+               <file>logs/server.log</file>
+               <rollingPolicy class="ch.qos.logback.core.rolling.TimeBasedRollingPolicy">
+                       <fileNamePattern>logs/server.%d{yyyy-MM-dd}.log</fileNamePattern>
+               </rollingPolicy>
+
+               <encoder>
+                       <charset>UTF-8</charset>
+                       <pattern>%d{yyyy-MM-dd/HH:mm:ss.SSS} [%thread] %.-1level \(%logger\) - %msg%n</pattern>
+               </encoder>
+       </appender>
+
+       <appender name="STDOUT" class="ch.qos.logback.core.ConsoleAppender">
+               <encoder>
+                       <pattern>%d{yyyy-MM-dd/HH:mm:ss.SSS} [%thread] %.-1level \(%logger\) - %msg%n</pattern>
+               </encoder>
+       </appender>
+
+       <root level="INFO">
+               <appender-ref ref="STDOUT"/>
+               <appender-ref ref="LOGDIR"/>
+       </root>
+</configuration>
diff --git a/src/jvmMain/resources/static/font/DejaVuSans-Bold.woff b/src/jvmMain/resources/static/font/DejaVuSans-Bold.woff
new file mode 100644 (file)
index 0000000..c8782b3
Binary files /dev/null and b/src/jvmMain/resources/static/font/DejaVuSans-Bold.woff differ
diff --git a/src/jvmMain/resources/static/font/DejaVuSans-BoldOblique.woff b/src/jvmMain/resources/static/font/DejaVuSans-BoldOblique.woff
new file mode 100644 (file)
index 0000000..cab068f
Binary files /dev/null and b/src/jvmMain/resources/static/font/DejaVuSans-BoldOblique.woff differ
diff --git a/src/jvmMain/resources/static/font/DejaVuSans-Oblique.woff b/src/jvmMain/resources/static/font/DejaVuSans-Oblique.woff
new file mode 100644 (file)
index 0000000..7cd5cfd
Binary files /dev/null and b/src/jvmMain/resources/static/font/DejaVuSans-Oblique.woff differ
diff --git a/src/jvmMain/resources/static/font/DejaVuSans.woff b/src/jvmMain/resources/static/font/DejaVuSans.woff
new file mode 100644 (file)
index 0000000..9bd1c50
Binary files /dev/null and b/src/jvmMain/resources/static/font/DejaVuSans.woff differ
diff --git a/src/jvmMain/resources/static/font/JetBrainsMono-ExtraBold.woff b/src/jvmMain/resources/static/font/JetBrainsMono-ExtraBold.woff
new file mode 100644 (file)
index 0000000..11b8c72
Binary files /dev/null and b/src/jvmMain/resources/static/font/JetBrainsMono-ExtraBold.woff differ
diff --git a/src/jvmMain/resources/static/font/JetBrainsMono-ExtraBoldItalic.woff b/src/jvmMain/resources/static/font/JetBrainsMono-ExtraBoldItalic.woff
new file mode 100644 (file)
index 0000000..72e2e9e
Binary files /dev/null and b/src/jvmMain/resources/static/font/JetBrainsMono-ExtraBoldItalic.woff differ
diff --git a/src/jvmMain/resources/static/font/JetBrainsMono-Medium.woff b/src/jvmMain/resources/static/font/JetBrainsMono-Medium.woff
new file mode 100644 (file)
index 0000000..aac1a42
Binary files /dev/null and b/src/jvmMain/resources/static/font/JetBrainsMono-Medium.woff differ
diff --git a/src/jvmMain/resources/static/font/JetBrainsMono-MediumItalic.woff b/src/jvmMain/resources/static/font/JetBrainsMono-MediumItalic.woff
new file mode 100644 (file)
index 0000000..997758a
Binary files /dev/null and b/src/jvmMain/resources/static/font/JetBrainsMono-MediumItalic.woff differ
diff --git a/src/jvmMain/resources/static/font/NotoSans-Black.woff b/src/jvmMain/resources/static/font/NotoSans-Black.woff
new file mode 100644 (file)
index 0000000..fd4a950
Binary files /dev/null and b/src/jvmMain/resources/static/font/NotoSans-Black.woff differ
diff --git a/src/jvmMain/resources/static/font/NotoSans-BlackItalic.woff b/src/jvmMain/resources/static/font/NotoSans-BlackItalic.woff
new file mode 100644 (file)
index 0000000..e3884d7
Binary files /dev/null and b/src/jvmMain/resources/static/font/NotoSans-BlackItalic.woff differ
diff --git a/src/jvmMain/resources/static/font/NotoSans-Medium.woff b/src/jvmMain/resources/static/font/NotoSans-Medium.woff
new file mode 100644 (file)
index 0000000..7319e69
Binary files /dev/null and b/src/jvmMain/resources/static/font/NotoSans-Medium.woff differ
diff --git a/src/jvmMain/resources/static/font/NotoSans-MediumItalic.woff b/src/jvmMain/resources/static/font/NotoSans-MediumItalic.woff
new file mode 100644 (file)
index 0000000..12ce7cc
Binary files /dev/null and b/src/jvmMain/resources/static/font/NotoSans-MediumItalic.woff differ
diff --git a/src/jvmMain/resources/static/font/NotoSansGothic-Regular.woff b/src/jvmMain/resources/static/font/NotoSansGothic-Regular.woff
new file mode 100644 (file)
index 0000000..b042098
Binary files /dev/null and b/src/jvmMain/resources/static/font/NotoSansGothic-Regular.woff differ
diff --git a/src/jvmMain/resources/static/font/Oxanium-Bold.woff b/src/jvmMain/resources/static/font/Oxanium-Bold.woff
new file mode 100644 (file)
index 0000000..49f75f1
Binary files /dev/null and b/src/jvmMain/resources/static/font/Oxanium-Bold.woff differ
diff --git a/src/jvmMain/resources/static/font/Oxanium-ExtraBold.woff b/src/jvmMain/resources/static/font/Oxanium-ExtraBold.woff
new file mode 100644 (file)
index 0000000..c7ff06f
Binary files /dev/null and b/src/jvmMain/resources/static/font/Oxanium-ExtraBold.woff differ
diff --git a/src/jvmMain/resources/static/font/Oxanium-Regular.woff b/src/jvmMain/resources/static/font/Oxanium-Regular.woff
new file mode 100644 (file)
index 0000000..028c619
Binary files /dev/null and b/src/jvmMain/resources/static/font/Oxanium-Regular.woff differ
diff --git a/src/jvmMain/resources/static/font/Oxanium-SemiBold.woff b/src/jvmMain/resources/static/font/Oxanium-SemiBold.woff
new file mode 100644 (file)
index 0000000..cb8be50
Binary files /dev/null and b/src/jvmMain/resources/static/font/Oxanium-SemiBold.woff differ
diff --git a/src/jvmMain/resources/static/font/kishari-language-alphabet.woff b/src/jvmMain/resources/static/font/kishari-language-alphabet.woff
new file mode 100644 (file)
index 0000000..949b56e
Binary files /dev/null and b/src/jvmMain/resources/static/font/kishari-language-alphabet.woff differ
diff --git a/src/jvmMain/resources/static/font/pokhval-alphabet.woff b/src/jvmMain/resources/static/font/pokhval-alphabet.woff
new file mode 100644 (file)
index 0000000..2fa7d67
Binary files /dev/null and b/src/jvmMain/resources/static/font/pokhval-alphabet.woff differ
diff --git a/src/jvmMain/resources/static/font/thedish-language-alphabet.woff b/src/jvmMain/resources/static/font/thedish-language-alphabet.woff
new file mode 100644 (file)
index 0000000..c1100f0
Binary files /dev/null and b/src/jvmMain/resources/static/font/thedish-language-alphabet.woff differ
diff --git a/src/jvmMain/resources/static/font/tylan-language-alphabet-3.woff b/src/jvmMain/resources/static/font/tylan-language-alphabet-3.woff
new file mode 100644 (file)
index 0000000..313bb3f
Binary files /dev/null and b/src/jvmMain/resources/static/font/tylan-language-alphabet-3.woff differ
diff --git a/src/jvmMain/resources/static/images/external-link-dark.png b/src/jvmMain/resources/static/images/external-link-dark.png
new file mode 100644 (file)
index 0000000..dff1058
Binary files /dev/null and b/src/jvmMain/resources/static/images/external-link-dark.png differ
diff --git a/src/jvmMain/resources/static/images/external-link.png b/src/jvmMain/resources/static/images/external-link.png
new file mode 100644 (file)
index 0000000..d9b69ab
Binary files /dev/null and b/src/jvmMain/resources/static/images/external-link.png differ
diff --git a/src/jvmMain/resources/static/images/icon.png b/src/jvmMain/resources/static/images/icon.png
new file mode 100644 (file)
index 0000000..6e083e7
Binary files /dev/null and b/src/jvmMain/resources/static/images/icon.png differ
diff --git a/src/jvmMain/resources/static/images/panel-dark.png b/src/jvmMain/resources/static/images/panel-dark.png
new file mode 100644 (file)
index 0000000..7551027
Binary files /dev/null and b/src/jvmMain/resources/static/images/panel-dark.png differ
diff --git a/src/jvmMain/resources/static/images/panel.png b/src/jvmMain/resources/static/images/panel.png
new file mode 100644 (file)
index 0000000..00f564b
Binary files /dev/null and b/src/jvmMain/resources/static/images/panel.png differ
diff --git a/src/jvmMain/resources/static/init.js b/src/jvmMain/resources/static/init.js
new file mode 100644 (file)
index 0000000..6dfb458
--- /dev/null
@@ -0,0 +1,589 @@
+(function () {
+       function delay(amount) {
+               return new Promise(resolve => window.setTimeout(resolve, amount));
+       }
+
+       function frame() {
+               return new Promise(resolve => window.requestAnimationFrame(resolve));
+       }
+
+       function loadScript(url) {
+               return new Promise((resolve, reject) => {
+                       const script = document.createElement('script');
+                       script.onload = () => resolve();
+                       script.onerror = event => reject(event);
+                       script.src = url;
+                       document.head.appendChild(script);
+               });
+       }
+
+       window.addEventListener("load", function () {
+               // Tylan alphabet
+               async function tylanToFont(input, output) {
+                       const inText = input.value;
+                       const outText = await (await fetch('/tylan-lang', {
+                               method: 'POST',
+                               headers: {
+                                       'Content-Type': 'text/plain',
+                               },
+                               body: inText,
+                       })).text();
+
+                       if (inText === input.value)
+                               output.value = outText;
+               }
+
+               const tylanAlphabetBoxes = document.getElementsByClassName("tylan-alphabet-box");
+               for (const tylanAlphabetBox of tylanAlphabetBoxes) {
+                       const inputBox = tylanAlphabetBox.getElementsByClassName("input-box")[0];
+                       const outputBox = tylanAlphabetBox.getElementsByClassName("output-box")[0];
+
+                       inputBox.addEventListener("input", () => tylanToFont(inputBox, outputBox));
+               }
+       });
+
+       window.addEventListener("load", function () {
+               // Thedish alphabet
+               const thedishAlphabetBoxes = document.getElementsByClassName("thedish-alphabet-box");
+               for (const thedishAlphabetBox of thedishAlphabetBoxes) {
+                       const inputBox = thedishAlphabetBox.getElementsByClassName("input-box")[0];
+                       const outputBox = thedishAlphabetBox.getElementsByClassName("output-box")[0];
+
+                       inputBox.addEventListener("input", () => {
+                               outputBox.value = inputBox.value;
+                       });
+               }
+
+               // Kishari alphabet
+               const kishariAlphabetBoxes = document.getElementsByClassName("kishari-alphabet-box");
+               for (const kishariAlphabetBox of kishariAlphabetBoxes) {
+                       const inputBox = kishariAlphabetBox.getElementsByClassName("input-box")[0];
+                       const outputBox = kishariAlphabetBox.getElementsByClassName("output-box")[0];
+
+                       inputBox.addEventListener("input", () => {
+                               outputBox.value = inputBox.value;
+                       });
+               }
+       });
+
+       window.addEventListener("load", function () {
+               // Pokhwalish alphabet
+               async function pokhwalToFont(input, output) {
+                       const inText = input.value;
+                       const outText = await (await fetch('/pokhwal-lang', {
+                               method: 'POST',
+                               headers: {
+                                       'Content-Type': 'text/plain',
+                               },
+                               body: inText,
+                       })).text();
+
+                       if (inText === input.value)
+                               output.value = outText;
+               }
+
+               const pokhwalAlphabetBoxes = document.getElementsByClassName("pokhwal-alphabet-box");
+               for (const pokhwalAlphabetBox of pokhwalAlphabetBoxes) {
+                       const inputBox = pokhwalAlphabetBox.getElementsByClassName("input-box")[0];
+                       const outputBox = pokhwalAlphabetBox.getElementsByClassName("output-box")[0];
+
+                       inputBox.addEventListener("input", () => pokhwalToFont(inputBox, outputBox));
+               }
+       });
+
+       window.addEventListener("load", function () {
+               // Preview themes
+               const themeChoices = document.getElementsByName("theme");
+               for (const themeChoice of themeChoices) {
+                       themeChoice.addEventListener("click", e => {
+                               document.documentElement.setAttribute("data-theme", e.currentTarget.value);
+                       });
+               }
+       });
+
+       window.addEventListener("load", function () {
+               // Localize dates and times
+               const moments = document.getElementsByClassName("moment");
+               for (const moment of moments) {
+                       let date = new Date(Number(moment.textContent.trim()));
+                       moment.innerHTML = date.toLocaleString();
+                       moment.style.display = "inline";
+               }
+       });
+
+       window.addEventListener("load", function () {
+               // Login button
+               const viewChecksumButtons = document.getElementsByClassName("view-checksum");
+               for (const viewChecksumButton of viewChecksumButtons) {
+                       const token = viewChecksumButton.getAttribute("data-token");
+                       const url = (token != null && token !== "") ? ("https://www.nationstates.net/page=verify_login?token=" + token) : "https://www.nationstates.net/page=verify_login"
+                       viewChecksumButton.addEventListener("click", e => {
+                               e.preventDefault();
+                               window.open(url);
+                       });
+               }
+       });
+
+       window.appendImageThumb = function (src, sizeStyle) {
+               // Image previewing (1)
+               const imgElement = document.createElement("img");
+               imgElement.src = src;
+               imgElement.setAttribute("title", "Click to view full size");
+               imgElement.setAttribute("style", sizeStyle);
+
+               imgElement.onclick = e => {
+                       e.preventDefault();
+
+                       const thumbView = document.getElementById("thumb-view");
+                       const thumbViewImg = thumbView.getElementsByTagName("img")[0];
+                       thumbViewImg.src = e.currentTarget.src;
+                       thumbView.classList.add("visible");
+               }
+
+               document.currentScript.after(imgElement);
+       };
+
+       window.handleFullSizeImages = function () {
+               // Image previewing (2)
+               document.getElementById("thumb-view").addEventListener("click", e => {
+                       e.preventDefault();
+
+                       e.currentTarget.classList.remove("visible");
+                       e.currentTarget.getElementsByTagName("img")[0].src = "";
+               });
+       };
+
+       window.addEventListener("load", function () {
+               // Mesh viewing
+
+               async function loadThree() {
+                       await loadScript("/static/obj-viewer/three.js");
+                       await loadScript("/static/obj-viewer/three-examples.js");
+               }
+
+               async function loadObj(modelName) {
+                       const mtlLib = await (new THREE.MTLLoader()).setPath("/assets/meshes/").setResourcePath("/assets/meshes/").loadAsync(modelName + ".mtl");
+                       mtlLib.preload();
+                       return await (new THREE.OBJLoader()).setPath("/assets/meshes/").setResourcePath("/assets/meshes/").setMaterials(mtlLib).loadAsync(modelName + ".obj");
+               }
+
+               const canvases = document.getElementsByTagName("canvas");
+               if (canvases.length > 0) {
+                       (async () => {
+                               await loadThree();
+
+                               for (const canvas of canvases) {
+                                       const modelName = canvas.getAttribute("data-model");
+                                       if (modelName == null || modelName === "") continue;
+
+                                       const modelAsync = loadObj(modelName);
+
+                                       const camera = new THREE.PerspectiveCamera(69, 1, 0.01, 1000.0);
+
+                                       const scene = new THREE.Scene();
+                                       scene.add(new THREE.AmbientLight("#555555", 1.0));
+
+                                       const renderer = new THREE.WebGLRenderer({"canvas": canvas, "antialias": true});
+
+                                       const controls = new THREE.OrbitControls(camera, canvas);
+
+                                       function render() {
+                                               controls.update();
+                                               renderer.render(scene, camera);
+                                               window.requestAnimationFrame(render);
+                                       }
+
+                                       function onResize() {
+                                               const dim = canvas.getBoundingClientRect();
+                                               camera.aspect = dim.width / dim.height;
+                                               camera.updateProjectionMatrix();
+                                               renderer.setSize(dim.width, dim.height, false);
+                                       }
+
+                                       window.addEventListener('resize', onResize);
+                                       await frame();
+                                       onResize();
+
+                                       const model = await modelAsync;
+                                       scene.add(model);
+
+                                       const bbox = new THREE.Box3().setFromObject(scene);
+                                       bbox.dimensions = {
+                                               x: bbox.max.x - bbox.min.x,
+                                               y: bbox.max.y - bbox.min.y,
+                                               z: bbox.max.z - bbox.min.z
+                                       };
+                                       model.position.sub(new THREE.Vector3(bbox.min.x + bbox.dimensions.x / 2, bbox.min.y + bbox.dimensions.y / 2, bbox.min.z + bbox.dimensions.z / 2));
+
+                                       camera.position.set(bbox.dimensions.x / 2, bbox.dimensions.y / 2, Math.max(bbox.dimensions.x, bbox.dimensions.y, bbox.dimensions.z));
+
+                                       const light = new THREE.PointLight("#AAAAAA", 1.0);
+                                       scene.add(camera);
+                                       camera.add(light);
+                                       light.position.set(0, 0, 0);
+
+                                       render();
+                               }
+                       })().catch(reason => {
+                               console.error("Error rendering models", reason);
+                       });
+               }
+       });
+
+       window.addEventListener("load", function () {
+               // Allow POSTing with <a>s
+               const anchors = document.getElementsByTagName("a");
+               for (const anchor of anchors) {
+                       const method = anchor.getAttribute("data-method");
+                       if (method == null) continue;
+
+                       anchor.onclick = e => {
+                               e.preventDefault();
+
+                               let form = document.createElement("form");
+                               form.style.display = "none";
+                               form.action = e.currentTarget.href;
+                               form.method = e.currentTarget.getAttribute("data-method");
+
+                               const csrfToken = e.currentTarget.getAttribute("data-csrf-token");
+                               if (csrfToken != null) {
+                                       let csrfInput = document.createElement("input");
+                                       csrfInput.name = "csrf-token";
+                                       csrfInput.type = "hidden";
+                                       csrfInput.value = csrfToken;
+                                       form.append(csrfInput);
+                               }
+
+                               document.body.append(form);
+                               form.submit();
+                       };
+               }
+       });
+
+       window.renderQuiz = function (quiz) {
+               const quizFunctions = {};
+               const quizRoot = document.createElement("table");
+               const questionAnswers = [];
+
+               quizFunctions.clearRoot = function () {
+                       while (quizRoot.hasChildNodes()) {
+                               quizRoot.firstChild.remove();
+                       }
+               };
+
+               quizFunctions.renderIntro = function () {
+                       quizFunctions.clearRoot();
+
+                       const firstRow = document.createElement("tr");
+                       const firstCell = document.createElement("td");
+                       firstCell.style.textAlign = "center";
+                       firstCell.style.fontSize = "1.5em";
+                       firstCell.style.fontWeight = "bold";
+                       firstCell.append(quiz.title.toString());
+                       firstRow.appendChild(firstCell);
+                       quizRoot.appendChild(firstRow);
+
+                       const secondRow = document.createElement("tr");
+                       const secondCell = document.createElement("td");
+                       secondCell.style.textAlign = "center";
+                       secondCell.appendChild(document.createElement("img")).src = quiz.image;
+                       for (const paragraph of quiz.intro.toString().split('\n')) {
+                               secondCell.appendChild(document.createElement("p")).append(paragraph);
+                       }
+                       secondRow.appendChild(secondCell);
+                       quizRoot.appendChild(secondRow);
+
+                       const thirdRow = document.createElement("tr");
+                       const thirdCell = document.createElement("td");
+                       thirdCell.style.textAlign = "center";
+                       const beginLink = thirdCell.appendChild(document.createElement("a"));
+                       beginLink.href = "#";
+                       beginLink.append("Begin Quiz (" + quiz.questions.length + " questions)");
+                       beginLink.onclick = e => {
+                               e.preventDefault();
+                               quizFunctions.renderQuestion(0);
+                       };
+                       thirdRow.appendChild(thirdCell);
+                       quizRoot.appendChild(thirdRow);
+               };
+
+               quizFunctions.renderOutro = function (outcome) {
+                       quizFunctions.clearRoot();
+
+                       const firstRow = document.createElement("tr");
+                       const firstCell = document.createElement("td");
+                       firstCell.style.textAlign = "center";
+                       firstCell.style.fontSize = "1.5em";
+                       firstCell.style.fontWeight = "bold";
+                       firstCell.append(outcome.name.toString());
+                       firstRow.appendChild(firstCell);
+                       quizRoot.appendChild(firstRow);
+
+                       const secondRow = document.createElement("tr");
+                       const secondCell = document.createElement("td");
+                       secondCell.style.textAlign = "center";
+                       secondCell.appendChild(document.createElement("img")).src = outcome.img;
+                       for (const paragraph of outcome.desc.toString().split('\n')) {
+                               secondCell.appendChild(document.createElement("p")).append(paragraph);
+                       }
+                       secondRow.appendChild(secondCell);
+                       quizRoot.appendChild(secondRow);
+
+                       const thirdRow = document.createElement("tr");
+                       const thirdCell = document.createElement("td");
+                       thirdCell.style.textAlign = "center";
+                       const moreInfoLink = thirdCell.appendChild(document.createElement("a"));
+                       moreInfoLink.href = outcome.url;
+                       moreInfoLink.append("More Information");
+                       thirdRow.appendChild(thirdCell);
+                       quizRoot.appendChild(thirdRow);
+               };
+
+               quizFunctions.calculateResults = function () {
+                       const total = {};
+                       for (const result of questionAnswers) {
+                               for (const resKey of Object.keys(result)) {
+                                       if (total[resKey] == null) {
+                                               total[resKey] = 0;
+                                       }
+                                       total[resKey] += result[resKey];
+                               }
+                       }
+
+                       let maxKey;
+                       let maxValue = null;
+                       for (const key of Object.keys(total)) {
+                               const result = total[key];
+                               if (maxValue == null || result > maxValue) {
+                                       maxKey = key;
+                                       maxValue = result;
+                               }
+                       }
+
+                       return quiz.outcomes[maxKey];
+               };
+
+               quizFunctions.renderQuestion = function (index) {
+                       quizFunctions.clearRoot();
+
+                       const question = quiz.questions[index];
+
+                       const firstRow = document.createElement("tr");
+                       const firstCell = document.createElement("td");
+                       firstCell.style.textAlign = "center";
+                       firstCell.style.fontSize = "1.5em";
+                       firstCell.style.fontWeight = "bold";
+                       firstCell.append("Question " + (index + 1) + "/" + quiz.questions.length);
+                       firstCell.append(document.createElement("br"));
+                       firstCell.append(question.asks.toString());
+                       firstRow.appendChild(firstCell);
+                       quizRoot.appendChild(firstRow);
+
+                       for (const answer of question.answers) {
+                               const secondRow = document.createElement("tr");
+                               const secondCell = document.createElement("td");
+                               secondCell.style.textAlign = "center";
+                               const answerLink = secondCell.appendChild(document.createElement("a"));
+                               answerLink.href = "#";
+                               answerLink.append(answer.answer.toString());
+                               answerLink.onclick = e => {
+                                       e.preventDefault();
+                                       questionAnswers[index] = answer.result;
+                                       if (index === quiz.questions.length - 1) {
+                                               quizFunctions.renderOutro(quizFunctions.calculateResults());
+                                       } else {
+                                               quizFunctions.renderQuestion(index + 1);
+                                       }
+                               };
+                               secondRow.appendChild(secondCell);
+                               quizRoot.appendChild(secondRow);
+                       }
+
+                       const thirdRow = document.createElement("tr");
+                       const thirdCell = document.createElement("td");
+                       thirdCell.style.textAlign = "center";
+                       const prevLink = thirdCell.appendChild(document.createElement("a"));
+                       prevLink.href = "#";
+                       prevLink.append("Previous Question");
+                       prevLink.onclick = e => {
+                               e.preventDefault();
+                               if (index === 0) {
+                                       quizFunctions.renderIntro();
+                               } else {
+                                       quizFunctions.renderQuestion(index - 1);
+                               }
+                       };
+                       thirdRow.appendChild(thirdCell);
+                       quizRoot.appendChild(thirdRow);
+               };
+
+               document.currentScript.after(quizRoot);
+
+               quizFunctions.renderIntro();
+       };
+
+       window.addEventListener("load", function () {
+               // Comment previews
+               async function commentPreview(input, output) {
+                       const inText = input.value;
+
+                       await delay(500);
+                       if (input.value !== inText)
+                               return;
+
+                       if (inText.length === 0) {
+                               output.innerHTML = "";
+                               return;
+                       }
+
+                       const outText = await (await fetch('/preview-comment', {
+                               method: 'POST',
+                               headers: {
+                                       'Content-Type': 'text/plain',
+                               },
+                               body: inText,
+                       })).text();
+                       if (input.value !== inText)
+                               return;
+
+                       output.innerHTML = "<h3>Preview:</h3>" + outText;
+               }
+
+               const commentInputBoxes = document.getElementsByClassName("comment-input");
+               for (const commentInputBox of commentInputBoxes) {
+                       const inputBox = commentInputBox.getElementsByClassName("comment-markup")[0];
+                       const outputBox = commentInputBox.getElementsByClassName("comment-preview")[0];
+
+                       inputBox.addEventListener("input", () => commentPreview(inputBox, outputBox));
+               }
+       });
+
+       window.addEventListener("load", function () {
+               // Comment editing
+               const commentEditLinks = document.getElementsByClassName("comment-edit-link");
+               for (const commentEditLink of commentEditLinks) {
+                       commentEditLink.onclick = e => {
+                               e.preventDefault();
+
+                               const elementId = e.currentTarget.getAttribute("data-edit-id");
+                               document.getElementById(elementId).classList.add("visible");
+                       };
+               }
+
+               const commentEditCancelButtons = document.getElementsByClassName("comment-cancel-edit");
+               for (const commentEditCancelButton of commentEditCancelButtons) {
+                       commentEditCancelButton.onclick = e => {
+                               e.preventDefault();
+
+                               e.currentTarget.parentElement.classList.remove("visible");
+                       };
+               }
+       });
+
+       window.addEventListener("load", function () {
+               // Copying text
+               const copyTextElements = document.getElementsByClassName("copy-text");
+               for (const copyTextElement of copyTextElements) {
+                       copyTextElement.onclick = e => {
+                               e.preventDefault();
+
+                               const thisElement = e.currentTarget;
+                               if (thisElement.hasAttribute("data-copying"))
+                                       return;
+
+                               const elementHtml = thisElement.innerHTML;
+
+                               thisElement.setAttribute("data-copying", "copying");
+
+                               const text = thisElement.getAttribute("data-text");
+                               navigator.clipboard.writeText(text)
+                                       .then(() => {
+                                               thisElement.innerHTML = "Text copied!";
+                                               window.setTimeout(() => {
+                                                       thisElement.innerHTML = elementHtml;
+                                                       thisElement.removeAttribute("data-copying");
+                                               }, 750);
+                                       })
+                                       .catch(reason => {
+                                               console.error("Error copying text to clipboard", reason);
+
+                                               thisElement.innerHTML = "Text copy failed";
+                                               window.setTimeout(() => {
+                                                       thisElement.innerHTML = elementHtml;
+                                                       thisElement.removeAttribute("data-copying");
+                                               }, 1500);
+                                       });
+
+                               thisElement.innerHTML = "Copying text...";
+                       };
+               }
+       });
+
+       window.addEventListener("load", function () {
+               // Error popup
+               const errorPopup = document.getElementById("error-popup");
+               if (errorPopup != null) {
+                       errorPopup.addEventListener("click", e => {
+                               e.preventDefault();
+
+                               const thisElement = e.currentTarget;
+                               const newUrl = window.location.origin + thisElement.getAttribute("data-redirect-url") + window.location.hash;
+                               window.history.replaceState({}, '', newUrl);
+
+                               thisElement.remove();
+                       });
+               }
+       });
+
+       window.factbookRedirect = function (redirectTo) {
+               if (window.disableFactbookRedirect) {
+                       const redirectTarget = new URL(redirectTo, window.location);
+
+                       const redirectTargetUrl = redirectTarget.pathname + redirectTarget.search + redirectTarget.hash;
+
+                       const pElement = document.createElement("p");
+                       pElement.style.fontWeight = "800";
+                       pElement.append(document.createTextNode("Redirect to "));
+
+                       const aElement = document.createElement("a");
+                       aElement.href = redirectTargetUrl;
+                       aElement.append(document.createTextNode(redirectTarget.pathname));
+
+                       pElement.append(aElement);
+                       document.currentScript.after(pElement);
+               } else {
+                       window.localStorage.setItem("redirectedFrom", window.location.pathname);
+                       window.location = redirectTo;
+               }
+       };
+
+       window.checkRedirectTarget = function (anchorHash) {
+               const redirectTargetValue = window.location.hash;
+               if (redirectTargetValue !== anchorHash) return;
+
+               const redirectSourceValue = window.localStorage.getItem("redirectedFrom");
+               if (redirectSourceValue != null) {
+                       const redirectSource = new URL(redirectSourceValue, window.location.origin);
+                       if (redirectSource.search.length > 0) {
+                               redirectSource.search += "&redirect=no";
+                       } else {
+                               redirectSource.search = "?redirect=no";
+                       }
+
+                       const redirectSourceUrl = redirectSource.pathname + redirectSource.search + redirectSource.hash;
+
+                       const pElement = document.createElement("p");
+                       pElement.style.fontSize = "0.8em";
+                       pElement.append(document.createTextNode("Redirected from "));
+
+                       const aElement = document.createElement("a");
+                       aElement.href = redirectSourceUrl;
+                       aElement.append(document.createTextNode(redirectSource.pathname));
+
+                       pElement.append(aElement);
+                       document.currentScript.after(pElement);
+               }
+
+               window.localStorage.removeItem("redirectedFrom");
+       };
+})();
diff --git a/src/jvmMain/resources/static/obj-viewer/hammer.min.js b/src/jvmMain/resources/static/obj-viewer/hammer.min.js
new file mode 100644 (file)
index 0000000..94b653d
--- /dev/null
@@ -0,0 +1,6 @@
+/*! Hammer.JS - v2.0.8 - 2016-04-23
+ * http://hammerjs.github.io/
+ *
+ * Copyright (c) 2016 Jorik Tangelder;
+ * Licensed under the MIT license */
+!function(a,b,c,d){"use strict";function e(a,b,c){return setTimeout(j(a,c),b)}function f(a,b,c){return Array.isArray(a)?(g(a,c[b],c),!0):!1}function g(a,b,c){var e;if(a)if(a.forEach)a.forEach(b,c);else if(a.length!==d)for(e=0;e<a.length;)b.call(c,a[e],e,a),e++;else for(e in a)a.hasOwnProperty(e)&&b.call(c,a[e],e,a)}function h(b,c,d){var e="DEPRECATED METHOD: "+c+"\n"+d+" AT \n";return function(){var c=new Error("get-stack-trace"),d=c&&c.stack?c.stack.replace(/^[^\(]+?[\n$]/gm,"").replace(/^\s+at\s+/gm,"").replace(/^Object.<anonymous>\s*\(/gm,"{anonymous}()@"):"Unknown Stack Trace",f=a.console&&(a.console.warn||a.console.log);return f&&f.call(a.console,e,d),b.apply(this,arguments)}}function i(a,b,c){var d,e=b.prototype;d=a.prototype=Object.create(e),d.constructor=a,d._super=e,c&&la(d,c)}function j(a,b){return function(){return a.apply(b,arguments)}}function k(a,b){return typeof a==oa?a.apply(b?b[0]||d:d,b):a}function l(a,b){return a===d?b:a}function m(a,b,c){g(q(b),function(b){a.addEventListener(b,c,!1)})}function n(a,b,c){g(q(b),function(b){a.removeEventListener(b,c,!1)})}function o(a,b){for(;a;){if(a==b)return!0;a=a.parentNode}return!1}function p(a,b){return a.indexOf(b)>-1}function q(a){return a.trim().split(/\s+/g)}function r(a,b,c){if(a.indexOf&&!c)return a.indexOf(b);for(var d=0;d<a.length;){if(c&&a[d][c]==b||!c&&a[d]===b)return d;d++}return-1}function s(a){return Array.prototype.slice.call(a,0)}function t(a,b,c){for(var d=[],e=[],f=0;f<a.length;){var g=b?a[f][b]:a[f];r(e,g)<0&&d.push(a[f]),e[f]=g,f++}return c&&(d=b?d.sort(function(a,c){return a[b]>c[b]}):d.sort()),d}function u(a,b){for(var c,e,f=b[0].toUpperCase()+b.slice(1),g=0;g<ma.length;){if(c=ma[g],e=c?c+f:b,e in a)return e;g++}return d}function v(){return ua++}function w(b){var c=b.ownerDocument||b;return c.defaultView||c.parentWindow||a}function x(a,b){var c=this;this.manager=a,this.callback=b,this.element=a.element,this.target=a.options.inputTarget,this.domHandler=function(b){k(a.options.enable,[a])&&c.handler(b)},this.init()}function y(a){var b,c=a.options.inputClass;return new(b=c?c:xa?M:ya?P:wa?R:L)(a,z)}function z(a,b,c){var d=c.pointers.length,e=c.changedPointers.length,f=b&Ea&&d-e===0,g=b&(Ga|Ha)&&d-e===0;c.isFirst=!!f,c.isFinal=!!g,f&&(a.session={}),c.eventType=b,A(a,c),a.emit("hammer.input",c),a.recognize(c),a.session.prevInput=c}function A(a,b){var c=a.session,d=b.pointers,e=d.length;c.firstInput||(c.firstInput=D(b)),e>1&&!c.firstMultiple?c.firstMultiple=D(b):1===e&&(c.firstMultiple=!1);var f=c.firstInput,g=c.firstMultiple,h=g?g.center:f.center,i=b.center=E(d);b.timeStamp=ra(),b.deltaTime=b.timeStamp-f.timeStamp,b.angle=I(h,i),b.distance=H(h,i),B(c,b),b.offsetDirection=G(b.deltaX,b.deltaY);var j=F(b.deltaTime,b.deltaX,b.deltaY);b.overallVelocityX=j.x,b.overallVelocityY=j.y,b.overallVelocity=qa(j.x)>qa(j.y)?j.x:j.y,b.scale=g?K(g.pointers,d):1,b.rotation=g?J(g.pointers,d):0,b.maxPointers=c.prevInput?b.pointers.length>c.prevInput.maxPointers?b.pointers.length:c.prevInput.maxPointers:b.pointers.length,C(c,b);var k=a.element;o(b.srcEvent.target,k)&&(k=b.srcEvent.target),b.target=k}function B(a,b){var c=b.center,d=a.offsetDelta||{},e=a.prevDelta||{},f=a.prevInput||{};b.eventType!==Ea&&f.eventType!==Ga||(e=a.prevDelta={x:f.deltaX||0,y:f.deltaY||0},d=a.offsetDelta={x:c.x,y:c.y}),b.deltaX=e.x+(c.x-d.x),b.deltaY=e.y+(c.y-d.y)}function C(a,b){var c,e,f,g,h=a.lastInterval||b,i=b.timeStamp-h.timeStamp;if(b.eventType!=Ha&&(i>Da||h.velocity===d)){var j=b.deltaX-h.deltaX,k=b.deltaY-h.deltaY,l=F(i,j,k);e=l.x,f=l.y,c=qa(l.x)>qa(l.y)?l.x:l.y,g=G(j,k),a.lastInterval=b}else c=h.velocity,e=h.velocityX,f=h.velocityY,g=h.direction;b.velocity=c,b.velocityX=e,b.velocityY=f,b.direction=g}function D(a){for(var b=[],c=0;c<a.pointers.length;)b[c]={clientX:pa(a.pointers[c].clientX),clientY:pa(a.pointers[c].clientY)},c++;return{timeStamp:ra(),pointers:b,center:E(b),deltaX:a.deltaX,deltaY:a.deltaY}}function E(a){var b=a.length;if(1===b)return{x:pa(a[0].clientX),y:pa(a[0].clientY)};for(var c=0,d=0,e=0;b>e;)c+=a[e].clientX,d+=a[e].clientY,e++;return{x:pa(c/b),y:pa(d/b)}}function F(a,b,c){return{x:b/a||0,y:c/a||0}}function G(a,b){return a===b?Ia:qa(a)>=qa(b)?0>a?Ja:Ka:0>b?La:Ma}function H(a,b,c){c||(c=Qa);var d=b[c[0]]-a[c[0]],e=b[c[1]]-a[c[1]];return Math.sqrt(d*d+e*e)}function I(a,b,c){c||(c=Qa);var d=b[c[0]]-a[c[0]],e=b[c[1]]-a[c[1]];return 180*Math.atan2(e,d)/Math.PI}function J(a,b){return I(b[1],b[0],Ra)+I(a[1],a[0],Ra)}function K(a,b){return H(b[0],b[1],Ra)/H(a[0],a[1],Ra)}function L(){this.evEl=Ta,this.evWin=Ua,this.pressed=!1,x.apply(this,arguments)}function M(){this.evEl=Xa,this.evWin=Ya,x.apply(this,arguments),this.store=this.manager.session.pointerEvents=[]}function N(){this.evTarget=$a,this.evWin=_a,this.started=!1,x.apply(this,arguments)}function O(a,b){var c=s(a.touches),d=s(a.changedTouches);return b&(Ga|Ha)&&(c=t(c.concat(d),"identifier",!0)),[c,d]}function P(){this.evTarget=bb,this.targetIds={},x.apply(this,arguments)}function Q(a,b){var c=s(a.touches),d=this.targetIds;if(b&(Ea|Fa)&&1===c.length)return d[c[0].identifier]=!0,[c,c];var e,f,g=s(a.changedTouches),h=[],i=this.target;if(f=c.filter(function(a){return o(a.target,i)}),b===Ea)for(e=0;e<f.length;)d[f[e].identifier]=!0,e++;for(e=0;e<g.length;)d[g[e].identifier]&&h.push(g[e]),b&(Ga|Ha)&&delete d[g[e].identifier],e++;return h.length?[t(f.concat(h),"identifier",!0),h]:void 0}function R(){x.apply(this,arguments);var a=j(this.handler,this);this.touch=new P(this.manager,a),this.mouse=new L(this.manager,a),this.primaryTouch=null,this.lastTouches=[]}function S(a,b){a&Ea?(this.primaryTouch=b.changedPointers[0].identifier,T.call(this,b)):a&(Ga|Ha)&&T.call(this,b)}function T(a){var b=a.changedPointers[0];if(b.identifier===this.primaryTouch){var c={x:b.clientX,y:b.clientY};this.lastTouches.push(c);var d=this.lastTouches,e=function(){var a=d.indexOf(c);a>-1&&d.splice(a,1)};setTimeout(e,cb)}}function U(a){for(var b=a.srcEvent.clientX,c=a.srcEvent.clientY,d=0;d<this.lastTouches.length;d++){var e=this.lastTouches[d],f=Math.abs(b-e.x),g=Math.abs(c-e.y);if(db>=f&&db>=g)return!0}return!1}function V(a,b){this.manager=a,this.set(b)}function W(a){if(p(a,jb))return jb;var b=p(a,kb),c=p(a,lb);return b&&c?jb:b||c?b?kb:lb:p(a,ib)?ib:hb}function X(){if(!fb)return!1;var b={},c=a.CSS&&a.CSS.supports;return["auto","manipulation","pan-y","pan-x","pan-x pan-y","none"].forEach(function(d){b[d]=c?a.CSS.supports("touch-action",d):!0}),b}function Y(a){this.options=la({},this.defaults,a||{}),this.id=v(),this.manager=null,this.options.enable=l(this.options.enable,!0),this.state=nb,this.simultaneous={},this.requireFail=[]}function Z(a){return a&sb?"cancel":a&qb?"end":a&pb?"move":a&ob?"start":""}function $(a){return a==Ma?"down":a==La?"up":a==Ja?"left":a==Ka?"right":""}function _(a,b){var c=b.manager;return c?c.get(a):a}function aa(){Y.apply(this,arguments)}function ba(){aa.apply(this,arguments),this.pX=null,this.pY=null}function ca(){aa.apply(this,arguments)}function da(){Y.apply(this,arguments),this._timer=null,this._input=null}function ea(){aa.apply(this,arguments)}function fa(){aa.apply(this,arguments)}function ga(){Y.apply(this,arguments),this.pTime=!1,this.pCenter=!1,this._timer=null,this._input=null,this.count=0}function ha(a,b){return b=b||{},b.recognizers=l(b.recognizers,ha.defaults.preset),new ia(a,b)}function ia(a,b){this.options=la({},ha.defaults,b||{}),this.options.inputTarget=this.options.inputTarget||a,this.handlers={},this.session={},this.recognizers=[],this.oldCssProps={},this.element=a,this.input=y(this),this.touchAction=new V(this,this.options.touchAction),ja(this,!0),g(this.options.recognizers,function(a){var b=this.add(new a[0](a[1]));a[2]&&b.recognizeWith(a[2]),a[3]&&b.requireFailure(a[3])},this)}function ja(a,b){var c=a.element;if(c.style){var d;g(a.options.cssProps,function(e,f){d=u(c.style,f),b?(a.oldCssProps[d]=c.style[d],c.style[d]=e):c.style[d]=a.oldCssProps[d]||""}),b||(a.oldCssProps={})}}function ka(a,c){var d=b.createEvent("Event");d.initEvent(a,!0,!0),d.gesture=c,c.target.dispatchEvent(d)}var la,ma=["","webkit","Moz","MS","ms","o"],na=b.createElement("div"),oa="function",pa=Math.round,qa=Math.abs,ra=Date.now;la="function"!=typeof Object.assign?function(a){if(a===d||null===a)throw new TypeError("Cannot convert undefined or null to object");for(var b=Object(a),c=1;c<arguments.length;c++){var e=arguments[c];if(e!==d&&null!==e)for(var f in e)e.hasOwnProperty(f)&&(b[f]=e[f])}return b}:Object.assign;var sa=h(function(a,b,c){for(var e=Object.keys(b),f=0;f<e.length;)(!c||c&&a[e[f]]===d)&&(a[e[f]]=b[e[f]]),f++;return a},"extend","Use `assign`."),ta=h(function(a,b){return sa(a,b,!0)},"merge","Use `assign`."),ua=1,va=/mobile|tablet|ip(ad|hone|od)|android/i,wa="ontouchstart"in a,xa=u(a,"PointerEvent")!==d,ya=wa&&va.test(navigator.userAgent),za="touch",Aa="pen",Ba="mouse",Ca="kinect",Da=25,Ea=1,Fa=2,Ga=4,Ha=8,Ia=1,Ja=2,Ka=4,La=8,Ma=16,Na=Ja|Ka,Oa=La|Ma,Pa=Na|Oa,Qa=["x","y"],Ra=["clientX","clientY"];x.prototype={handler:function(){},init:function(){this.evEl&&m(this.element,this.evEl,this.domHandler),this.evTarget&&m(this.target,this.evTarget,this.domHandler),this.evWin&&m(w(this.element),this.evWin,this.domHandler)},destroy:function(){this.evEl&&n(this.element,this.evEl,this.domHandler),this.evTarget&&n(this.target,this.evTarget,this.domHandler),this.evWin&&n(w(this.element),this.evWin,this.domHandler)}};var Sa={mousedown:Ea,mousemove:Fa,mouseup:Ga},Ta="mousedown",Ua="mousemove mouseup";i(L,x,{handler:function(a){var b=Sa[a.type];b&Ea&&0===a.button&&(this.pressed=!0),b&Fa&&1!==a.which&&(b=Ga),this.pressed&&(b&Ga&&(this.pressed=!1),this.callback(this.manager,b,{pointers:[a],changedPointers:[a],pointerType:Ba,srcEvent:a}))}});var Va={pointerdown:Ea,pointermove:Fa,pointerup:Ga,pointercancel:Ha,pointerout:Ha},Wa={2:za,3:Aa,4:Ba,5:Ca},Xa="pointerdown",Ya="pointermove pointerup pointercancel";a.MSPointerEvent&&!a.PointerEvent&&(Xa="MSPointerDown",Ya="MSPointerMove MSPointerUp MSPointerCancel"),i(M,x,{handler:function(a){var b=this.store,c=!1,d=a.type.toLowerCase().replace("ms",""),e=Va[d],f=Wa[a.pointerType]||a.pointerType,g=f==za,h=r(b,a.pointerId,"pointerId");e&Ea&&(0===a.button||g)?0>h&&(b.push(a),h=b.length-1):e&(Ga|Ha)&&(c=!0),0>h||(b[h]=a,this.callback(this.manager,e,{pointers:b,changedPointers:[a],pointerType:f,srcEvent:a}),c&&b.splice(h,1))}});var Za={touchstart:Ea,touchmove:Fa,touchend:Ga,touchcancel:Ha},$a="touchstart",_a="touchstart touchmove touchend touchcancel";i(N,x,{handler:function(a){var b=Za[a.type];if(b===Ea&&(this.started=!0),this.started){var c=O.call(this,a,b);b&(Ga|Ha)&&c[0].length-c[1].length===0&&(this.started=!1),this.callback(this.manager,b,{pointers:c[0],changedPointers:c[1],pointerType:za,srcEvent:a})}}});var ab={touchstart:Ea,touchmove:Fa,touchend:Ga,touchcancel:Ha},bb="touchstart touchmove touchend touchcancel";i(P,x,{handler:function(a){var b=ab[a.type],c=Q.call(this,a,b);c&&this.callback(this.manager,b,{pointers:c[0],changedPointers:c[1],pointerType:za,srcEvent:a})}});var cb=2500,db=25;i(R,x,{handler:function(a,b,c){var d=c.pointerType==za,e=c.pointerType==Ba;if(!(e&&c.sourceCapabilities&&c.sourceCapabilities.firesTouchEvents)){if(d)S.call(this,b,c);else if(e&&U.call(this,c))return;this.callback(a,b,c)}},destroy:function(){this.touch.destroy(),this.mouse.destroy()}});var eb=u(na.style,"touchAction"),fb=eb!==d,gb="compute",hb="auto",ib="manipulation",jb="none",kb="pan-x",lb="pan-y",mb=X();V.prototype={set:function(a){a==gb&&(a=this.compute()),fb&&this.manager.element.style&&mb[a]&&(this.manager.element.style[eb]=a),this.actions=a.toLowerCase().trim()},update:function(){this.set(this.manager.options.touchAction)},compute:function(){var a=[];return g(this.manager.recognizers,function(b){k(b.options.enable,[b])&&(a=a.concat(b.getTouchAction()))}),W(a.join(" "))},preventDefaults:function(a){var b=a.srcEvent,c=a.offsetDirection;if(this.manager.session.prevented)return void b.preventDefault();var d=this.actions,e=p(d,jb)&&!mb[jb],f=p(d,lb)&&!mb[lb],g=p(d,kb)&&!mb[kb];if(e){var h=1===a.pointers.length,i=a.distance<2,j=a.deltaTime<250;if(h&&i&&j)return}return g&&f?void 0:e||f&&c&Na||g&&c&Oa?this.preventSrc(b):void 0},preventSrc:function(a){this.manager.session.prevented=!0,a.preventDefault()}};var nb=1,ob=2,pb=4,qb=8,rb=qb,sb=16,tb=32;Y.prototype={defaults:{},set:function(a){return la(this.options,a),this.manager&&this.manager.touchAction.update(),this},recognizeWith:function(a){if(f(a,"recognizeWith",this))return this;var b=this.simultaneous;return a=_(a,this),b[a.id]||(b[a.id]=a,a.recognizeWith(this)),this},dropRecognizeWith:function(a){return f(a,"dropRecognizeWith",this)?this:(a=_(a,this),delete this.simultaneous[a.id],this)},requireFailure:function(a){if(f(a,"requireFailure",this))return this;var b=this.requireFail;return a=_(a,this),-1===r(b,a)&&(b.push(a),a.requireFailure(this)),this},dropRequireFailure:function(a){if(f(a,"dropRequireFailure",this))return this;a=_(a,this);var b=r(this.requireFail,a);return b>-1&&this.requireFail.splice(b,1),this},hasRequireFailures:function(){return this.requireFail.length>0},canRecognizeWith:function(a){return!!this.simultaneous[a.id]},emit:function(a){function b(b){c.manager.emit(b,a)}var c=this,d=this.state;qb>d&&b(c.options.event+Z(d)),b(c.options.event),a.additionalEvent&&b(a.additionalEvent),d>=qb&&b(c.options.event+Z(d))},tryEmit:function(a){return this.canEmit()?this.emit(a):void(this.state=tb)},canEmit:function(){for(var a=0;a<this.requireFail.length;){if(!(this.requireFail[a].state&(tb|nb)))return!1;a++}return!0},recognize:function(a){var b=la({},a);return k(this.options.enable,[this,b])?(this.state&(rb|sb|tb)&&(this.state=nb),this.state=this.process(b),void(this.state&(ob|pb|qb|sb)&&this.tryEmit(b))):(this.reset(),void(this.state=tb))},process:function(a){},getTouchAction:function(){},reset:function(){}},i(aa,Y,{defaults:{pointers:1},attrTest:function(a){var b=this.options.pointers;return 0===b||a.pointers.length===b},process:function(a){var b=this.state,c=a.eventType,d=b&(ob|pb),e=this.attrTest(a);return d&&(c&Ha||!e)?b|sb:d||e?c&Ga?b|qb:b&ob?b|pb:ob:tb}}),i(ba,aa,{defaults:{event:"pan",threshold:10,pointers:1,direction:Pa},getTouchAction:function(){var a=this.options.direction,b=[];return a&Na&&b.push(lb),a&Oa&&b.push(kb),b},directionTest:function(a){var b=this.options,c=!0,d=a.distance,e=a.direction,f=a.deltaX,g=a.deltaY;return e&b.direction||(b.direction&Na?(e=0===f?Ia:0>f?Ja:Ka,c=f!=this.pX,d=Math.abs(a.deltaX)):(e=0===g?Ia:0>g?La:Ma,c=g!=this.pY,d=Math.abs(a.deltaY))),a.direction=e,c&&d>b.threshold&&e&b.direction},attrTest:function(a){return aa.prototype.attrTest.call(this,a)&&(this.state&ob||!(this.state&ob)&&this.directionTest(a))},emit:function(a){this.pX=a.deltaX,this.pY=a.deltaY;var b=$(a.direction);b&&(a.additionalEvent=this.options.event+b),this._super.emit.call(this,a)}}),i(ca,aa,{defaults:{event:"pinch",threshold:0,pointers:2},getTouchAction:function(){return[jb]},attrTest:function(a){return this._super.attrTest.call(this,a)&&(Math.abs(a.scale-1)>this.options.threshold||this.state&ob)},emit:function(a){if(1!==a.scale){var b=a.scale<1?"in":"out";a.additionalEvent=this.options.event+b}this._super.emit.call(this,a)}}),i(da,Y,{defaults:{event:"press",pointers:1,time:251,threshold:9},getTouchAction:function(){return[hb]},process:function(a){var b=this.options,c=a.pointers.length===b.pointers,d=a.distance<b.threshold,f=a.deltaTime>b.time;if(this._input=a,!d||!c||a.eventType&(Ga|Ha)&&!f)this.reset();else if(a.eventType&Ea)this.reset(),this._timer=e(function(){this.state=rb,this.tryEmit()},b.time,this);else if(a.eventType&Ga)return rb;return tb},reset:function(){clearTimeout(this._timer)},emit:function(a){this.state===rb&&(a&&a.eventType&Ga?this.manager.emit(this.options.event+"up",a):(this._input.timeStamp=ra(),this.manager.emit(this.options.event,this._input)))}}),i(ea,aa,{defaults:{event:"rotate",threshold:0,pointers:2},getTouchAction:function(){return[jb]},attrTest:function(a){return this._super.attrTest.call(this,a)&&(Math.abs(a.rotation)>this.options.threshold||this.state&ob)}}),i(fa,aa,{defaults:{event:"swipe",threshold:10,velocity:.3,direction:Na|Oa,pointers:1},getTouchAction:function(){return ba.prototype.getTouchAction.call(this)},attrTest:function(a){var b,c=this.options.direction;return c&(Na|Oa)?b=a.overallVelocity:c&Na?b=a.overallVelocityX:c&Oa&&(b=a.overallVelocityY),this._super.attrTest.call(this,a)&&c&a.offsetDirection&&a.distance>this.options.threshold&&a.maxPointers==this.options.pointers&&qa(b)>this.options.velocity&&a.eventType&Ga},emit:function(a){var b=$(a.offsetDirection);b&&this.manager.emit(this.options.event+b,a),this.manager.emit(this.options.event,a)}}),i(ga,Y,{defaults:{event:"tap",pointers:1,taps:1,interval:300,time:250,threshold:9,posThreshold:10},getTouchAction:function(){return[ib]},process:function(a){var b=this.options,c=a.pointers.length===b.pointers,d=a.distance<b.threshold,f=a.deltaTime<b.time;if(this.reset(),a.eventType&Ea&&0===this.count)return this.failTimeout();if(d&&f&&c){if(a.eventType!=Ga)return this.failTimeout();var g=this.pTime?a.timeStamp-this.pTime<b.interval:!0,h=!this.pCenter||H(this.pCenter,a.center)<b.posThreshold;this.pTime=a.timeStamp,this.pCenter=a.center,h&&g?this.count+=1:this.count=1,this._input=a;var i=this.count%b.taps;if(0===i)return this.hasRequireFailures()?(this._timer=e(function(){this.state=rb,this.tryEmit()},b.interval,this),ob):rb}return tb},failTimeout:function(){return this._timer=e(function(){this.state=tb},this.options.interval,this),tb},reset:function(){clearTimeout(this._timer)},emit:function(){this.state==rb&&(this._input.tapCount=this.count,this.manager.emit(this.options.event,this._input))}}),ha.VERSION="2.0.8",ha.defaults={domEvents:!1,touchAction:gb,enable:!0,inputTarget:null,inputClass:null,preset:[[ea,{enable:!1}],[ca,{enable:!1},["rotate"]],[fa,{direction:Na}],[ba,{direction:Na},["swipe"]],[ga],[ga,{event:"doubletap",taps:2},["tap"]],[da]],cssProps:{userSelect:"none",touchSelect:"none",touchCallout:"none",contentZooming:"none",userDrag:"none",tapHighlightColor:"rgba(0,0,0,0)"}};var ub=1,vb=2;ia.prototype={set:function(a){return la(this.options,a),a.touchAction&&this.touchAction.update(),a.inputTarget&&(this.input.destroy(),this.input.target=a.inputTarget,this.input.init()),this},stop:function(a){this.session.stopped=a?vb:ub},recognize:function(a){var b=this.session;if(!b.stopped){this.touchAction.preventDefaults(a);var c,d=this.recognizers,e=b.curRecognizer;(!e||e&&e.state&rb)&&(e=b.curRecognizer=null);for(var f=0;f<d.length;)c=d[f],b.stopped===vb||e&&c!=e&&!c.canRecognizeWith(e)?c.reset():c.recognize(a),!e&&c.state&(ob|pb|qb)&&(e=b.curRecognizer=c),f++}},get:function(a){if(a instanceof Y)return a;for(var b=this.recognizers,c=0;c<b.length;c++)if(b[c].options.event==a)return b[c];return null},add:function(a){if(f(a,"add",this))return this;var b=this.get(a.options.event);return b&&this.remove(b),this.recognizers.push(a),a.manager=this,this.touchAction.update(),a},remove:function(a){if(f(a,"remove",this))return this;if(a=this.get(a)){var b=this.recognizers,c=r(b,a);-1!==c&&(b.splice(c,1),this.touchAction.update())}return this},on:function(a,b){if(a!==d&&b!==d){var c=this.handlers;return g(q(a),function(a){c[a]=c[a]||[],c[a].push(b)}),this}},off:function(a,b){if(a!==d){var c=this.handlers;return g(q(a),function(a){b?c[a]&&c[a].splice(r(c[a],b),1):delete c[a]}),this}},emit:function(a,b){this.options.domEvents&&ka(a,b);var c=this.handlers[a]&&this.handlers[a].slice();if(c&&c.length){b.type=a,b.preventDefault=function(){b.srcEvent.preventDefault()};for(var d=0;d<c.length;)c[d](b),d++}},destroy:function(){this.element&&ja(this,!1),this.handlers={},this.session={},this.input.destroy(),this.element=null}},la(ha,{INPUT_START:Ea,INPUT_MOVE:Fa,INPUT_END:Ga,INPUT_CANCEL:Ha,STATE_POSSIBLE:nb,STATE_BEGAN:ob,STATE_CHANGED:pb,STATE_ENDED:qb,STATE_RECOGNIZED:rb,STATE_CANCELLED:sb,STATE_FAILED:tb,DIRECTION_NONE:Ia,DIRECTION_LEFT:Ja,DIRECTION_RIGHT:Ka,DIRECTION_UP:La,DIRECTION_DOWN:Ma,DIRECTION_HORIZONTAL:Na,DIRECTION_VERTICAL:Oa,DIRECTION_ALL:Pa,Manager:ia,Input:x,TouchAction:V,TouchInput:P,MouseInput:L,PointerEventInput:M,TouchMouseInput:R,SingleTouchInput:N,Recognizer:Y,AttrRecognizer:aa,Tap:ga,Pan:ba,Swipe:fa,Pinch:ca,Rotate:ea,Press:da,on:m,off:n,each:g,merge:ta,extend:sa,assign:la,inherit:i,bindFn:j,prefixed:u});var wb="undefined"!=typeof a?a:"undefined"!=typeof self?self:{};wb.Hammer=ha,"function"==typeof define&&define.amd?define(function(){return ha}):"undefined"!=typeof module&&module.exports?module.exports=ha:a[c]=ha}(window,document,"Hammer");
\ No newline at end of file
diff --git a/src/jvmMain/resources/static/obj-viewer/three-examples.js b/src/jvmMain/resources/static/obj-viewer/three-examples.js
new file mode 100644 (file)
index 0000000..cd3d962
--- /dev/null
@@ -0,0 +1,2639 @@
+( function () {
+
+       /**
+        * Loads a Wavefront .mtl file specifying materials
+        */
+
+       class MTLLoader extends THREE.Loader {
+
+               constructor( manager ) {
+
+                       super( manager );
+
+               }
+               /**
+                * Loads and parses a MTL asset from a URL.
+                *
+                * @param {String} url - URL to the MTL file.
+                * @param {Function} [onLoad] - Callback invoked with the loaded object.
+                * @param {Function} [onProgress] - Callback for download progress.
+                * @param {Function} [onError] - Callback for download errors.
+                *
+                * @see setPath setResourcePath
+                *
+                * @note In order for relative texture references to resolve correctly
+                * you must call setResourcePath() explicitly prior to load.
+                */
+
+
+               load( url, onLoad, onProgress, onError ) {
+
+                       const scope = this;
+                       const path = this.path === '' ? THREE.LoaderUtils.extractUrlBase( url ) : this.path;
+                       const loader = new THREE.FileLoader( this.manager );
+                       loader.setPath( this.path );
+                       loader.setRequestHeader( this.requestHeader );
+                       loader.setWithCredentials( this.withCredentials );
+                       loader.load( url, function ( text ) {
+
+                               try {
+
+                                       onLoad( scope.parse( text, path ) );
+
+                               } catch ( e ) {
+
+                                       if ( onError ) {
+
+                                               onError( e );
+
+                                       } else {
+
+                                               console.error( e );
+
+                                       }
+
+                                       scope.manager.itemError( url );
+
+                               }
+
+                       }, onProgress, onError );
+
+               }
+
+               setMaterialOptions( value ) {
+
+                       this.materialOptions = value;
+                       return this;
+
+               }
+               /**
+                * Parses a MTL file.
+                *
+                * @param {String} text - Content of MTL file
+                * @return {MaterialCreator}
+                *
+                * @see setPath setResourcePath
+                *
+                * @note In order for relative texture references to resolve correctly
+                * you must call setResourcePath() explicitly prior to parse.
+                */
+
+
+               parse( text, path ) {
+
+                       const lines = text.split( '\n' );
+                       let info = {};
+                       const delimiter_pattern = /\s+/;
+                       const materialsInfo = {};
+
+                       for ( let i = 0; i < lines.length; i ++ ) {
+
+                               let line = lines[ i ];
+                               line = line.trim();
+
+                               if ( line.length === 0 || line.charAt( 0 ) === '#' ) {
+
+                                       // Blank line or comment ignore
+                                       continue;
+
+                               }
+
+                               const pos = line.indexOf( ' ' );
+                               let key = pos >= 0 ? line.substring( 0, pos ) : line;
+                               key = key.toLowerCase();
+                               let value = pos >= 0 ? line.substring( pos + 1 ) : '';
+                               value = value.trim();
+
+                               if ( key === 'newmtl' ) {
+
+                                       // New material
+                                       info = {
+                                               name: value
+                                       };
+                                       materialsInfo[ value ] = info;
+
+                               } else {
+
+                                       if ( key === 'ka' || key === 'kd' || key === 'ks' || key === 'ke' ) {
+
+                                               const ss = value.split( delimiter_pattern, 3 );
+                                               info[ key ] = [ parseFloat( ss[ 0 ] ), parseFloat( ss[ 1 ] ), parseFloat( ss[ 2 ] ) ];
+
+                                       } else {
+
+                                               info[ key ] = value;
+
+                                       }
+
+                               }
+
+                       }
+
+                       const materialCreator = new MaterialCreator( this.resourcePath || path, this.materialOptions );
+                       materialCreator.setCrossOrigin( this.crossOrigin );
+                       materialCreator.setManager( this.manager );
+                       materialCreator.setMaterials( materialsInfo );
+                       return materialCreator;
+
+               }
+
+       }
+       /**
+        * Create a new MTLLoader.MaterialCreator
+        * @param baseUrl - Url relative to which textures are loaded
+        * @param options - Set of options on how to construct the materials
+        *                  side: Which side to apply the material
+        *                        THREE.FrontSide (default), THREE.BackSide, THREE.DoubleSide
+        *                  wrap: What type of wrapping to apply for textures
+        *                        THREE.RepeatWrapping (default), THREE.ClampToEdgeWrapping, THREE.MirroredRepeatWrapping
+        *                  normalizeRGB: RGBs need to be normalized to 0-1 from 0-255
+        *                                Default: false, assumed to be already normalized
+        *                  ignoreZeroRGBs: Ignore values of RGBs (Ka,Kd,Ks) that are all 0's
+        *                                  Default: false
+        * @constructor
+        */
+
+
+       class MaterialCreator {
+
+               constructor( baseUrl = '', options = {} ) {
+
+                       this.baseUrl = baseUrl;
+                       this.options = options;
+                       this.materialsInfo = {};
+                       this.materials = {};
+                       this.materialsArray = [];
+                       this.nameLookup = {};
+                       this.crossOrigin = 'anonymous';
+                       this.side = this.options.side !== undefined ? this.options.side : THREE.FrontSide;
+                       this.wrap = this.options.wrap !== undefined ? this.options.wrap : THREE.RepeatWrapping;
+
+               }
+
+               setCrossOrigin( value ) {
+
+                       this.crossOrigin = value;
+                       return this;
+
+               }
+
+               setManager( value ) {
+
+                       this.manager = value;
+
+               }
+
+               setMaterials( materialsInfo ) {
+
+                       this.materialsInfo = this.convert( materialsInfo );
+                       this.materials = {};
+                       this.materialsArray = [];
+                       this.nameLookup = {};
+
+               }
+
+               convert( materialsInfo ) {
+
+                       if ( ! this.options ) return materialsInfo;
+                       const converted = {};
+
+                       for ( const mn in materialsInfo ) {
+
+                               // Convert materials info into normalized form based on options
+                               const mat = materialsInfo[ mn ];
+                               const covmat = {};
+                               converted[ mn ] = covmat;
+
+                               for ( const prop in mat ) {
+
+                                       let save = true;
+                                       let value = mat[ prop ];
+                                       const lprop = prop.toLowerCase();
+
+                                       switch ( lprop ) {
+
+                                               case 'kd':
+                                               case 'ka':
+                                               case 'ks':
+                                                       // Diffuse color (color under white light) using RGB values
+                                                       if ( this.options && this.options.normalizeRGB ) {
+
+                                                               value = [ value[ 0 ] / 255, value[ 1 ] / 255, value[ 2 ] / 255 ];
+
+                                                       }
+
+                                                       if ( this.options && this.options.ignoreZeroRGBs ) {
+
+                                                               if ( value[ 0 ] === 0 && value[ 1 ] === 0 && value[ 2 ] === 0 ) {
+
+                                                                       // ignore
+                                                                       save = false;
+
+                                                               }
+
+                                                       }
+
+                                                       break;
+
+                                               default:
+                                                       break;
+
+                                       }
+
+                                       if ( save ) {
+
+                                               covmat[ lprop ] = value;
+
+                                       }
+
+                               }
+
+                       }
+
+                       return converted;
+
+               }
+
+               preload() {
+
+                       for ( const mn in this.materialsInfo ) {
+
+                               this.create( mn );
+
+                       }
+
+               }
+
+               getIndex( materialName ) {
+
+                       return this.nameLookup[ materialName ];
+
+               }
+
+               getAsArray() {
+
+                       let index = 0;
+
+                       for ( const mn in this.materialsInfo ) {
+
+                               this.materialsArray[ index ] = this.create( mn );
+                               this.nameLookup[ mn ] = index;
+                               index ++;
+
+                       }
+
+                       return this.materialsArray;
+
+               }
+
+               create( materialName ) {
+
+                       if ( this.materials[ materialName ] === undefined ) {
+
+                               this.createMaterial_( materialName );
+
+                       }
+
+                       return this.materials[ materialName ];
+
+               }
+
+               createMaterial_( materialName ) {
+
+                       // Create material
+                       const scope = this;
+                       const mat = this.materialsInfo[ materialName ];
+                       const params = {
+                               name: materialName,
+                               side: this.side
+                       };
+
+                       function resolveURL( baseUrl, url ) {
+
+                               if ( typeof url !== 'string' || url === '' ) return ''; // Absolute URL
+
+                               if ( /^https?:\/\//i.test( url ) ) return url;
+                               return baseUrl + url;
+
+                       }
+
+                       function setMapForType( mapType, value ) {
+
+                               if ( params[ mapType ] ) return; // Keep the first encountered texture
+
+                               const texParams = scope.getTextureParams( value, params );
+                               const map = scope.loadTexture( resolveURL( scope.baseUrl, texParams.url ) );
+                               map.repeat.copy( texParams.scale );
+                               map.offset.copy( texParams.offset );
+                               map.wrapS = scope.wrap;
+                               map.wrapT = scope.wrap;
+
+                               params[ mapType ] = map;
+
+                       }
+
+                       for ( const prop in mat ) {
+
+                               const value = mat[ prop ];
+                               let n;
+                               if ( value === '' ) continue;
+
+                               switch ( prop.toLowerCase() ) {
+
+                                       // Ns is material specular exponent
+                                       case 'kd':
+                                               // Diffuse color (color under white light) using RGB values
+                                               params.color = new THREE.Color().fromArray( value );
+                                               break;
+
+                                       case 'ks':
+                                               // Specular color (color when light is reflected from shiny surface) using RGB values
+                                               params.specular = new THREE.Color().fromArray( value );
+                                               break;
+
+                                       case 'ke':
+                                               // Emissive using RGB values
+                                               params.emissive = new THREE.Color().fromArray( value );
+                                               break;
+
+                                       case 'map_kd':
+                                               // Diffuse texture map
+                                               setMapForType( 'map', value );
+                                               break;
+
+                                       case 'map_ks':
+                                               // Specular map
+                                               setMapForType( 'specularMap', value );
+                                               break;
+
+                                       case 'map_ke':
+                                               // Emissive map
+                                               setMapForType( 'emissiveMap', value );
+                                               break;
+
+                                       case 'norm':
+                                               setMapForType( 'normalMap', value );
+                                               break;
+
+                                       case 'map_bump':
+                                       case 'bump':
+                                               // Bump texture map
+                                               setMapForType( 'bumpMap', value );
+                                               break;
+
+                                       case 'map_d':
+                                               // Alpha map
+                                               setMapForType( 'alphaMap', value );
+                                               params.transparent = true;
+                                               break;
+
+                                       case 'ns':
+                                               // The specular exponent (defines the focus of the specular highlight)
+                                               // A high exponent results in a tight, concentrated highlight. Ns values normally range from 0 to 1000.
+                                               params.shininess = parseFloat( value );
+                                               break;
+
+                                       case 'd':
+                                               n = parseFloat( value );
+
+                                               if ( n < 1 ) {
+
+                                                       params.opacity = n;
+                                                       params.transparent = true;
+
+                                               }
+
+                                               break;
+
+                                       case 'tr':
+                                               n = parseFloat( value );
+                                               if ( this.options && this.options.invertTrProperty ) n = 1 - n;
+
+                                               if ( n > 0 ) {
+
+                                                       params.opacity = 1 - n;
+                                                       params.transparent = true;
+
+                                               }
+
+                                               break;
+
+                                       default:
+                                               break;
+
+                               }
+
+                       }
+
+                       this.materials[ materialName ] = new THREE.MeshPhongMaterial( params );
+                       return this.materials[ materialName ];
+
+               }
+
+               getTextureParams( value, matParams ) {
+
+                       const texParams = {
+                               scale: new THREE.Vector2( 1, 1 ),
+                               offset: new THREE.Vector2( 0, 0 )
+                       };
+                       const items = value.split( /\s+/ );
+                       let pos;
+                       pos = items.indexOf( '-bm' );
+
+                       if ( pos >= 0 ) {
+
+                               matParams.bumpScale = parseFloat( items[ pos + 1 ] );
+                               items.splice( pos, 2 );
+
+                       }
+
+                       pos = items.indexOf( '-s' );
+
+                       if ( pos >= 0 ) {
+
+                               texParams.scale.set( parseFloat( items[ pos + 1 ] ), parseFloat( items[ pos + 2 ] ) );
+                               items.splice( pos, 4 ); // we expect 3 parameters here!
+
+                       }
+
+                       pos = items.indexOf( '-o' );
+
+                       if ( pos >= 0 ) {
+
+                               texParams.offset.set( parseFloat( items[ pos + 1 ] ), parseFloat( items[ pos + 2 ] ) );
+                               items.splice( pos, 4 ); // we expect 3 parameters here!
+
+                       }
+
+                       texParams.url = items.join( ' ' ).trim();
+                       return texParams;
+
+               }
+
+               loadTexture( url, mapping, onLoad, onProgress, onError ) {
+
+                       const manager = this.manager !== undefined ? this.manager : THREE.DefaultLoadingManager;
+                       let loader = manager.getHandler( url );
+
+                       if ( loader === null ) {
+
+                               loader = new THREE.TextureLoader( manager );
+
+                       }
+
+                       if ( loader.setCrossOrigin ) loader.setCrossOrigin( this.crossOrigin );
+                       const texture = loader.load( url, onLoad, onProgress, onError );
+                       if ( mapping !== undefined ) texture.mapping = mapping;
+                       return texture;
+
+               }
+
+       }
+
+       THREE.MTLLoader = MTLLoader;
+
+} )();
+( function () {
+
+       const _object_pattern = /^[og]\s*(.+)?/; // mtllib file_reference
+
+       const _material_library_pattern = /^mtllib /; // usemtl material_name
+
+       const _material_use_pattern = /^usemtl /; // usemap map_name
+
+       const _map_use_pattern = /^usemap /;
+
+       const _vA = new THREE.Vector3();
+
+       const _vB = new THREE.Vector3();
+
+       const _vC = new THREE.Vector3();
+
+       const _ab = new THREE.Vector3();
+
+       const _cb = new THREE.Vector3();
+
+       function ParserState() {
+
+               const state = {
+                       objects: [],
+                       object: {},
+                       vertices: [],
+                       normals: [],
+                       colors: [],
+                       uvs: [],
+                       materials: {},
+                       materialLibraries: [],
+                       startObject: function ( name, fromDeclaration ) {
+
+                               // If the current object (initial from reset) is not from a g/o declaration in the parsed
+                               // file. We need to use it for the first parsed g/o to keep things in sync.
+                               if ( this.object && this.object.fromDeclaration === false ) {
+
+                                       this.object.name = name;
+                                       this.object.fromDeclaration = fromDeclaration !== false;
+                                       return;
+
+                               }
+
+                               const previousMaterial = this.object && typeof this.object.currentMaterial === 'function' ? this.object.currentMaterial() : undefined;
+
+                               if ( this.object && typeof this.object._finalize === 'function' ) {
+
+                                       this.object._finalize( true );
+
+                               }
+
+                               this.object = {
+                                       name: name || '',
+                                       fromDeclaration: fromDeclaration !== false,
+                                       geometry: {
+                                               vertices: [],
+                                               normals: [],
+                                               colors: [],
+                                               uvs: [],
+                                               hasUVIndices: false
+                                       },
+                                       materials: [],
+                                       smooth: true,
+                                       startMaterial: function ( name, libraries ) {
+
+                                               const previous = this._finalize( false ); // New usemtl declaration overwrites an inherited material, except if faces were declared
+                                               // after the material, then it must be preserved for proper MultiMaterial continuation.
+
+
+                                               if ( previous && ( previous.inherited || previous.groupCount <= 0 ) ) {
+
+                                                       this.materials.splice( previous.index, 1 );
+
+                                               }
+
+                                               const material = {
+                                                       index: this.materials.length,
+                                                       name: name || '',
+                                                       mtllib: Array.isArray( libraries ) && libraries.length > 0 ? libraries[ libraries.length - 1 ] : '',
+                                                       smooth: previous !== undefined ? previous.smooth : this.smooth,
+                                                       groupStart: previous !== undefined ? previous.groupEnd : 0,
+                                                       groupEnd: - 1,
+                                                       groupCount: - 1,
+                                                       inherited: false,
+                                                       clone: function ( index ) {
+
+                                                               const cloned = {
+                                                                       index: typeof index === 'number' ? index : this.index,
+                                                                       name: this.name,
+                                                                       mtllib: this.mtllib,
+                                                                       smooth: this.smooth,
+                                                                       groupStart: 0,
+                                                                       groupEnd: - 1,
+                                                                       groupCount: - 1,
+                                                                       inherited: false
+                                                               };
+                                                               cloned.clone = this.clone.bind( cloned );
+                                                               return cloned;
+
+                                                       }
+                                               };
+                                               this.materials.push( material );
+                                               return material;
+
+                                       },
+                                       currentMaterial: function () {
+
+                                               if ( this.materials.length > 0 ) {
+
+                                                       return this.materials[ this.materials.length - 1 ];
+
+                                               }
+
+                                               return undefined;
+
+                                       },
+                                       _finalize: function ( end ) {
+
+                                               const lastMultiMaterial = this.currentMaterial();
+
+                                               if ( lastMultiMaterial && lastMultiMaterial.groupEnd === - 1 ) {
+
+                                                       lastMultiMaterial.groupEnd = this.geometry.vertices.length / 3;
+                                                       lastMultiMaterial.groupCount = lastMultiMaterial.groupEnd - lastMultiMaterial.groupStart;
+                                                       lastMultiMaterial.inherited = false;
+
+                                               } // Ignore objects tail materials if no face declarations followed them before a new o/g started.
+
+
+                                               if ( end && this.materials.length > 1 ) {
+
+                                                       for ( let mi = this.materials.length - 1; mi >= 0; mi -- ) {
+
+                                                               if ( this.materials[ mi ].groupCount <= 0 ) {
+
+                                                                       this.materials.splice( mi, 1 );
+
+                                                               }
+
+                                                       }
+
+                                               } // Guarantee at least one empty material, this makes the creation later more straight forward.
+
+
+                                               if ( end && this.materials.length === 0 ) {
+
+                                                       this.materials.push( {
+                                                               name: '',
+                                                               smooth: this.smooth
+                                                       } );
+
+                                               }
+
+                                               return lastMultiMaterial;
+
+                                       }
+                               }; // Inherit previous objects material.
+                               // Spec tells us that a declared material must be set to all objects until a new material is declared.
+                               // If a usemtl declaration is encountered while this new object is being parsed, it will
+                               // overwrite the inherited material. Exception being that there was already face declarations
+                               // to the inherited material, then it will be preserved for proper MultiMaterial continuation.
+
+                               if ( previousMaterial && previousMaterial.name && typeof previousMaterial.clone === 'function' ) {
+
+                                       const declared = previousMaterial.clone( 0 );
+                                       declared.inherited = true;
+                                       this.object.materials.push( declared );
+
+                               }
+
+                               this.objects.push( this.object );
+
+                       },
+                       finalize: function () {
+
+                               if ( this.object && typeof this.object._finalize === 'function' ) {
+
+                                       this.object._finalize( true );
+
+                               }
+
+                       },
+                       parseVertexIndex: function ( value, len ) {
+
+                               const index = parseInt( value, 10 );
+                               return ( index >= 0 ? index - 1 : index + len / 3 ) * 3;
+
+                       },
+                       parseNormalIndex: function ( value, len ) {
+
+                               const index = parseInt( value, 10 );
+                               return ( index >= 0 ? index - 1 : index + len / 3 ) * 3;
+
+                       },
+                       parseUVIndex: function ( value, len ) {
+
+                               const index = parseInt( value, 10 );
+                               return ( index >= 0 ? index - 1 : index + len / 2 ) * 2;
+
+                       },
+                       addVertex: function ( a, b, c ) {
+
+                               const src = this.vertices;
+                               const dst = this.object.geometry.vertices;
+                               dst.push( src[ a + 0 ], src[ a + 1 ], src[ a + 2 ] );
+                               dst.push( src[ b + 0 ], src[ b + 1 ], src[ b + 2 ] );
+                               dst.push( src[ c + 0 ], src[ c + 1 ], src[ c + 2 ] );
+
+                       },
+                       addVertexPoint: function ( a ) {
+
+                               const src = this.vertices;
+                               const dst = this.object.geometry.vertices;
+                               dst.push( src[ a + 0 ], src[ a + 1 ], src[ a + 2 ] );
+
+                       },
+                       addVertexLine: function ( a ) {
+
+                               const src = this.vertices;
+                               const dst = this.object.geometry.vertices;
+                               dst.push( src[ a + 0 ], src[ a + 1 ], src[ a + 2 ] );
+
+                       },
+                       addNormal: function ( a, b, c ) {
+
+                               const src = this.normals;
+                               const dst = this.object.geometry.normals;
+                               dst.push( src[ a + 0 ], src[ a + 1 ], src[ a + 2 ] );
+                               dst.push( src[ b + 0 ], src[ b + 1 ], src[ b + 2 ] );
+                               dst.push( src[ c + 0 ], src[ c + 1 ], src[ c + 2 ] );
+
+                       },
+                       addFaceNormal: function ( a, b, c ) {
+
+                               const src = this.vertices;
+                               const dst = this.object.geometry.normals;
+
+                               _vA.fromArray( src, a );
+
+                               _vB.fromArray( src, b );
+
+                               _vC.fromArray( src, c );
+
+                               _cb.subVectors( _vC, _vB );
+
+                               _ab.subVectors( _vA, _vB );
+
+                               _cb.cross( _ab );
+
+                               _cb.normalize();
+
+                               dst.push( _cb.x, _cb.y, _cb.z );
+                               dst.push( _cb.x, _cb.y, _cb.z );
+                               dst.push( _cb.x, _cb.y, _cb.z );
+
+                       },
+                       addColor: function ( a, b, c ) {
+
+                               const src = this.colors;
+                               const dst = this.object.geometry.colors;
+                               if ( src[ a ] !== undefined ) dst.push( src[ a + 0 ], src[ a + 1 ], src[ a + 2 ] );
+                               if ( src[ b ] !== undefined ) dst.push( src[ b + 0 ], src[ b + 1 ], src[ b + 2 ] );
+                               if ( src[ c ] !== undefined ) dst.push( src[ c + 0 ], src[ c + 1 ], src[ c + 2 ] );
+
+                       },
+                       addUV: function ( a, b, c ) {
+
+                               const src = this.uvs;
+                               const dst = this.object.geometry.uvs;
+                               dst.push( src[ a + 0 ], src[ a + 1 ] );
+                               dst.push( src[ b + 0 ], src[ b + 1 ] );
+                               dst.push( src[ c + 0 ], src[ c + 1 ] );
+
+                       },
+                       addDefaultUV: function () {
+
+                               const dst = this.object.geometry.uvs;
+                               dst.push( 0, 0 );
+                               dst.push( 0, 0 );
+                               dst.push( 0, 0 );
+
+                       },
+                       addUVLine: function ( a ) {
+
+                               const src = this.uvs;
+                               const dst = this.object.geometry.uvs;
+                               dst.push( src[ a + 0 ], src[ a + 1 ] );
+
+                       },
+                       addFace: function ( a, b, c, ua, ub, uc, na, nb, nc ) {
+
+                               const vLen = this.vertices.length;
+                               let ia = this.parseVertexIndex( a, vLen );
+                               let ib = this.parseVertexIndex( b, vLen );
+                               let ic = this.parseVertexIndex( c, vLen );
+                               this.addVertex( ia, ib, ic );
+                               this.addColor( ia, ib, ic ); // normals
+
+                               if ( na !== undefined && na !== '' ) {
+
+                                       const nLen = this.normals.length;
+                                       ia = this.parseNormalIndex( na, nLen );
+                                       ib = this.parseNormalIndex( nb, nLen );
+                                       ic = this.parseNormalIndex( nc, nLen );
+                                       this.addNormal( ia, ib, ic );
+
+                               } else {
+
+                                       this.addFaceNormal( ia, ib, ic );
+
+                               } // uvs
+
+
+                               if ( ua !== undefined && ua !== '' ) {
+
+                                       const uvLen = this.uvs.length;
+                                       ia = this.parseUVIndex( ua, uvLen );
+                                       ib = this.parseUVIndex( ub, uvLen );
+                                       ic = this.parseUVIndex( uc, uvLen );
+                                       this.addUV( ia, ib, ic );
+                                       this.object.geometry.hasUVIndices = true;
+
+                               } else {
+
+                                       // add placeholder values (for inconsistent face definitions)
+                                       this.addDefaultUV();
+
+                               }
+
+                       },
+                       addPointGeometry: function ( vertices ) {
+
+                               this.object.geometry.type = 'Points';
+                               const vLen = this.vertices.length;
+
+                               for ( let vi = 0, l = vertices.length; vi < l; vi ++ ) {
+
+                                       const index = this.parseVertexIndex( vertices[ vi ], vLen );
+                                       this.addVertexPoint( index );
+                                       this.addColor( index );
+
+                               }
+
+                       },
+                       addLineGeometry: function ( vertices, uvs ) {
+
+                               this.object.geometry.type = 'Line';
+                               const vLen = this.vertices.length;
+                               const uvLen = this.uvs.length;
+
+                               for ( let vi = 0, l = vertices.length; vi < l; vi ++ ) {
+
+                                       this.addVertexLine( this.parseVertexIndex( vertices[ vi ], vLen ) );
+
+                               }
+
+                               for ( let uvi = 0, l = uvs.length; uvi < l; uvi ++ ) {
+
+                                       this.addUVLine( this.parseUVIndex( uvs[ uvi ], uvLen ) );
+
+                               }
+
+                       }
+               };
+               state.startObject( '', false );
+               return state;
+
+       } //
+
+
+       class OBJLoader extends THREE.Loader {
+
+               constructor( manager ) {
+
+                       super( manager );
+                       this.materials = null;
+
+               }
+
+               load( url, onLoad, onProgress, onError ) {
+
+                       const scope = this;
+                       const loader = new THREE.FileLoader( this.manager );
+                       loader.setPath( this.path );
+                       loader.setRequestHeader( this.requestHeader );
+                       loader.setWithCredentials( this.withCredentials );
+                       loader.load( url, function ( text ) {
+
+                               try {
+
+                                       onLoad( scope.parse( text ) );
+
+                               } catch ( e ) {
+
+                                       if ( onError ) {
+
+                                               onError( e );
+
+                                       } else {
+
+                                               console.error( e );
+
+                                       }
+
+                                       scope.manager.itemError( url );
+
+                               }
+
+                       }, onProgress, onError );
+
+               }
+
+               setMaterials( materials ) {
+
+                       this.materials = materials;
+                       return this;
+
+               }
+
+               parse( text ) {
+
+                       const state = new ParserState();
+
+                       if ( text.indexOf( '\r\n' ) !== - 1 ) {
+
+                               // This is faster than String.split with regex that splits on both
+                               text = text.replace( /\r\n/g, '\n' );
+
+                       }
+
+                       if ( text.indexOf( '\\\n' ) !== - 1 ) {
+
+                               // join lines separated by a line continuation character (\)
+                               text = text.replace( /\\\n/g, '' );
+
+                       }
+
+                       const lines = text.split( '\n' );
+                       let line = '',
+                               lineFirstChar = '';
+                       let lineLength = 0;
+                       let result = []; // Faster to just trim left side of the line. Use if available.
+
+                       const trimLeft = typeof ''.trimLeft === 'function';
+
+                       for ( let i = 0, l = lines.length; i < l; i ++ ) {
+
+                               line = lines[ i ];
+                               line = trimLeft ? line.trimLeft() : line.trim();
+                               lineLength = line.length;
+                               if ( lineLength === 0 ) continue;
+                               lineFirstChar = line.charAt( 0 ); // @todo invoke passed in handler if any
+
+                               if ( lineFirstChar === '#' ) continue;
+
+                               if ( lineFirstChar === 'v' ) {
+
+                                       const data = line.split( /\s+/ );
+
+                                       switch ( data[ 0 ] ) {
+
+                                               case 'v':
+                                                       state.vertices.push( parseFloat( data[ 1 ] ), parseFloat( data[ 2 ] ), parseFloat( data[ 3 ] ) );
+
+                                                       if ( data.length >= 7 ) {
+
+                                                               state.colors.push( parseFloat( data[ 4 ] ), parseFloat( data[ 5 ] ), parseFloat( data[ 6 ] ) );
+
+                                                       } else {
+
+                                                               // if no colors are defined, add placeholders so color and vertex indices match
+                                                               state.colors.push( undefined, undefined, undefined );
+
+                                                       }
+
+                                                       break;
+
+                                               case 'vn':
+                                                       state.normals.push( parseFloat( data[ 1 ] ), parseFloat( data[ 2 ] ), parseFloat( data[ 3 ] ) );
+                                                       break;
+
+                                               case 'vt':
+                                                       state.uvs.push( parseFloat( data[ 1 ] ), parseFloat( data[ 2 ] ) );
+                                                       break;
+
+                                       }
+
+                               } else if ( lineFirstChar === 'f' ) {
+
+                                       const lineData = line.substr( 1 ).trim();
+                                       const vertexData = lineData.split( /\s+/ );
+                                       const faceVertices = []; // Parse the face vertex data into an easy to work with format
+
+                                       for ( let j = 0, jl = vertexData.length; j < jl; j ++ ) {
+
+                                               const vertex = vertexData[ j ];
+
+                                               if ( vertex.length > 0 ) {
+
+                                                       const vertexParts = vertex.split( '/' );
+                                                       faceVertices.push( vertexParts );
+
+                                               }
+
+                                       } // Draw an edge between the first vertex and all subsequent vertices to form an n-gon
+
+
+                                       const v1 = faceVertices[ 0 ];
+
+                                       for ( let j = 1, jl = faceVertices.length - 1; j < jl; j ++ ) {
+
+                                               const v2 = faceVertices[ j ];
+                                               const v3 = faceVertices[ j + 1 ];
+                                               state.addFace( v1[ 0 ], v2[ 0 ], v3[ 0 ], v1[ 1 ], v2[ 1 ], v3[ 1 ], v1[ 2 ], v2[ 2 ], v3[ 2 ] );
+
+                                       }
+
+                               } else if ( lineFirstChar === 'l' ) {
+
+                                       const lineParts = line.substring( 1 ).trim().split( ' ' );
+                                       let lineVertices = [];
+                                       const lineUVs = [];
+
+                                       if ( line.indexOf( '/' ) === - 1 ) {
+
+                                               lineVertices = lineParts;
+
+                                       } else {
+
+                                               for ( let li = 0, llen = lineParts.length; li < llen; li ++ ) {
+
+                                                       const parts = lineParts[ li ].split( '/' );
+                                                       if ( parts[ 0 ] !== '' ) lineVertices.push( parts[ 0 ] );
+                                                       if ( parts[ 1 ] !== '' ) lineUVs.push( parts[ 1 ] );
+
+                                               }
+
+                                       }
+
+                                       state.addLineGeometry( lineVertices, lineUVs );
+
+                               } else if ( lineFirstChar === 'p' ) {
+
+                                       const lineData = line.substr( 1 ).trim();
+                                       const pointData = lineData.split( ' ' );
+                                       state.addPointGeometry( pointData );
+
+                               } else if ( ( result = _object_pattern.exec( line ) ) !== null ) {
+
+                                       // o object_name
+                                       // or
+                                       // g group_name
+                                       // WORKAROUND: https://bugs.chromium.org/p/v8/issues/detail?id=2869
+                                       // let name = result[ 0 ].substr( 1 ).trim();
+                                       const name = ( ' ' + result[ 0 ].substr( 1 ).trim() ).substr( 1 );
+                                       state.startObject( name );
+
+                               } else if ( _material_use_pattern.test( line ) ) {
+
+                                       // material
+                                       state.object.startMaterial( line.substring( 7 ).trim(), state.materialLibraries );
+
+                               } else if ( _material_library_pattern.test( line ) ) {
+
+                                       // mtl file
+                                       state.materialLibraries.push( line.substring( 7 ).trim() );
+
+                               } else if ( _map_use_pattern.test( line ) ) {
+
+                                       // the line is parsed but ignored since the loader assumes textures are defined MTL files
+                                       // (according to https://www.okino.com/conv/imp_wave.htm, 'usemap' is the old-style Wavefront texture reference method)
+                                       console.warn( 'THREE.OBJLoader: Rendering identifier "usemap" not supported. Textures must be defined in MTL files.' );
+
+                               } else if ( lineFirstChar === 's' ) {
+
+                                       result = line.split( ' ' ); // smooth shading
+                                       // @todo Handle files that have varying smooth values for a set of faces inside one geometry,
+                                       // but does not define a usemtl for each face set.
+                                       // This should be detected and a dummy material created (later MultiMaterial and geometry groups).
+                                       // This requires some care to not create extra material on each smooth value for "normal" obj files.
+                                       // where explicit usemtl defines geometry groups.
+                                       // Example asset: examples/models/obj/cerberus/Cerberus.obj
+
+                                       /*
+                * http://paulbourke.net/dataformats/obj/
+                *
+                * From chapter "Grouping" Syntax explanation "s group_number":
+                * "group_number is the smoothing group number. To turn off smoothing groups, use a value of 0 or off.
+                * Polygonal elements use group numbers to put elements in different smoothing groups. For free-form
+                * surfaces, smoothing groups are either turned on or off; there is no difference between values greater
+                * than 0."
+                */
+
+                                       if ( result.length > 1 ) {
+
+                                               const value = result[ 1 ].trim().toLowerCase();
+                                               state.object.smooth = value !== '0' && value !== 'off';
+
+                                       } else {
+
+                                               // ZBrush can produce "s" lines #11707
+                                               state.object.smooth = true;
+
+                                       }
+
+                                       const material = state.object.currentMaterial();
+                                       if ( material ) material.smooth = state.object.smooth;
+
+                               } else {
+
+                                       // Handle null terminated files without exception
+                                       if ( line === '\0' ) continue;
+                                       console.warn( 'THREE.OBJLoader: Unexpected line: "' + line + '"' );
+
+                               }
+
+                       }
+
+                       state.finalize();
+                       const container = new THREE.Group();
+                       container.materialLibraries = [].concat( state.materialLibraries );
+                       const hasPrimitives = ! ( state.objects.length === 1 && state.objects[ 0 ].geometry.vertices.length === 0 );
+
+                       if ( hasPrimitives === true ) {
+
+                               for ( let i = 0, l = state.objects.length; i < l; i ++ ) {
+
+                                       const object = state.objects[ i ];
+                                       const geometry = object.geometry;
+                                       const materials = object.materials;
+                                       const isLine = geometry.type === 'Line';
+                                       const isPoints = geometry.type === 'Points';
+                                       let hasVertexColors = false; // Skip o/g line declarations that did not follow with any faces
+
+                                       if ( geometry.vertices.length === 0 ) continue;
+                                       const buffergeometry = new THREE.BufferGeometry();
+                                       buffergeometry.setAttribute( 'position', new THREE.Float32BufferAttribute( geometry.vertices, 3 ) );
+
+                                       if ( geometry.normals.length > 0 ) {
+
+                                               buffergeometry.setAttribute( 'normal', new THREE.Float32BufferAttribute( geometry.normals, 3 ) );
+
+                                       }
+
+                                       if ( geometry.colors.length > 0 ) {
+
+                                               hasVertexColors = true;
+                                               buffergeometry.setAttribute( 'color', new THREE.Float32BufferAttribute( geometry.colors, 3 ) );
+
+                                       }
+
+                                       if ( geometry.hasUVIndices === true ) {
+
+                                               buffergeometry.setAttribute( 'uv', new THREE.Float32BufferAttribute( geometry.uvs, 2 ) );
+
+                                       } // Create materials
+
+
+                                       const createdMaterials = [];
+
+                                       for ( let mi = 0, miLen = materials.length; mi < miLen; mi ++ ) {
+
+                                               const sourceMaterial = materials[ mi ];
+                                               const materialHash = sourceMaterial.name + '_' + sourceMaterial.smooth + '_' + hasVertexColors;
+                                               let material = state.materials[ materialHash ];
+
+                                               if ( this.materials !== null ) {
+
+                                                       material = this.materials.create( sourceMaterial.name ); // mtl etc. loaders probably can't create line materials correctly, copy properties to a line material.
+
+                                                       if ( isLine && material && ! ( material instanceof THREE.LineBasicMaterial ) ) {
+
+                                                               const materialLine = new THREE.LineBasicMaterial();
+                                                               THREE.Material.prototype.copy.call( materialLine, material );
+                                                               materialLine.color.copy( material.color );
+                                                               material = materialLine;
+
+                                                       } else if ( isPoints && material && ! ( material instanceof THREE.PointsMaterial ) ) {
+
+                                                               const materialPoints = new THREE.PointsMaterial( {
+                                                                       size: 10,
+                                                                       sizeAttenuation: false
+                                                               } );
+                                                               THREE.Material.prototype.copy.call( materialPoints, material );
+                                                               materialPoints.color.copy( material.color );
+                                                               materialPoints.map = material.map;
+                                                               material = materialPoints;
+
+                                                       }
+
+                                               }
+
+                                               if ( material === undefined ) {
+
+                                                       if ( isLine ) {
+
+                                                               material = new THREE.LineBasicMaterial();
+
+                                                       } else if ( isPoints ) {
+
+                                                               material = new THREE.PointsMaterial( {
+                                                                       size: 1,
+                                                                       sizeAttenuation: false
+                                                               } );
+
+                                                       } else {
+
+                                                               material = new THREE.MeshPhongMaterial();
+
+                                                       }
+
+                                                       material.name = sourceMaterial.name;
+                                                       material.flatShading = sourceMaterial.smooth ? false : true;
+                                                       material.vertexColors = hasVertexColors;
+                                                       state.materials[ materialHash ] = material;
+
+                                               }
+
+                                               createdMaterials.push( material );
+
+                                       } // Create mesh
+
+
+                                       let mesh;
+
+                                       if ( createdMaterials.length > 1 ) {
+
+                                               for ( let mi = 0, miLen = materials.length; mi < miLen; mi ++ ) {
+
+                                                       const sourceMaterial = materials[ mi ];
+                                                       buffergeometry.addGroup( sourceMaterial.groupStart, sourceMaterial.groupCount, mi );
+
+                                               }
+
+                                               if ( isLine ) {
+
+                                                       mesh = new THREE.LineSegments( buffergeometry, createdMaterials );
+
+                                               } else if ( isPoints ) {
+
+                                                       mesh = new THREE.Points( buffergeometry, createdMaterials );
+
+                                               } else {
+
+                                                       mesh = new THREE.Mesh( buffergeometry, createdMaterials );
+
+                                               }
+
+                                       } else {
+
+                                               if ( isLine ) {
+
+                                                       mesh = new THREE.LineSegments( buffergeometry, createdMaterials[ 0 ] );
+
+                                               } else if ( isPoints ) {
+
+                                                       mesh = new THREE.Points( buffergeometry, createdMaterials[ 0 ] );
+
+                                               } else {
+
+                                                       mesh = new THREE.Mesh( buffergeometry, createdMaterials[ 0 ] );
+
+                                               }
+
+                                       }
+
+                                       mesh.name = object.name;
+                                       container.add( mesh );
+
+                               }
+
+                       } else {
+
+                               // if there is only the default parser state object with no geometry data, interpret data as point cloud
+                               if ( state.vertices.length > 0 ) {
+
+                                       const material = new THREE.PointsMaterial( {
+                                               size: 1,
+                                               sizeAttenuation: false
+                                       } );
+                                       const buffergeometry = new THREE.BufferGeometry();
+                                       buffergeometry.setAttribute( 'position', new THREE.Float32BufferAttribute( state.vertices, 3 ) );
+
+                                       if ( state.colors.length > 0 && state.colors[ 0 ] !== undefined ) {
+
+                                               buffergeometry.setAttribute( 'color', new THREE.Float32BufferAttribute( state.colors, 3 ) );
+                                               material.vertexColors = true;
+
+                                       }
+
+                                       const points = new THREE.Points( buffergeometry, material );
+                                       container.add( points );
+
+                               }
+
+                       }
+
+                       return container;
+
+               }
+
+       }
+
+       THREE.OBJLoader = OBJLoader;
+
+} )();
+(function () {
+
+       /**
+        * Based on http://www.emagix.net/academic/mscs-project/item/camera-sync-with-css3-and-webgl-threejs
+        */
+
+       const _position = new THREE.Vector3();
+
+       const _quaternion = new THREE.Quaternion();
+
+       const _scale = new THREE.Vector3();
+
+       class CSS3DObject extends THREE.Object3D {
+
+               constructor(element = document.createElement('div')) {
+
+                       super();
+                       this.element = element;
+                       this.element.style.position = 'absolute';
+                       this.element.style.pointerEvents = 'auto';
+                       this.element.style.userSelect = 'none';
+                       this.element.setAttribute('draggable', false);
+                       this.addEventListener('removed', function () {
+
+                               this.traverse(function (object) {
+
+                                       if (object.element instanceof Element && object.element.parentNode !== null) {
+
+                                               object.element.parentNode.removeChild(object.element);
+
+                                       }
+
+                               });
+
+                       });
+
+               }
+
+               copy(source, recursive) {
+
+                       super.copy(source, recursive);
+                       this.element = source.element.cloneNode(true);
+                       return this;
+
+               }
+
+       }
+
+       CSS3DObject.prototype.isCSS3DObject = true;
+
+       class CSS3DSprite extends CSS3DObject {
+
+               constructor(element) {
+
+                       super(element);
+                       this.rotation2D = 0;
+
+               }
+
+               copy(source, recursive) {
+
+                       super.copy(source, recursive);
+                       this.rotation2D = source.rotation2D;
+                       return this;
+
+               }
+
+       }
+
+       CSS3DSprite.prototype.isCSS3DSprite = true; //
+
+       const _matrix = new THREE.Matrix4();
+
+       const _matrix2 = new THREE.Matrix4();
+
+       class CSS3DRenderer {
+
+               constructor(parameters = {}) {
+
+                       const _this = this;
+
+                       let _width, _height;
+
+                       let _widthHalf, _heightHalf;
+
+                       const cache = {
+                               camera: {
+                                       fov: 0,
+                                       style: ''
+                               },
+                               objects: new WeakMap()
+                       };
+                       const domElement = parameters.element !== undefined ? parameters.element : document.createElement('div');
+                       domElement.style.overflow = 'hidden';
+                       this.domElement = domElement;
+                       const cameraElement = document.createElement('div');
+                       cameraElement.style.transformStyle = 'preserve-3d';
+                       cameraElement.style.pointerEvents = 'none';
+                       domElement.appendChild(cameraElement);
+
+                       this.getSize = function () {
+
+                               return {
+                                       width: _width,
+                                       height: _height
+                               };
+
+                       };
+
+                       this.render = function (scene, camera) {
+
+                               const fov = camera.projectionMatrix.elements[5] * _heightHalf;
+
+                               if (cache.camera.fov !== fov) {
+
+                                       domElement.style.perspective = camera.isPerspectiveCamera ? fov + 'px' : '';
+                                       cache.camera.fov = fov;
+
+                               }
+
+                               if (scene.autoUpdate === true) scene.updateMatrixWorld();
+                               if (camera.parent === null) camera.updateMatrixWorld();
+                               let tx, ty;
+
+                               if (camera.isOrthographicCamera) {
+
+                                       tx = -(camera.right + camera.left) / 2;
+                                       ty = (camera.top + camera.bottom) / 2;
+
+                               }
+
+                               const cameraCSSMatrix = camera.isOrthographicCamera ? 'scale(' + fov + ')' + 'translate(' + epsilon(tx) + 'px,' + epsilon(ty) + 'px)' + getCameraCSSMatrix(camera.matrixWorldInverse) : 'translateZ(' + fov + 'px)' + getCameraCSSMatrix(camera.matrixWorldInverse);
+                               const style = cameraCSSMatrix + 'translate(' + _widthHalf + 'px,' + _heightHalf + 'px)';
+
+                               if (cache.camera.style !== style) {
+
+                                       cameraElement.style.transform = style;
+                                       cache.camera.style = style;
+
+                               }
+
+                               renderObject(scene, scene, camera, cameraCSSMatrix);
+
+                       };
+
+                       this.setSize = function (width, height) {
+
+                               _width = width;
+                               _height = height;
+                               _widthHalf = _width / 2;
+                               _heightHalf = _height / 2;
+                               domElement.style.width = width + 'px';
+                               domElement.style.height = height + 'px';
+                               cameraElement.style.width = width + 'px';
+                               cameraElement.style.height = height + 'px';
+
+                       };
+
+                       function epsilon(value) {
+
+                               return Math.abs(value) < 1e-10 ? 0 : value;
+
+                       }
+
+                       function getCameraCSSMatrix(matrix) {
+
+                               const elements = matrix.elements;
+                               return 'matrix3d(' + epsilon(elements[0]) + ',' + epsilon(-elements[1]) + ',' + epsilon(elements[2]) + ',' + epsilon(elements[3]) + ',' + epsilon(elements[4]) + ',' + epsilon(-elements[5]) + ',' + epsilon(elements[6]) + ',' + epsilon(elements[7]) + ',' + epsilon(elements[8]) + ',' + epsilon(-elements[9]) + ',' + epsilon(elements[10]) + ',' + epsilon(elements[11]) + ',' + epsilon(elements[12]) + ',' + epsilon(-elements[13]) + ',' + epsilon(elements[14]) + ',' + epsilon(elements[15]) + ')';
+
+                       }
+
+                       function getObjectCSSMatrix(matrix) {
+
+                               const elements = matrix.elements;
+                               const matrix3d = 'matrix3d(' + epsilon(elements[0]) + ',' + epsilon(elements[1]) + ',' + epsilon(elements[2]) + ',' + epsilon(elements[3]) + ',' + epsilon(-elements[4]) + ',' + epsilon(-elements[5]) + ',' + epsilon(-elements[6]) + ',' + epsilon(-elements[7]) + ',' + epsilon(elements[8]) + ',' + epsilon(elements[9]) + ',' + epsilon(elements[10]) + ',' + epsilon(elements[11]) + ',' + epsilon(elements[12]) + ',' + epsilon(elements[13]) + ',' + epsilon(elements[14]) + ',' + epsilon(elements[15]) + ')';
+                               return 'translate(-50%,-50%)' + matrix3d;
+
+                       }
+
+                       function renderObject(object, scene, camera, cameraCSSMatrix) {
+
+                               if (object.isCSS3DObject) {
+
+                                       const visible = object.visible && object.layers.test(camera.layers);
+                                       object.element.style.display = visible ? '' : 'none'; // only getObjectCSSMatrix when object.visible
+
+                                       if (visible) {
+
+                                               object.onBeforeRender(_this, scene, camera);
+                                               let style;
+
+                                               if (object.isCSS3DSprite) {
+
+                                                       // http://swiftcoder.wordpress.com/2008/11/25/constructing-a-billboard-matrix/
+                                                       _matrix.copy(camera.matrixWorldInverse);
+
+                                                       _matrix.transpose();
+
+                                                       if (object.rotation2D !== 0) _matrix.multiply(_matrix2.makeRotationZ(object.rotation2D));
+                                                       object.matrixWorld.decompose(_position, _quaternion, _scale);
+
+                                                       _matrix.setPosition(_position);
+
+                                                       _matrix.scale(_scale);
+
+                                                       _matrix.elements[3] = 0;
+                                                       _matrix.elements[7] = 0;
+                                                       _matrix.elements[11] = 0;
+                                                       _matrix.elements[15] = 1;
+                                                       style = getObjectCSSMatrix(_matrix);
+
+                                               } else {
+
+                                                       style = getObjectCSSMatrix(object.matrixWorld);
+
+                                               }
+
+                                               const element = object.element;
+                                               const cachedObject = cache.objects.get(object);
+
+                                               if (cachedObject === undefined || cachedObject.style !== style) {
+
+                                                       element.style.transform = style;
+                                                       const objectData = {
+                                                               style: style
+                                                       };
+                                                       cache.objects.set(object, objectData);
+
+                                               }
+
+                                               if (element.parentNode !== cameraElement) {
+
+                                                       cameraElement.appendChild(element);
+
+                                               }
+
+                                               object.onAfterRender(_this, scene, camera);
+
+                                       }
+
+                               }
+
+                               for (let i = 0, l = object.children.length; i < l; i++) {
+
+                                       renderObject(object.children[i], scene, camera, cameraCSSMatrix);
+
+                               }
+
+                       }
+
+               }
+
+       }
+
+       THREE.CSS3DObject = CSS3DObject;
+       THREE.CSS3DRenderer = CSS3DRenderer;
+       THREE.CSS3DSprite = CSS3DSprite;
+
+})();
+( function () {
+
+       // Unlike TrackballControls, it maintains the "up" direction object.up (+Y by default).
+       //
+       //    Orbit - left mouse / touch: one-finger move
+       //    Zoom - middle mouse, or mousewheel / touch: two-finger spread or squish
+       //    Pan - right mouse, or left mouse + ctrl/meta/shiftKey, or arrow keys / touch: two-finger move
+
+       const _changeEvent = {
+               type: 'change'
+       };
+       const _startEvent = {
+               type: 'start'
+       };
+       const _endEvent = {
+               type: 'end'
+       };
+
+       class OrbitControls extends THREE.EventDispatcher {
+
+               constructor( object, domElement ) {
+
+                       super();
+                       if ( domElement === undefined ) console.warn( 'THREE.OrbitControls: The second parameter "domElement" is now mandatory.' );
+                       if ( domElement === document ) console.error( 'THREE.OrbitControls: "document" should not be used as the target "domElement". Please use "renderer.domElement" instead.' );
+                       this.object = object;
+                       this.domElement = domElement;
+                       this.domElement.style.touchAction = 'none'; // disable touch scroll
+                       // Set to false to disable this control
+
+                       this.enabled = true; // "target" sets the location of focus, where the object orbits around
+
+                       this.target = new THREE.Vector3(); // How far you can dolly in and out ( PerspectiveCamera only )
+
+                       this.minDistance = 0;
+                       this.maxDistance = Infinity; // How far you can zoom in and out ( OrthographicCamera only )
+
+                       this.minZoom = 0;
+                       this.maxZoom = Infinity; // How far you can orbit vertically, upper and lower limits.
+                       // Range is 0 to Math.PI radians.
+
+                       this.minPolarAngle = 0; // radians
+
+                       this.maxPolarAngle = Math.PI; // radians
+                       // How far you can orbit horizontally, upper and lower limits.
+                       // If set, the interval [ min, max ] must be a sub-interval of [ - 2 PI, 2 PI ], with ( max - min < 2 PI )
+
+                       this.minAzimuthAngle = - Infinity; // radians
+
+                       this.maxAzimuthAngle = Infinity; // radians
+                       // Set to true to enable damping (inertia)
+                       // If damping is enabled, you must call controls.update() in your animation loop
+
+                       this.enableDamping = false;
+                       this.dampingFactor = 0.05; // This option actually enables dollying in and out; left as "zoom" for backwards compatibility.
+                       // Set to false to disable zooming
+
+                       this.enableZoom = true;
+                       this.zoomSpeed = 1.0; // Set to false to disable rotating
+
+                       this.enableRotate = true;
+                       this.rotateSpeed = 1.0; // Set to false to disable panning
+
+                       this.enablePan = true;
+                       this.panSpeed = 1.0;
+                       this.screenSpacePanning = true; // if false, pan orthogonal to world-space direction camera.up
+
+                       this.keyPanSpeed = 7.0; // pixels moved per arrow key push
+                       // Set to true to automatically rotate around the target
+                       // If auto-rotate is enabled, you must call controls.update() in your animation loop
+
+                       this.autoRotate = false;
+                       this.autoRotateSpeed = 2.0; // 30 seconds per orbit when fps is 60
+                       // The four arrow keys
+
+                       this.keys = {
+                               LEFT: 'ArrowLeft',
+                               UP: 'ArrowUp',
+                               RIGHT: 'ArrowRight',
+                               BOTTOM: 'ArrowDown'
+                       }; // Mouse buttons
+
+                       this.mouseButtons = {
+                               LEFT: THREE.MOUSE.ROTATE,
+                               MIDDLE: THREE.MOUSE.DOLLY,
+                               RIGHT: THREE.MOUSE.PAN
+                       }; // Touch fingers
+
+                       this.touches = {
+                               ONE: THREE.TOUCH.ROTATE,
+                               TWO: THREE.TOUCH.DOLLY_PAN
+                       }; // for reset
+
+                       this.target0 = this.target.clone();
+                       this.position0 = this.object.position.clone();
+                       this.zoom0 = this.object.zoom; // the target DOM element for key events
+
+                       this._domElementKeyEvents = null; //
+                       // public methods
+                       //
+
+                       this.getPolarAngle = function () {
+
+                               return spherical.phi;
+
+                       };
+
+                       this.getAzimuthalAngle = function () {
+
+                               return spherical.theta;
+
+                       };
+
+                       this.getDistance = function () {
+
+                               return this.object.position.distanceTo( this.target );
+
+                       };
+
+                       this.listenToKeyEvents = function ( domElement ) {
+
+                               domElement.addEventListener( 'keydown', onKeyDown );
+                               this._domElementKeyEvents = domElement;
+
+                       };
+
+                       this.saveState = function () {
+
+                               scope.target0.copy( scope.target );
+                               scope.position0.copy( scope.object.position );
+                               scope.zoom0 = scope.object.zoom;
+
+                       };
+
+                       this.reset = function () {
+
+                               scope.target.copy( scope.target0 );
+                               scope.object.position.copy( scope.position0 );
+                               scope.object.zoom = scope.zoom0;
+                               scope.object.updateProjectionMatrix();
+                               scope.dispatchEvent( _changeEvent );
+                               scope.update();
+                               state = STATE.NONE;
+
+                       }; // this method is exposed, but perhaps it would be better if we can make it private...
+
+
+                       this.update = function () {
+
+                               const offset = new THREE.Vector3(); // so camera.up is the orbit axis
+
+                               const quat = new THREE.Quaternion().setFromUnitVectors( object.up, new THREE.Vector3( 0, 1, 0 ) );
+                               const quatInverse = quat.clone().invert();
+                               const lastPosition = new THREE.Vector3();
+                               const lastQuaternion = new THREE.Quaternion();
+                               const twoPI = 2 * Math.PI;
+                               return function update() {
+
+                                       const position = scope.object.position;
+                                       offset.copy( position ).sub( scope.target ); // rotate offset to "y-axis-is-up" space
+
+                                       offset.applyQuaternion( quat ); // angle from z-axis around y-axis
+
+                                       spherical.setFromVector3( offset );
+
+                                       if ( scope.autoRotate && state === STATE.NONE ) {
+
+                                               rotateLeft( getAutoRotationAngle() );
+
+                                       }
+
+                                       if ( scope.enableDamping ) {
+
+                                               spherical.theta += sphericalDelta.theta * scope.dampingFactor;
+                                               spherical.phi += sphericalDelta.phi * scope.dampingFactor;
+
+                                       } else {
+
+                                               spherical.theta += sphericalDelta.theta;
+                                               spherical.phi += sphericalDelta.phi;
+
+                                       } // restrict theta to be between desired limits
+
+
+                                       let min = scope.minAzimuthAngle;
+                                       let max = scope.maxAzimuthAngle;
+
+                                       if ( isFinite( min ) && isFinite( max ) ) {
+
+                                               if ( min < - Math.PI ) min += twoPI; else if ( min > Math.PI ) min -= twoPI;
+                                               if ( max < - Math.PI ) max += twoPI; else if ( max > Math.PI ) max -= twoPI;
+
+                                               if ( min <= max ) {
+
+                                                       spherical.theta = Math.max( min, Math.min( max, spherical.theta ) );
+
+                                               } else {
+
+                                                       spherical.theta = spherical.theta > ( min + max ) / 2 ? Math.max( min, spherical.theta ) : Math.min( max, spherical.theta );
+
+                                               }
+
+                                       } // restrict phi to be between desired limits
+
+
+                                       spherical.phi = Math.max( scope.minPolarAngle, Math.min( scope.maxPolarAngle, spherical.phi ) );
+                                       spherical.makeSafe();
+                                       spherical.radius *= scale; // restrict radius to be between desired limits
+
+                                       spherical.radius = Math.max( scope.minDistance, Math.min( scope.maxDistance, spherical.radius ) ); // move target to panned location
+
+                                       if ( scope.enableDamping === true ) {
+
+                                               scope.target.addScaledVector( panOffset, scope.dampingFactor );
+
+                                       } else {
+
+                                               scope.target.add( panOffset );
+
+                                       }
+
+                                       offset.setFromSpherical( spherical ); // rotate offset back to "camera-up-vector-is-up" space
+
+                                       offset.applyQuaternion( quatInverse );
+                                       position.copy( scope.target ).add( offset );
+                                       scope.object.lookAt( scope.target );
+
+                                       if ( scope.enableDamping === true ) {
+
+                                               sphericalDelta.theta *= 1 - scope.dampingFactor;
+                                               sphericalDelta.phi *= 1 - scope.dampingFactor;
+                                               panOffset.multiplyScalar( 1 - scope.dampingFactor );
+
+                                       } else {
+
+                                               sphericalDelta.set( 0, 0, 0 );
+                                               panOffset.set( 0, 0, 0 );
+
+                                       }
+
+                                       scale = 1; // update condition is:
+                                       // min(camera displacement, camera rotation in radians)^2 > EPS
+                                       // using small-angle approximation cos(x/2) = 1 - x^2 / 8
+
+                                       if ( zoomChanged || lastPosition.distanceToSquared( scope.object.position ) > EPS || 8 * ( 1 - lastQuaternion.dot( scope.object.quaternion ) ) > EPS ) {
+
+                                               scope.dispatchEvent( _changeEvent );
+                                               lastPosition.copy( scope.object.position );
+                                               lastQuaternion.copy( scope.object.quaternion );
+                                               zoomChanged = false;
+                                               return true;
+
+                                       }
+
+                                       return false;
+
+                               };
+
+                       }();
+
+                       this.dispose = function () {
+
+                               scope.domElement.removeEventListener( 'contextmenu', onContextMenu );
+                               scope.domElement.removeEventListener( 'pointerdown', onPointerDown );
+                               scope.domElement.removeEventListener( 'pointercancel', onPointerCancel );
+                               scope.domElement.removeEventListener( 'wheel', onMouseWheel );
+                               scope.domElement.removeEventListener( 'pointermove', onPointerMove );
+                               scope.domElement.removeEventListener( 'pointerup', onPointerUp );
+
+                               if ( scope._domElementKeyEvents !== null ) {
+
+                                       scope._domElementKeyEvents.removeEventListener( 'keydown', onKeyDown );
+
+                               } //scope.dispatchEvent( { type: 'dispose' } ); // should this be added here?
+
+                       }; //
+                       // internals
+                       //
+
+
+                       const scope = this;
+                       const STATE = {
+                               NONE: - 1,
+                               ROTATE: 0,
+                               DOLLY: 1,
+                               PAN: 2,
+                               TOUCH_ROTATE: 3,
+                               TOUCH_PAN: 4,
+                               TOUCH_DOLLY_PAN: 5,
+                               TOUCH_DOLLY_ROTATE: 6
+                       };
+                       let state = STATE.NONE;
+                       const EPS = 0.000001; // current position in spherical coordinates
+
+                       const spherical = new THREE.Spherical();
+                       const sphericalDelta = new THREE.Spherical();
+                       let scale = 1;
+                       const panOffset = new THREE.Vector3();
+                       let zoomChanged = false;
+                       const rotateStart = new THREE.Vector2();
+                       const rotateEnd = new THREE.Vector2();
+                       const rotateDelta = new THREE.Vector2();
+                       const panStart = new THREE.Vector2();
+                       const panEnd = new THREE.Vector2();
+                       const panDelta = new THREE.Vector2();
+                       const dollyStart = new THREE.Vector2();
+                       const dollyEnd = new THREE.Vector2();
+                       const dollyDelta = new THREE.Vector2();
+                       const pointers = [];
+                       const pointerPositions = {};
+
+                       function getAutoRotationAngle() {
+
+                               return 2 * Math.PI / 60 / 60 * scope.autoRotateSpeed;
+
+                       }
+
+                       function getZoomScale() {
+
+                               return Math.pow( 0.95, scope.zoomSpeed );
+
+                       }
+
+                       function rotateLeft( angle ) {
+
+                               sphericalDelta.theta -= angle;
+
+                       }
+
+                       function rotateUp( angle ) {
+
+                               sphericalDelta.phi -= angle;
+
+                       }
+
+                       const panLeft = function () {
+
+                               const v = new THREE.Vector3();
+                               return function panLeft( distance, objectMatrix ) {
+
+                                       v.setFromMatrixColumn( objectMatrix, 0 ); // get X column of objectMatrix
+
+                                       v.multiplyScalar( - distance );
+                                       panOffset.add( v );
+
+                               };
+
+                       }();
+
+                       const panUp = function () {
+
+                               const v = new THREE.Vector3();
+                               return function panUp( distance, objectMatrix ) {
+
+                                       if ( scope.screenSpacePanning === true ) {
+
+                                               v.setFromMatrixColumn( objectMatrix, 1 );
+
+                                       } else {
+
+                                               v.setFromMatrixColumn( objectMatrix, 0 );
+                                               v.crossVectors( scope.object.up, v );
+
+                                       }
+
+                                       v.multiplyScalar( distance );
+                                       panOffset.add( v );
+
+                               };
+
+                       }(); // deltaX and deltaY are in pixels; right and down are positive
+
+
+                       const pan = function () {
+
+                               const offset = new THREE.Vector3();
+                               return function pan( deltaX, deltaY ) {
+
+                                       const element = scope.domElement;
+
+                                       if ( scope.object.isPerspectiveCamera ) {
+
+                                               // perspective
+                                               const position = scope.object.position;
+                                               offset.copy( position ).sub( scope.target );
+                                               let targetDistance = offset.length(); // half of the fov is center to top of screen
+
+                                               targetDistance *= Math.tan( scope.object.fov / 2 * Math.PI / 180.0 ); // we use only clientHeight here so aspect ratio does not distort speed
+
+                                               panLeft( 2 * deltaX * targetDistance / element.clientHeight, scope.object.matrix );
+                                               panUp( 2 * deltaY * targetDistance / element.clientHeight, scope.object.matrix );
+
+                                       } else if ( scope.object.isOrthographicCamera ) {
+
+                                               // orthographic
+                                               panLeft( deltaX * ( scope.object.right - scope.object.left ) / scope.object.zoom / element.clientWidth, scope.object.matrix );
+                                               panUp( deltaY * ( scope.object.top - scope.object.bottom ) / scope.object.zoom / element.clientHeight, scope.object.matrix );
+
+                                       } else {
+
+                                               // camera neither orthographic nor perspective
+                                               console.warn( 'WARNING: OrbitControls.js encountered an unknown camera type - pan disabled.' );
+                                               scope.enablePan = false;
+
+                                       }
+
+                               };
+
+                       }();
+
+                       function dollyOut( dollyScale ) {
+
+                               if ( scope.object.isPerspectiveCamera ) {
+
+                                       scale /= dollyScale;
+
+                               } else if ( scope.object.isOrthographicCamera ) {
+
+                                       scope.object.zoom = Math.max( scope.minZoom, Math.min( scope.maxZoom, scope.object.zoom * dollyScale ) );
+                                       scope.object.updateProjectionMatrix();
+                                       zoomChanged = true;
+
+                               } else {
+
+                                       console.warn( 'WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled.' );
+                                       scope.enableZoom = false;
+
+                               }
+
+                       }
+
+                       function dollyIn( dollyScale ) {
+
+                               if ( scope.object.isPerspectiveCamera ) {
+
+                                       scale *= dollyScale;
+
+                               } else if ( scope.object.isOrthographicCamera ) {
+
+                                       scope.object.zoom = Math.max( scope.minZoom, Math.min( scope.maxZoom, scope.object.zoom / dollyScale ) );
+                                       scope.object.updateProjectionMatrix();
+                                       zoomChanged = true;
+
+                               } else {
+
+                                       console.warn( 'WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled.' );
+                                       scope.enableZoom = false;
+
+                               }
+
+                       } //
+                       // event callbacks - update the object state
+                       //
+
+
+                       function handleMouseDownRotate( event ) {
+
+                               rotateStart.set( event.clientX, event.clientY );
+
+                       }
+
+                       function handleMouseDownDolly( event ) {
+
+                               dollyStart.set( event.clientX, event.clientY );
+
+                       }
+
+                       function handleMouseDownPan( event ) {
+
+                               panStart.set( event.clientX, event.clientY );
+
+                       }
+
+                       function handleMouseMoveRotate( event ) {
+
+                               rotateEnd.set( event.clientX, event.clientY );
+                               rotateDelta.subVectors( rotateEnd, rotateStart ).multiplyScalar( scope.rotateSpeed );
+                               const element = scope.domElement;
+                               rotateLeft( 2 * Math.PI * rotateDelta.x / element.clientHeight ); // yes, height
+
+                               rotateUp( 2 * Math.PI * rotateDelta.y / element.clientHeight );
+                               rotateStart.copy( rotateEnd );
+                               scope.update();
+
+                       }
+
+                       function handleMouseMoveDolly( event ) {
+
+                               dollyEnd.set( event.clientX, event.clientY );
+                               dollyDelta.subVectors( dollyEnd, dollyStart );
+
+                               if ( dollyDelta.y > 0 ) {
+
+                                       dollyOut( getZoomScale() );
+
+                               } else if ( dollyDelta.y < 0 ) {
+
+                                       dollyIn( getZoomScale() );
+
+                               }
+
+                               dollyStart.copy( dollyEnd );
+                               scope.update();
+
+                       }
+
+                       function handleMouseMovePan( event ) {
+
+                               panEnd.set( event.clientX, event.clientY );
+                               panDelta.subVectors( panEnd, panStart ).multiplyScalar( scope.panSpeed );
+                               pan( panDelta.x, panDelta.y );
+                               panStart.copy( panEnd );
+                               scope.update();
+
+                       }
+
+                       function handleMouseWheel( event ) {
+
+                               if ( event.deltaY < 0 ) {
+
+                                       dollyIn( getZoomScale() );
+
+                               } else if ( event.deltaY > 0 ) {
+
+                                       dollyOut( getZoomScale() );
+
+                               }
+
+                               scope.update();
+
+                       }
+
+                       function handleKeyDown( event ) {
+
+                               let needsUpdate = false;
+
+                               switch ( event.code ) {
+
+                                       case scope.keys.UP:
+                                               pan( 0, scope.keyPanSpeed );
+                                               needsUpdate = true;
+                                               break;
+
+                                       case scope.keys.BOTTOM:
+                                               pan( 0, - scope.keyPanSpeed );
+                                               needsUpdate = true;
+                                               break;
+
+                                       case scope.keys.LEFT:
+                                               pan( scope.keyPanSpeed, 0 );
+                                               needsUpdate = true;
+                                               break;
+
+                                       case scope.keys.RIGHT:
+                                               pan( - scope.keyPanSpeed, 0 );
+                                               needsUpdate = true;
+                                               break;
+
+                               }
+
+                               if ( needsUpdate ) {
+
+                                       // prevent the browser from scrolling on cursor keys
+                                       event.preventDefault();
+                                       scope.update();
+
+                               }
+
+                       }
+
+                       function handleTouchStartRotate() {
+
+                               if ( pointers.length === 1 ) {
+
+                                       rotateStart.set( pointers[ 0 ].pageX, pointers[ 0 ].pageY );
+
+                               } else {
+
+                                       const x = 0.5 * ( pointers[ 0 ].pageX + pointers[ 1 ].pageX );
+                                       const y = 0.5 * ( pointers[ 0 ].pageY + pointers[ 1 ].pageY );
+                                       rotateStart.set( x, y );
+
+                               }
+
+                       }
+
+                       function handleTouchStartPan() {
+
+                               if ( pointers.length === 1 ) {
+
+                                       panStart.set( pointers[ 0 ].pageX, pointers[ 0 ].pageY );
+
+                               } else {
+
+                                       const x = 0.5 * ( pointers[ 0 ].pageX + pointers[ 1 ].pageX );
+                                       const y = 0.5 * ( pointers[ 0 ].pageY + pointers[ 1 ].pageY );
+                                       panStart.set( x, y );
+
+                               }
+
+                       }
+
+                       function handleTouchStartDolly() {
+
+                               const dx = pointers[ 0 ].pageX - pointers[ 1 ].pageX;
+                               const dy = pointers[ 0 ].pageY - pointers[ 1 ].pageY;
+                               const distance = Math.sqrt( dx * dx + dy * dy );
+                               dollyStart.set( 0, distance );
+
+                       }
+
+                       function handleTouchStartDollyPan() {
+
+                               if ( scope.enableZoom ) handleTouchStartDolly();
+                               if ( scope.enablePan ) handleTouchStartPan();
+
+                       }
+
+                       function handleTouchStartDollyRotate() {
+
+                               if ( scope.enableZoom ) handleTouchStartDolly();
+                               if ( scope.enableRotate ) handleTouchStartRotate();
+
+                       }
+
+                       function handleTouchMoveRotate( event ) {
+
+                               if ( pointers.length == 1 ) {
+
+                                       rotateEnd.set( event.pageX, event.pageY );
+
+                               } else {
+
+                                       const position = getSecondPointerPosition( event );
+                                       const x = 0.5 * ( event.pageX + position.x );
+                                       const y = 0.5 * ( event.pageY + position.y );
+                                       rotateEnd.set( x, y );
+
+                               }
+
+                               rotateDelta.subVectors( rotateEnd, rotateStart ).multiplyScalar( scope.rotateSpeed );
+                               const element = scope.domElement;
+                               rotateLeft( 2 * Math.PI * rotateDelta.x / element.clientHeight ); // yes, height
+
+                               rotateUp( 2 * Math.PI * rotateDelta.y / element.clientHeight );
+                               rotateStart.copy( rotateEnd );
+
+                       }
+
+                       function handleTouchMovePan( event ) {
+
+                               if ( pointers.length === 1 ) {
+
+                                       panEnd.set( event.pageX, event.pageY );
+
+                               } else {
+
+                                       const position = getSecondPointerPosition( event );
+                                       const x = 0.5 * ( event.pageX + position.x );
+                                       const y = 0.5 * ( event.pageY + position.y );
+                                       panEnd.set( x, y );
+
+                               }
+
+                               panDelta.subVectors( panEnd, panStart ).multiplyScalar( scope.panSpeed );
+                               pan( panDelta.x, panDelta.y );
+                               panStart.copy( panEnd );
+
+                       }
+
+                       function handleTouchMoveDolly( event ) {
+
+                               const position = getSecondPointerPosition( event );
+                               const dx = event.pageX - position.x;
+                               const dy = event.pageY - position.y;
+                               const distance = Math.sqrt( dx * dx + dy * dy );
+                               dollyEnd.set( 0, distance );
+                               dollyDelta.set( 0, Math.pow( dollyEnd.y / dollyStart.y, scope.zoomSpeed ) );
+                               dollyOut( dollyDelta.y );
+                               dollyStart.copy( dollyEnd );
+
+                       }
+
+                       function handleTouchMoveDollyPan( event ) {
+
+                               if ( scope.enableZoom ) handleTouchMoveDolly( event );
+                               if ( scope.enablePan ) handleTouchMovePan( event );
+
+                       }
+
+                       function handleTouchMoveDollyRotate( event ) {
+
+                               if ( scope.enableZoom ) handleTouchMoveDolly( event );
+                               if ( scope.enableRotate ) handleTouchMoveRotate( event );
+
+                       } //
+                       // event handlers - FSM: listen for events and reset state
+                       //
+
+
+                       function onPointerDown( event ) {
+
+                               if ( scope.enabled === false ) return;
+
+                               if ( pointers.length === 0 ) {
+
+                                       scope.domElement.setPointerCapture( event.pointerId );
+                                       scope.domElement.addEventListener( 'pointermove', onPointerMove );
+                                       scope.domElement.addEventListener( 'pointerup', onPointerUp );
+
+                               } //
+
+
+                               addPointer( event );
+
+                               if ( event.pointerType === 'touch' ) {
+
+                                       onTouchStart( event );
+
+                               } else {
+
+                                       onMouseDown( event );
+
+                               }
+
+                       }
+
+                       function onPointerMove( event ) {
+
+                               if ( scope.enabled === false ) return;
+
+                               if ( event.pointerType === 'touch' ) {
+
+                                       onTouchMove( event );
+
+                               } else {
+
+                                       onMouseMove( event );
+
+                               }
+
+                       }
+
+                       function onPointerUp( event ) {
+
+                               removePointer( event );
+
+                               if ( pointers.length === 0 ) {
+
+                                       scope.domElement.releasePointerCapture( event.pointerId );
+                                       scope.domElement.removeEventListener( 'pointermove', onPointerMove );
+                                       scope.domElement.removeEventListener( 'pointerup', onPointerUp );
+
+                               }
+
+                               scope.dispatchEvent( _endEvent );
+                               state = STATE.NONE;
+
+                       }
+
+                       function onPointerCancel( event ) {
+
+                               removePointer( event );
+
+                       }
+
+                       function onMouseDown( event ) {
+
+                               let mouseAction;
+
+                               switch ( event.button ) {
+
+                                       case 0:
+                                               mouseAction = scope.mouseButtons.LEFT;
+                                               break;
+
+                                       case 1:
+                                               mouseAction = scope.mouseButtons.MIDDLE;
+                                               break;
+
+                                       case 2:
+                                               mouseAction = scope.mouseButtons.RIGHT;
+                                               break;
+
+                                       default:
+                                               mouseAction = - 1;
+
+                               }
+
+                               switch ( mouseAction ) {
+
+                                       case THREE.MOUSE.DOLLY:
+                                               if ( scope.enableZoom === false ) return;
+                                               handleMouseDownDolly( event );
+                                               state = STATE.DOLLY;
+                                               break;
+
+                                       case THREE.MOUSE.ROTATE:
+                                               if ( event.ctrlKey || event.metaKey || event.shiftKey ) {
+
+                                                       if ( scope.enablePan === false ) return;
+                                                       handleMouseDownPan( event );
+                                                       state = STATE.PAN;
+
+                                               } else {
+
+                                                       if ( scope.enableRotate === false ) return;
+                                                       handleMouseDownRotate( event );
+                                                       state = STATE.ROTATE;
+
+                                               }
+
+                                               break;
+
+                                       case THREE.MOUSE.PAN:
+                                               if ( event.ctrlKey || event.metaKey || event.shiftKey ) {
+
+                                                       if ( scope.enableRotate === false ) return;
+                                                       handleMouseDownRotate( event );
+                                                       state = STATE.ROTATE;
+
+                                               } else {
+
+                                                       if ( scope.enablePan === false ) return;
+                                                       handleMouseDownPan( event );
+                                                       state = STATE.PAN;
+
+                                               }
+
+                                               break;
+
+                                       default:
+                                               state = STATE.NONE;
+
+                               }
+
+                               if ( state !== STATE.NONE ) {
+
+                                       scope.dispatchEvent( _startEvent );
+
+                               }
+
+                       }
+
+                       function onMouseMove( event ) {
+
+                               if ( scope.enabled === false ) return;
+
+                               switch ( state ) {
+
+                                       case STATE.ROTATE:
+                                               if ( scope.enableRotate === false ) return;
+                                               handleMouseMoveRotate( event );
+                                               break;
+
+                                       case STATE.DOLLY:
+                                               if ( scope.enableZoom === false ) return;
+                                               handleMouseMoveDolly( event );
+                                               break;
+
+                                       case STATE.PAN:
+                                               if ( scope.enablePan === false ) return;
+                                               handleMouseMovePan( event );
+                                               break;
+
+                               }
+
+                       }
+
+                       function onMouseWheel( event ) {
+
+                               if ( scope.enabled === false || scope.enableZoom === false || state !== STATE.NONE ) return;
+                               event.preventDefault();
+                               scope.dispatchEvent( _startEvent );
+                               handleMouseWheel( event );
+                               scope.dispatchEvent( _endEvent );
+
+                       }
+
+                       function onKeyDown( event ) {
+
+                               if ( scope.enabled === false || scope.enablePan === false ) return;
+                               handleKeyDown( event );
+
+                       }
+
+                       function onTouchStart( event ) {
+
+                               trackPointer( event );
+
+                               switch ( pointers.length ) {
+
+                                       case 1:
+                                               switch ( scope.touches.ONE ) {
+
+                                                       case THREE.TOUCH.ROTATE:
+                                                               if ( scope.enableRotate === false ) return;
+                                                               handleTouchStartRotate();
+                                                               state = STATE.TOUCH_ROTATE;
+                                                               break;
+
+                                                       case THREE.TOUCH.PAN:
+                                                               if ( scope.enablePan === false ) return;
+                                                               handleTouchStartPan();
+                                                               state = STATE.TOUCH_PAN;
+                                                               break;
+
+                                                       default:
+                                                               state = STATE.NONE;
+
+                                               }
+
+                                               break;
+
+                                       case 2:
+                                               switch ( scope.touches.TWO ) {
+
+                                                       case THREE.TOUCH.DOLLY_PAN:
+                                                               if ( scope.enableZoom === false && scope.enablePan === false ) return;
+                                                               handleTouchStartDollyPan();
+                                                               state = STATE.TOUCH_DOLLY_PAN;
+                                                               break;
+
+                                                       case THREE.TOUCH.DOLLY_ROTATE:
+                                                               if ( scope.enableZoom === false && scope.enableRotate === false ) return;
+                                                               handleTouchStartDollyRotate();
+                                                               state = STATE.TOUCH_DOLLY_ROTATE;
+                                                               break;
+
+                                                       default:
+                                                               state = STATE.NONE;
+
+                                               }
+
+                                               break;
+
+                                       default:
+                                               state = STATE.NONE;
+
+                               }
+
+                               if ( state !== STATE.NONE ) {
+
+                                       scope.dispatchEvent( _startEvent );
+
+                               }
+
+                       }
+
+                       function onTouchMove( event ) {
+
+                               trackPointer( event );
+
+                               switch ( state ) {
+
+                                       case STATE.TOUCH_ROTATE:
+                                               if ( scope.enableRotate === false ) return;
+                                               handleTouchMoveRotate( event );
+                                               scope.update();
+                                               break;
+
+                                       case STATE.TOUCH_PAN:
+                                               if ( scope.enablePan === false ) return;
+                                               handleTouchMovePan( event );
+                                               scope.update();
+                                               break;
+
+                                       case STATE.TOUCH_DOLLY_PAN:
+                                               if ( scope.enableZoom === false && scope.enablePan === false ) return;
+                                               handleTouchMoveDollyPan( event );
+                                               scope.update();
+                                               break;
+
+                                       case STATE.TOUCH_DOLLY_ROTATE:
+                                               if ( scope.enableZoom === false && scope.enableRotate === false ) return;
+                                               handleTouchMoveDollyRotate( event );
+                                               scope.update();
+                                               break;
+
+                                       default:
+                                               state = STATE.NONE;
+
+                               }
+
+                       }
+
+                       function onContextMenu( event ) {
+
+                               if ( scope.enabled === false ) return;
+                               event.preventDefault();
+
+                       }
+
+                       function addPointer( event ) {
+
+                               pointers.push( event );
+
+                       }
+
+                       function removePointer( event ) {
+
+                               delete pointerPositions[ event.pointerId ];
+
+                               for ( let i = 0; i < pointers.length; i ++ ) {
+
+                                       if ( pointers[ i ].pointerId == event.pointerId ) {
+
+                                               pointers.splice( i, 1 );
+                                               return;
+
+                                       }
+
+                               }
+
+                       }
+
+                       function trackPointer( event ) {
+
+                               let position = pointerPositions[ event.pointerId ];
+
+                               if ( position === undefined ) {
+
+                                       position = new THREE.Vector2();
+                                       pointerPositions[ event.pointerId ] = position;
+
+                               }
+
+                               position.set( event.pageX, event.pageY );
+
+                       }
+
+                       function getSecondPointerPosition( event ) {
+
+                               const pointer = event.pointerId === pointers[ 0 ].pointerId ? pointers[ 1 ] : pointers[ 0 ];
+                               return pointerPositions[ pointer.pointerId ];
+
+                       } //
+
+
+                       scope.domElement.addEventListener( 'contextmenu', onContextMenu );
+                       scope.domElement.addEventListener( 'pointerdown', onPointerDown );
+                       scope.domElement.addEventListener( 'pointercancel', onPointerCancel );
+                       scope.domElement.addEventListener( 'wheel', onMouseWheel, {
+                               passive: false
+                       } ); // force an update at start
+
+                       this.update();
+
+               }
+
+       } // This set of controls performs orbiting, dollying (zooming), and panning.
+       // Unlike TrackballControls, it maintains the "up" direction object.up (+Y by default).
+       // This is very similar to OrbitControls, another set of touch behavior
+       //
+       //    Orbit - right mouse, or left mouse + ctrl/meta/shiftKey / touch: two-finger rotate
+       //    Zoom - middle mouse, or mousewheel / touch: two-finger spread or squish
+       //    Pan - left mouse, or arrow keys / touch: one-finger move
+
+
+       class MapControls extends OrbitControls {
+
+               constructor( object, domElement ) {
+
+                       super( object, domElement );
+                       this.screenSpacePanning = false; // pan orthogonal to world-space direction camera.up
+
+                       this.mouseButtons.LEFT = THREE.MOUSE.PAN;
+                       this.mouseButtons.RIGHT = THREE.MOUSE.ROTATE;
+                       this.touches.ONE = THREE.TOUCH.PAN;
+                       this.touches.TWO = THREE.TOUCH.DOLLY_ROTATE;
+
+               }
+
+       }
+
+       THREE.MapControls = MapControls;
+       THREE.OrbitControls = OrbitControls;
+
+} )();
diff --git a/src/jvmMain/resources/static/obj-viewer/three.js b/src/jvmMain/resources/static/obj-viewer/three.js
new file mode 100644 (file)
index 0000000..c633728
--- /dev/null
@@ -0,0 +1,36585 @@
+(function () {
+       function r(e, n, t) {
+               function o(i, f) {
+                       if (!n[i]) {
+                               if (!e[i]) {
+                                       var c = "function" == typeof require && require;
+                                       if (!f && c) return c(i, !0);
+                                       if (u) return u(i, !0);
+                                       var a = new Error("Cannot find module '" + i + "'");
+                                       throw a.code = "MODULE_NOT_FOUND", a
+                               }
+                               var p = n[i] = {exports: {}};
+                               e[i][0].call(p.exports, function (r) {
+                                       var n = e[i][1][r];
+                                       return o(n || r)
+                               }, p, p.exports, r, e, n, t)
+                       }
+                       return n[i].exports
+               }
+
+               for (var u = "function" == typeof require && require, i = 0; i < t.length; i++) o(t[i]);
+               return o
+       }
+
+       return r
+})()({
+       1: [function (require, module, exports) {
+               window["THREE"] = require("three");
+       }, {"three": 2}], 2: [function (require, module, exports) {
+               /**
+                * @license
+                * Copyright 2010-2021 Three.js Authors
+                * SPDX-License-Identifier: MIT
+                */
+               (function (global, factory) {
+                       typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
+                               typeof define === 'function' && define.amd ? define(['exports'], factory) :
+                                       (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.THREE = {}));
+               }(this, (function (exports) {
+                       'use strict';
+
+                       const REVISION = '132';
+                       const MOUSE = {
+                               LEFT: 0,
+                               MIDDLE: 1,
+                               RIGHT: 2,
+                               ROTATE: 0,
+                               DOLLY: 1,
+                               PAN: 2
+                       };
+                       const TOUCH = {
+                               ROTATE: 0,
+                               PAN: 1,
+                               DOLLY_PAN: 2,
+                               DOLLY_ROTATE: 3
+                       };
+                       const CullFaceNone = 0;
+                       const CullFaceBack = 1;
+                       const CullFaceFront = 2;
+                       const CullFaceFrontBack = 3;
+                       const BasicShadowMap = 0;
+                       const PCFShadowMap = 1;
+                       const PCFSoftShadowMap = 2;
+                       const VSMShadowMap = 3;
+                       const FrontSide = 0;
+                       const BackSide = 1;
+                       const DoubleSide = 2;
+                       const FlatShading = 1;
+                       const SmoothShading = 2;
+                       const NoBlending = 0;
+                       const NormalBlending = 1;
+                       const AdditiveBlending = 2;
+                       const SubtractiveBlending = 3;
+                       const MultiplyBlending = 4;
+                       const CustomBlending = 5;
+                       const AddEquation = 100;
+                       const SubtractEquation = 101;
+                       const ReverseSubtractEquation = 102;
+                       const MinEquation = 103;
+                       const MaxEquation = 104;
+                       const ZeroFactor = 200;
+                       const OneFactor = 201;
+                       const SrcColorFactor = 202;
+                       const OneMinusSrcColorFactor = 203;
+                       const SrcAlphaFactor = 204;
+                       const OneMinusSrcAlphaFactor = 205;
+                       const DstAlphaFactor = 206;
+                       const OneMinusDstAlphaFactor = 207;
+                       const DstColorFactor = 208;
+                       const OneMinusDstColorFactor = 209;
+                       const SrcAlphaSaturateFactor = 210;
+                       const NeverDepth = 0;
+                       const AlwaysDepth = 1;
+                       const LessDepth = 2;
+                       const LessEqualDepth = 3;
+                       const EqualDepth = 4;
+                       const GreaterEqualDepth = 5;
+                       const GreaterDepth = 6;
+                       const NotEqualDepth = 7;
+                       const MultiplyOperation = 0;
+                       const MixOperation = 1;
+                       const AddOperation = 2;
+                       const NoToneMapping = 0;
+                       const LinearToneMapping = 1;
+                       const ReinhardToneMapping = 2;
+                       const CineonToneMapping = 3;
+                       const ACESFilmicToneMapping = 4;
+                       const CustomToneMapping = 5;
+                       const UVMapping = 300;
+                       const CubeReflectionMapping = 301;
+                       const CubeRefractionMapping = 302;
+                       const EquirectangularReflectionMapping = 303;
+                       const EquirectangularRefractionMapping = 304;
+                       const CubeUVReflectionMapping = 306;
+                       const CubeUVRefractionMapping = 307;
+                       const RepeatWrapping = 1000;
+                       const ClampToEdgeWrapping = 1001;
+                       const MirroredRepeatWrapping = 1002;
+                       const NearestFilter = 1003;
+                       const NearestMipmapNearestFilter = 1004;
+                       const NearestMipMapNearestFilter = 1004;
+                       const NearestMipmapLinearFilter = 1005;
+                       const NearestMipMapLinearFilter = 1005;
+                       const LinearFilter = 1006;
+                       const LinearMipmapNearestFilter = 1007;
+                       const LinearMipMapNearestFilter = 1007;
+                       const LinearMipmapLinearFilter = 1008;
+                       const LinearMipMapLinearFilter = 1008;
+                       const UnsignedByteType = 1009;
+                       const ByteType = 1010;
+                       const ShortType = 1011;
+                       const UnsignedShortType = 1012;
+                       const IntType = 1013;
+                       const UnsignedIntType = 1014;
+                       const FloatType = 1015;
+                       const HalfFloatType = 1016;
+                       const UnsignedShort4444Type = 1017;
+                       const UnsignedShort5551Type = 1018;
+                       const UnsignedShort565Type = 1019;
+                       const UnsignedInt248Type = 1020;
+                       const AlphaFormat = 1021;
+                       const RGBFormat = 1022;
+                       const RGBAFormat = 1023;
+                       const LuminanceFormat = 1024;
+                       const LuminanceAlphaFormat = 1025;
+                       const RGBEFormat = RGBAFormat;
+                       const DepthFormat = 1026;
+                       const DepthStencilFormat = 1027;
+                       const RedFormat = 1028;
+                       const RedIntegerFormat = 1029;
+                       const RGFormat = 1030;
+                       const RGIntegerFormat = 1031;
+                       const RGBIntegerFormat = 1032;
+                       const RGBAIntegerFormat = 1033;
+                       const RGB_S3TC_DXT1_Format = 33776;
+                       const RGBA_S3TC_DXT1_Format = 33777;
+                       const RGBA_S3TC_DXT3_Format = 33778;
+                       const RGBA_S3TC_DXT5_Format = 33779;
+                       const RGB_PVRTC_4BPPV1_Format = 35840;
+                       const RGB_PVRTC_2BPPV1_Format = 35841;
+                       const RGBA_PVRTC_4BPPV1_Format = 35842;
+                       const RGBA_PVRTC_2BPPV1_Format = 35843;
+                       const RGB_ETC1_Format = 36196;
+                       const RGB_ETC2_Format = 37492;
+                       const RGBA_ETC2_EAC_Format = 37496;
+                       const RGBA_ASTC_4x4_Format = 37808;
+                       const RGBA_ASTC_5x4_Format = 37809;
+                       const RGBA_ASTC_5x5_Format = 37810;
+                       const RGBA_ASTC_6x5_Format = 37811;
+                       const RGBA_ASTC_6x6_Format = 37812;
+                       const RGBA_ASTC_8x5_Format = 37813;
+                       const RGBA_ASTC_8x6_Format = 37814;
+                       const RGBA_ASTC_8x8_Format = 37815;
+                       const RGBA_ASTC_10x5_Format = 37816;
+                       const RGBA_ASTC_10x6_Format = 37817;
+                       const RGBA_ASTC_10x8_Format = 37818;
+                       const RGBA_ASTC_10x10_Format = 37819;
+                       const RGBA_ASTC_12x10_Format = 37820;
+                       const RGBA_ASTC_12x12_Format = 37821;
+                       const RGBA_BPTC_Format = 36492;
+                       const SRGB8_ALPHA8_ASTC_4x4_Format = 37840;
+                       const SRGB8_ALPHA8_ASTC_5x4_Format = 37841;
+                       const SRGB8_ALPHA8_ASTC_5x5_Format = 37842;
+                       const SRGB8_ALPHA8_ASTC_6x5_Format = 37843;
+                       const SRGB8_ALPHA8_ASTC_6x6_Format = 37844;
+                       const SRGB8_ALPHA8_ASTC_8x5_Format = 37845;
+                       const SRGB8_ALPHA8_ASTC_8x6_Format = 37846;
+                       const SRGB8_ALPHA8_ASTC_8x8_Format = 37847;
+                       const SRGB8_ALPHA8_ASTC_10x5_Format = 37848;
+                       const SRGB8_ALPHA8_ASTC_10x6_Format = 37849;
+                       const SRGB8_ALPHA8_ASTC_10x8_Format = 37850;
+                       const SRGB8_ALPHA8_ASTC_10x10_Format = 37851;
+                       const SRGB8_ALPHA8_ASTC_12x10_Format = 37852;
+                       const SRGB8_ALPHA8_ASTC_12x12_Format = 37853;
+                       const LoopOnce = 2200;
+                       const LoopRepeat = 2201;
+                       const LoopPingPong = 2202;
+                       const InterpolateDiscrete = 2300;
+                       const InterpolateLinear = 2301;
+                       const InterpolateSmooth = 2302;
+                       const ZeroCurvatureEnding = 2400;
+                       const ZeroSlopeEnding = 2401;
+                       const WrapAroundEnding = 2402;
+                       const NormalAnimationBlendMode = 2500;
+                       const AdditiveAnimationBlendMode = 2501;
+                       const TrianglesDrawMode = 0;
+                       const TriangleStripDrawMode = 1;
+                       const TriangleFanDrawMode = 2;
+                       const LinearEncoding = 3000;
+                       const sRGBEncoding = 3001;
+                       const GammaEncoding = 3007;
+                       const RGBEEncoding = 3002;
+                       const LogLuvEncoding = 3003;
+                       const RGBM7Encoding = 3004;
+                       const RGBM16Encoding = 3005;
+                       const RGBDEncoding = 3006;
+                       const BasicDepthPacking = 3200;
+                       const RGBADepthPacking = 3201;
+                       const TangentSpaceNormalMap = 0;
+                       const ObjectSpaceNormalMap = 1;
+                       const ZeroStencilOp = 0;
+                       const KeepStencilOp = 7680;
+                       const ReplaceStencilOp = 7681;
+                       const IncrementStencilOp = 7682;
+                       const DecrementStencilOp = 7683;
+                       const IncrementWrapStencilOp = 34055;
+                       const DecrementWrapStencilOp = 34056;
+                       const InvertStencilOp = 5386;
+                       const NeverStencilFunc = 512;
+                       const LessStencilFunc = 513;
+                       const EqualStencilFunc = 514;
+                       const LessEqualStencilFunc = 515;
+                       const GreaterStencilFunc = 516;
+                       const NotEqualStencilFunc = 517;
+                       const GreaterEqualStencilFunc = 518;
+                       const AlwaysStencilFunc = 519;
+                       const StaticDrawUsage = 35044;
+                       const DynamicDrawUsage = 35048;
+                       const StreamDrawUsage = 35040;
+                       const StaticReadUsage = 35045;
+                       const DynamicReadUsage = 35049;
+                       const StreamReadUsage = 35041;
+                       const StaticCopyUsage = 35046;
+                       const DynamicCopyUsage = 35050;
+                       const StreamCopyUsage = 35042;
+                       const GLSL1 = '100';
+                       const GLSL3 = '300 es';
+
+                       /**
+                        * https://github.com/mrdoob/eventdispatcher.js/
+                        */
+                       class EventDispatcher {
+                               addEventListener(type, listener) {
+                                       if (this._listeners === undefined) this._listeners = {};
+                                       const listeners = this._listeners;
+
+                                       if (listeners[type] === undefined) {
+                                               listeners[type] = [];
+                                       }
+
+                                       if (listeners[type].indexOf(listener) === -1) {
+                                               listeners[type].push(listener);
+                                       }
+                               }
+
+                               hasEventListener(type, listener) {
+                                       if (this._listeners === undefined) return false;
+                                       const listeners = this._listeners;
+                                       return listeners[type] !== undefined && listeners[type].indexOf(listener) !== -1;
+                               }
+
+                               removeEventListener(type, listener) {
+                                       if (this._listeners === undefined) return;
+                                       const listeners = this._listeners;
+                                       const listenerArray = listeners[type];
+
+                                       if (listenerArray !== undefined) {
+                                               const index = listenerArray.indexOf(listener);
+
+                                               if (index !== -1) {
+                                                       listenerArray.splice(index, 1);
+                                               }
+                                       }
+                               }
+
+                               dispatchEvent(event) {
+                                       if (this._listeners === undefined) return;
+                                       const listeners = this._listeners;
+                                       const listenerArray = listeners[event.type];
+
+                                       if (listenerArray !== undefined) {
+                                               event.target = this; // Make a copy, in case listeners are removed while iterating.
+
+                                               const array = listenerArray.slice(0);
+
+                                               for (let i = 0, l = array.length; i < l; i++) {
+                                                       array[i].call(this, event);
+                                               }
+
+                                               event.target = null;
+                                       }
+                               }
+
+                       }
+
+                       const _lut = [];
+
+                       for (let i = 0; i < 256; i++) {
+                               _lut[i] = (i < 16 ? '0' : '') + i.toString(16);
+                       }
+
+                       let _seed = 1234567;
+                       const DEG2RAD = Math.PI / 180;
+                       const RAD2DEG = 180 / Math.PI; // http://stackoverflow.com/questions/105034/how-to-create-a-guid-uuid-in-javascript/21963136#21963136
+
+                       function generateUUID() {
+                               const d0 = Math.random() * 0xffffffff | 0;
+                               const d1 = Math.random() * 0xffffffff | 0;
+                               const d2 = Math.random() * 0xffffffff | 0;
+                               const d3 = Math.random() * 0xffffffff | 0;
+                               const uuid = _lut[d0 & 0xff] + _lut[d0 >> 8 & 0xff] + _lut[d0 >> 16 & 0xff] + _lut[d0 >> 24 & 0xff] + '-' + _lut[d1 & 0xff] + _lut[d1 >> 8 & 0xff] + '-' + _lut[d1 >> 16 & 0x0f | 0x40] + _lut[d1 >> 24 & 0xff] + '-' + _lut[d2 & 0x3f | 0x80] + _lut[d2 >> 8 & 0xff] + '-' + _lut[d2 >> 16 & 0xff] + _lut[d2 >> 24 & 0xff] + _lut[d3 & 0xff] + _lut[d3 >> 8 & 0xff] + _lut[d3 >> 16 & 0xff] + _lut[d3 >> 24 & 0xff]; // .toUpperCase() here flattens concatenated strings to save heap memory space.
+
+                               return uuid.toUpperCase();
+                       }
+
+                       function clamp(value, min, max) {
+                               return Math.max(min, Math.min(max, value));
+                       } // compute euclidian modulo of m % n
+                       // https://en.wikipedia.org/wiki/Modulo_operation
+
+
+                       function euclideanModulo(n, m) {
+                               return (n % m + m) % m;
+                       } // Linear mapping from range <a1, a2> to range <b1, b2>
+
+
+                       function mapLinear(x, a1, a2, b1, b2) {
+                               return b1 + (x - a1) * (b2 - b1) / (a2 - a1);
+                       } // https://www.gamedev.net/tutorials/programming/general-and-gameplay-programming/inverse-lerp-a-super-useful-yet-often-overlooked-function-r5230/
+
+
+                       function inverseLerp(x, y, value) {
+                               if (x !== y) {
+                                       return (value - x) / (y - x);
+                               } else {
+                                       return 0;
+                               }
+                       } // https://en.wikipedia.org/wiki/Linear_interpolation
+
+
+                       function lerp(x, y, t) {
+                               return (1 - t) * x + t * y;
+                       } // http://www.rorydriscoll.com/2016/03/07/frame-rate-independent-damping-using-lerp/
+
+
+                       function damp(x, y, lambda, dt) {
+                               return lerp(x, y, 1 - Math.exp(-lambda * dt));
+                       } // https://www.desmos.com/calculator/vcsjnyz7x4
+
+
+                       function pingpong(x, length = 1) {
+                               return length - Math.abs(euclideanModulo(x, length * 2) - length);
+                       } // http://en.wikipedia.org/wiki/Smoothstep
+
+
+                       function smoothstep(x, min, max) {
+                               if (x <= min) return 0;
+                               if (x >= max) return 1;
+                               x = (x - min) / (max - min);
+                               return x * x * (3 - 2 * x);
+                       }
+
+                       function smootherstep(x, min, max) {
+                               if (x <= min) return 0;
+                               if (x >= max) return 1;
+                               x = (x - min) / (max - min);
+                               return x * x * x * (x * (x * 6 - 15) + 10);
+                       } // Random integer from <low, high> interval
+
+
+                       function randInt(low, high) {
+                               return low + Math.floor(Math.random() * (high - low + 1));
+                       } // Random float from <low, high> interval
+
+
+                       function randFloat(low, high) {
+                               return low + Math.random() * (high - low);
+                       } // Random float from <-range/2, range/2> interval
+
+
+                       function randFloatSpread(range) {
+                               return range * (0.5 - Math.random());
+                       } // Deterministic pseudo-random float in the interval [ 0, 1 ]
+
+
+                       function seededRandom(s) {
+                               if (s !== undefined) _seed = s % 2147483647; // Park-Miller algorithm
+
+                               _seed = _seed * 16807 % 2147483647;
+                               return (_seed - 1) / 2147483646;
+                       }
+
+                       function degToRad(degrees) {
+                               return degrees * DEG2RAD;
+                       }
+
+                       function radToDeg(radians) {
+                               return radians * RAD2DEG;
+                       }
+
+                       function isPowerOfTwo(value) {
+                               return (value & value - 1) === 0 && value !== 0;
+                       }
+
+                       function ceilPowerOfTwo(value) {
+                               return Math.pow(2, Math.ceil(Math.log(value) / Math.LN2));
+                       }
+
+                       function floorPowerOfTwo(value) {
+                               return Math.pow(2, Math.floor(Math.log(value) / Math.LN2));
+                       }
+
+                       function setQuaternionFromProperEuler(q, a, b, c, order) {
+                               // Intrinsic Proper Euler Angles - see https://en.wikipedia.org/wiki/Euler_angles
+                               // rotations are applied to the axes in the order specified by 'order'
+                               // rotation by angle 'a' is applied first, then by angle 'b', then by angle 'c'
+                               // angles are in radians
+                               const cos = Math.cos;
+                               const sin = Math.sin;
+                               const c2 = cos(b / 2);
+                               const s2 = sin(b / 2);
+                               const c13 = cos((a + c) / 2);
+                               const s13 = sin((a + c) / 2);
+                               const c1_3 = cos((a - c) / 2);
+                               const s1_3 = sin((a - c) / 2);
+                               const c3_1 = cos((c - a) / 2);
+                               const s3_1 = sin((c - a) / 2);
+
+                               switch (order) {
+                                       case 'XYX':
+                                               q.set(c2 * s13, s2 * c1_3, s2 * s1_3, c2 * c13);
+                                               break;
+
+                                       case 'YZY':
+                                               q.set(s2 * s1_3, c2 * s13, s2 * c1_3, c2 * c13);
+                                               break;
+
+                                       case 'ZXZ':
+                                               q.set(s2 * c1_3, s2 * s1_3, c2 * s13, c2 * c13);
+                                               break;
+
+                                       case 'XZX':
+                                               q.set(c2 * s13, s2 * s3_1, s2 * c3_1, c2 * c13);
+                                               break;
+
+                                       case 'YXY':
+                                               q.set(s2 * c3_1, c2 * s13, s2 * s3_1, c2 * c13);
+                                               break;
+
+                                       case 'ZYZ':
+                                               q.set(s2 * s3_1, s2 * c3_1, c2 * s13, c2 * c13);
+                                               break;
+
+                                       default:
+                                               console.warn('THREE.MathUtils: .setQuaternionFromProperEuler() encountered an unknown order: ' + order);
+                               }
+                       }
+
+                       var MathUtils = /*#__PURE__*/Object.freeze({
+                               __proto__: null,
+                               DEG2RAD: DEG2RAD,
+                               RAD2DEG: RAD2DEG,
+                               generateUUID: generateUUID,
+                               clamp: clamp,
+                               euclideanModulo: euclideanModulo,
+                               mapLinear: mapLinear,
+                               inverseLerp: inverseLerp,
+                               lerp: lerp,
+                               damp: damp,
+                               pingpong: pingpong,
+                               smoothstep: smoothstep,
+                               smootherstep: smootherstep,
+                               randInt: randInt,
+                               randFloat: randFloat,
+                               randFloatSpread: randFloatSpread,
+                               seededRandom: seededRandom,
+                               degToRad: degToRad,
+                               radToDeg: radToDeg,
+                               isPowerOfTwo: isPowerOfTwo,
+                               ceilPowerOfTwo: ceilPowerOfTwo,
+                               floorPowerOfTwo: floorPowerOfTwo,
+                               setQuaternionFromProperEuler: setQuaternionFromProperEuler
+                       });
+
+                       class Vector2 {
+                               constructor(x = 0, y = 0) {
+                                       this.x = x;
+                                       this.y = y;
+                               }
+
+                               get width() {
+                                       return this.x;
+                               }
+
+                               set width(value) {
+                                       this.x = value;
+                               }
+
+                               get height() {
+                                       return this.y;
+                               }
+
+                               set height(value) {
+                                       this.y = value;
+                               }
+
+                               set(x, y) {
+                                       this.x = x;
+                                       this.y = y;
+                                       return this;
+                               }
+
+                               setScalar(scalar) {
+                                       this.x = scalar;
+                                       this.y = scalar;
+                                       return this;
+                               }
+
+                               setX(x) {
+                                       this.x = x;
+                                       return this;
+                               }
+
+                               setY(y) {
+                                       this.y = y;
+                                       return this;
+                               }
+
+                               setComponent(index, value) {
+                                       switch (index) {
+                                               case 0:
+                                                       this.x = value;
+                                                       break;
+
+                                               case 1:
+                                                       this.y = value;
+                                                       break;
+
+                                               default:
+                                                       throw new Error('index is out of range: ' + index);
+                                       }
+
+                                       return this;
+                               }
+
+                               getComponent(index) {
+                                       switch (index) {
+                                               case 0:
+                                                       return this.x;
+
+                                               case 1:
+                                                       return this.y;
+
+                                               default:
+                                                       throw new Error('index is out of range: ' + index);
+                                       }
+                               }
+
+                               clone() {
+                                       return new this.constructor(this.x, this.y);
+                               }
+
+                               copy(v) {
+                                       this.x = v.x;
+                                       this.y = v.y;
+                                       return this;
+                               }
+
+                               add(v, w) {
+                                       if (w !== undefined) {
+                                               console.warn('THREE.Vector2: .add() now only accepts one argument. Use .addVectors( a, b ) instead.');
+                                               return this.addVectors(v, w);
+                                       }
+
+                                       this.x += v.x;
+                                       this.y += v.y;
+                                       return this;
+                               }
+
+                               addScalar(s) {
+                                       this.x += s;
+                                       this.y += s;
+                                       return this;
+                               }
+
+                               addVectors(a, b) {
+                                       this.x = a.x + b.x;
+                                       this.y = a.y + b.y;
+                                       return this;
+                               }
+
+                               addScaledVector(v, s) {
+                                       this.x += v.x * s;
+                                       this.y += v.y * s;
+                                       return this;
+                               }
+
+                               sub(v, w) {
+                                       if (w !== undefined) {
+                                               console.warn('THREE.Vector2: .sub() now only accepts one argument. Use .subVectors( a, b ) instead.');
+                                               return this.subVectors(v, w);
+                                       }
+
+                                       this.x -= v.x;
+                                       this.y -= v.y;
+                                       return this;
+                               }
+
+                               subScalar(s) {
+                                       this.x -= s;
+                                       this.y -= s;
+                                       return this;
+                               }
+
+                               subVectors(a, b) {
+                                       this.x = a.x - b.x;
+                                       this.y = a.y - b.y;
+                                       return this;
+                               }
+
+                               multiply(v) {
+                                       this.x *= v.x;
+                                       this.y *= v.y;
+                                       return this;
+                               }
+
+                               multiplyScalar(scalar) {
+                                       this.x *= scalar;
+                                       this.y *= scalar;
+                                       return this;
+                               }
+
+                               divide(v) {
+                                       this.x /= v.x;
+                                       this.y /= v.y;
+                                       return this;
+                               }
+
+                               divideScalar(scalar) {
+                                       return this.multiplyScalar(1 / scalar);
+                               }
+
+                               applyMatrix3(m) {
+                                       const x = this.x,
+                                               y = this.y;
+                                       const e = m.elements;
+                                       this.x = e[0] * x + e[3] * y + e[6];
+                                       this.y = e[1] * x + e[4] * y + e[7];
+                                       return this;
+                               }
+
+                               min(v) {
+                                       this.x = Math.min(this.x, v.x);
+                                       this.y = Math.min(this.y, v.y);
+                                       return this;
+                               }
+
+                               max(v) {
+                                       this.x = Math.max(this.x, v.x);
+                                       this.y = Math.max(this.y, v.y);
+                                       return this;
+                               }
+
+                               clamp(min, max) {
+                                       // assumes min < max, componentwise
+                                       this.x = Math.max(min.x, Math.min(max.x, this.x));
+                                       this.y = Math.max(min.y, Math.min(max.y, this.y));
+                                       return this;
+                               }
+
+                               clampScalar(minVal, maxVal) {
+                                       this.x = Math.max(minVal, Math.min(maxVal, this.x));
+                                       this.y = Math.max(minVal, Math.min(maxVal, this.y));
+                                       return this;
+                               }
+
+                               clampLength(min, max) {
+                                       const length = this.length();
+                                       return this.divideScalar(length || 1).multiplyScalar(Math.max(min, Math.min(max, length)));
+                               }
+
+                               floor() {
+                                       this.x = Math.floor(this.x);
+                                       this.y = Math.floor(this.y);
+                                       return this;
+                               }
+
+                               ceil() {
+                                       this.x = Math.ceil(this.x);
+                                       this.y = Math.ceil(this.y);
+                                       return this;
+                               }
+
+                               round() {
+                                       this.x = Math.round(this.x);
+                                       this.y = Math.round(this.y);
+                                       return this;
+                               }
+
+                               roundToZero() {
+                                       this.x = this.x < 0 ? Math.ceil(this.x) : Math.floor(this.x);
+                                       this.y = this.y < 0 ? Math.ceil(this.y) : Math.floor(this.y);
+                                       return this;
+                               }
+
+                               negate() {
+                                       this.x = -this.x;
+                                       this.y = -this.y;
+                                       return this;
+                               }
+
+                               dot(v) {
+                                       return this.x * v.x + this.y * v.y;
+                               }
+
+                               cross(v) {
+                                       return this.x * v.y - this.y * v.x;
+                               }
+
+                               lengthSq() {
+                                       return this.x * this.x + this.y * this.y;
+                               }
+
+                               length() {
+                                       return Math.sqrt(this.x * this.x + this.y * this.y);
+                               }
+
+                               manhattanLength() {
+                                       return Math.abs(this.x) + Math.abs(this.y);
+                               }
+
+                               normalize() {
+                                       return this.divideScalar(this.length() || 1);
+                               }
+
+                               angle() {
+                                       // computes the angle in radians with respect to the positive x-axis
+                                       const angle = Math.atan2(-this.y, -this.x) + Math.PI;
+                                       return angle;
+                               }
+
+                               distanceTo(v) {
+                                       return Math.sqrt(this.distanceToSquared(v));
+                               }
+
+                               distanceToSquared(v) {
+                                       const dx = this.x - v.x,
+                                               dy = this.y - v.y;
+                                       return dx * dx + dy * dy;
+                               }
+
+                               manhattanDistanceTo(v) {
+                                       return Math.abs(this.x - v.x) + Math.abs(this.y - v.y);
+                               }
+
+                               setLength(length) {
+                                       return this.normalize().multiplyScalar(length);
+                               }
+
+                               lerp(v, alpha) {
+                                       this.x += (v.x - this.x) * alpha;
+                                       this.y += (v.y - this.y) * alpha;
+                                       return this;
+                               }
+
+                               lerpVectors(v1, v2, alpha) {
+                                       this.x = v1.x + (v2.x - v1.x) * alpha;
+                                       this.y = v1.y + (v2.y - v1.y) * alpha;
+                                       return this;
+                               }
+
+                               equals(v) {
+                                       return v.x === this.x && v.y === this.y;
+                               }
+
+                               fromArray(array, offset = 0) {
+                                       this.x = array[offset];
+                                       this.y = array[offset + 1];
+                                       return this;
+                               }
+
+                               toArray(array = [], offset = 0) {
+                                       array[offset] = this.x;
+                                       array[offset + 1] = this.y;
+                                       return array;
+                               }
+
+                               fromBufferAttribute(attribute, index, offset) {
+                                       if (offset !== undefined) {
+                                               console.warn('THREE.Vector2: offset has been removed from .fromBufferAttribute().');
+                                       }
+
+                                       this.x = attribute.getX(index);
+                                       this.y = attribute.getY(index);
+                                       return this;
+                               }
+
+                               rotateAround(center, angle) {
+                                       const c = Math.cos(angle),
+                                               s = Math.sin(angle);
+                                       const x = this.x - center.x;
+                                       const y = this.y - center.y;
+                                       this.x = x * c - y * s + center.x;
+                                       this.y = x * s + y * c + center.y;
+                                       return this;
+                               }
+
+                               random() {
+                                       this.x = Math.random();
+                                       this.y = Math.random();
+                                       return this;
+                               }
+
+                       }
+
+                       Vector2.prototype.isVector2 = true;
+
+                       class Matrix3 {
+                               constructor() {
+                                       this.elements = [1, 0, 0, 0, 1, 0, 0, 0, 1];
+
+                                       if (arguments.length > 0) {
+                                               console.error('THREE.Matrix3: the constructor no longer reads arguments. use .set() instead.');
+                                       }
+                               }
+
+                               set(n11, n12, n13, n21, n22, n23, n31, n32, n33) {
+                                       const te = this.elements;
+                                       te[0] = n11;
+                                       te[1] = n21;
+                                       te[2] = n31;
+                                       te[3] = n12;
+                                       te[4] = n22;
+                                       te[5] = n32;
+                                       te[6] = n13;
+                                       te[7] = n23;
+                                       te[8] = n33;
+                                       return this;
+                               }
+
+                               identity() {
+                                       this.set(1, 0, 0, 0, 1, 0, 0, 0, 1);
+                                       return this;
+                               }
+
+                               copy(m) {
+                                       const te = this.elements;
+                                       const me = m.elements;
+                                       te[0] = me[0];
+                                       te[1] = me[1];
+                                       te[2] = me[2];
+                                       te[3] = me[3];
+                                       te[4] = me[4];
+                                       te[5] = me[5];
+                                       te[6] = me[6];
+                                       te[7] = me[7];
+                                       te[8] = me[8];
+                                       return this;
+                               }
+
+                               extractBasis(xAxis, yAxis, zAxis) {
+                                       xAxis.setFromMatrix3Column(this, 0);
+                                       yAxis.setFromMatrix3Column(this, 1);
+                                       zAxis.setFromMatrix3Column(this, 2);
+                                       return this;
+                               }
+
+                               setFromMatrix4(m) {
+                                       const me = m.elements;
+                                       this.set(me[0], me[4], me[8], me[1], me[5], me[9], me[2], me[6], me[10]);
+                                       return this;
+                               }
+
+                               multiply(m) {
+                                       return this.multiplyMatrices(this, m);
+                               }
+
+                               premultiply(m) {
+                                       return this.multiplyMatrices(m, this);
+                               }
+
+                               multiplyMatrices(a, b) {
+                                       const ae = a.elements;
+                                       const be = b.elements;
+                                       const te = this.elements;
+                                       const a11 = ae[0],
+                                               a12 = ae[3],
+                                               a13 = ae[6];
+                                       const a21 = ae[1],
+                                               a22 = ae[4],
+                                               a23 = ae[7];
+                                       const a31 = ae[2],
+                                               a32 = ae[5],
+                                               a33 = ae[8];
+                                       const b11 = be[0],
+                                               b12 = be[3],
+                                               b13 = be[6];
+                                       const b21 = be[1],
+                                               b22 = be[4],
+                                               b23 = be[7];
+                                       const b31 = be[2],
+                                               b32 = be[5],
+                                               b33 = be[8];
+                                       te[0] = a11 * b11 + a12 * b21 + a13 * b31;
+                                       te[3] = a11 * b12 + a12 * b22 + a13 * b32;
+                                       te[6] = a11 * b13 + a12 * b23 + a13 * b33;
+                                       te[1] = a21 * b11 + a22 * b21 + a23 * b31;
+                                       te[4] = a21 * b12 + a22 * b22 + a23 * b32;
+                                       te[7] = a21 * b13 + a22 * b23 + a23 * b33;
+                                       te[2] = a31 * b11 + a32 * b21 + a33 * b31;
+                                       te[5] = a31 * b12 + a32 * b22 + a33 * b32;
+                                       te[8] = a31 * b13 + a32 * b23 + a33 * b33;
+                                       return this;
+                               }
+
+                               multiplyScalar(s) {
+                                       const te = this.elements;
+                                       te[0] *= s;
+                                       te[3] *= s;
+                                       te[6] *= s;
+                                       te[1] *= s;
+                                       te[4] *= s;
+                                       te[7] *= s;
+                                       te[2] *= s;
+                                       te[5] *= s;
+                                       te[8] *= s;
+                                       return this;
+                               }
+
+                               determinant() {
+                                       const te = this.elements;
+                                       const a = te[0],
+                                               b = te[1],
+                                               c = te[2],
+                                               d = te[3],
+                                               e = te[4],
+                                               f = te[5],
+                                               g = te[6],
+                                               h = te[7],
+                                               i = te[8];
+                                       return a * e * i - a * f * h - b * d * i + b * f * g + c * d * h - c * e * g;
+                               }
+
+                               invert() {
+                                       const te = this.elements,
+                                               n11 = te[0],
+                                               n21 = te[1],
+                                               n31 = te[2],
+                                               n12 = te[3],
+                                               n22 = te[4],
+                                               n32 = te[5],
+                                               n13 = te[6],
+                                               n23 = te[7],
+                                               n33 = te[8],
+                                               t11 = n33 * n22 - n32 * n23,
+                                               t12 = n32 * n13 - n33 * n12,
+                                               t13 = n23 * n12 - n22 * n13,
+                                               det = n11 * t11 + n21 * t12 + n31 * t13;
+                                       if (det === 0) return this.set(0, 0, 0, 0, 0, 0, 0, 0, 0);
+                                       const detInv = 1 / det;
+                                       te[0] = t11 * detInv;
+                                       te[1] = (n31 * n23 - n33 * n21) * detInv;
+                                       te[2] = (n32 * n21 - n31 * n22) * detInv;
+                                       te[3] = t12 * detInv;
+                                       te[4] = (n33 * n11 - n31 * n13) * detInv;
+                                       te[5] = (n31 * n12 - n32 * n11) * detInv;
+                                       te[6] = t13 * detInv;
+                                       te[7] = (n21 * n13 - n23 * n11) * detInv;
+                                       te[8] = (n22 * n11 - n21 * n12) * detInv;
+                                       return this;
+                               }
+
+                               transpose() {
+                                       let tmp;
+                                       const m = this.elements;
+                                       tmp = m[1];
+                                       m[1] = m[3];
+                                       m[3] = tmp;
+                                       tmp = m[2];
+                                       m[2] = m[6];
+                                       m[6] = tmp;
+                                       tmp = m[5];
+                                       m[5] = m[7];
+                                       m[7] = tmp;
+                                       return this;
+                               }
+
+                               getNormalMatrix(matrix4) {
+                                       return this.setFromMatrix4(matrix4).invert().transpose();
+                               }
+
+                               transposeIntoArray(r) {
+                                       const m = this.elements;
+                                       r[0] = m[0];
+                                       r[1] = m[3];
+                                       r[2] = m[6];
+                                       r[3] = m[1];
+                                       r[4] = m[4];
+                                       r[5] = m[7];
+                                       r[6] = m[2];
+                                       r[7] = m[5];
+                                       r[8] = m[8];
+                                       return this;
+                               }
+
+                               setUvTransform(tx, ty, sx, sy, rotation, cx, cy) {
+                                       const c = Math.cos(rotation);
+                                       const s = Math.sin(rotation);
+                                       this.set(sx * c, sx * s, -sx * (c * cx + s * cy) + cx + tx, -sy * s, sy * c, -sy * (-s * cx + c * cy) + cy + ty, 0, 0, 1);
+                                       return this;
+                               }
+
+                               scale(sx, sy) {
+                                       const te = this.elements;
+                                       te[0] *= sx;
+                                       te[3] *= sx;
+                                       te[6] *= sx;
+                                       te[1] *= sy;
+                                       te[4] *= sy;
+                                       te[7] *= sy;
+                                       return this;
+                               }
+
+                               rotate(theta) {
+                                       const c = Math.cos(theta);
+                                       const s = Math.sin(theta);
+                                       const te = this.elements;
+                                       const a11 = te[0],
+                                               a12 = te[3],
+                                               a13 = te[6];
+                                       const a21 = te[1],
+                                               a22 = te[4],
+                                               a23 = te[7];
+                                       te[0] = c * a11 + s * a21;
+                                       te[3] = c * a12 + s * a22;
+                                       te[6] = c * a13 + s * a23;
+                                       te[1] = -s * a11 + c * a21;
+                                       te[4] = -s * a12 + c * a22;
+                                       te[7] = -s * a13 + c * a23;
+                                       return this;
+                               }
+
+                               translate(tx, ty) {
+                                       const te = this.elements;
+                                       te[0] += tx * te[2];
+                                       te[3] += tx * te[5];
+                                       te[6] += tx * te[8];
+                                       te[1] += ty * te[2];
+                                       te[4] += ty * te[5];
+                                       te[7] += ty * te[8];
+                                       return this;
+                               }
+
+                               equals(matrix) {
+                                       const te = this.elements;
+                                       const me = matrix.elements;
+
+                                       for (let i = 0; i < 9; i++) {
+                                               if (te[i] !== me[i]) return false;
+                                       }
+
+                                       return true;
+                               }
+
+                               fromArray(array, offset = 0) {
+                                       for (let i = 0; i < 9; i++) {
+                                               this.elements[i] = array[i + offset];
+                                       }
+
+                                       return this;
+                               }
+
+                               toArray(array = [], offset = 0) {
+                                       const te = this.elements;
+                                       array[offset] = te[0];
+                                       array[offset + 1] = te[1];
+                                       array[offset + 2] = te[2];
+                                       array[offset + 3] = te[3];
+                                       array[offset + 4] = te[4];
+                                       array[offset + 5] = te[5];
+                                       array[offset + 6] = te[6];
+                                       array[offset + 7] = te[7];
+                                       array[offset + 8] = te[8];
+                                       return array;
+                               }
+
+                               clone() {
+                                       return new this.constructor().fromArray(this.elements);
+                               }
+
+                       }
+
+                       Matrix3.prototype.isMatrix3 = true;
+
+                       let _canvas;
+
+                       class ImageUtils {
+                               static getDataURL(image) {
+                                       if (/^data:/i.test(image.src)) {
+                                               return image.src;
+                                       }
+
+                                       if (typeof HTMLCanvasElement == 'undefined') {
+                                               return image.src;
+                                       }
+
+                                       let canvas;
+
+                                       if (image instanceof HTMLCanvasElement) {
+                                               canvas = image;
+                                       } else {
+                                               if (_canvas === undefined) _canvas = document.createElementNS('http://www.w3.org/1999/xhtml', 'canvas');
+                                               _canvas.width = image.width;
+                                               _canvas.height = image.height;
+
+                                               const context = _canvas.getContext('2d');
+
+                                               if (image instanceof ImageData) {
+                                                       context.putImageData(image, 0, 0);
+                                               } else {
+                                                       context.drawImage(image, 0, 0, image.width, image.height);
+                                               }
+
+                                               canvas = _canvas;
+                                       }
+
+                                       if (canvas.width > 2048 || canvas.height > 2048) {
+                                               console.warn('THREE.ImageUtils.getDataURL: Image converted to jpg for performance reasons', image);
+                                               return canvas.toDataURL('image/jpeg', 0.6);
+                                       } else {
+                                               return canvas.toDataURL('image/png');
+                                       }
+                               }
+
+                       }
+
+                       let textureId = 0;
+
+                       class Texture extends EventDispatcher {
+                               constructor(image = Texture.DEFAULT_IMAGE, mapping = Texture.DEFAULT_MAPPING, wrapS = ClampToEdgeWrapping, wrapT = ClampToEdgeWrapping, magFilter = LinearFilter, minFilter = LinearMipmapLinearFilter, format = RGBAFormat, type = UnsignedByteType, anisotropy = 1, encoding = LinearEncoding) {
+                                       super();
+                                       Object.defineProperty(this, 'id', {
+                                               value: textureId++
+                                       });
+                                       this.uuid = generateUUID();
+                                       this.name = '';
+                                       this.image = image;
+                                       this.mipmaps = [];
+                                       this.mapping = mapping;
+                                       this.wrapS = wrapS;
+                                       this.wrapT = wrapT;
+                                       this.magFilter = magFilter;
+                                       this.minFilter = minFilter;
+                                       this.anisotropy = anisotropy;
+                                       this.format = format;
+                                       this.internalFormat = null;
+                                       this.type = type;
+                                       this.offset = new Vector2(0, 0);
+                                       this.repeat = new Vector2(1, 1);
+                                       this.center = new Vector2(0, 0);
+                                       this.rotation = 0;
+                                       this.matrixAutoUpdate = true;
+                                       this.matrix = new Matrix3();
+                                       this.generateMipmaps = true;
+                                       this.premultiplyAlpha = false;
+                                       this.flipY = true;
+                                       this.unpackAlignment = 4; // valid values: 1, 2, 4, 8 (see http://www.khronos.org/opengles/sdk/docs/man/xhtml/glPixelStorei.xml)
+                                       // Values of encoding !== THREE.LinearEncoding only supported on map, envMap and emissiveMap.
+                                       //
+                                       // Also changing the encoding after already used by a Material will not automatically make the Material
+                                       // update. You need to explicitly call Material.needsUpdate to trigger it to recompile.
+
+                                       this.encoding = encoding;
+                                       this.version = 0;
+                                       this.onUpdate = null;
+                                       this.isRenderTargetTexture = false;
+                               }
+
+                               updateMatrix() {
+                                       this.matrix.setUvTransform(this.offset.x, this.offset.y, this.repeat.x, this.repeat.y, this.rotation, this.center.x, this.center.y);
+                               }
+
+                               clone() {
+                                       return new this.constructor().copy(this);
+                               }
+
+                               copy(source) {
+                                       this.name = source.name;
+                                       this.image = source.image;
+                                       this.mipmaps = source.mipmaps.slice(0);
+                                       this.mapping = source.mapping;
+                                       this.wrapS = source.wrapS;
+                                       this.wrapT = source.wrapT;
+                                       this.magFilter = source.magFilter;
+                                       this.minFilter = source.minFilter;
+                                       this.anisotropy = source.anisotropy;
+                                       this.format = source.format;
+                                       this.internalFormat = source.internalFormat;
+                                       this.type = source.type;
+                                       this.offset.copy(source.offset);
+                                       this.repeat.copy(source.repeat);
+                                       this.center.copy(source.center);
+                                       this.rotation = source.rotation;
+                                       this.matrixAutoUpdate = source.matrixAutoUpdate;
+                                       this.matrix.copy(source.matrix);
+                                       this.generateMipmaps = source.generateMipmaps;
+                                       this.premultiplyAlpha = source.premultiplyAlpha;
+                                       this.flipY = source.flipY;
+                                       this.unpackAlignment = source.unpackAlignment;
+                                       this.encoding = source.encoding;
+                                       return this;
+                               }
+
+                               toJSON(meta) {
+                                       const isRootObject = meta === undefined || typeof meta === 'string';
+
+                                       if (!isRootObject && meta.textures[this.uuid] !== undefined) {
+                                               return meta.textures[this.uuid];
+                                       }
+
+                                       const output = {
+                                               metadata: {
+                                                       version: 4.5,
+                                                       type: 'Texture',
+                                                       generator: 'Texture.toJSON'
+                                               },
+                                               uuid: this.uuid,
+                                               name: this.name,
+                                               mapping: this.mapping,
+                                               repeat: [this.repeat.x, this.repeat.y],
+                                               offset: [this.offset.x, this.offset.y],
+                                               center: [this.center.x, this.center.y],
+                                               rotation: this.rotation,
+                                               wrap: [this.wrapS, this.wrapT],
+                                               format: this.format,
+                                               type: this.type,
+                                               encoding: this.encoding,
+                                               minFilter: this.minFilter,
+                                               magFilter: this.magFilter,
+                                               anisotropy: this.anisotropy,
+                                               flipY: this.flipY,
+                                               premultiplyAlpha: this.premultiplyAlpha,
+                                               unpackAlignment: this.unpackAlignment
+                                       };
+
+                                       if (this.image !== undefined) {
+                                               // TODO: Move to THREE.Image
+                                               const image = this.image;
+
+                                               if (image.uuid === undefined) {
+                                                       image.uuid = generateUUID(); // UGH
+                                               }
+
+                                               if (!isRootObject && meta.images[image.uuid] === undefined) {
+                                                       let url;
+
+                                                       if (Array.isArray(image)) {
+                                                               // process array of images e.g. CubeTexture
+                                                               url = [];
+
+                                                               for (let i = 0, l = image.length; i < l; i++) {
+                                                                       // check cube texture with data textures
+                                                                       if (image[i].isDataTexture) {
+                                                                               url.push(serializeImage(image[i].image));
+                                                                       } else {
+                                                                               url.push(serializeImage(image[i]));
+                                                                       }
+                                                               }
+                                                       } else {
+                                                               // process single image
+                                                               url = serializeImage(image);
+                                                       }
+
+                                                       meta.images[image.uuid] = {
+                                                               uuid: image.uuid,
+                                                               url: url
+                                                       };
+                                               }
+
+                                               output.image = image.uuid;
+                                       }
+
+                                       if (!isRootObject) {
+                                               meta.textures[this.uuid] = output;
+                                       }
+
+                                       return output;
+                               }
+
+                               dispose() {
+                                       this.dispatchEvent({
+                                               type: 'dispose'
+                                       });
+                               }
+
+                               transformUv(uv) {
+                                       if (this.mapping !== UVMapping) return uv;
+                                       uv.applyMatrix3(this.matrix);
+
+                                       if (uv.x < 0 || uv.x > 1) {
+                                               switch (this.wrapS) {
+                                                       case RepeatWrapping:
+                                                               uv.x = uv.x - Math.floor(uv.x);
+                                                               break;
+
+                                                       case ClampToEdgeWrapping:
+                                                               uv.x = uv.x < 0 ? 0 : 1;
+                                                               break;
+
+                                                       case MirroredRepeatWrapping:
+                                                               if (Math.abs(Math.floor(uv.x) % 2) === 1) {
+                                                                       uv.x = Math.ceil(uv.x) - uv.x;
+                                                               } else {
+                                                                       uv.x = uv.x - Math.floor(uv.x);
+                                                               }
+
+                                                               break;
+                                               }
+                                       }
+
+                                       if (uv.y < 0 || uv.y > 1) {
+                                               switch (this.wrapT) {
+                                                       case RepeatWrapping:
+                                                               uv.y = uv.y - Math.floor(uv.y);
+                                                               break;
+
+                                                       case ClampToEdgeWrapping:
+                                                               uv.y = uv.y < 0 ? 0 : 1;
+                                                               break;
+
+                                                       case MirroredRepeatWrapping:
+                                                               if (Math.abs(Math.floor(uv.y) % 2) === 1) {
+                                                                       uv.y = Math.ceil(uv.y) - uv.y;
+                                                               } else {
+                                                                       uv.y = uv.y - Math.floor(uv.y);
+                                                               }
+
+                                                               break;
+                                               }
+                                       }
+
+                                       if (this.flipY) {
+                                               uv.y = 1 - uv.y;
+                                       }
+
+                                       return uv;
+                               }
+
+                               set needsUpdate(value) {
+                                       if (value === true) this.version++;
+                               }
+
+                       }
+
+                       Texture.DEFAULT_IMAGE = undefined;
+                       Texture.DEFAULT_MAPPING = UVMapping;
+                       Texture.prototype.isTexture = true;
+
+                       function serializeImage(image) {
+                               if (typeof HTMLImageElement !== 'undefined' && image instanceof HTMLImageElement || typeof HTMLCanvasElement !== 'undefined' && image instanceof HTMLCanvasElement || typeof ImageBitmap !== 'undefined' && image instanceof ImageBitmap) {
+                                       // default images
+                                       return ImageUtils.getDataURL(image);
+                               } else {
+                                       if (image.data) {
+                                               // images of DataTexture
+                                               return {
+                                                       data: Array.prototype.slice.call(image.data),
+                                                       width: image.width,
+                                                       height: image.height,
+                                                       type: image.data.constructor.name
+                                               };
+                                       } else {
+                                               console.warn('THREE.Texture: Unable to serialize Texture.');
+                                               return {};
+                                       }
+                               }
+                       }
+
+                       class Vector4 {
+                               constructor(x = 0, y = 0, z = 0, w = 1) {
+                                       this.x = x;
+                                       this.y = y;
+                                       this.z = z;
+                                       this.w = w;
+                               }
+
+                               get width() {
+                                       return this.z;
+                               }
+
+                               set width(value) {
+                                       this.z = value;
+                               }
+
+                               get height() {
+                                       return this.w;
+                               }
+
+                               set height(value) {
+                                       this.w = value;
+                               }
+
+                               set(x, y, z, w) {
+                                       this.x = x;
+                                       this.y = y;
+                                       this.z = z;
+                                       this.w = w;
+                                       return this;
+                               }
+
+                               setScalar(scalar) {
+                                       this.x = scalar;
+                                       this.y = scalar;
+                                       this.z = scalar;
+                                       this.w = scalar;
+                                       return this;
+                               }
+
+                               setX(x) {
+                                       this.x = x;
+                                       return this;
+                               }
+
+                               setY(y) {
+                                       this.y = y;
+                                       return this;
+                               }
+
+                               setZ(z) {
+                                       this.z = z;
+                                       return this;
+                               }
+
+                               setW(w) {
+                                       this.w = w;
+                                       return this;
+                               }
+
+                               setComponent(index, value) {
+                                       switch (index) {
+                                               case 0:
+                                                       this.x = value;
+                                                       break;
+
+                                               case 1:
+                                                       this.y = value;
+                                                       break;
+
+                                               case 2:
+                                                       this.z = value;
+                                                       break;
+
+                                               case 3:
+                                                       this.w = value;
+                                                       break;
+
+                                               default:
+                                                       throw new Error('index is out of range: ' + index);
+                                       }
+
+                                       return this;
+                               }
+
+                               getComponent(index) {
+                                       switch (index) {
+                                               case 0:
+                                                       return this.x;
+
+                                               case 1:
+                                                       return this.y;
+
+                                               case 2:
+                                                       return this.z;
+
+                                               case 3:
+                                                       return this.w;
+
+                                               default:
+                                                       throw new Error('index is out of range: ' + index);
+                                       }
+                               }
+
+                               clone() {
+                                       return new this.constructor(this.x, this.y, this.z, this.w);
+                               }
+
+                               copy(v) {
+                                       this.x = v.x;
+                                       this.y = v.y;
+                                       this.z = v.z;
+                                       this.w = v.w !== undefined ? v.w : 1;
+                                       return this;
+                               }
+
+                               add(v, w) {
+                                       if (w !== undefined) {
+                                               console.warn('THREE.Vector4: .add() now only accepts one argument. Use .addVectors( a, b ) instead.');
+                                               return this.addVectors(v, w);
+                                       }
+
+                                       this.x += v.x;
+                                       this.y += v.y;
+                                       this.z += v.z;
+                                       this.w += v.w;
+                                       return this;
+                               }
+
+                               addScalar(s) {
+                                       this.x += s;
+                                       this.y += s;
+                                       this.z += s;
+                                       this.w += s;
+                                       return this;
+                               }
+
+                               addVectors(a, b) {
+                                       this.x = a.x + b.x;
+                                       this.y = a.y + b.y;
+                                       this.z = a.z + b.z;
+                                       this.w = a.w + b.w;
+                                       return this;
+                               }
+
+                               addScaledVector(v, s) {
+                                       this.x += v.x * s;
+                                       this.y += v.y * s;
+                                       this.z += v.z * s;
+                                       this.w += v.w * s;
+                                       return this;
+                               }
+
+                               sub(v, w) {
+                                       if (w !== undefined) {
+                                               console.warn('THREE.Vector4: .sub() now only accepts one argument. Use .subVectors( a, b ) instead.');
+                                               return this.subVectors(v, w);
+                                       }
+
+                                       this.x -= v.x;
+                                       this.y -= v.y;
+                                       this.z -= v.z;
+                                       this.w -= v.w;
+                                       return this;
+                               }
+
+                               subScalar(s) {
+                                       this.x -= s;
+                                       this.y -= s;
+                                       this.z -= s;
+                                       this.w -= s;
+                                       return this;
+                               }
+
+                               subVectors(a, b) {
+                                       this.x = a.x - b.x;
+                                       this.y = a.y - b.y;
+                                       this.z = a.z - b.z;
+                                       this.w = a.w - b.w;
+                                       return this;
+                               }
+
+                               multiply(v) {
+                                       this.x *= v.x;
+                                       this.y *= v.y;
+                                       this.z *= v.z;
+                                       this.w *= v.w;
+                                       return this;
+                               }
+
+                               multiplyScalar(scalar) {
+                                       this.x *= scalar;
+                                       this.y *= scalar;
+                                       this.z *= scalar;
+                                       this.w *= scalar;
+                                       return this;
+                               }
+
+                               applyMatrix4(m) {
+                                       const x = this.x,
+                                               y = this.y,
+                                               z = this.z,
+                                               w = this.w;
+                                       const e = m.elements;
+                                       this.x = e[0] * x + e[4] * y + e[8] * z + e[12] * w;
+                                       this.y = e[1] * x + e[5] * y + e[9] * z + e[13] * w;
+                                       this.z = e[2] * x + e[6] * y + e[10] * z + e[14] * w;
+                                       this.w = e[3] * x + e[7] * y + e[11] * z + e[15] * w;
+                                       return this;
+                               }
+
+                               divideScalar(scalar) {
+                                       return this.multiplyScalar(1 / scalar);
+                               }
+
+                               setAxisAngleFromQuaternion(q) {
+                                       // http://www.euclideanspace.com/maths/geometry/rotations/conversions/quaternionToAngle/index.htm
+                                       // q is assumed to be normalized
+                                       this.w = 2 * Math.acos(q.w);
+                                       const s = Math.sqrt(1 - q.w * q.w);
+
+                                       if (s < 0.0001) {
+                                               this.x = 1;
+                                               this.y = 0;
+                                               this.z = 0;
+                                       } else {
+                                               this.x = q.x / s;
+                                               this.y = q.y / s;
+                                               this.z = q.z / s;
+                                       }
+
+                                       return this;
+                               }
+
+                               setAxisAngleFromRotationMatrix(m) {
+                                       // http://www.euclideanspace.com/maths/geometry/rotations/conversions/matrixToAngle/index.htm
+                                       // assumes the upper 3x3 of m is a pure rotation matrix (i.e, unscaled)
+                                       let angle, x, y, z; // variables for result
+
+                                       const epsilon = 0.01,
+                                               // margin to allow for rounding errors
+                                               epsilon2 = 0.1,
+                                               // margin to distinguish between 0 and 180 degrees
+                                               te = m.elements,
+                                               m11 = te[0],
+                                               m12 = te[4],
+                                               m13 = te[8],
+                                               m21 = te[1],
+                                               m22 = te[5],
+                                               m23 = te[9],
+                                               m31 = te[2],
+                                               m32 = te[6],
+                                               m33 = te[10];
+
+                                       if (Math.abs(m12 - m21) < epsilon && Math.abs(m13 - m31) < epsilon && Math.abs(m23 - m32) < epsilon) {
+                                               // singularity found
+                                               // first check for identity matrix which must have +1 for all terms
+                                               // in leading diagonal and zero in other terms
+                                               if (Math.abs(m12 + m21) < epsilon2 && Math.abs(m13 + m31) < epsilon2 && Math.abs(m23 + m32) < epsilon2 && Math.abs(m11 + m22 + m33 - 3) < epsilon2) {
+                                                       // this singularity is identity matrix so angle = 0
+                                                       this.set(1, 0, 0, 0);
+                                                       return this; // zero angle, arbitrary axis
+                                               } // otherwise this singularity is angle = 180
+
+
+                                               angle = Math.PI;
+                                               const xx = (m11 + 1) / 2;
+                                               const yy = (m22 + 1) / 2;
+                                               const zz = (m33 + 1) / 2;
+                                               const xy = (m12 + m21) / 4;
+                                               const xz = (m13 + m31) / 4;
+                                               const yz = (m23 + m32) / 4;
+
+                                               if (xx > yy && xx > zz) {
+                                                       // m11 is the largest diagonal term
+                                                       if (xx < epsilon) {
+                                                               x = 0;
+                                                               y = 0.707106781;
+                                                               z = 0.707106781;
+                                                       } else {
+                                                               x = Math.sqrt(xx);
+                                                               y = xy / x;
+                                                               z = xz / x;
+                                                       }
+                                               } else if (yy > zz) {
+                                                       // m22 is the largest diagonal term
+                                                       if (yy < epsilon) {
+                                                               x = 0.707106781;
+                                                               y = 0;
+                                                               z = 0.707106781;
+                                                       } else {
+                                                               y = Math.sqrt(yy);
+                                                               x = xy / y;
+                                                               z = yz / y;
+                                                       }
+                                               } else {
+                                                       // m33 is the largest diagonal term so base result on this
+                                                       if (zz < epsilon) {
+                                                               x = 0.707106781;
+                                                               y = 0.707106781;
+                                                               z = 0;
+                                                       } else {
+                                                               z = Math.sqrt(zz);
+                                                               x = xz / z;
+                                                               y = yz / z;
+                                                       }
+                                               }
+
+                                               this.set(x, y, z, angle);
+                                               return this; // return 180 deg rotation
+                                       } // as we have reached here there are no singularities so we can handle normally
+
+
+                                       let s = Math.sqrt((m32 - m23) * (m32 - m23) + (m13 - m31) * (m13 - m31) + (m21 - m12) * (m21 - m12)); // used to normalize
+
+                                       if (Math.abs(s) < 0.001) s = 1; // prevent divide by zero, should not happen if matrix is orthogonal and should be
+                                       // caught by singularity test above, but I've left it in just in case
+
+                                       this.x = (m32 - m23) / s;
+                                       this.y = (m13 - m31) / s;
+                                       this.z = (m21 - m12) / s;
+                                       this.w = Math.acos((m11 + m22 + m33 - 1) / 2);
+                                       return this;
+                               }
+
+                               min(v) {
+                                       this.x = Math.min(this.x, v.x);
+                                       this.y = Math.min(this.y, v.y);
+                                       this.z = Math.min(this.z, v.z);
+                                       this.w = Math.min(this.w, v.w);
+                                       return this;
+                               }
+
+                               max(v) {
+                                       this.x = Math.max(this.x, v.x);
+                                       this.y = Math.max(this.y, v.y);
+                                       this.z = Math.max(this.z, v.z);
+                                       this.w = Math.max(this.w, v.w);
+                                       return this;
+                               }
+
+                               clamp(min, max) {
+                                       // assumes min < max, componentwise
+                                       this.x = Math.max(min.x, Math.min(max.x, this.x));
+                                       this.y = Math.max(min.y, Math.min(max.y, this.y));
+                                       this.z = Math.max(min.z, Math.min(max.z, this.z));
+                                       this.w = Math.max(min.w, Math.min(max.w, this.w));
+                                       return this;
+                               }
+
+                               clampScalar(minVal, maxVal) {
+                                       this.x = Math.max(minVal, Math.min(maxVal, this.x));
+                                       this.y = Math.max(minVal, Math.min(maxVal, this.y));
+                                       this.z = Math.max(minVal, Math.min(maxVal, this.z));
+                                       this.w = Math.max(minVal, Math.min(maxVal, this.w));
+                                       return this;
+                               }
+
+                               clampLength(min, max) {
+                                       const length = this.length();
+                                       return this.divideScalar(length || 1).multiplyScalar(Math.max(min, Math.min(max, length)));
+                               }
+
+                               floor() {
+                                       this.x = Math.floor(this.x);
+                                       this.y = Math.floor(this.y);
+                                       this.z = Math.floor(this.z);
+                                       this.w = Math.floor(this.w);
+                                       return this;
+                               }
+
+                               ceil() {
+                                       this.x = Math.ceil(this.x);
+                                       this.y = Math.ceil(this.y);
+                                       this.z = Math.ceil(this.z);
+                                       this.w = Math.ceil(this.w);
+                                       return this;
+                               }
+
+                               round() {
+                                       this.x = Math.round(this.x);
+                                       this.y = Math.round(this.y);
+                                       this.z = Math.round(this.z);
+                                       this.w = Math.round(this.w);
+                                       return this;
+                               }
+
+                               roundToZero() {
+                                       this.x = this.x < 0 ? Math.ceil(this.x) : Math.floor(this.x);
+                                       this.y = this.y < 0 ? Math.ceil(this.y) : Math.floor(this.y);
+                                       this.z = this.z < 0 ? Math.ceil(this.z) : Math.floor(this.z);
+                                       this.w = this.w < 0 ? Math.ceil(this.w) : Math.floor(this.w);
+                                       return this;
+                               }
+
+                               negate() {
+                                       this.x = -this.x;
+                                       this.y = -this.y;
+                                       this.z = -this.z;
+                                       this.w = -this.w;
+                                       return this;
+                               }
+
+                               dot(v) {
+                                       return this.x * v.x + this.y * v.y + this.z * v.z + this.w * v.w;
+                               }
+
+                               lengthSq() {
+                                       return this.x * this.x + this.y * this.y + this.z * this.z + this.w * this.w;
+                               }
+
+                               length() {
+                                       return Math.sqrt(this.x * this.x + this.y * this.y + this.z * this.z + this.w * this.w);
+                               }
+
+                               manhattanLength() {
+                                       return Math.abs(this.x) + Math.abs(this.y) + Math.abs(this.z) + Math.abs(this.w);
+                               }
+
+                               normalize() {
+                                       return this.divideScalar(this.length() || 1);
+                               }
+
+                               setLength(length) {
+                                       return this.normalize().multiplyScalar(length);
+                               }
+
+                               lerp(v, alpha) {
+                                       this.x += (v.x - this.x) * alpha;
+                                       this.y += (v.y - this.y) * alpha;
+                                       this.z += (v.z - this.z) * alpha;
+                                       this.w += (v.w - this.w) * alpha;
+                                       return this;
+                               }
+
+                               lerpVectors(v1, v2, alpha) {
+                                       this.x = v1.x + (v2.x - v1.x) * alpha;
+                                       this.y = v1.y + (v2.y - v1.y) * alpha;
+                                       this.z = v1.z + (v2.z - v1.z) * alpha;
+                                       this.w = v1.w + (v2.w - v1.w) * alpha;
+                                       return this;
+                               }
+
+                               equals(v) {
+                                       return v.x === this.x && v.y === this.y && v.z === this.z && v.w === this.w;
+                               }
+
+                               fromArray(array, offset = 0) {
+                                       this.x = array[offset];
+                                       this.y = array[offset + 1];
+                                       this.z = array[offset + 2];
+                                       this.w = array[offset + 3];
+                                       return this;
+                               }
+
+                               toArray(array = [], offset = 0) {
+                                       array[offset] = this.x;
+                                       array[offset + 1] = this.y;
+                                       array[offset + 2] = this.z;
+                                       array[offset + 3] = this.w;
+                                       return array;
+                               }
+
+                               fromBufferAttribute(attribute, index, offset) {
+                                       if (offset !== undefined) {
+                                               console.warn('THREE.Vector4: offset has been removed from .fromBufferAttribute().');
+                                       }
+
+                                       this.x = attribute.getX(index);
+                                       this.y = attribute.getY(index);
+                                       this.z = attribute.getZ(index);
+                                       this.w = attribute.getW(index);
+                                       return this;
+                               }
+
+                               random() {
+                                       this.x = Math.random();
+                                       this.y = Math.random();
+                                       this.z = Math.random();
+                                       this.w = Math.random();
+                                       return this;
+                               }
+
+                       }
+
+                       Vector4.prototype.isVector4 = true;
+
+                       /*
+        In options, we can specify:
+        * Texture parameters for an auto-generated target texture
+        * depthBuffer/stencilBuffer: Booleans to indicate if we should generate these buffers
+       */
+
+                       class WebGLRenderTarget extends EventDispatcher {
+                               constructor(width, height, options = {}) {
+                                       super();
+                                       this.width = width;
+                                       this.height = height;
+                                       this.depth = 1;
+                                       this.scissor = new Vector4(0, 0, width, height);
+                                       this.scissorTest = false;
+                                       this.viewport = new Vector4(0, 0, width, height);
+                                       this.texture = new Texture(undefined, options.mapping, options.wrapS, options.wrapT, options.magFilter, options.minFilter, options.format, options.type, options.anisotropy, options.encoding);
+                                       this.texture.isRenderTargetTexture = true;
+                                       this.texture.image = {
+                                               width: width,
+                                               height: height,
+                                               depth: 1
+                                       };
+                                       this.texture.generateMipmaps = options.generateMipmaps !== undefined ? options.generateMipmaps : false;
+                                       this.texture.internalFormat = options.internalFormat !== undefined ? options.internalFormat : null;
+                                       this.texture.minFilter = options.minFilter !== undefined ? options.minFilter : LinearFilter;
+                                       this.depthBuffer = options.depthBuffer !== undefined ? options.depthBuffer : true;
+                                       this.stencilBuffer = options.stencilBuffer !== undefined ? options.stencilBuffer : false;
+                                       this.depthTexture = options.depthTexture !== undefined ? options.depthTexture : null;
+                               }
+
+                               setTexture(texture) {
+                                       texture.image = {
+                                               width: this.width,
+                                               height: this.height,
+                                               depth: this.depth
+                                       };
+                                       this.texture = texture;
+                               }
+
+                               setSize(width, height, depth = 1) {
+                                       if (this.width !== width || this.height !== height || this.depth !== depth) {
+                                               this.width = width;
+                                               this.height = height;
+                                               this.depth = depth;
+                                               this.texture.image.width = width;
+                                               this.texture.image.height = height;
+                                               this.texture.image.depth = depth;
+                                               this.dispose();
+                                       }
+
+                                       this.viewport.set(0, 0, width, height);
+                                       this.scissor.set(0, 0, width, height);
+                               }
+
+                               clone() {
+                                       return new this.constructor().copy(this);
+                               }
+
+                               copy(source) {
+                                       this.width = source.width;
+                                       this.height = source.height;
+                                       this.depth = source.depth;
+                                       this.viewport.copy(source.viewport);
+                                       this.texture = source.texture.clone();
+                                       this.texture.image = {
+                                               ...this.texture.image
+                                       }; // See #20328.
+
+                                       this.depthBuffer = source.depthBuffer;
+                                       this.stencilBuffer = source.stencilBuffer;
+                                       this.depthTexture = source.depthTexture;
+                                       return this;
+                               }
+
+                               dispose() {
+                                       this.dispatchEvent({
+                                               type: 'dispose'
+                                       });
+                               }
+
+                       }
+
+                       WebGLRenderTarget.prototype.isWebGLRenderTarget = true;
+
+                       class WebGLMultipleRenderTargets extends WebGLRenderTarget {
+                               constructor(width, height, count) {
+                                       super(width, height);
+                                       const texture = this.texture;
+                                       this.texture = [];
+
+                                       for (let i = 0; i < count; i++) {
+                                               this.texture[i] = texture.clone();
+                                       }
+                               }
+
+                               setSize(width, height, depth = 1) {
+                                       if (this.width !== width || this.height !== height || this.depth !== depth) {
+                                               this.width = width;
+                                               this.height = height;
+                                               this.depth = depth;
+
+                                               for (let i = 0, il = this.texture.length; i < il; i++) {
+                                                       this.texture[i].image.width = width;
+                                                       this.texture[i].image.height = height;
+                                                       this.texture[i].image.depth = depth;
+                                               }
+
+                                               this.dispose();
+                                       }
+
+                                       this.viewport.set(0, 0, width, height);
+                                       this.scissor.set(0, 0, width, height);
+                                       return this;
+                               }
+
+                               copy(source) {
+                                       this.dispose();
+                                       this.width = source.width;
+                                       this.height = source.height;
+                                       this.depth = source.depth;
+                                       this.viewport.set(0, 0, this.width, this.height);
+                                       this.scissor.set(0, 0, this.width, this.height);
+                                       this.depthBuffer = source.depthBuffer;
+                                       this.stencilBuffer = source.stencilBuffer;
+                                       this.depthTexture = source.depthTexture;
+                                       this.texture.length = 0;
+
+                                       for (let i = 0, il = source.texture.length; i < il; i++) {
+                                               this.texture[i] = source.texture[i].clone();
+                                       }
+
+                                       return this;
+                               }
+
+                       }
+
+                       WebGLMultipleRenderTargets.prototype.isWebGLMultipleRenderTargets = true;
+
+                       class WebGLMultisampleRenderTarget extends WebGLRenderTarget {
+                               constructor(width, height, options) {
+                                       super(width, height, options);
+                                       this.samples = 4;
+                               }
+
+                               copy(source) {
+                                       super.copy.call(this, source);
+                                       this.samples = source.samples;
+                                       return this;
+                               }
+
+                       }
+
+                       WebGLMultisampleRenderTarget.prototype.isWebGLMultisampleRenderTarget = true;
+
+                       class Quaternion {
+                               constructor(x = 0, y = 0, z = 0, w = 1) {
+                                       this._x = x;
+                                       this._y = y;
+                                       this._z = z;
+                                       this._w = w;
+                               }
+
+                               static slerp(qa, qb, qm, t) {
+                                       console.warn('THREE.Quaternion: Static .slerp() has been deprecated. Use qm.slerpQuaternions( qa, qb, t ) instead.');
+                                       return qm.slerpQuaternions(qa, qb, t);
+                               }
+
+                               static slerpFlat(dst, dstOffset, src0, srcOffset0, src1, srcOffset1, t) {
+                                       // fuzz-free, array-based Quaternion SLERP operation
+                                       let x0 = src0[srcOffset0 + 0],
+                                               y0 = src0[srcOffset0 + 1],
+                                               z0 = src0[srcOffset0 + 2],
+                                               w0 = src0[srcOffset0 + 3];
+                                       const x1 = src1[srcOffset1 + 0],
+                                               y1 = src1[srcOffset1 + 1],
+                                               z1 = src1[srcOffset1 + 2],
+                                               w1 = src1[srcOffset1 + 3];
+
+                                       if (t === 0) {
+                                               dst[dstOffset + 0] = x0;
+                                               dst[dstOffset + 1] = y0;
+                                               dst[dstOffset + 2] = z0;
+                                               dst[dstOffset + 3] = w0;
+                                               return;
+                                       }
+
+                                       if (t === 1) {
+                                               dst[dstOffset + 0] = x1;
+                                               dst[dstOffset + 1] = y1;
+                                               dst[dstOffset + 2] = z1;
+                                               dst[dstOffset + 3] = w1;
+                                               return;
+                                       }
+
+                                       if (w0 !== w1 || x0 !== x1 || y0 !== y1 || z0 !== z1) {
+                                               let s = 1 - t;
+                                               const cos = x0 * x1 + y0 * y1 + z0 * z1 + w0 * w1,
+                                                       dir = cos >= 0 ? 1 : -1,
+                                                       sqrSin = 1 - cos * cos; // Skip the Slerp for tiny steps to avoid numeric problems:
+
+                                               if (sqrSin > Number.EPSILON) {
+                                                       const sin = Math.sqrt(sqrSin),
+                                                               len = Math.atan2(sin, cos * dir);
+                                                       s = Math.sin(s * len) / sin;
+                                                       t = Math.sin(t * len) / sin;
+                                               }
+
+                                               const tDir = t * dir;
+                                               x0 = x0 * s + x1 * tDir;
+                                               y0 = y0 * s + y1 * tDir;
+                                               z0 = z0 * s + z1 * tDir;
+                                               w0 = w0 * s + w1 * tDir; // Normalize in case we just did a lerp:
+
+                                               if (s === 1 - t) {
+                                                       const f = 1 / Math.sqrt(x0 * x0 + y0 * y0 + z0 * z0 + w0 * w0);
+                                                       x0 *= f;
+                                                       y0 *= f;
+                                                       z0 *= f;
+                                                       w0 *= f;
+                                               }
+                                       }
+
+                                       dst[dstOffset] = x0;
+                                       dst[dstOffset + 1] = y0;
+                                       dst[dstOffset + 2] = z0;
+                                       dst[dstOffset + 3] = w0;
+                               }
+
+                               static multiplyQuaternionsFlat(dst, dstOffset, src0, srcOffset0, src1, srcOffset1) {
+                                       const x0 = src0[srcOffset0];
+                                       const y0 = src0[srcOffset0 + 1];
+                                       const z0 = src0[srcOffset0 + 2];
+                                       const w0 = src0[srcOffset0 + 3];
+                                       const x1 = src1[srcOffset1];
+                                       const y1 = src1[srcOffset1 + 1];
+                                       const z1 = src1[srcOffset1 + 2];
+                                       const w1 = src1[srcOffset1 + 3];
+                                       dst[dstOffset] = x0 * w1 + w0 * x1 + y0 * z1 - z0 * y1;
+                                       dst[dstOffset + 1] = y0 * w1 + w0 * y1 + z0 * x1 - x0 * z1;
+                                       dst[dstOffset + 2] = z0 * w1 + w0 * z1 + x0 * y1 - y0 * x1;
+                                       dst[dstOffset + 3] = w0 * w1 - x0 * x1 - y0 * y1 - z0 * z1;
+                                       return dst;
+                               }
+
+                               get x() {
+                                       return this._x;
+                               }
+
+                               set x(value) {
+                                       this._x = value;
+
+                                       this._onChangeCallback();
+                               }
+
+                               get y() {
+                                       return this._y;
+                               }
+
+                               set y(value) {
+                                       this._y = value;
+
+                                       this._onChangeCallback();
+                               }
+
+                               get z() {
+                                       return this._z;
+                               }
+
+                               set z(value) {
+                                       this._z = value;
+
+                                       this._onChangeCallback();
+                               }
+
+                               get w() {
+                                       return this._w;
+                               }
+
+                               set w(value) {
+                                       this._w = value;
+
+                                       this._onChangeCallback();
+                               }
+
+                               set(x, y, z, w) {
+                                       this._x = x;
+                                       this._y = y;
+                                       this._z = z;
+                                       this._w = w;
+
+                                       this._onChangeCallback();
+
+                                       return this;
+                               }
+
+                               clone() {
+                                       return new this.constructor(this._x, this._y, this._z, this._w);
+                               }
+
+                               copy(quaternion) {
+                                       this._x = quaternion.x;
+                                       this._y = quaternion.y;
+                                       this._z = quaternion.z;
+                                       this._w = quaternion.w;
+
+                                       this._onChangeCallback();
+
+                                       return this;
+                               }
+
+                               setFromEuler(euler, update) {
+                                       if (!(euler && euler.isEuler)) {
+                                               throw new Error('THREE.Quaternion: .setFromEuler() now expects an Euler rotation rather than a Vector3 and order.');
+                                       }
+
+                                       const x = euler._x,
+                                               y = euler._y,
+                                               z = euler._z,
+                                               order = euler._order; // http://www.mathworks.com/matlabcentral/fileexchange/
+                                       //      20696-function-to-convert-between-dcm-euler-angles-quaternions-and-euler-vectors/
+                                       //      content/SpinCalc.m
+
+                                       const cos = Math.cos;
+                                       const sin = Math.sin;
+                                       const c1 = cos(x / 2);
+                                       const c2 = cos(y / 2);
+                                       const c3 = cos(z / 2);
+                                       const s1 = sin(x / 2);
+                                       const s2 = sin(y / 2);
+                                       const s3 = sin(z / 2);
+
+                                       switch (order) {
+                                               case 'XYZ':
+                                                       this._x = s1 * c2 * c3 + c1 * s2 * s3;
+                                                       this._y = c1 * s2 * c3 - s1 * c2 * s3;
+                                                       this._z = c1 * c2 * s3 + s1 * s2 * c3;
+                                                       this._w = c1 * c2 * c3 - s1 * s2 * s3;
+                                                       break;
+
+                                               case 'YXZ':
+                                                       this._x = s1 * c2 * c3 + c1 * s2 * s3;
+                                                       this._y = c1 * s2 * c3 - s1 * c2 * s3;
+                                                       this._z = c1 * c2 * s3 - s1 * s2 * c3;
+                                                       this._w = c1 * c2 * c3 + s1 * s2 * s3;
+                                                       break;
+
+                                               case 'ZXY':
+                                                       this._x = s1 * c2 * c3 - c1 * s2 * s3;
+                                                       this._y = c1 * s2 * c3 + s1 * c2 * s3;
+                                                       this._z = c1 * c2 * s3 + s1 * s2 * c3;
+                                                       this._w = c1 * c2 * c3 - s1 * s2 * s3;
+                                                       break;
+
+                                               case 'ZYX':
+                                                       this._x = s1 * c2 * c3 - c1 * s2 * s3;
+                                                       this._y = c1 * s2 * c3 + s1 * c2 * s3;
+                                                       this._z = c1 * c2 * s3 - s1 * s2 * c3;
+                                                       this._w = c1 * c2 * c3 + s1 * s2 * s3;
+                                                       break;
+
+                                               case 'YZX':
+                                                       this._x = s1 * c2 * c3 + c1 * s2 * s3;
+                                                       this._y = c1 * s2 * c3 + s1 * c2 * s3;
+                                                       this._z = c1 * c2 * s3 - s1 * s2 * c3;
+                                                       this._w = c1 * c2 * c3 - s1 * s2 * s3;
+                                                       break;
+
+                                               case 'XZY':
+                                                       this._x = s1 * c2 * c3 - c1 * s2 * s3;
+                                                       this._y = c1 * s2 * c3 - s1 * c2 * s3;
+                                                       this._z = c1 * c2 * s3 + s1 * s2 * c3;
+                                                       this._w = c1 * c2 * c3 + s1 * s2 * s3;
+                                                       break;
+
+                                               default:
+                                                       console.warn('THREE.Quaternion: .setFromEuler() encountered an unknown order: ' + order);
+                                       }
+
+                                       if (update !== false) this._onChangeCallback();
+                                       return this;
+                               }
+
+                               setFromAxisAngle(axis, angle) {
+                                       // http://www.euclideanspace.com/maths/geometry/rotations/conversions/angleToQuaternion/index.htm
+                                       // assumes axis is normalized
+                                       const halfAngle = angle / 2,
+                                               s = Math.sin(halfAngle);
+                                       this._x = axis.x * s;
+                                       this._y = axis.y * s;
+                                       this._z = axis.z * s;
+                                       this._w = Math.cos(halfAngle);
+
+                                       this._onChangeCallback();
+
+                                       return this;
+                               }
+
+                               setFromRotationMatrix(m) {
+                                       // http://www.euclideanspace.com/maths/geometry/rotations/conversions/matrixToQuaternion/index.htm
+                                       // assumes the upper 3x3 of m is a pure rotation matrix (i.e, unscaled)
+                                       const te = m.elements,
+                                               m11 = te[0],
+                                               m12 = te[4],
+                                               m13 = te[8],
+                                               m21 = te[1],
+                                               m22 = te[5],
+                                               m23 = te[9],
+                                               m31 = te[2],
+                                               m32 = te[6],
+                                               m33 = te[10],
+                                               trace = m11 + m22 + m33;
+
+                                       if (trace > 0) {
+                                               const s = 0.5 / Math.sqrt(trace + 1.0);
+                                               this._w = 0.25 / s;
+                                               this._x = (m32 - m23) * s;
+                                               this._y = (m13 - m31) * s;
+                                               this._z = (m21 - m12) * s;
+                                       } else if (m11 > m22 && m11 > m33) {
+                                               const s = 2.0 * Math.sqrt(1.0 + m11 - m22 - m33);
+                                               this._w = (m32 - m23) / s;
+                                               this._x = 0.25 * s;
+                                               this._y = (m12 + m21) / s;
+                                               this._z = (m13 + m31) / s;
+                                       } else if (m22 > m33) {
+                                               const s = 2.0 * Math.sqrt(1.0 + m22 - m11 - m33);
+                                               this._w = (m13 - m31) / s;
+                                               this._x = (m12 + m21) / s;
+                                               this._y = 0.25 * s;
+                                               this._z = (m23 + m32) / s;
+                                       } else {
+                                               const s = 2.0 * Math.sqrt(1.0 + m33 - m11 - m22);
+                                               this._w = (m21 - m12) / s;
+                                               this._x = (m13 + m31) / s;
+                                               this._y = (m23 + m32) / s;
+                                               this._z = 0.25 * s;
+                                       }
+
+                                       this._onChangeCallback();
+
+                                       return this;
+                               }
+
+                               setFromUnitVectors(vFrom, vTo) {
+                                       // assumes direction vectors vFrom and vTo are normalized
+                                       let r = vFrom.dot(vTo) + 1;
+
+                                       if (r < Number.EPSILON) {
+                                               // vFrom and vTo point in opposite directions
+                                               r = 0;
+
+                                               if (Math.abs(vFrom.x) > Math.abs(vFrom.z)) {
+                                                       this._x = -vFrom.y;
+                                                       this._y = vFrom.x;
+                                                       this._z = 0;
+                                                       this._w = r;
+                                               } else {
+                                                       this._x = 0;
+                                                       this._y = -vFrom.z;
+                                                       this._z = vFrom.y;
+                                                       this._w = r;
+                                               }
+                                       } else {
+                                               // crossVectors( vFrom, vTo ); // inlined to avoid cyclic dependency on Vector3
+                                               this._x = vFrom.y * vTo.z - vFrom.z * vTo.y;
+                                               this._y = vFrom.z * vTo.x - vFrom.x * vTo.z;
+                                               this._z = vFrom.x * vTo.y - vFrom.y * vTo.x;
+                                               this._w = r;
+                                       }
+
+                                       return this.normalize();
+                               }
+
+                               angleTo(q) {
+                                       return 2 * Math.acos(Math.abs(clamp(this.dot(q), -1, 1)));
+                               }
+
+                               rotateTowards(q, step) {
+                                       const angle = this.angleTo(q);
+                                       if (angle === 0) return this;
+                                       const t = Math.min(1, step / angle);
+                                       this.slerp(q, t);
+                                       return this;
+                               }
+
+                               identity() {
+                                       return this.set(0, 0, 0, 1);
+                               }
+
+                               invert() {
+                                       // quaternion is assumed to have unit length
+                                       return this.conjugate();
+                               }
+
+                               conjugate() {
+                                       this._x *= -1;
+                                       this._y *= -1;
+                                       this._z *= -1;
+
+                                       this._onChangeCallback();
+
+                                       return this;
+                               }
+
+                               dot(v) {
+                                       return this._x * v._x + this._y * v._y + this._z * v._z + this._w * v._w;
+                               }
+
+                               lengthSq() {
+                                       return this._x * this._x + this._y * this._y + this._z * this._z + this._w * this._w;
+                               }
+
+                               length() {
+                                       return Math.sqrt(this._x * this._x + this._y * this._y + this._z * this._z + this._w * this._w);
+                               }
+
+                               normalize() {
+                                       let l = this.length();
+
+                                       if (l === 0) {
+                                               this._x = 0;
+                                               this._y = 0;
+                                               this._z = 0;
+                                               this._w = 1;
+                                       } else {
+                                               l = 1 / l;
+                                               this._x = this._x * l;
+                                               this._y = this._y * l;
+                                               this._z = this._z * l;
+                                               this._w = this._w * l;
+                                       }
+
+                                       this._onChangeCallback();
+
+                                       return this;
+                               }
+
+                               multiply(q, p) {
+                                       if (p !== undefined) {
+                                               console.warn('THREE.Quaternion: .multiply() now only accepts one argument. Use .multiplyQuaternions( a, b ) instead.');
+                                               return this.multiplyQuaternions(q, p);
+                                       }
+
+                                       return this.multiplyQuaternions(this, q);
+                               }
+
+                               premultiply(q) {
+                                       return this.multiplyQuaternions(q, this);
+                               }
+
+                               multiplyQuaternions(a, b) {
+                                       // from http://www.euclideanspace.com/maths/algebra/realNormedAlgebra/quaternions/code/index.htm
+                                       const qax = a._x,
+                                               qay = a._y,
+                                               qaz = a._z,
+                                               qaw = a._w;
+                                       const qbx = b._x,
+                                               qby = b._y,
+                                               qbz = b._z,
+                                               qbw = b._w;
+                                       this._x = qax * qbw + qaw * qbx + qay * qbz - qaz * qby;
+                                       this._y = qay * qbw + qaw * qby + qaz * qbx - qax * qbz;
+                                       this._z = qaz * qbw + qaw * qbz + qax * qby - qay * qbx;
+                                       this._w = qaw * qbw - qax * qbx - qay * qby - qaz * qbz;
+
+                                       this._onChangeCallback();
+
+                                       return this;
+                               }
+
+                               slerp(qb, t) {
+                                       if (t === 0) return this;
+                                       if (t === 1) return this.copy(qb);
+                                       const x = this._x,
+                                               y = this._y,
+                                               z = this._z,
+                                               w = this._w; // http://www.euclideanspace.com/maths/algebra/realNormedAlgebra/quaternions/slerp/
+
+                                       let cosHalfTheta = w * qb._w + x * qb._x + y * qb._y + z * qb._z;
+
+                                       if (cosHalfTheta < 0) {
+                                               this._w = -qb._w;
+                                               this._x = -qb._x;
+                                               this._y = -qb._y;
+                                               this._z = -qb._z;
+                                               cosHalfTheta = -cosHalfTheta;
+                                       } else {
+                                               this.copy(qb);
+                                       }
+
+                                       if (cosHalfTheta >= 1.0) {
+                                               this._w = w;
+                                               this._x = x;
+                                               this._y = y;
+                                               this._z = z;
+                                               return this;
+                                       }
+
+                                       const sqrSinHalfTheta = 1.0 - cosHalfTheta * cosHalfTheta;
+
+                                       if (sqrSinHalfTheta <= Number.EPSILON) {
+                                               const s = 1 - t;
+                                               this._w = s * w + t * this._w;
+                                               this._x = s * x + t * this._x;
+                                               this._y = s * y + t * this._y;
+                                               this._z = s * z + t * this._z;
+                                               this.normalize();
+
+                                               this._onChangeCallback();
+
+                                               return this;
+                                       }
+
+                                       const sinHalfTheta = Math.sqrt(sqrSinHalfTheta);
+                                       const halfTheta = Math.atan2(sinHalfTheta, cosHalfTheta);
+                                       const ratioA = Math.sin((1 - t) * halfTheta) / sinHalfTheta,
+                                               ratioB = Math.sin(t * halfTheta) / sinHalfTheta;
+                                       this._w = w * ratioA + this._w * ratioB;
+                                       this._x = x * ratioA + this._x * ratioB;
+                                       this._y = y * ratioA + this._y * ratioB;
+                                       this._z = z * ratioA + this._z * ratioB;
+
+                                       this._onChangeCallback();
+
+                                       return this;
+                               }
+
+                               slerpQuaternions(qa, qb, t) {
+                                       this.copy(qa).slerp(qb, t);
+                               }
+
+                               equals(quaternion) {
+                                       return quaternion._x === this._x && quaternion._y === this._y && quaternion._z === this._z && quaternion._w === this._w;
+                               }
+
+                               fromArray(array, offset = 0) {
+                                       this._x = array[offset];
+                                       this._y = array[offset + 1];
+                                       this._z = array[offset + 2];
+                                       this._w = array[offset + 3];
+
+                                       this._onChangeCallback();
+
+                                       return this;
+                               }
+
+                               toArray(array = [], offset = 0) {
+                                       array[offset] = this._x;
+                                       array[offset + 1] = this._y;
+                                       array[offset + 2] = this._z;
+                                       array[offset + 3] = this._w;
+                                       return array;
+                               }
+
+                               fromBufferAttribute(attribute, index) {
+                                       this._x = attribute.getX(index);
+                                       this._y = attribute.getY(index);
+                                       this._z = attribute.getZ(index);
+                                       this._w = attribute.getW(index);
+                                       return this;
+                               }
+
+                               _onChange(callback) {
+                                       this._onChangeCallback = callback;
+                                       return this;
+                               }
+
+                               _onChangeCallback() {
+                               }
+
+                       }
+
+                       Quaternion.prototype.isQuaternion = true;
+
+                       class Vector3 {
+                               constructor(x = 0, y = 0, z = 0) {
+                                       this.x = x;
+                                       this.y = y;
+                                       this.z = z;
+                               }
+
+                               set(x, y, z) {
+                                       if (z === undefined) z = this.z; // sprite.scale.set(x,y)
+
+                                       this.x = x;
+                                       this.y = y;
+                                       this.z = z;
+                                       return this;
+                               }
+
+                               setScalar(scalar) {
+                                       this.x = scalar;
+                                       this.y = scalar;
+                                       this.z = scalar;
+                                       return this;
+                               }
+
+                               setX(x) {
+                                       this.x = x;
+                                       return this;
+                               }
+
+                               setY(y) {
+                                       this.y = y;
+                                       return this;
+                               }
+
+                               setZ(z) {
+                                       this.z = z;
+                                       return this;
+                               }
+
+                               setComponent(index, value) {
+                                       switch (index) {
+                                               case 0:
+                                                       this.x = value;
+                                                       break;
+
+                                               case 1:
+                                                       this.y = value;
+                                                       break;
+
+                                               case 2:
+                                                       this.z = value;
+                                                       break;
+
+                                               default:
+                                                       throw new Error('index is out of range: ' + index);
+                                       }
+
+                                       return this;
+                               }
+
+                               getComponent(index) {
+                                       switch (index) {
+                                               case 0:
+                                                       return this.x;
+
+                                               case 1:
+                                                       return this.y;
+
+                                               case 2:
+                                                       return this.z;
+
+                                               default:
+                                                       throw new Error('index is out of range: ' + index);
+                                       }
+                               }
+
+                               clone() {
+                                       return new this.constructor(this.x, this.y, this.z);
+                               }
+
+                               copy(v) {
+                                       this.x = v.x;
+                                       this.y = v.y;
+                                       this.z = v.z;
+                                       return this;
+                               }
+
+                               add(v, w) {
+                                       if (w !== undefined) {
+                                               console.warn('THREE.Vector3: .add() now only accepts one argument. Use .addVectors( a, b ) instead.');
+                                               return this.addVectors(v, w);
+                                       }
+
+                                       this.x += v.x;
+                                       this.y += v.y;
+                                       this.z += v.z;
+                                       return this;
+                               }
+
+                               addScalar(s) {
+                                       this.x += s;
+                                       this.y += s;
+                                       this.z += s;
+                                       return this;
+                               }
+
+                               addVectors(a, b) {
+                                       this.x = a.x + b.x;
+                                       this.y = a.y + b.y;
+                                       this.z = a.z + b.z;
+                                       return this;
+                               }
+
+                               addScaledVector(v, s) {
+                                       this.x += v.x * s;
+                                       this.y += v.y * s;
+                                       this.z += v.z * s;
+                                       return this;
+                               }
+
+                               sub(v, w) {
+                                       if (w !== undefined) {
+                                               console.warn('THREE.Vector3: .sub() now only accepts one argument. Use .subVectors( a, b ) instead.');
+                                               return this.subVectors(v, w);
+                                       }
+
+                                       this.x -= v.x;
+                                       this.y -= v.y;
+                                       this.z -= v.z;
+                                       return this;
+                               }
+
+                               subScalar(s) {
+                                       this.x -= s;
+                                       this.y -= s;
+                                       this.z -= s;
+                                       return this;
+                               }
+
+                               subVectors(a, b) {
+                                       this.x = a.x - b.x;
+                                       this.y = a.y - b.y;
+                                       this.z = a.z - b.z;
+                                       return this;
+                               }
+
+                               multiply(v, w) {
+                                       if (w !== undefined) {
+                                               console.warn('THREE.Vector3: .multiply() now only accepts one argument. Use .multiplyVectors( a, b ) instead.');
+                                               return this.multiplyVectors(v, w);
+                                       }
+
+                                       this.x *= v.x;
+                                       this.y *= v.y;
+                                       this.z *= v.z;
+                                       return this;
+                               }
+
+                               multiplyScalar(scalar) {
+                                       this.x *= scalar;
+                                       this.y *= scalar;
+                                       this.z *= scalar;
+                                       return this;
+                               }
+
+                               multiplyVectors(a, b) {
+                                       this.x = a.x * b.x;
+                                       this.y = a.y * b.y;
+                                       this.z = a.z * b.z;
+                                       return this;
+                               }
+
+                               applyEuler(euler) {
+                                       if (!(euler && euler.isEuler)) {
+                                               console.error('THREE.Vector3: .applyEuler() now expects an Euler rotation rather than a Vector3 and order.');
+                                       }
+
+                                       return this.applyQuaternion(_quaternion$4.setFromEuler(euler));
+                               }
+
+                               applyAxisAngle(axis, angle) {
+                                       return this.applyQuaternion(_quaternion$4.setFromAxisAngle(axis, angle));
+                               }
+
+                               applyMatrix3(m) {
+                                       const x = this.x,
+                                               y = this.y,
+                                               z = this.z;
+                                       const e = m.elements;
+                                       this.x = e[0] * x + e[3] * y + e[6] * z;
+                                       this.y = e[1] * x + e[4] * y + e[7] * z;
+                                       this.z = e[2] * x + e[5] * y + e[8] * z;
+                                       return this;
+                               }
+
+                               applyNormalMatrix(m) {
+                                       return this.applyMatrix3(m).normalize();
+                               }
+
+                               applyMatrix4(m) {
+                                       const x = this.x,
+                                               y = this.y,
+                                               z = this.z;
+                                       const e = m.elements;
+                                       const w = 1 / (e[3] * x + e[7] * y + e[11] * z + e[15]);
+                                       this.x = (e[0] * x + e[4] * y + e[8] * z + e[12]) * w;
+                                       this.y = (e[1] * x + e[5] * y + e[9] * z + e[13]) * w;
+                                       this.z = (e[2] * x + e[6] * y + e[10] * z + e[14]) * w;
+                                       return this;
+                               }
+
+                               applyQuaternion(q) {
+                                       const x = this.x,
+                                               y = this.y,
+                                               z = this.z;
+                                       const qx = q.x,
+                                               qy = q.y,
+                                               qz = q.z,
+                                               qw = q.w; // calculate quat * vector
+
+                                       const ix = qw * x + qy * z - qz * y;
+                                       const iy = qw * y + qz * x - qx * z;
+                                       const iz = qw * z + qx * y - qy * x;
+                                       const iw = -qx * x - qy * y - qz * z; // calculate result * inverse quat
+
+                                       this.x = ix * qw + iw * -qx + iy * -qz - iz * -qy;
+                                       this.y = iy * qw + iw * -qy + iz * -qx - ix * -qz;
+                                       this.z = iz * qw + iw * -qz + ix * -qy - iy * -qx;
+                                       return this;
+                               }
+
+                               project(camera) {
+                                       return this.applyMatrix4(camera.matrixWorldInverse).applyMatrix4(camera.projectionMatrix);
+                               }
+
+                               unproject(camera) {
+                                       return this.applyMatrix4(camera.projectionMatrixInverse).applyMatrix4(camera.matrixWorld);
+                               }
+
+                               transformDirection(m) {
+                                       // input: THREE.Matrix4 affine matrix
+                                       // vector interpreted as a direction
+                                       const x = this.x,
+                                               y = this.y,
+                                               z = this.z;
+                                       const e = m.elements;
+                                       this.x = e[0] * x + e[4] * y + e[8] * z;
+                                       this.y = e[1] * x + e[5] * y + e[9] * z;
+                                       this.z = e[2] * x + e[6] * y + e[10] * z;
+                                       return this.normalize();
+                               }
+
+                               divide(v) {
+                                       this.x /= v.x;
+                                       this.y /= v.y;
+                                       this.z /= v.z;
+                                       return this;
+                               }
+
+                               divideScalar(scalar) {
+                                       return this.multiplyScalar(1 / scalar);
+                               }
+
+                               min(v) {
+                                       this.x = Math.min(this.x, v.x);
+                                       this.y = Math.min(this.y, v.y);
+                                       this.z = Math.min(this.z, v.z);
+                                       return this;
+                               }
+
+                               max(v) {
+                                       this.x = Math.max(this.x, v.x);
+                                       this.y = Math.max(this.y, v.y);
+                                       this.z = Math.max(this.z, v.z);
+                                       return this;
+                               }
+
+                               clamp(min, max) {
+                                       // assumes min < max, componentwise
+                                       this.x = Math.max(min.x, Math.min(max.x, this.x));
+                                       this.y = Math.max(min.y, Math.min(max.y, this.y));
+                                       this.z = Math.max(min.z, Math.min(max.z, this.z));
+                                       return this;
+                               }
+
+                               clampScalar(minVal, maxVal) {
+                                       this.x = Math.max(minVal, Math.min(maxVal, this.x));
+                                       this.y = Math.max(minVal, Math.min(maxVal, this.y));
+                                       this.z = Math.max(minVal, Math.min(maxVal, this.z));
+                                       return this;
+                               }
+
+                               clampLength(min, max) {
+                                       const length = this.length();
+                                       return this.divideScalar(length || 1).multiplyScalar(Math.max(min, Math.min(max, length)));
+                               }
+
+                               floor() {
+                                       this.x = Math.floor(this.x);
+                                       this.y = Math.floor(this.y);
+                                       this.z = Math.floor(this.z);
+                                       return this;
+                               }
+
+                               ceil() {
+                                       this.x = Math.ceil(this.x);
+                                       this.y = Math.ceil(this.y);
+                                       this.z = Math.ceil(this.z);
+                                       return this;
+                               }
+
+                               round() {
+                                       this.x = Math.round(this.x);
+                                       this.y = Math.round(this.y);
+                                       this.z = Math.round(this.z);
+                                       return this;
+                               }
+
+                               roundToZero() {
+                                       this.x = this.x < 0 ? Math.ceil(this.x) : Math.floor(this.x);
+                                       this.y = this.y < 0 ? Math.ceil(this.y) : Math.floor(this.y);
+                                       this.z = this.z < 0 ? Math.ceil(this.z) : Math.floor(this.z);
+                                       return this;
+                               }
+
+                               negate() {
+                                       this.x = -this.x;
+                                       this.y = -this.y;
+                                       this.z = -this.z;
+                                       return this;
+                               }
+
+                               dot(v) {
+                                       return this.x * v.x + this.y * v.y + this.z * v.z;
+                               } // TODO lengthSquared?
+
+
+                               lengthSq() {
+                                       return this.x * this.x + this.y * this.y + this.z * this.z;
+                               }
+
+                               length() {
+                                       return Math.sqrt(this.x * this.x + this.y * this.y + this.z * this.z);
+                               }
+
+                               manhattanLength() {
+                                       return Math.abs(this.x) + Math.abs(this.y) + Math.abs(this.z);
+                               }
+
+                               normalize() {
+                                       return this.divideScalar(this.length() || 1);
+                               }
+
+                               setLength(length) {
+                                       return this.normalize().multiplyScalar(length);
+                               }
+
+                               lerp(v, alpha) {
+                                       this.x += (v.x - this.x) * alpha;
+                                       this.y += (v.y - this.y) * alpha;
+                                       this.z += (v.z - this.z) * alpha;
+                                       return this;
+                               }
+
+                               lerpVectors(v1, v2, alpha) {
+                                       this.x = v1.x + (v2.x - v1.x) * alpha;
+                                       this.y = v1.y + (v2.y - v1.y) * alpha;
+                                       this.z = v1.z + (v2.z - v1.z) * alpha;
+                                       return this;
+                               }
+
+                               cross(v, w) {
+                                       if (w !== undefined) {
+                                               console.warn('THREE.Vector3: .cross() now only accepts one argument. Use .crossVectors( a, b ) instead.');
+                                               return this.crossVectors(v, w);
+                                       }
+
+                                       return this.crossVectors(this, v);
+                               }
+
+                               crossVectors(a, b) {
+                                       const ax = a.x,
+                                               ay = a.y,
+                                               az = a.z;
+                                       const bx = b.x,
+                                               by = b.y,
+                                               bz = b.z;
+                                       this.x = ay * bz - az * by;
+                                       this.y = az * bx - ax * bz;
+                                       this.z = ax * by - ay * bx;
+                                       return this;
+                               }
+
+                               projectOnVector(v) {
+                                       const denominator = v.lengthSq();
+                                       if (denominator === 0) return this.set(0, 0, 0);
+                                       const scalar = v.dot(this) / denominator;
+                                       return this.copy(v).multiplyScalar(scalar);
+                               }
+
+                               projectOnPlane(planeNormal) {
+                                       _vector$c.copy(this).projectOnVector(planeNormal);
+
+                                       return this.sub(_vector$c);
+                               }
+
+                               reflect(normal) {
+                                       // reflect incident vector off plane orthogonal to normal
+                                       // normal is assumed to have unit length
+                                       return this.sub(_vector$c.copy(normal).multiplyScalar(2 * this.dot(normal)));
+                               }
+
+                               angleTo(v) {
+                                       const denominator = Math.sqrt(this.lengthSq() * v.lengthSq());
+                                       if (denominator === 0) return Math.PI / 2;
+                                       const theta = this.dot(v) / denominator; // clamp, to handle numerical problems
+
+                                       return Math.acos(clamp(theta, -1, 1));
+                               }
+
+                               distanceTo(v) {
+                                       return Math.sqrt(this.distanceToSquared(v));
+                               }
+
+                               distanceToSquared(v) {
+                                       const dx = this.x - v.x,
+                                               dy = this.y - v.y,
+                                               dz = this.z - v.z;
+                                       return dx * dx + dy * dy + dz * dz;
+                               }
+
+                               manhattanDistanceTo(v) {
+                                       return Math.abs(this.x - v.x) + Math.abs(this.y - v.y) + Math.abs(this.z - v.z);
+                               }
+
+                               setFromSpherical(s) {
+                                       return this.setFromSphericalCoords(s.radius, s.phi, s.theta);
+                               }
+
+                               setFromSphericalCoords(radius, phi, theta) {
+                                       const sinPhiRadius = Math.sin(phi) * radius;
+                                       this.x = sinPhiRadius * Math.sin(theta);
+                                       this.y = Math.cos(phi) * radius;
+                                       this.z = sinPhiRadius * Math.cos(theta);
+                                       return this;
+                               }
+
+                               setFromCylindrical(c) {
+                                       return this.setFromCylindricalCoords(c.radius, c.theta, c.y);
+                               }
+
+                               setFromCylindricalCoords(radius, theta, y) {
+                                       this.x = radius * Math.sin(theta);
+                                       this.y = y;
+                                       this.z = radius * Math.cos(theta);
+                                       return this;
+                               }
+
+                               setFromMatrixPosition(m) {
+                                       const e = m.elements;
+                                       this.x = e[12];
+                                       this.y = e[13];
+                                       this.z = e[14];
+                                       return this;
+                               }
+
+                               setFromMatrixScale(m) {
+                                       const sx = this.setFromMatrixColumn(m, 0).length();
+                                       const sy = this.setFromMatrixColumn(m, 1).length();
+                                       const sz = this.setFromMatrixColumn(m, 2).length();
+                                       this.x = sx;
+                                       this.y = sy;
+                                       this.z = sz;
+                                       return this;
+                               }
+
+                               setFromMatrixColumn(m, index) {
+                                       return this.fromArray(m.elements, index * 4);
+                               }
+
+                               setFromMatrix3Column(m, index) {
+                                       return this.fromArray(m.elements, index * 3);
+                               }
+
+                               equals(v) {
+                                       return v.x === this.x && v.y === this.y && v.z === this.z;
+                               }
+
+                               fromArray(array, offset = 0) {
+                                       this.x = array[offset];
+                                       this.y = array[offset + 1];
+                                       this.z = array[offset + 2];
+                                       return this;
+                               }
+
+                               toArray(array = [], offset = 0) {
+                                       array[offset] = this.x;
+                                       array[offset + 1] = this.y;
+                                       array[offset + 2] = this.z;
+                                       return array;
+                               }
+
+                               fromBufferAttribute(attribute, index, offset) {
+                                       if (offset !== undefined) {
+                                               console.warn('THREE.Vector3: offset has been removed from .fromBufferAttribute().');
+                                       }
+
+                                       this.x = attribute.getX(index);
+                                       this.y = attribute.getY(index);
+                                       this.z = attribute.getZ(index);
+                                       return this;
+                               }
+
+                               random() {
+                                       this.x = Math.random();
+                                       this.y = Math.random();
+                                       this.z = Math.random();
+                                       return this;
+                               }
+
+                       }
+
+                       Vector3.prototype.isVector3 = true;
+
+                       const _vector$c = /*@__PURE__*/new Vector3();
+
+                       const _quaternion$4 = /*@__PURE__*/new Quaternion();
+
+                       class Box3 {
+                               constructor(min = new Vector3(+Infinity, +Infinity, +Infinity), max = new Vector3(-Infinity, -Infinity, -Infinity)) {
+                                       this.min = min;
+                                       this.max = max;
+                               }
+
+                               set(min, max) {
+                                       this.min.copy(min);
+                                       this.max.copy(max);
+                                       return this;
+                               }
+
+                               setFromArray(array) {
+                                       let minX = +Infinity;
+                                       let minY = +Infinity;
+                                       let minZ = +Infinity;
+                                       let maxX = -Infinity;
+                                       let maxY = -Infinity;
+                                       let maxZ = -Infinity;
+
+                                       for (let i = 0, l = array.length; i < l; i += 3) {
+                                               const x = array[i];
+                                               const y = array[i + 1];
+                                               const z = array[i + 2];
+                                               if (x < minX) minX = x;
+                                               if (y < minY) minY = y;
+                                               if (z < minZ) minZ = z;
+                                               if (x > maxX) maxX = x;
+                                               if (y > maxY) maxY = y;
+                                               if (z > maxZ) maxZ = z;
+                                       }
+
+                                       this.min.set(minX, minY, minZ);
+                                       this.max.set(maxX, maxY, maxZ);
+                                       return this;
+                               }
+
+                               setFromBufferAttribute(attribute) {
+                                       let minX = +Infinity;
+                                       let minY = +Infinity;
+                                       let minZ = +Infinity;
+                                       let maxX = -Infinity;
+                                       let maxY = -Infinity;
+                                       let maxZ = -Infinity;
+
+                                       for (let i = 0, l = attribute.count; i < l; i++) {
+                                               const x = attribute.getX(i);
+                                               const y = attribute.getY(i);
+                                               const z = attribute.getZ(i);
+                                               if (x < minX) minX = x;
+                                               if (y < minY) minY = y;
+                                               if (z < minZ) minZ = z;
+                                               if (x > maxX) maxX = x;
+                                               if (y > maxY) maxY = y;
+                                               if (z > maxZ) maxZ = z;
+                                       }
+
+                                       this.min.set(minX, minY, minZ);
+                                       this.max.set(maxX, maxY, maxZ);
+                                       return this;
+                               }
+
+                               setFromPoints(points) {
+                                       this.makeEmpty();
+
+                                       for (let i = 0, il = points.length; i < il; i++) {
+                                               this.expandByPoint(points[i]);
+                                       }
+
+                                       return this;
+                               }
+
+                               setFromCenterAndSize(center, size) {
+                                       const halfSize = _vector$b.copy(size).multiplyScalar(0.5);
+
+                                       this.min.copy(center).sub(halfSize);
+                                       this.max.copy(center).add(halfSize);
+                                       return this;
+                               }
+
+                               setFromObject(object) {
+                                       this.makeEmpty();
+                                       return this.expandByObject(object);
+                               }
+
+                               clone() {
+                                       return new this.constructor().copy(this);
+                               }
+
+                               copy(box) {
+                                       this.min.copy(box.min);
+                                       this.max.copy(box.max);
+                                       return this;
+                               }
+
+                               makeEmpty() {
+                                       this.min.x = this.min.y = this.min.z = +Infinity;
+                                       this.max.x = this.max.y = this.max.z = -Infinity;
+                                       return this;
+                               }
+
+                               isEmpty() {
+                                       // this is a more robust check for empty than ( volume <= 0 ) because volume can get positive with two negative axes
+                                       return this.max.x < this.min.x || this.max.y < this.min.y || this.max.z < this.min.z;
+                               }
+
+                               getCenter(target) {
+                                       return this.isEmpty() ? target.set(0, 0, 0) : target.addVectors(this.min, this.max).multiplyScalar(0.5);
+                               }
+
+                               getSize(target) {
+                                       return this.isEmpty() ? target.set(0, 0, 0) : target.subVectors(this.max, this.min);
+                               }
+
+                               expandByPoint(point) {
+                                       this.min.min(point);
+                                       this.max.max(point);
+                                       return this;
+                               }
+
+                               expandByVector(vector) {
+                                       this.min.sub(vector);
+                                       this.max.add(vector);
+                                       return this;
+                               }
+
+                               expandByScalar(scalar) {
+                                       this.min.addScalar(-scalar);
+                                       this.max.addScalar(scalar);
+                                       return this;
+                               }
+
+                               expandByObject(object) {
+                                       // Computes the world-axis-aligned bounding box of an object (including its children),
+                                       // accounting for both the object's, and children's, world transforms
+                                       object.updateWorldMatrix(false, false);
+                                       const geometry = object.geometry;
+
+                                       if (geometry !== undefined) {
+                                               if (geometry.boundingBox === null) {
+                                                       geometry.computeBoundingBox();
+                                               }
+
+                                               _box$3.copy(geometry.boundingBox);
+
+                                               _box$3.applyMatrix4(object.matrixWorld);
+
+                                               this.union(_box$3);
+                                       }
+
+                                       const children = object.children;
+
+                                       for (let i = 0, l = children.length; i < l; i++) {
+                                               this.expandByObject(children[i]);
+                                       }
+
+                                       return this;
+                               }
+
+                               containsPoint(point) {
+                                       return point.x < this.min.x || point.x > this.max.x || point.y < this.min.y || point.y > this.max.y || point.z < this.min.z || point.z > this.max.z ? false : true;
+                               }
+
+                               containsBox(box) {
+                                       return this.min.x <= box.min.x && box.max.x <= this.max.x && this.min.y <= box.min.y && box.max.y <= this.max.y && this.min.z <= box.min.z && box.max.z <= this.max.z;
+                               }
+
+                               getParameter(point, target) {
+                                       // This can potentially have a divide by zero if the box
+                                       // has a size dimension of 0.
+                                       return target.set((point.x - this.min.x) / (this.max.x - this.min.x), (point.y - this.min.y) / (this.max.y - this.min.y), (point.z - this.min.z) / (this.max.z - this.min.z));
+                               }
+
+                               intersectsBox(box) {
+                                       // using 6 splitting planes to rule out intersections.
+                                       return box.max.x < this.min.x || box.min.x > this.max.x || box.max.y < this.min.y || box.min.y > this.max.y || box.max.z < this.min.z || box.min.z > this.max.z ? false : true;
+                               }
+
+                               intersectsSphere(sphere) {
+                                       // Find the point on the AABB closest to the sphere center.
+                                       this.clampPoint(sphere.center, _vector$b); // If that point is inside the sphere, the AABB and sphere intersect.
+
+                                       return _vector$b.distanceToSquared(sphere.center) <= sphere.radius * sphere.radius;
+                               }
+
+                               intersectsPlane(plane) {
+                                       // We compute the minimum and maximum dot product values. If those values
+                                       // are on the same side (back or front) of the plane, then there is no intersection.
+                                       let min, max;
+
+                                       if (plane.normal.x > 0) {
+                                               min = plane.normal.x * this.min.x;
+                                               max = plane.normal.x * this.max.x;
+                                       } else {
+                                               min = plane.normal.x * this.max.x;
+                                               max = plane.normal.x * this.min.x;
+                                       }
+
+                                       if (plane.normal.y > 0) {
+                                               min += plane.normal.y * this.min.y;
+                                               max += plane.normal.y * this.max.y;
+                                       } else {
+                                               min += plane.normal.y * this.max.y;
+                                               max += plane.normal.y * this.min.y;
+                                       }
+
+                                       if (plane.normal.z > 0) {
+                                               min += plane.normal.z * this.min.z;
+                                               max += plane.normal.z * this.max.z;
+                                       } else {
+                                               min += plane.normal.z * this.max.z;
+                                               max += plane.normal.z * this.min.z;
+                                       }
+
+                                       return min <= -plane.constant && max >= -plane.constant;
+                               }
+
+                               intersectsTriangle(triangle) {
+                                       if (this.isEmpty()) {
+                                               return false;
+                                       } // compute box center and extents
+
+
+                                       this.getCenter(_center);
+
+                                       _extents.subVectors(this.max, _center); // translate triangle to aabb origin
+
+
+                                       _v0$2.subVectors(triangle.a, _center);
+
+                                       _v1$7.subVectors(triangle.b, _center);
+
+                                       _v2$3.subVectors(triangle.c, _center); // compute edge vectors for triangle
+
+
+                                       _f0.subVectors(_v1$7, _v0$2);
+
+                                       _f1.subVectors(_v2$3, _v1$7);
+
+                                       _f2.subVectors(_v0$2, _v2$3); // test against axes that are given by cross product combinations of the edges of the triangle and the edges of the aabb
+                                       // make an axis testing of each of the 3 sides of the aabb against each of the 3 sides of the triangle = 9 axis of separation
+                                       // axis_ij = u_i x f_j (u0, u1, u2 = face normals of aabb = x,y,z axes vectors since aabb is axis aligned)
+
+
+                                       let axes = [0, -_f0.z, _f0.y, 0, -_f1.z, _f1.y, 0, -_f2.z, _f2.y, _f0.z, 0, -_f0.x, _f1.z, 0, -_f1.x, _f2.z, 0, -_f2.x, -_f0.y, _f0.x, 0, -_f1.y, _f1.x, 0, -_f2.y, _f2.x, 0];
+
+                                       if (!satForAxes(axes, _v0$2, _v1$7, _v2$3, _extents)) {
+                                               return false;
+                                       } // test 3 face normals from the aabb
+
+
+                                       axes = [1, 0, 0, 0, 1, 0, 0, 0, 1];
+
+                                       if (!satForAxes(axes, _v0$2, _v1$7, _v2$3, _extents)) {
+                                               return false;
+                                       } // finally testing the face normal of the triangle
+                                       // use already existing triangle edge vectors here
+
+
+                                       _triangleNormal.crossVectors(_f0, _f1);
+
+                                       axes = [_triangleNormal.x, _triangleNormal.y, _triangleNormal.z];
+                                       return satForAxes(axes, _v0$2, _v1$7, _v2$3, _extents);
+                               }
+
+                               clampPoint(point, target) {
+                                       return target.copy(point).clamp(this.min, this.max);
+                               }
+
+                               distanceToPoint(point) {
+                                       const clampedPoint = _vector$b.copy(point).clamp(this.min, this.max);
+
+                                       return clampedPoint.sub(point).length();
+                               }
+
+                               getBoundingSphere(target) {
+                                       this.getCenter(target.center);
+                                       target.radius = this.getSize(_vector$b).length() * 0.5;
+                                       return target;
+                               }
+
+                               intersect(box) {
+                                       this.min.max(box.min);
+                                       this.max.min(box.max); // ensure that if there is no overlap, the result is fully empty, not slightly empty with non-inf/+inf values that will cause subsequence intersects to erroneously return valid values.
+
+                                       if (this.isEmpty()) this.makeEmpty();
+                                       return this;
+                               }
+
+                               union(box) {
+                                       this.min.min(box.min);
+                                       this.max.max(box.max);
+                                       return this;
+                               }
+
+                               applyMatrix4(matrix) {
+                                       // transform of empty box is an empty box.
+                                       if (this.isEmpty()) return this; // NOTE: I am using a binary pattern to specify all 2^3 combinations below
+
+                                       _points[0].set(this.min.x, this.min.y, this.min.z).applyMatrix4(matrix); // 000
+
+
+                                       _points[1].set(this.min.x, this.min.y, this.max.z).applyMatrix4(matrix); // 001
+
+
+                                       _points[2].set(this.min.x, this.max.y, this.min.z).applyMatrix4(matrix); // 010
+
+
+                                       _points[3].set(this.min.x, this.max.y, this.max.z).applyMatrix4(matrix); // 011
+
+
+                                       _points[4].set(this.max.x, this.min.y, this.min.z).applyMatrix4(matrix); // 100
+
+
+                                       _points[5].set(this.max.x, this.min.y, this.max.z).applyMatrix4(matrix); // 101
+
+
+                                       _points[6].set(this.max.x, this.max.y, this.min.z).applyMatrix4(matrix); // 110
+
+
+                                       _points[7].set(this.max.x, this.max.y, this.max.z).applyMatrix4(matrix); // 111
+
+
+                                       this.setFromPoints(_points);
+                                       return this;
+                               }
+
+                               translate(offset) {
+                                       this.min.add(offset);
+                                       this.max.add(offset);
+                                       return this;
+                               }
+
+                               equals(box) {
+                                       return box.min.equals(this.min) && box.max.equals(this.max);
+                               }
+
+                       }
+
+                       Box3.prototype.isBox3 = true;
+                       const _points = [/*@__PURE__*/new Vector3(), /*@__PURE__*/new Vector3(), /*@__PURE__*/new Vector3(), /*@__PURE__*/new Vector3(), /*@__PURE__*/new Vector3(), /*@__PURE__*/new Vector3(), /*@__PURE__*/new Vector3(), /*@__PURE__*/new Vector3()];
+
+                       const _vector$b = /*@__PURE__*/new Vector3();
+
+                       const _box$3 = /*@__PURE__*/new Box3(); // triangle centered vertices
+
+
+                       const _v0$2 = /*@__PURE__*/new Vector3();
+
+                       const _v1$7 = /*@__PURE__*/new Vector3();
+
+                       const _v2$3 = /*@__PURE__*/new Vector3(); // triangle edge vectors
+
+
+                       const _f0 = /*@__PURE__*/new Vector3();
+
+                       const _f1 = /*@__PURE__*/new Vector3();
+
+                       const _f2 = /*@__PURE__*/new Vector3();
+
+                       const _center = /*@__PURE__*/new Vector3();
+
+                       const _extents = /*@__PURE__*/new Vector3();
+
+                       const _triangleNormal = /*@__PURE__*/new Vector3();
+
+                       const _testAxis = /*@__PURE__*/new Vector3();
+
+                       function satForAxes(axes, v0, v1, v2, extents) {
+                               for (let i = 0, j = axes.length - 3; i <= j; i += 3) {
+                                       _testAxis.fromArray(axes, i); // project the aabb onto the seperating axis
+
+
+                                       const r = extents.x * Math.abs(_testAxis.x) + extents.y * Math.abs(_testAxis.y) + extents.z * Math.abs(_testAxis.z); // project all 3 vertices of the triangle onto the seperating axis
+
+                                       const p0 = v0.dot(_testAxis);
+                                       const p1 = v1.dot(_testAxis);
+                                       const p2 = v2.dot(_testAxis); // actual test, basically see if either of the most extreme of the triangle points intersects r
+
+                                       if (Math.max(-Math.max(p0, p1, p2), Math.min(p0, p1, p2)) > r) {
+                                               // points of the projected triangle are outside the projected half-length of the aabb
+                                               // the axis is seperating and we can exit
+                                               return false;
+                                       }
+                               }
+
+                               return true;
+                       }
+
+                       const _box$2 = /*@__PURE__*/new Box3();
+
+                       const _v1$6 = /*@__PURE__*/new Vector3();
+
+                       const _toFarthestPoint = /*@__PURE__*/new Vector3();
+
+                       const _toPoint = /*@__PURE__*/new Vector3();
+
+                       class Sphere {
+                               constructor(center = new Vector3(), radius = -1) {
+                                       this.center = center;
+                                       this.radius = radius;
+                               }
+
+                               set(center, radius) {
+                                       this.center.copy(center);
+                                       this.radius = radius;
+                                       return this;
+                               }
+
+                               setFromPoints(points, optionalCenter) {
+                                       const center = this.center;
+
+                                       if (optionalCenter !== undefined) {
+                                               center.copy(optionalCenter);
+                                       } else {
+                                               _box$2.setFromPoints(points).getCenter(center);
+                                       }
+
+                                       let maxRadiusSq = 0;
+
+                                       for (let i = 0, il = points.length; i < il; i++) {
+                                               maxRadiusSq = Math.max(maxRadiusSq, center.distanceToSquared(points[i]));
+                                       }
+
+                                       this.radius = Math.sqrt(maxRadiusSq);
+                                       return this;
+                               }
+
+                               copy(sphere) {
+                                       this.center.copy(sphere.center);
+                                       this.radius = sphere.radius;
+                                       return this;
+                               }
+
+                               isEmpty() {
+                                       return this.radius < 0;
+                               }
+
+                               makeEmpty() {
+                                       this.center.set(0, 0, 0);
+                                       this.radius = -1;
+                                       return this;
+                               }
+
+                               containsPoint(point) {
+                                       return point.distanceToSquared(this.center) <= this.radius * this.radius;
+                               }
+
+                               distanceToPoint(point) {
+                                       return point.distanceTo(this.center) - this.radius;
+                               }
+
+                               intersectsSphere(sphere) {
+                                       const radiusSum = this.radius + sphere.radius;
+                                       return sphere.center.distanceToSquared(this.center) <= radiusSum * radiusSum;
+                               }
+
+                               intersectsBox(box) {
+                                       return box.intersectsSphere(this);
+                               }
+
+                               intersectsPlane(plane) {
+                                       return Math.abs(plane.distanceToPoint(this.center)) <= this.radius;
+                               }
+
+                               clampPoint(point, target) {
+                                       const deltaLengthSq = this.center.distanceToSquared(point);
+                                       target.copy(point);
+
+                                       if (deltaLengthSq > this.radius * this.radius) {
+                                               target.sub(this.center).normalize();
+                                               target.multiplyScalar(this.radius).add(this.center);
+                                       }
+
+                                       return target;
+                               }
+
+                               getBoundingBox(target) {
+                                       if (this.isEmpty()) {
+                                               // Empty sphere produces empty bounding box
+                                               target.makeEmpty();
+                                               return target;
+                                       }
+
+                                       target.set(this.center, this.center);
+                                       target.expandByScalar(this.radius);
+                                       return target;
+                               }
+
+                               applyMatrix4(matrix) {
+                                       this.center.applyMatrix4(matrix);
+                                       this.radius = this.radius * matrix.getMaxScaleOnAxis();
+                                       return this;
+                               }
+
+                               translate(offset) {
+                                       this.center.add(offset);
+                                       return this;
+                               }
+
+                               expandByPoint(point) {
+                                       // from https://github.com/juj/MathGeoLib/blob/2940b99b99cfe575dd45103ef20f4019dee15b54/src/Geometry/Sphere.cpp#L649-L671
+                                       _toPoint.subVectors(point, this.center);
+
+                                       const lengthSq = _toPoint.lengthSq();
+
+                                       if (lengthSq > this.radius * this.radius) {
+                                               const length = Math.sqrt(lengthSq);
+                                               const missingRadiusHalf = (length - this.radius) * 0.5; // Nudge this sphere towards the target point. Add half the missing distance to radius,
+                                               // and the other half to position. This gives a tighter enclosure, instead of if
+                                               // the whole missing distance were just added to radius.
+
+                                               this.center.add(_toPoint.multiplyScalar(missingRadiusHalf / length));
+                                               this.radius += missingRadiusHalf;
+                                       }
+
+                                       return this;
+                               }
+
+                               union(sphere) {
+                                       // from https://github.com/juj/MathGeoLib/blob/2940b99b99cfe575dd45103ef20f4019dee15b54/src/Geometry/Sphere.cpp#L759-L769
+                                       // To enclose another sphere into this sphere, we only need to enclose two points:
+                                       // 1) Enclose the farthest point on the other sphere into this sphere.
+                                       // 2) Enclose the opposite point of the farthest point into this sphere.
+                                       _toFarthestPoint.subVectors(sphere.center, this.center).normalize().multiplyScalar(sphere.radius);
+
+                                       this.expandByPoint(_v1$6.copy(sphere.center).add(_toFarthestPoint));
+                                       this.expandByPoint(_v1$6.copy(sphere.center).sub(_toFarthestPoint));
+                                       return this;
+                               }
+
+                               equals(sphere) {
+                                       return sphere.center.equals(this.center) && sphere.radius === this.radius;
+                               }
+
+                               clone() {
+                                       return new this.constructor().copy(this);
+                               }
+
+                       }
+
+                       const _vector$a = /*@__PURE__*/new Vector3();
+
+                       const _segCenter = /*@__PURE__*/new Vector3();
+
+                       const _segDir = /*@__PURE__*/new Vector3();
+
+                       const _diff = /*@__PURE__*/new Vector3();
+
+                       const _edge1 = /*@__PURE__*/new Vector3();
+
+                       const _edge2 = /*@__PURE__*/new Vector3();
+
+                       const _normal$1 = /*@__PURE__*/new Vector3();
+
+                       class Ray {
+                               constructor(origin = new Vector3(), direction = new Vector3(0, 0, -1)) {
+                                       this.origin = origin;
+                                       this.direction = direction;
+                               }
+
+                               set(origin, direction) {
+                                       this.origin.copy(origin);
+                                       this.direction.copy(direction);
+                                       return this;
+                               }
+
+                               copy(ray) {
+                                       this.origin.copy(ray.origin);
+                                       this.direction.copy(ray.direction);
+                                       return this;
+                               }
+
+                               at(t, target) {
+                                       return target.copy(this.direction).multiplyScalar(t).add(this.origin);
+                               }
+
+                               lookAt(v) {
+                                       this.direction.copy(v).sub(this.origin).normalize();
+                                       return this;
+                               }
+
+                               recast(t) {
+                                       this.origin.copy(this.at(t, _vector$a));
+                                       return this;
+                               }
+
+                               closestPointToPoint(point, target) {
+                                       target.subVectors(point, this.origin);
+                                       const directionDistance = target.dot(this.direction);
+
+                                       if (directionDistance < 0) {
+                                               return target.copy(this.origin);
+                                       }
+
+                                       return target.copy(this.direction).multiplyScalar(directionDistance).add(this.origin);
+                               }
+
+                               distanceToPoint(point) {
+                                       return Math.sqrt(this.distanceSqToPoint(point));
+                               }
+
+                               distanceSqToPoint(point) {
+                                       const directionDistance = _vector$a.subVectors(point, this.origin).dot(this.direction); // point behind the ray
+
+
+                                       if (directionDistance < 0) {
+                                               return this.origin.distanceToSquared(point);
+                                       }
+
+                                       _vector$a.copy(this.direction).multiplyScalar(directionDistance).add(this.origin);
+
+                                       return _vector$a.distanceToSquared(point);
+                               }
+
+                               distanceSqToSegment(v0, v1, optionalPointOnRay, optionalPointOnSegment) {
+                                       // from http://www.geometrictools.com/GTEngine/Include/Mathematics/GteDistRaySegment.h
+                                       // It returns the min distance between the ray and the segment
+                                       // defined by v0 and v1
+                                       // It can also set two optional targets :
+                                       // - The closest point on the ray
+                                       // - The closest point on the segment
+                                       _segCenter.copy(v0).add(v1).multiplyScalar(0.5);
+
+                                       _segDir.copy(v1).sub(v0).normalize();
+
+                                       _diff.copy(this.origin).sub(_segCenter);
+
+                                       const segExtent = v0.distanceTo(v1) * 0.5;
+                                       const a01 = -this.direction.dot(_segDir);
+
+                                       const b0 = _diff.dot(this.direction);
+
+                                       const b1 = -_diff.dot(_segDir);
+
+                                       const c = _diff.lengthSq();
+
+                                       const det = Math.abs(1 - a01 * a01);
+                                       let s0, s1, sqrDist, extDet;
+
+                                       if (det > 0) {
+                                               // The ray and segment are not parallel.
+                                               s0 = a01 * b1 - b0;
+                                               s1 = a01 * b0 - b1;
+                                               extDet = segExtent * det;
+
+                                               if (s0 >= 0) {
+                                                       if (s1 >= -extDet) {
+                                                               if (s1 <= extDet) {
+                                                                       // region 0
+                                                                       // Minimum at interior points of ray and segment.
+                                                                       const invDet = 1 / det;
+                                                                       s0 *= invDet;
+                                                                       s1 *= invDet;
+                                                                       sqrDist = s0 * (s0 + a01 * s1 + 2 * b0) + s1 * (a01 * s0 + s1 + 2 * b1) + c;
+                                                               } else {
+                                                                       // region 1
+                                                                       s1 = segExtent;
+                                                                       s0 = Math.max(0, -(a01 * s1 + b0));
+                                                                       sqrDist = -s0 * s0 + s1 * (s1 + 2 * b1) + c;
+                                                               }
+                                                       } else {
+                                                               // region 5
+                                                               s1 = -segExtent;
+                                                               s0 = Math.max(0, -(a01 * s1 + b0));
+                                                               sqrDist = -s0 * s0 + s1 * (s1 + 2 * b1) + c;
+                                                       }
+                                               } else {
+                                                       if (s1 <= -extDet) {
+                                                               // region 4
+                                                               s0 = Math.max(0, -(-a01 * segExtent + b0));
+                                                               s1 = s0 > 0 ? -segExtent : Math.min(Math.max(-segExtent, -b1), segExtent);
+                                                               sqrDist = -s0 * s0 + s1 * (s1 + 2 * b1) + c;
+                                                       } else if (s1 <= extDet) {
+                                                               // region 3
+                                                               s0 = 0;
+                                                               s1 = Math.min(Math.max(-segExtent, -b1), segExtent);
+                                                               sqrDist = s1 * (s1 + 2 * b1) + c;
+                                                       } else {
+                                                               // region 2
+                                                               s0 = Math.max(0, -(a01 * segExtent + b0));
+                                                               s1 = s0 > 0 ? segExtent : Math.min(Math.max(-segExtent, -b1), segExtent);
+                                                               sqrDist = -s0 * s0 + s1 * (s1 + 2 * b1) + c;
+                                                       }
+                                               }
+                                       } else {
+                                               // Ray and segment are parallel.
+                                               s1 = a01 > 0 ? -segExtent : segExtent;
+                                               s0 = Math.max(0, -(a01 * s1 + b0));
+                                               sqrDist = -s0 * s0 + s1 * (s1 + 2 * b1) + c;
+                                       }
+
+                                       if (optionalPointOnRay) {
+                                               optionalPointOnRay.copy(this.direction).multiplyScalar(s0).add(this.origin);
+                                       }
+
+                                       if (optionalPointOnSegment) {
+                                               optionalPointOnSegment.copy(_segDir).multiplyScalar(s1).add(_segCenter);
+                                       }
+
+                                       return sqrDist;
+                               }
+
+                               intersectSphere(sphere, target) {
+                                       _vector$a.subVectors(sphere.center, this.origin);
+
+                                       const tca = _vector$a.dot(this.direction);
+
+                                       const d2 = _vector$a.dot(_vector$a) - tca * tca;
+                                       const radius2 = sphere.radius * sphere.radius;
+                                       if (d2 > radius2) return null;
+                                       const thc = Math.sqrt(radius2 - d2); // t0 = first intersect point - entrance on front of sphere
+
+                                       const t0 = tca - thc; // t1 = second intersect point - exit point on back of sphere
+
+                                       const t1 = tca + thc; // test to see if both t0 and t1 are behind the ray - if so, return null
+
+                                       if (t0 < 0 && t1 < 0) return null; // test to see if t0 is behind the ray:
+                                       // if it is, the ray is inside the sphere, so return the second exit point scaled by t1,
+                                       // in order to always return an intersect point that is in front of the ray.
+
+                                       if (t0 < 0) return this.at(t1, target); // else t0 is in front of the ray, so return the first collision point scaled by t0
+
+                                       return this.at(t0, target);
+                               }
+
+                               intersectsSphere(sphere) {
+                                       return this.distanceSqToPoint(sphere.center) <= sphere.radius * sphere.radius;
+                               }
+
+                               distanceToPlane(plane) {
+                                       const denominator = plane.normal.dot(this.direction);
+
+                                       if (denominator === 0) {
+                                               // line is coplanar, return origin
+                                               if (plane.distanceToPoint(this.origin) === 0) {
+                                                       return 0;
+                                               } // Null is preferable to undefined since undefined means.... it is undefined
+
+
+                                               return null;
+                                       }
+
+                                       const t = -(this.origin.dot(plane.normal) + plane.constant) / denominator; // Return if the ray never intersects the plane
+
+                                       return t >= 0 ? t : null;
+                               }
+
+                               intersectPlane(plane, target) {
+                                       const t = this.distanceToPlane(plane);
+
+                                       if (t === null) {
+                                               return null;
+                                       }
+
+                                       return this.at(t, target);
+                               }
+
+                               intersectsPlane(plane) {
+                                       // check if the ray lies on the plane first
+                                       const distToPoint = plane.distanceToPoint(this.origin);
+
+                                       if (distToPoint === 0) {
+                                               return true;
+                                       }
+
+                                       const denominator = plane.normal.dot(this.direction);
+
+                                       if (denominator * distToPoint < 0) {
+                                               return true;
+                                       } // ray origin is behind the plane (and is pointing behind it)
+
+
+                                       return false;
+                               }
+
+                               intersectBox(box, target) {
+                                       let tmin, tmax, tymin, tymax, tzmin, tzmax;
+                                       const invdirx = 1 / this.direction.x,
+                                               invdiry = 1 / this.direction.y,
+                                               invdirz = 1 / this.direction.z;
+                                       const origin = this.origin;
+
+                                       if (invdirx >= 0) {
+                                               tmin = (box.min.x - origin.x) * invdirx;
+                                               tmax = (box.max.x - origin.x) * invdirx;
+                                       } else {
+                                               tmin = (box.max.x - origin.x) * invdirx;
+                                               tmax = (box.min.x - origin.x) * invdirx;
+                                       }
+
+                                       if (invdiry >= 0) {
+                                               tymin = (box.min.y - origin.y) * invdiry;
+                                               tymax = (box.max.y - origin.y) * invdiry;
+                                       } else {
+                                               tymin = (box.max.y - origin.y) * invdiry;
+                                               tymax = (box.min.y - origin.y) * invdiry;
+                                       }
+
+                                       if (tmin > tymax || tymin > tmax) return null; // These lines also handle the case where tmin or tmax is NaN
+                                       // (result of 0 * Infinity). x !== x returns true if x is NaN
+
+                                       if (tymin > tmin || tmin !== tmin) tmin = tymin;
+                                       if (tymax < tmax || tmax !== tmax) tmax = tymax;
+
+                                       if (invdirz >= 0) {
+                                               tzmin = (box.min.z - origin.z) * invdirz;
+                                               tzmax = (box.max.z - origin.z) * invdirz;
+                                       } else {
+                                               tzmin = (box.max.z - origin.z) * invdirz;
+                                               tzmax = (box.min.z - origin.z) * invdirz;
+                                       }
+
+                                       if (tmin > tzmax || tzmin > tmax) return null;
+                                       if (tzmin > tmin || tmin !== tmin) tmin = tzmin;
+                                       if (tzmax < tmax || tmax !== tmax) tmax = tzmax; //return point closest to the ray (positive side)
+
+                                       if (tmax < 0) return null;
+                                       return this.at(tmin >= 0 ? tmin : tmax, target);
+                               }
+
+                               intersectsBox(box) {
+                                       return this.intersectBox(box, _vector$a) !== null;
+                               }
+
+                               intersectTriangle(a, b, c, backfaceCulling, target) {
+                                       // Compute the offset origin, edges, and normal.
+                                       // from http://www.geometrictools.com/GTEngine/Include/Mathematics/GteIntrRay3Triangle3.h
+                                       _edge1.subVectors(b, a);
+
+                                       _edge2.subVectors(c, a);
+
+                                       _normal$1.crossVectors(_edge1, _edge2); // Solve Q + t*D = b1*E1 + b2*E2 (Q = kDiff, D = ray direction,
+                                       // E1 = kEdge1, E2 = kEdge2, N = Cross(E1,E2)) by
+                                       //       |Dot(D,N)|*b1 = sign(Dot(D,N))*Dot(D,Cross(Q,E2))
+                                       //       |Dot(D,N)|*b2 = sign(Dot(D,N))*Dot(D,Cross(E1,Q))
+                                       //       |Dot(D,N)|*t = -sign(Dot(D,N))*Dot(Q,N)
+
+
+                                       let DdN = this.direction.dot(_normal$1);
+                                       let sign;
+
+                                       if (DdN > 0) {
+                                               if (backfaceCulling) return null;
+                                               sign = 1;
+                                       } else if (DdN < 0) {
+                                               sign = -1;
+                                               DdN = -DdN;
+                                       } else {
+                                               return null;
+                                       }
+
+                                       _diff.subVectors(this.origin, a);
+
+                                       const DdQxE2 = sign * this.direction.dot(_edge2.crossVectors(_diff, _edge2)); // b1 < 0, no intersection
+
+                                       if (DdQxE2 < 0) {
+                                               return null;
+                                       }
+
+                                       const DdE1xQ = sign * this.direction.dot(_edge1.cross(_diff)); // b2 < 0, no intersection
+
+                                       if (DdE1xQ < 0) {
+                                               return null;
+                                       } // b1+b2 > 1, no intersection
+
+
+                                       if (DdQxE2 + DdE1xQ > DdN) {
+                                               return null;
+                                       } // Line intersects triangle, check if ray does.
+
+
+                                       const QdN = -sign * _diff.dot(_normal$1); // t < 0, no intersection
+
+
+                                       if (QdN < 0) {
+                                               return null;
+                                       } // Ray intersects triangle.
+
+
+                                       return this.at(QdN / DdN, target);
+                               }
+
+                               applyMatrix4(matrix4) {
+                                       this.origin.applyMatrix4(matrix4);
+                                       this.direction.transformDirection(matrix4);
+                                       return this;
+                               }
+
+                               equals(ray) {
+                                       return ray.origin.equals(this.origin) && ray.direction.equals(this.direction);
+                               }
+
+                               clone() {
+                                       return new this.constructor().copy(this);
+                               }
+
+                       }
+
+                       class Matrix4 {
+                               constructor() {
+                                       this.elements = [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1];
+
+                                       if (arguments.length > 0) {
+                                               console.error('THREE.Matrix4: the constructor no longer reads arguments. use .set() instead.');
+                                       }
+                               }
+
+                               set(n11, n12, n13, n14, n21, n22, n23, n24, n31, n32, n33, n34, n41, n42, n43, n44) {
+                                       const te = this.elements;
+                                       te[0] = n11;
+                                       te[4] = n12;
+                                       te[8] = n13;
+                                       te[12] = n14;
+                                       te[1] = n21;
+                                       te[5] = n22;
+                                       te[9] = n23;
+                                       te[13] = n24;
+                                       te[2] = n31;
+                                       te[6] = n32;
+                                       te[10] = n33;
+                                       te[14] = n34;
+                                       te[3] = n41;
+                                       te[7] = n42;
+                                       te[11] = n43;
+                                       te[15] = n44;
+                                       return this;
+                               }
+
+                               identity() {
+                                       this.set(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
+                                       return this;
+                               }
+
+                               clone() {
+                                       return new Matrix4().fromArray(this.elements);
+                               }
+
+                               copy(m) {
+                                       const te = this.elements;
+                                       const me = m.elements;
+                                       te[0] = me[0];
+                                       te[1] = me[1];
+                                       te[2] = me[2];
+                                       te[3] = me[3];
+                                       te[4] = me[4];
+                                       te[5] = me[5];
+                                       te[6] = me[6];
+                                       te[7] = me[7];
+                                       te[8] = me[8];
+                                       te[9] = me[9];
+                                       te[10] = me[10];
+                                       te[11] = me[11];
+                                       te[12] = me[12];
+                                       te[13] = me[13];
+                                       te[14] = me[14];
+                                       te[15] = me[15];
+                                       return this;
+                               }
+
+                               copyPosition(m) {
+                                       const te = this.elements,
+                                               me = m.elements;
+                                       te[12] = me[12];
+                                       te[13] = me[13];
+                                       te[14] = me[14];
+                                       return this;
+                               }
+
+                               setFromMatrix3(m) {
+                                       const me = m.elements;
+                                       this.set(me[0], me[3], me[6], 0, me[1], me[4], me[7], 0, me[2], me[5], me[8], 0, 0, 0, 0, 1);
+                                       return this;
+                               }
+
+                               extractBasis(xAxis, yAxis, zAxis) {
+                                       xAxis.setFromMatrixColumn(this, 0);
+                                       yAxis.setFromMatrixColumn(this, 1);
+                                       zAxis.setFromMatrixColumn(this, 2);
+                                       return this;
+                               }
+
+                               makeBasis(xAxis, yAxis, zAxis) {
+                                       this.set(xAxis.x, yAxis.x, zAxis.x, 0, xAxis.y, yAxis.y, zAxis.y, 0, xAxis.z, yAxis.z, zAxis.z, 0, 0, 0, 0, 1);
+                                       return this;
+                               }
+
+                               extractRotation(m) {
+                                       // this method does not support reflection matrices
+                                       const te = this.elements;
+                                       const me = m.elements;
+
+                                       const scaleX = 1 / _v1$5.setFromMatrixColumn(m, 0).length();
+
+                                       const scaleY = 1 / _v1$5.setFromMatrixColumn(m, 1).length();
+
+                                       const scaleZ = 1 / _v1$5.setFromMatrixColumn(m, 2).length();
+
+                                       te[0] = me[0] * scaleX;
+                                       te[1] = me[1] * scaleX;
+                                       te[2] = me[2] * scaleX;
+                                       te[3] = 0;
+                                       te[4] = me[4] * scaleY;
+                                       te[5] = me[5] * scaleY;
+                                       te[6] = me[6] * scaleY;
+                                       te[7] = 0;
+                                       te[8] = me[8] * scaleZ;
+                                       te[9] = me[9] * scaleZ;
+                                       te[10] = me[10] * scaleZ;
+                                       te[11] = 0;
+                                       te[12] = 0;
+                                       te[13] = 0;
+                                       te[14] = 0;
+                                       te[15] = 1;
+                                       return this;
+                               }
+
+                               makeRotationFromEuler(euler) {
+                                       if (!(euler && euler.isEuler)) {
+                                               console.error('THREE.Matrix4: .makeRotationFromEuler() now expects a Euler rotation rather than a Vector3 and order.');
+                                       }
+
+                                       const te = this.elements;
+                                       const x = euler.x,
+                                               y = euler.y,
+                                               z = euler.z;
+                                       const a = Math.cos(x),
+                                               b = Math.sin(x);
+                                       const c = Math.cos(y),
+                                               d = Math.sin(y);
+                                       const e = Math.cos(z),
+                                               f = Math.sin(z);
+
+                                       if (euler.order === 'XYZ') {
+                                               const ae = a * e,
+                                                       af = a * f,
+                                                       be = b * e,
+                                                       bf = b * f;
+                                               te[0] = c * e;
+                                               te[4] = -c * f;
+                                               te[8] = d;
+                                               te[1] = af + be * d;
+                                               te[5] = ae - bf * d;
+                                               te[9] = -b * c;
+                                               te[2] = bf - ae * d;
+                                               te[6] = be + af * d;
+                                               te[10] = a * c;
+                                       } else if (euler.order === 'YXZ') {
+                                               const ce = c * e,
+                                                       cf = c * f,
+                                                       de = d * e,
+                                                       df = d * f;
+                                               te[0] = ce + df * b;
+                                               te[4] = de * b - cf;
+                                               te[8] = a * d;
+                                               te[1] = a * f;
+                                               te[5] = a * e;
+                                               te[9] = -b;
+                                               te[2] = cf * b - de;
+                                               te[6] = df + ce * b;
+                                               te[10] = a * c;
+                                       } else if (euler.order === 'ZXY') {
+                                               const ce = c * e,
+                                                       cf = c * f,
+                                                       de = d * e,
+                                                       df = d * f;
+                                               te[0] = ce - df * b;
+                                               te[4] = -a * f;
+                                               te[8] = de + cf * b;
+                                               te[1] = cf + de * b;
+                                               te[5] = a * e;
+                                               te[9] = df - ce * b;
+                                               te[2] = -a * d;
+                                               te[6] = b;
+                                               te[10] = a * c;
+                                       } else if (euler.order === 'ZYX') {
+                                               const ae = a * e,
+                                                       af = a * f,
+                                                       be = b * e,
+                                                       bf = b * f;
+                                               te[0] = c * e;
+                                               te[4] = be * d - af;
+                                               te[8] = ae * d + bf;
+                                               te[1] = c * f;
+                                               te[5] = bf * d + ae;
+                                               te[9] = af * d - be;
+                                               te[2] = -d;
+                                               te[6] = b * c;
+                                               te[10] = a * c;
+                                       } else if (euler.order === 'YZX') {
+                                               const ac = a * c,
+                                                       ad = a * d,
+                                                       bc = b * c,
+                                                       bd = b * d;
+                                               te[0] = c * e;
+                                               te[4] = bd - ac * f;
+                                               te[8] = bc * f + ad;
+                                               te[1] = f;
+                                               te[5] = a * e;
+                                               te[9] = -b * e;
+                                               te[2] = -d * e;
+                                               te[6] = ad * f + bc;
+                                               te[10] = ac - bd * f;
+                                       } else if (euler.order === 'XZY') {
+                                               const ac = a * c,
+                                                       ad = a * d,
+                                                       bc = b * c,
+                                                       bd = b * d;
+                                               te[0] = c * e;
+                                               te[4] = -f;
+                                               te[8] = d * e;
+                                               te[1] = ac * f + bd;
+                                               te[5] = a * e;
+                                               te[9] = ad * f - bc;
+                                               te[2] = bc * f - ad;
+                                               te[6] = b * e;
+                                               te[10] = bd * f + ac;
+                                       } // bottom row
+
+
+                                       te[3] = 0;
+                                       te[7] = 0;
+                                       te[11] = 0; // last column
+
+                                       te[12] = 0;
+                                       te[13] = 0;
+                                       te[14] = 0;
+                                       te[15] = 1;
+                                       return this;
+                               }
+
+                               makeRotationFromQuaternion(q) {
+                                       return this.compose(_zero, q, _one);
+                               }
+
+                               lookAt(eye, target, up) {
+                                       const te = this.elements;
+
+                                       _z.subVectors(eye, target);
+
+                                       if (_z.lengthSq() === 0) {
+                                               // eye and target are in the same position
+                                               _z.z = 1;
+                                       }
+
+                                       _z.normalize();
+
+                                       _x.crossVectors(up, _z);
+
+                                       if (_x.lengthSq() === 0) {
+                                               // up and z are parallel
+                                               if (Math.abs(up.z) === 1) {
+                                                       _z.x += 0.0001;
+                                               } else {
+                                                       _z.z += 0.0001;
+                                               }
+
+                                               _z.normalize();
+
+                                               _x.crossVectors(up, _z);
+                                       }
+
+                                       _x.normalize();
+
+                                       _y.crossVectors(_z, _x);
+
+                                       te[0] = _x.x;
+                                       te[4] = _y.x;
+                                       te[8] = _z.x;
+                                       te[1] = _x.y;
+                                       te[5] = _y.y;
+                                       te[9] = _z.y;
+                                       te[2] = _x.z;
+                                       te[6] = _y.z;
+                                       te[10] = _z.z;
+                                       return this;
+                               }
+
+                               multiply(m, n) {
+                                       if (n !== undefined) {
+                                               console.warn('THREE.Matrix4: .multiply() now only accepts one argument. Use .multiplyMatrices( a, b ) instead.');
+                                               return this.multiplyMatrices(m, n);
+                                       }
+
+                                       return this.multiplyMatrices(this, m);
+                               }
+
+                               premultiply(m) {
+                                       return this.multiplyMatrices(m, this);
+                               }
+
+                               multiplyMatrices(a, b) {
+                                       const ae = a.elements;
+                                       const be = b.elements;
+                                       const te = this.elements;
+                                       const a11 = ae[0],
+                                               a12 = ae[4],
+                                               a13 = ae[8],
+                                               a14 = ae[12];
+                                       const a21 = ae[1],
+                                               a22 = ae[5],
+                                               a23 = ae[9],
+                                               a24 = ae[13];
+                                       const a31 = ae[2],
+                                               a32 = ae[6],
+                                               a33 = ae[10],
+                                               a34 = ae[14];
+                                       const a41 = ae[3],
+                                               a42 = ae[7],
+                                               a43 = ae[11],
+                                               a44 = ae[15];
+                                       const b11 = be[0],
+                                               b12 = be[4],
+                                               b13 = be[8],
+                                               b14 = be[12];
+                                       const b21 = be[1],
+                                               b22 = be[5],
+                                               b23 = be[9],
+                                               b24 = be[13];
+                                       const b31 = be[2],
+                                               b32 = be[6],
+                                               b33 = be[10],
+                                               b34 = be[14];
+                                       const b41 = be[3],
+                                               b42 = be[7],
+                                               b43 = be[11],
+                                               b44 = be[15];
+                                       te[0] = a11 * b11 + a12 * b21 + a13 * b31 + a14 * b41;
+                                       te[4] = a11 * b12 + a12 * b22 + a13 * b32 + a14 * b42;
+                                       te[8] = a11 * b13 + a12 * b23 + a13 * b33 + a14 * b43;
+                                       te[12] = a11 * b14 + a12 * b24 + a13 * b34 + a14 * b44;
+                                       te[1] = a21 * b11 + a22 * b21 + a23 * b31 + a24 * b41;
+                                       te[5] = a21 * b12 + a22 * b22 + a23 * b32 + a24 * b42;
+                                       te[9] = a21 * b13 + a22 * b23 + a23 * b33 + a24 * b43;
+                                       te[13] = a21 * b14 + a22 * b24 + a23 * b34 + a24 * b44;
+                                       te[2] = a31 * b11 + a32 * b21 + a33 * b31 + a34 * b41;
+                                       te[6] = a31 * b12 + a32 * b22 + a33 * b32 + a34 * b42;
+                                       te[10] = a31 * b13 + a32 * b23 + a33 * b33 + a34 * b43;
+                                       te[14] = a31 * b14 + a32 * b24 + a33 * b34 + a34 * b44;
+                                       te[3] = a41 * b11 + a42 * b21 + a43 * b31 + a44 * b41;
+                                       te[7] = a41 * b12 + a42 * b22 + a43 * b32 + a44 * b42;
+                                       te[11] = a41 * b13 + a42 * b23 + a43 * b33 + a44 * b43;
+                                       te[15] = a41 * b14 + a42 * b24 + a43 * b34 + a44 * b44;
+                                       return this;
+                               }
+
+                               multiplyScalar(s) {
+                                       const te = this.elements;
+                                       te[0] *= s;
+                                       te[4] *= s;
+                                       te[8] *= s;
+                                       te[12] *= s;
+                                       te[1] *= s;
+                                       te[5] *= s;
+                                       te[9] *= s;
+                                       te[13] *= s;
+                                       te[2] *= s;
+                                       te[6] *= s;
+                                       te[10] *= s;
+                                       te[14] *= s;
+                                       te[3] *= s;
+                                       te[7] *= s;
+                                       te[11] *= s;
+                                       te[15] *= s;
+                                       return this;
+                               }
+
+                               determinant() {
+                                       const te = this.elements;
+                                       const n11 = te[0],
+                                               n12 = te[4],
+                                               n13 = te[8],
+                                               n14 = te[12];
+                                       const n21 = te[1],
+                                               n22 = te[5],
+                                               n23 = te[9],
+                                               n24 = te[13];
+                                       const n31 = te[2],
+                                               n32 = te[6],
+                                               n33 = te[10],
+                                               n34 = te[14];
+                                       const n41 = te[3],
+                                               n42 = te[7],
+                                               n43 = te[11],
+                                               n44 = te[15]; //TODO: make this more efficient
+                                       //( based on http://www.euclideanspace.com/maths/algebra/matrix/functions/inverse/fourD/index.htm )
+
+                                       return n41 * (+n14 * n23 * n32 - n13 * n24 * n32 - n14 * n22 * n33 + n12 * n24 * n33 + n13 * n22 * n34 - n12 * n23 * n34) + n42 * (+n11 * n23 * n34 - n11 * n24 * n33 + n14 * n21 * n33 - n13 * n21 * n34 + n13 * n24 * n31 - n14 * n23 * n31) + n43 * (+n11 * n24 * n32 - n11 * n22 * n34 - n14 * n21 * n32 + n12 * n21 * n34 + n14 * n22 * n31 - n12 * n24 * n31) + n44 * (-n13 * n22 * n31 - n11 * n23 * n32 + n11 * n22 * n33 + n13 * n21 * n32 - n12 * n21 * n33 + n12 * n23 * n31);
+                               }
+
+                               transpose() {
+                                       const te = this.elements;
+                                       let tmp;
+                                       tmp = te[1];
+                                       te[1] = te[4];
+                                       te[4] = tmp;
+                                       tmp = te[2];
+                                       te[2] = te[8];
+                                       te[8] = tmp;
+                                       tmp = te[6];
+                                       te[6] = te[9];
+                                       te[9] = tmp;
+                                       tmp = te[3];
+                                       te[3] = te[12];
+                                       te[12] = tmp;
+                                       tmp = te[7];
+                                       te[7] = te[13];
+                                       te[13] = tmp;
+                                       tmp = te[11];
+                                       te[11] = te[14];
+                                       te[14] = tmp;
+                                       return this;
+                               }
+
+                               setPosition(x, y, z) {
+                                       const te = this.elements;
+
+                                       if (x.isVector3) {
+                                               te[12] = x.x;
+                                               te[13] = x.y;
+                                               te[14] = x.z;
+                                       } else {
+                                               te[12] = x;
+                                               te[13] = y;
+                                               te[14] = z;
+                                       }
+
+                                       return this;
+                               }
+
+                               invert() {
+                                       // based on http://www.euclideanspace.com/maths/algebra/matrix/functions/inverse/fourD/index.htm
+                                       const te = this.elements,
+                                               n11 = te[0],
+                                               n21 = te[1],
+                                               n31 = te[2],
+                                               n41 = te[3],
+                                               n12 = te[4],
+                                               n22 = te[5],
+                                               n32 = te[6],
+                                               n42 = te[7],
+                                               n13 = te[8],
+                                               n23 = te[9],
+                                               n33 = te[10],
+                                               n43 = te[11],
+                                               n14 = te[12],
+                                               n24 = te[13],
+                                               n34 = te[14],
+                                               n44 = te[15],
+                                               t11 = n23 * n34 * n42 - n24 * n33 * n42 + n24 * n32 * n43 - n22 * n34 * n43 - n23 * n32 * n44 + n22 * n33 * n44,
+                                               t12 = n14 * n33 * n42 - n13 * n34 * n42 - n14 * n32 * n43 + n12 * n34 * n43 + n13 * n32 * n44 - n12 * n33 * n44,
+                                               t13 = n13 * n24 * n42 - n14 * n23 * n42 + n14 * n22 * n43 - n12 * n24 * n43 - n13 * n22 * n44 + n12 * n23 * n44,
+                                               t14 = n14 * n23 * n32 - n13 * n24 * n32 - n14 * n22 * n33 + n12 * n24 * n33 + n13 * n22 * n34 - n12 * n23 * n34;
+                                       const det = n11 * t11 + n21 * t12 + n31 * t13 + n41 * t14;
+                                       if (det === 0) return this.set(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0);
+                                       const detInv = 1 / det;
+                                       te[0] = t11 * detInv;
+                                       te[1] = (n24 * n33 * n41 - n23 * n34 * n41 - n24 * n31 * n43 + n21 * n34 * n43 + n23 * n31 * n44 - n21 * n33 * n44) * detInv;
+                                       te[2] = (n22 * n34 * n41 - n24 * n32 * n41 + n24 * n31 * n42 - n21 * n34 * n42 - n22 * n31 * n44 + n21 * n32 * n44) * detInv;
+                                       te[3] = (n23 * n32 * n41 - n22 * n33 * n41 - n23 * n31 * n42 + n21 * n33 * n42 + n22 * n31 * n43 - n21 * n32 * n43) * detInv;
+                                       te[4] = t12 * detInv;
+                                       te[5] = (n13 * n34 * n41 - n14 * n33 * n41 + n14 * n31 * n43 - n11 * n34 * n43 - n13 * n31 * n44 + n11 * n33 * n44) * detInv;
+                                       te[6] = (n14 * n32 * n41 - n12 * n34 * n41 - n14 * n31 * n42 + n11 * n34 * n42 + n12 * n31 * n44 - n11 * n32 * n44) * detInv;
+                                       te[7] = (n12 * n33 * n41 - n13 * n32 * n41 + n13 * n31 * n42 - n11 * n33 * n42 - n12 * n31 * n43 + n11 * n32 * n43) * detInv;
+                                       te[8] = t13 * detInv;
+                                       te[9] = (n14 * n23 * n41 - n13 * n24 * n41 - n14 * n21 * n43 + n11 * n24 * n43 + n13 * n21 * n44 - n11 * n23 * n44) * detInv;
+                                       te[10] = (n12 * n24 * n41 - n14 * n22 * n41 + n14 * n21 * n42 - n11 * n24 * n42 - n12 * n21 * n44 + n11 * n22 * n44) * detInv;
+                                       te[11] = (n13 * n22 * n41 - n12 * n23 * n41 - n13 * n21 * n42 + n11 * n23 * n42 + n12 * n21 * n43 - n11 * n22 * n43) * detInv;
+                                       te[12] = t14 * detInv;
+                                       te[13] = (n13 * n24 * n31 - n14 * n23 * n31 + n14 * n21 * n33 - n11 * n24 * n33 - n13 * n21 * n34 + n11 * n23 * n34) * detInv;
+                                       te[14] = (n14 * n22 * n31 - n12 * n24 * n31 - n14 * n21 * n32 + n11 * n24 * n32 + n12 * n21 * n34 - n11 * n22 * n34) * detInv;
+                                       te[15] = (n12 * n23 * n31 - n13 * n22 * n31 + n13 * n21 * n32 - n11 * n23 * n32 - n12 * n21 * n33 + n11 * n22 * n33) * detInv;
+                                       return this;
+                               }
+
+                               scale(v) {
+                                       const te = this.elements;
+                                       const x = v.x,
+                                               y = v.y,
+                                               z = v.z;
+                                       te[0] *= x;
+                                       te[4] *= y;
+                                       te[8] *= z;
+                                       te[1] *= x;
+                                       te[5] *= y;
+                                       te[9] *= z;
+                                       te[2] *= x;
+                                       te[6] *= y;
+                                       te[10] *= z;
+                                       te[3] *= x;
+                                       te[7] *= y;
+                                       te[11] *= z;
+                                       return this;
+                               }
+
+                               getMaxScaleOnAxis() {
+                                       const te = this.elements;
+                                       const scaleXSq = te[0] * te[0] + te[1] * te[1] + te[2] * te[2];
+                                       const scaleYSq = te[4] * te[4] + te[5] * te[5] + te[6] * te[6];
+                                       const scaleZSq = te[8] * te[8] + te[9] * te[9] + te[10] * te[10];
+                                       return Math.sqrt(Math.max(scaleXSq, scaleYSq, scaleZSq));
+                               }
+
+                               makeTranslation(x, y, z) {
+                                       this.set(1, 0, 0, x, 0, 1, 0, y, 0, 0, 1, z, 0, 0, 0, 1);
+                                       return this;
+                               }
+
+                               makeRotationX(theta) {
+                                       const c = Math.cos(theta),
+                                               s = Math.sin(theta);
+                                       this.set(1, 0, 0, 0, 0, c, -s, 0, 0, s, c, 0, 0, 0, 0, 1);
+                                       return this;
+                               }
+
+                               makeRotationY(theta) {
+                                       const c = Math.cos(theta),
+                                               s = Math.sin(theta);
+                                       this.set(c, 0, s, 0, 0, 1, 0, 0, -s, 0, c, 0, 0, 0, 0, 1);
+                                       return this;
+                               }
+
+                               makeRotationZ(theta) {
+                                       const c = Math.cos(theta),
+                                               s = Math.sin(theta);
+                                       this.set(c, -s, 0, 0, s, c, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
+                                       return this;
+                               }
+
+                               makeRotationAxis(axis, angle) {
+                                       // Based on http://www.gamedev.net/reference/articles/article1199.asp
+                                       const c = Math.cos(angle);
+                                       const s = Math.sin(angle);
+                                       const t = 1 - c;
+                                       const x = axis.x,
+                                               y = axis.y,
+                                               z = axis.z;
+                                       const tx = t * x,
+                                               ty = t * y;
+                                       this.set(tx * x + c, tx * y - s * z, tx * z + s * y, 0, tx * y + s * z, ty * y + c, ty * z - s * x, 0, tx * z - s * y, ty * z + s * x, t * z * z + c, 0, 0, 0, 0, 1);
+                                       return this;
+                               }
+
+                               makeScale(x, y, z) {
+                                       this.set(x, 0, 0, 0, 0, y, 0, 0, 0, 0, z, 0, 0, 0, 0, 1);
+                                       return this;
+                               }
+
+                               makeShear(xy, xz, yx, yz, zx, zy) {
+                                       this.set(1, yx, zx, 0, xy, 1, zy, 0, xz, yz, 1, 0, 0, 0, 0, 1);
+                                       return this;
+                               }
+
+                               compose(position, quaternion, scale) {
+                                       const te = this.elements;
+                                       const x = quaternion._x,
+                                               y = quaternion._y,
+                                               z = quaternion._z,
+                                               w = quaternion._w;
+                                       const x2 = x + x,
+                                               y2 = y + y,
+                                               z2 = z + z;
+                                       const xx = x * x2,
+                                               xy = x * y2,
+                                               xz = x * z2;
+                                       const yy = y * y2,
+                                               yz = y * z2,
+                                               zz = z * z2;
+                                       const wx = w * x2,
+                                               wy = w * y2,
+                                               wz = w * z2;
+                                       const sx = scale.x,
+                                               sy = scale.y,
+                                               sz = scale.z;
+                                       te[0] = (1 - (yy + zz)) * sx;
+                                       te[1] = (xy + wz) * sx;
+                                       te[2] = (xz - wy) * sx;
+                                       te[3] = 0;
+                                       te[4] = (xy - wz) * sy;
+                                       te[5] = (1 - (xx + zz)) * sy;
+                                       te[6] = (yz + wx) * sy;
+                                       te[7] = 0;
+                                       te[8] = (xz + wy) * sz;
+                                       te[9] = (yz - wx) * sz;
+                                       te[10] = (1 - (xx + yy)) * sz;
+                                       te[11] = 0;
+                                       te[12] = position.x;
+                                       te[13] = position.y;
+                                       te[14] = position.z;
+                                       te[15] = 1;
+                                       return this;
+                               }
+
+                               decompose(position, quaternion, scale) {
+                                       const te = this.elements;
+
+                                       let sx = _v1$5.set(te[0], te[1], te[2]).length();
+
+                                       const sy = _v1$5.set(te[4], te[5], te[6]).length();
+
+                                       const sz = _v1$5.set(te[8], te[9], te[10]).length(); // if determine is negative, we need to invert one scale
+
+
+                                       const det = this.determinant();
+                                       if (det < 0) sx = -sx;
+                                       position.x = te[12];
+                                       position.y = te[13];
+                                       position.z = te[14]; // scale the rotation part
+
+                                       _m1$2.copy(this);
+
+                                       const invSX = 1 / sx;
+                                       const invSY = 1 / sy;
+                                       const invSZ = 1 / sz;
+                                       _m1$2.elements[0] *= invSX;
+                                       _m1$2.elements[1] *= invSX;
+                                       _m1$2.elements[2] *= invSX;
+                                       _m1$2.elements[4] *= invSY;
+                                       _m1$2.elements[5] *= invSY;
+                                       _m1$2.elements[6] *= invSY;
+                                       _m1$2.elements[8] *= invSZ;
+                                       _m1$2.elements[9] *= invSZ;
+                                       _m1$2.elements[10] *= invSZ;
+                                       quaternion.setFromRotationMatrix(_m1$2);
+                                       scale.x = sx;
+                                       scale.y = sy;
+                                       scale.z = sz;
+                                       return this;
+                               }
+
+                               makePerspective(left, right, top, bottom, near, far) {
+                                       if (far === undefined) {
+                                               console.warn('THREE.Matrix4: .makePerspective() has been redefined and has a new signature. Please check the docs.');
+                                       }
+
+                                       const te = this.elements;
+                                       const x = 2 * near / (right - left);
+                                       const y = 2 * near / (top - bottom);
+                                       const a = (right + left) / (right - left);
+                                       const b = (top + bottom) / (top - bottom);
+                                       const c = -(far + near) / (far - near);
+                                       const d = -2 * far * near / (far - near);
+                                       te[0] = x;
+                                       te[4] = 0;
+                                       te[8] = a;
+                                       te[12] = 0;
+                                       te[1] = 0;
+                                       te[5] = y;
+                                       te[9] = b;
+                                       te[13] = 0;
+                                       te[2] = 0;
+                                       te[6] = 0;
+                                       te[10] = c;
+                                       te[14] = d;
+                                       te[3] = 0;
+                                       te[7] = 0;
+                                       te[11] = -1;
+                                       te[15] = 0;
+                                       return this;
+                               }
+
+                               makeOrthographic(left, right, top, bottom, near, far) {
+                                       const te = this.elements;
+                                       const w = 1.0 / (right - left);
+                                       const h = 1.0 / (top - bottom);
+                                       const p = 1.0 / (far - near);
+                                       const x = (right + left) * w;
+                                       const y = (top + bottom) * h;
+                                       const z = (far + near) * p;
+                                       te[0] = 2 * w;
+                                       te[4] = 0;
+                                       te[8] = 0;
+                                       te[12] = -x;
+                                       te[1] = 0;
+                                       te[5] = 2 * h;
+                                       te[9] = 0;
+                                       te[13] = -y;
+                                       te[2] = 0;
+                                       te[6] = 0;
+                                       te[10] = -2 * p;
+                                       te[14] = -z;
+                                       te[3] = 0;
+                                       te[7] = 0;
+                                       te[11] = 0;
+                                       te[15] = 1;
+                                       return this;
+                               }
+
+                               equals(matrix) {
+                                       const te = this.elements;
+                                       const me = matrix.elements;
+
+                                       for (let i = 0; i < 16; i++) {
+                                               if (te[i] !== me[i]) return false;
+                                       }
+
+                                       return true;
+                               }
+
+                               fromArray(array, offset = 0) {
+                                       for (let i = 0; i < 16; i++) {
+                                               this.elements[i] = array[i + offset];
+                                       }
+
+                                       return this;
+                               }
+
+                               toArray(array = [], offset = 0) {
+                                       const te = this.elements;
+                                       array[offset] = te[0];
+                                       array[offset + 1] = te[1];
+                                       array[offset + 2] = te[2];
+                                       array[offset + 3] = te[3];
+                                       array[offset + 4] = te[4];
+                                       array[offset + 5] = te[5];
+                                       array[offset + 6] = te[6];
+                                       array[offset + 7] = te[7];
+                                       array[offset + 8] = te[8];
+                                       array[offset + 9] = te[9];
+                                       array[offset + 10] = te[10];
+                                       array[offset + 11] = te[11];
+                                       array[offset + 12] = te[12];
+                                       array[offset + 13] = te[13];
+                                       array[offset + 14] = te[14];
+                                       array[offset + 15] = te[15];
+                                       return array;
+                               }
+
+                       }
+
+                       Matrix4.prototype.isMatrix4 = true;
+
+                       const _v1$5 = /*@__PURE__*/new Vector3();
+
+                       const _m1$2 = /*@__PURE__*/new Matrix4();
+
+                       const _zero = /*@__PURE__*/new Vector3(0, 0, 0);
+
+                       const _one = /*@__PURE__*/new Vector3(1, 1, 1);
+
+                       const _x = /*@__PURE__*/new Vector3();
+
+                       const _y = /*@__PURE__*/new Vector3();
+
+                       const _z = /*@__PURE__*/new Vector3();
+
+                       const _matrix$1 = /*@__PURE__*/new Matrix4();
+
+                       const _quaternion$3 = /*@__PURE__*/new Quaternion();
+
+                       class Euler {
+                               constructor(x = 0, y = 0, z = 0, order = Euler.DefaultOrder) {
+                                       this._x = x;
+                                       this._y = y;
+                                       this._z = z;
+                                       this._order = order;
+                               }
+
+                               get x() {
+                                       return this._x;
+                               }
+
+                               set x(value) {
+                                       this._x = value;
+
+                                       this._onChangeCallback();
+                               }
+
+                               get y() {
+                                       return this._y;
+                               }
+
+                               set y(value) {
+                                       this._y = value;
+
+                                       this._onChangeCallback();
+                               }
+
+                               get z() {
+                                       return this._z;
+                               }
+
+                               set z(value) {
+                                       this._z = value;
+
+                                       this._onChangeCallback();
+                               }
+
+                               get order() {
+                                       return this._order;
+                               }
+
+                               set order(value) {
+                                       this._order = value;
+
+                                       this._onChangeCallback();
+                               }
+
+                               set(x, y, z, order = this._order) {
+                                       this._x = x;
+                                       this._y = y;
+                                       this._z = z;
+                                       this._order = order;
+
+                                       this._onChangeCallback();
+
+                                       return this;
+                               }
+
+                               clone() {
+                                       return new this.constructor(this._x, this._y, this._z, this._order);
+                               }
+
+                               copy(euler) {
+                                       this._x = euler._x;
+                                       this._y = euler._y;
+                                       this._z = euler._z;
+                                       this._order = euler._order;
+
+                                       this._onChangeCallback();
+
+                                       return this;
+                               }
+
+                               setFromRotationMatrix(m, order = this._order, update = true) {
+                                       // assumes the upper 3x3 of m is a pure rotation matrix (i.e, unscaled)
+                                       const te = m.elements;
+                                       const m11 = te[0],
+                                               m12 = te[4],
+                                               m13 = te[8];
+                                       const m21 = te[1],
+                                               m22 = te[5],
+                                               m23 = te[9];
+                                       const m31 = te[2],
+                                               m32 = te[6],
+                                               m33 = te[10];
+
+                                       switch (order) {
+                                               case 'XYZ':
+                                                       this._y = Math.asin(clamp(m13, -1, 1));
+
+                                                       if (Math.abs(m13) < 0.9999999) {
+                                                               this._x = Math.atan2(-m23, m33);
+                                                               this._z = Math.atan2(-m12, m11);
+                                                       } else {
+                                                               this._x = Math.atan2(m32, m22);
+                                                               this._z = 0;
+                                                       }
+
+                                                       break;
+
+                                               case 'YXZ':
+                                                       this._x = Math.asin(-clamp(m23, -1, 1));
+
+                                                       if (Math.abs(m23) < 0.9999999) {
+                                                               this._y = Math.atan2(m13, m33);
+                                                               this._z = Math.atan2(m21, m22);
+                                                       } else {
+                                                               this._y = Math.atan2(-m31, m11);
+                                                               this._z = 0;
+                                                       }
+
+                                                       break;
+
+                                               case 'ZXY':
+                                                       this._x = Math.asin(clamp(m32, -1, 1));
+
+                                                       if (Math.abs(m32) < 0.9999999) {
+                                                               this._y = Math.atan2(-m31, m33);
+                                                               this._z = Math.atan2(-m12, m22);
+                                                       } else {
+                                                               this._y = 0;
+                                                               this._z = Math.atan2(m21, m11);
+                                                       }
+
+                                                       break;
+
+                                               case 'ZYX':
+                                                       this._y = Math.asin(-clamp(m31, -1, 1));
+
+                                                       if (Math.abs(m31) < 0.9999999) {
+                                                               this._x = Math.atan2(m32, m33);
+                                                               this._z = Math.atan2(m21, m11);
+                                                       } else {
+                                                               this._x = 0;
+                                                               this._z = Math.atan2(-m12, m22);
+                                                       }
+
+                                                       break;
+
+                                               case 'YZX':
+                                                       this._z = Math.asin(clamp(m21, -1, 1));
+
+                                                       if (Math.abs(m21) < 0.9999999) {
+                                                               this._x = Math.atan2(-m23, m22);
+                                                               this._y = Math.atan2(-m31, m11);
+                                                       } else {
+                                                               this._x = 0;
+                                                               this._y = Math.atan2(m13, m33);
+                                                       }
+
+                                                       break;
+
+                                               case 'XZY':
+                                                       this._z = Math.asin(-clamp(m12, -1, 1));
+
+                                                       if (Math.abs(m12) < 0.9999999) {
+                                                               this._x = Math.atan2(m32, m22);
+                                                               this._y = Math.atan2(m13, m11);
+                                                       } else {
+                                                               this._x = Math.atan2(-m23, m33);
+                                                               this._y = 0;
+                                                       }
+
+                                                       break;
+
+                                               default:
+                                                       console.warn('THREE.Euler: .setFromRotationMatrix() encountered an unknown order: ' + order);
+                                       }
+
+                                       this._order = order;
+                                       if (update === true) this._onChangeCallback();
+                                       return this;
+                               }
+
+                               setFromQuaternion(q, order, update) {
+                                       _matrix$1.makeRotationFromQuaternion(q);
+
+                                       return this.setFromRotationMatrix(_matrix$1, order, update);
+                               }
+
+                               setFromVector3(v, order = this._order) {
+                                       return this.set(v.x, v.y, v.z, order);
+                               }
+
+                               reorder(newOrder) {
+                                       // WARNING: this discards revolution information -bhouston
+                                       _quaternion$3.setFromEuler(this);
+
+                                       return this.setFromQuaternion(_quaternion$3, newOrder);
+                               }
+
+                               equals(euler) {
+                                       return euler._x === this._x && euler._y === this._y && euler._z === this._z && euler._order === this._order;
+                               }
+
+                               fromArray(array) {
+                                       this._x = array[0];
+                                       this._y = array[1];
+                                       this._z = array[2];
+                                       if (array[3] !== undefined) this._order = array[3];
+
+                                       this._onChangeCallback();
+
+                                       return this;
+                               }
+
+                               toArray(array = [], offset = 0) {
+                                       array[offset] = this._x;
+                                       array[offset + 1] = this._y;
+                                       array[offset + 2] = this._z;
+                                       array[offset + 3] = this._order;
+                                       return array;
+                               }
+
+                               toVector3(optionalResult) {
+                                       if (optionalResult) {
+                                               return optionalResult.set(this._x, this._y, this._z);
+                                       } else {
+                                               return new Vector3(this._x, this._y, this._z);
+                                       }
+                               }
+
+                               _onChange(callback) {
+                                       this._onChangeCallback = callback;
+                                       return this;
+                               }
+
+                               _onChangeCallback() {
+                               }
+
+                       }
+
+                       Euler.prototype.isEuler = true;
+                       Euler.DefaultOrder = 'XYZ';
+                       Euler.RotationOrders = ['XYZ', 'YZX', 'ZXY', 'XZY', 'YXZ', 'ZYX'];
+
+                       class Layers {
+                               constructor() {
+                                       this.mask = 1 | 0;
+                               }
+
+                               set(channel) {
+                                       this.mask = 1 << channel | 0;
+                               }
+
+                               enable(channel) {
+                                       this.mask |= 1 << channel | 0;
+                               }
+
+                               enableAll() {
+                                       this.mask = 0xffffffff | 0;
+                               }
+
+                               toggle(channel) {
+                                       this.mask ^= 1 << channel | 0;
+                               }
+
+                               disable(channel) {
+                                       this.mask &= ~(1 << channel | 0);
+                               }
+
+                               disableAll() {
+                                       this.mask = 0;
+                               }
+
+                               test(layers) {
+                                       return (this.mask & layers.mask) !== 0;
+                               }
+
+                       }
+
+                       let _object3DId = 0;
+
+                       const _v1$4 = /*@__PURE__*/new Vector3();
+
+                       const _q1 = /*@__PURE__*/new Quaternion();
+
+                       const _m1$1 = /*@__PURE__*/new Matrix4();
+
+                       const _target = /*@__PURE__*/new Vector3();
+
+                       const _position$3 = /*@__PURE__*/new Vector3();
+
+                       const _scale$2 = /*@__PURE__*/new Vector3();
+
+                       const _quaternion$2 = /*@__PURE__*/new Quaternion();
+
+                       const _xAxis = /*@__PURE__*/new Vector3(1, 0, 0);
+
+                       const _yAxis = /*@__PURE__*/new Vector3(0, 1, 0);
+
+                       const _zAxis = /*@__PURE__*/new Vector3(0, 0, 1);
+
+                       const _addedEvent = {
+                               type: 'added'
+                       };
+                       const _removedEvent = {
+                               type: 'removed'
+                       };
+
+                       class Object3D extends EventDispatcher {
+                               constructor() {
+                                       super();
+                                       Object.defineProperty(this, 'id', {
+                                               value: _object3DId++
+                                       });
+                                       this.uuid = generateUUID();
+                                       this.name = '';
+                                       this.type = 'Object3D';
+                                       this.parent = null;
+                                       this.children = [];
+                                       this.up = Object3D.DefaultUp.clone();
+                                       const position = new Vector3();
+                                       const rotation = new Euler();
+                                       const quaternion = new Quaternion();
+                                       const scale = new Vector3(1, 1, 1);
+
+                                       function onRotationChange() {
+                                               quaternion.setFromEuler(rotation, false);
+                                       }
+
+                                       function onQuaternionChange() {
+                                               rotation.setFromQuaternion(quaternion, undefined, false);
+                                       }
+
+                                       rotation._onChange(onRotationChange);
+
+                                       quaternion._onChange(onQuaternionChange);
+
+                                       Object.defineProperties(this, {
+                                               position: {
+                                                       configurable: true,
+                                                       enumerable: true,
+                                                       value: position
+                                               },
+                                               rotation: {
+                                                       configurable: true,
+                                                       enumerable: true,
+                                                       value: rotation
+                                               },
+                                               quaternion: {
+                                                       configurable: true,
+                                                       enumerable: true,
+                                                       value: quaternion
+                                               },
+                                               scale: {
+                                                       configurable: true,
+                                                       enumerable: true,
+                                                       value: scale
+                                               },
+                                               modelViewMatrix: {
+                                                       value: new Matrix4()
+                                               },
+                                               normalMatrix: {
+                                                       value: new Matrix3()
+                                               }
+                                       });
+                                       this.matrix = new Matrix4();
+                                       this.matrixWorld = new Matrix4();
+                                       this.matrixAutoUpdate = Object3D.DefaultMatrixAutoUpdate;
+                                       this.matrixWorldNeedsUpdate = false;
+                                       this.layers = new Layers();
+                                       this.visible = true;
+                                       this.castShadow = false;
+                                       this.receiveShadow = false;
+                                       this.frustumCulled = true;
+                                       this.renderOrder = 0;
+                                       this.animations = [];
+                                       this.userData = {};
+                               }
+
+                               onBeforeRender() {
+                               }
+
+                               onAfterRender() {
+                               }
+
+                               applyMatrix4(matrix) {
+                                       if (this.matrixAutoUpdate) this.updateMatrix();
+                                       this.matrix.premultiply(matrix);
+                                       this.matrix.decompose(this.position, this.quaternion, this.scale);
+                               }
+
+                               applyQuaternion(q) {
+                                       this.quaternion.premultiply(q);
+                                       return this;
+                               }
+
+                               setRotationFromAxisAngle(axis, angle) {
+                                       // assumes axis is normalized
+                                       this.quaternion.setFromAxisAngle(axis, angle);
+                               }
+
+                               setRotationFromEuler(euler) {
+                                       this.quaternion.setFromEuler(euler, true);
+                               }
+
+                               setRotationFromMatrix(m) {
+                                       // assumes the upper 3x3 of m is a pure rotation matrix (i.e, unscaled)
+                                       this.quaternion.setFromRotationMatrix(m);
+                               }
+
+                               setRotationFromQuaternion(q) {
+                                       // assumes q is normalized
+                                       this.quaternion.copy(q);
+                               }
+
+                               rotateOnAxis(axis, angle) {
+                                       // rotate object on axis in object space
+                                       // axis is assumed to be normalized
+                                       _q1.setFromAxisAngle(axis, angle);
+
+                                       this.quaternion.multiply(_q1);
+                                       return this;
+                               }
+
+                               rotateOnWorldAxis(axis, angle) {
+                                       // rotate object on axis in world space
+                                       // axis is assumed to be normalized
+                                       // method assumes no rotated parent
+                                       _q1.setFromAxisAngle(axis, angle);
+
+                                       this.quaternion.premultiply(_q1);
+                                       return this;
+                               }
+
+                               rotateX(angle) {
+                                       return this.rotateOnAxis(_xAxis, angle);
+                               }
+
+                               rotateY(angle) {
+                                       return this.rotateOnAxis(_yAxis, angle);
+                               }
+
+                               rotateZ(angle) {
+                                       return this.rotateOnAxis(_zAxis, angle);
+                               }
+
+                               translateOnAxis(axis, distance) {
+                                       // translate object by distance along axis in object space
+                                       // axis is assumed to be normalized
+                                       _v1$4.copy(axis).applyQuaternion(this.quaternion);
+
+                                       this.position.add(_v1$4.multiplyScalar(distance));
+                                       return this;
+                               }
+
+                               translateX(distance) {
+                                       return this.translateOnAxis(_xAxis, distance);
+                               }
+
+                               translateY(distance) {
+                                       return this.translateOnAxis(_yAxis, distance);
+                               }
+
+                               translateZ(distance) {
+                                       return this.translateOnAxis(_zAxis, distance);
+                               }
+
+                               localToWorld(vector) {
+                                       return vector.applyMatrix4(this.matrixWorld);
+                               }
+
+                               worldToLocal(vector) {
+                                       return vector.applyMatrix4(_m1$1.copy(this.matrixWorld).invert());
+                               }
+
+                               lookAt(x, y, z) {
+                                       // This method does not support objects having non-uniformly-scaled parent(s)
+                                       if (x.isVector3) {
+                                               _target.copy(x);
+                                       } else {
+                                               _target.set(x, y, z);
+                                       }
+
+                                       const parent = this.parent;
+                                       this.updateWorldMatrix(true, false);
+
+                                       _position$3.setFromMatrixPosition(this.matrixWorld);
+
+                                       if (this.isCamera || this.isLight) {
+                                               _m1$1.lookAt(_position$3, _target, this.up);
+                                       } else {
+                                               _m1$1.lookAt(_target, _position$3, this.up);
+                                       }
+
+                                       this.quaternion.setFromRotationMatrix(_m1$1);
+
+                                       if (parent) {
+                                               _m1$1.extractRotation(parent.matrixWorld);
+
+                                               _q1.setFromRotationMatrix(_m1$1);
+
+                                               this.quaternion.premultiply(_q1.invert());
+                                       }
+                               }
+
+                               add(object) {
+                                       if (arguments.length > 1) {
+                                               for (let i = 0; i < arguments.length; i++) {
+                                                       this.add(arguments[i]);
+                                               }
+
+                                               return this;
+                                       }
+
+                                       if (object === this) {
+                                               console.error('THREE.Object3D.add: object can\'t be added as a child of itself.', object);
+                                               return this;
+                                       }
+
+                                       if (object && object.isObject3D) {
+                                               if (object.parent !== null) {
+                                                       object.parent.remove(object);
+                                               }
+
+                                               object.parent = this;
+                                               this.children.push(object);
+                                               object.dispatchEvent(_addedEvent);
+                                       } else {
+                                               console.error('THREE.Object3D.add: object not an instance of THREE.Object3D.', object);
+                                       }
+
+                                       return this;
+                               }
+
+                               remove(object) {
+                                       if (arguments.length > 1) {
+                                               for (let i = 0; i < arguments.length; i++) {
+                                                       this.remove(arguments[i]);
+                                               }
+
+                                               return this;
+                                       }
+
+                                       const index = this.children.indexOf(object);
+
+                                       if (index !== -1) {
+                                               object.parent = null;
+                                               this.children.splice(index, 1);
+                                               object.dispatchEvent(_removedEvent);
+                                       }
+
+                                       return this;
+                               }
+
+                               removeFromParent() {
+                                       const parent = this.parent;
+
+                                       if (parent !== null) {
+                                               parent.remove(this);
+                                       }
+
+                                       return this;
+                               }
+
+                               clear() {
+                                       for (let i = 0; i < this.children.length; i++) {
+                                               const object = this.children[i];
+                                               object.parent = null;
+                                               object.dispatchEvent(_removedEvent);
+                                       }
+
+                                       this.children.length = 0;
+                                       return this;
+                               }
+
+                               attach(object) {
+                                       // adds object as a child of this, while maintaining the object's world transform
+                                       this.updateWorldMatrix(true, false);
+
+                                       _m1$1.copy(this.matrixWorld).invert();
+
+                                       if (object.parent !== null) {
+                                               object.parent.updateWorldMatrix(true, false);
+
+                                               _m1$1.multiply(object.parent.matrixWorld);
+                                       }
+
+                                       object.applyMatrix4(_m1$1);
+                                       this.add(object);
+                                       object.updateWorldMatrix(false, true);
+                                       return this;
+                               }
+
+                               getObjectById(id) {
+                                       return this.getObjectByProperty('id', id);
+                               }
+
+                               getObjectByName(name) {
+                                       return this.getObjectByProperty('name', name);
+                               }
+
+                               getObjectByProperty(name, value) {
+                                       if (this[name] === value) return this;
+
+                                       for (let i = 0, l = this.children.length; i < l; i++) {
+                                               const child = this.children[i];
+                                               const object = child.getObjectByProperty(name, value);
+
+                                               if (object !== undefined) {
+                                                       return object;
+                                               }
+                                       }
+
+                                       return undefined;
+                               }
+
+                               getWorldPosition(target) {
+                                       this.updateWorldMatrix(true, false);
+                                       return target.setFromMatrixPosition(this.matrixWorld);
+                               }
+
+                               getWorldQuaternion(target) {
+                                       this.updateWorldMatrix(true, false);
+                                       this.matrixWorld.decompose(_position$3, target, _scale$2);
+                                       return target;
+                               }
+
+                               getWorldScale(target) {
+                                       this.updateWorldMatrix(true, false);
+                                       this.matrixWorld.decompose(_position$3, _quaternion$2, target);
+                                       return target;
+                               }
+
+                               getWorldDirection(target) {
+                                       this.updateWorldMatrix(true, false);
+                                       const e = this.matrixWorld.elements;
+                                       return target.set(e[8], e[9], e[10]).normalize();
+                               }
+
+                               raycast() {
+                               }
+
+                               traverse(callback) {
+                                       callback(this);
+                                       const children = this.children;
+
+                                       for (let i = 0, l = children.length; i < l; i++) {
+                                               children[i].traverse(callback);
+                                       }
+                               }
+
+                               traverseVisible(callback) {
+                                       if (this.visible === false) return;
+                                       callback(this);
+                                       const children = this.children;
+
+                                       for (let i = 0, l = children.length; i < l; i++) {
+                                               children[i].traverseVisible(callback);
+                                       }
+                               }
+
+                               traverseAncestors(callback) {
+                                       const parent = this.parent;
+
+                                       if (parent !== null) {
+                                               callback(parent);
+                                               parent.traverseAncestors(callback);
+                                       }
+                               }
+
+                               updateMatrix() {
+                                       this.matrix.compose(this.position, this.quaternion, this.scale);
+                                       this.matrixWorldNeedsUpdate = true;
+                               }
+
+                               updateMatrixWorld(force) {
+                                       if (this.matrixAutoUpdate) this.updateMatrix();
+
+                                       if (this.matrixWorldNeedsUpdate || force) {
+                                               if (this.parent === null) {
+                                                       this.matrixWorld.copy(this.matrix);
+                                               } else {
+                                                       this.matrixWorld.multiplyMatrices(this.parent.matrixWorld, this.matrix);
+                                               }
+
+                                               this.matrixWorldNeedsUpdate = false;
+                                               force = true;
+                                       } // update children
+
+
+                                       const children = this.children;
+
+                                       for (let i = 0, l = children.length; i < l; i++) {
+                                               children[i].updateMatrixWorld(force);
+                                       }
+                               }
+
+                               updateWorldMatrix(updateParents, updateChildren) {
+                                       const parent = this.parent;
+
+                                       if (updateParents === true && parent !== null) {
+                                               parent.updateWorldMatrix(true, false);
+                                       }
+
+                                       if (this.matrixAutoUpdate) this.updateMatrix();
+
+                                       if (this.parent === null) {
+                                               this.matrixWorld.copy(this.matrix);
+                                       } else {
+                                               this.matrixWorld.multiplyMatrices(this.parent.matrixWorld, this.matrix);
+                                       } // update children
+
+
+                                       if (updateChildren === true) {
+                                               const children = this.children;
+
+                                               for (let i = 0, l = children.length; i < l; i++) {
+                                                       children[i].updateWorldMatrix(false, true);
+                                               }
+                                       }
+                               }
+
+                               toJSON(meta) {
+                                       // meta is a string when called from JSON.stringify
+                                       const isRootObject = meta === undefined || typeof meta === 'string';
+                                       const output = {}; // meta is a hash used to collect geometries, materials.
+                                       // not providing it implies that this is the root object
+                                       // being serialized.
+
+                                       if (isRootObject) {
+                                               // initialize meta obj
+                                               meta = {
+                                                       geometries: {},
+                                                       materials: {},
+                                                       textures: {},
+                                                       images: {},
+                                                       shapes: {},
+                                                       skeletons: {},
+                                                       animations: {}
+                                               };
+                                               output.metadata = {
+                                                       version: 4.5,
+                                                       type: 'Object',
+                                                       generator: 'Object3D.toJSON'
+                                               };
+                                       } // standard Object3D serialization
+
+
+                                       const object = {};
+                                       object.uuid = this.uuid;
+                                       object.type = this.type;
+                                       if (this.name !== '') object.name = this.name;
+                                       if (this.castShadow === true) object.castShadow = true;
+                                       if (this.receiveShadow === true) object.receiveShadow = true;
+                                       if (this.visible === false) object.visible = false;
+                                       if (this.frustumCulled === false) object.frustumCulled = false;
+                                       if (this.renderOrder !== 0) object.renderOrder = this.renderOrder;
+                                       if (JSON.stringify(this.userData) !== '{}') object.userData = this.userData;
+                                       object.layers = this.layers.mask;
+                                       object.matrix = this.matrix.toArray();
+                                       if (this.matrixAutoUpdate === false) object.matrixAutoUpdate = false; // object specific properties
+
+                                       if (this.isInstancedMesh) {
+                                               object.type = 'InstancedMesh';
+                                               object.count = this.count;
+                                               object.instanceMatrix = this.instanceMatrix.toJSON();
+                                               if (this.instanceColor !== null) object.instanceColor = this.instanceColor.toJSON();
+                                       } //
+
+
+                                       function serialize(library, element) {
+                                               if (library[element.uuid] === undefined) {
+                                                       library[element.uuid] = element.toJSON(meta);
+                                               }
+
+                                               return element.uuid;
+                                       }
+
+                                       if (this.isScene) {
+                                               if (this.background) {
+                                                       if (this.background.isColor) {
+                                                               object.background = this.background.toJSON();
+                                                       } else if (this.background.isTexture) {
+                                                               object.background = this.background.toJSON(meta).uuid;
+                                                       }
+                                               }
+
+                                               if (this.environment && this.environment.isTexture) {
+                                                       object.environment = this.environment.toJSON(meta).uuid;
+                                               }
+                                       } else if (this.isMesh || this.isLine || this.isPoints) {
+                                               object.geometry = serialize(meta.geometries, this.geometry);
+                                               const parameters = this.geometry.parameters;
+
+                                               if (parameters !== undefined && parameters.shapes !== undefined) {
+                                                       const shapes = parameters.shapes;
+
+                                                       if (Array.isArray(shapes)) {
+                                                               for (let i = 0, l = shapes.length; i < l; i++) {
+                                                                       const shape = shapes[i];
+                                                                       serialize(meta.shapes, shape);
+                                                               }
+                                                       } else {
+                                                               serialize(meta.shapes, shapes);
+                                                       }
+                                               }
+                                       }
+
+                                       if (this.isSkinnedMesh) {
+                                               object.bindMode = this.bindMode;
+                                               object.bindMatrix = this.bindMatrix.toArray();
+
+                                               if (this.skeleton !== undefined) {
+                                                       serialize(meta.skeletons, this.skeleton);
+                                                       object.skeleton = this.skeleton.uuid;
+                                               }
+                                       }
+
+                                       if (this.material !== undefined) {
+                                               if (Array.isArray(this.material)) {
+                                                       const uuids = [];
+
+                                                       for (let i = 0, l = this.material.length; i < l; i++) {
+                                                               uuids.push(serialize(meta.materials, this.material[i]));
+                                                       }
+
+                                                       object.material = uuids;
+                                               } else {
+                                                       object.material = serialize(meta.materials, this.material);
+                                               }
+                                       } //
+
+
+                                       if (this.children.length > 0) {
+                                               object.children = [];
+
+                                               for (let i = 0; i < this.children.length; i++) {
+                                                       object.children.push(this.children[i].toJSON(meta).object);
+                                               }
+                                       } //
+
+
+                                       if (this.animations.length > 0) {
+                                               object.animations = [];
+
+                                               for (let i = 0; i < this.animations.length; i++) {
+                                                       const animation = this.animations[i];
+                                                       object.animations.push(serialize(meta.animations, animation));
+                                               }
+                                       }
+
+                                       if (isRootObject) {
+                                               const geometries = extractFromCache(meta.geometries);
+                                               const materials = extractFromCache(meta.materials);
+                                               const textures = extractFromCache(meta.textures);
+                                               const images = extractFromCache(meta.images);
+                                               const shapes = extractFromCache(meta.shapes);
+                                               const skeletons = extractFromCache(meta.skeletons);
+                                               const animations = extractFromCache(meta.animations);
+                                               if (geometries.length > 0) output.geometries = geometries;
+                                               if (materials.length > 0) output.materials = materials;
+                                               if (textures.length > 0) output.textures = textures;
+                                               if (images.length > 0) output.images = images;
+                                               if (shapes.length > 0) output.shapes = shapes;
+                                               if (skeletons.length > 0) output.skeletons = skeletons;
+                                               if (animations.length > 0) output.animations = animations;
+                                       }
+
+                                       output.object = object;
+                                       return output; // extract data from the cache hash
+                                       // remove metadata on each item
+                                       // and return as array
+
+                                       function extractFromCache(cache) {
+                                               const values = [];
+
+                                               for (const key in cache) {
+                                                       const data = cache[key];
+                                                       delete data.metadata;
+                                                       values.push(data);
+                                               }
+
+                                               return values;
+                                       }
+                               }
+
+                               clone(recursive) {
+                                       return new this.constructor().copy(this, recursive);
+                               }
+
+                               copy(source, recursive = true) {
+                                       this.name = source.name;
+                                       this.up.copy(source.up);
+                                       this.position.copy(source.position);
+                                       this.rotation.order = source.rotation.order;
+                                       this.quaternion.copy(source.quaternion);
+                                       this.scale.copy(source.scale);
+                                       this.matrix.copy(source.matrix);
+                                       this.matrixWorld.copy(source.matrixWorld);
+                                       this.matrixAutoUpdate = source.matrixAutoUpdate;
+                                       this.matrixWorldNeedsUpdate = source.matrixWorldNeedsUpdate;
+                                       this.layers.mask = source.layers.mask;
+                                       this.visible = source.visible;
+                                       this.castShadow = source.castShadow;
+                                       this.receiveShadow = source.receiveShadow;
+                                       this.frustumCulled = source.frustumCulled;
+                                       this.renderOrder = source.renderOrder;
+                                       this.userData = JSON.parse(JSON.stringify(source.userData));
+
+                                       if (recursive === true) {
+                                               for (let i = 0; i < source.children.length; i++) {
+                                                       const child = source.children[i];
+                                                       this.add(child.clone());
+                                               }
+                                       }
+
+                                       return this;
+                               }
+
+                       }
+
+                       Object3D.DefaultUp = new Vector3(0, 1, 0);
+                       Object3D.DefaultMatrixAutoUpdate = true;
+                       Object3D.prototype.isObject3D = true;
+
+                       const _v0$1 = /*@__PURE__*/new Vector3();
+
+                       const _v1$3 = /*@__PURE__*/new Vector3();
+
+                       const _v2$2 = /*@__PURE__*/new Vector3();
+
+                       const _v3$1 = /*@__PURE__*/new Vector3();
+
+                       const _vab = /*@__PURE__*/new Vector3();
+
+                       const _vac = /*@__PURE__*/new Vector3();
+
+                       const _vbc = /*@__PURE__*/new Vector3();
+
+                       const _vap = /*@__PURE__*/new Vector3();
+
+                       const _vbp = /*@__PURE__*/new Vector3();
+
+                       const _vcp = /*@__PURE__*/new Vector3();
+
+                       class Triangle {
+                               constructor(a = new Vector3(), b = new Vector3(), c = new Vector3()) {
+                                       this.a = a;
+                                       this.b = b;
+                                       this.c = c;
+                               }
+
+                               static getNormal(a, b, c, target) {
+                                       target.subVectors(c, b);
+
+                                       _v0$1.subVectors(a, b);
+
+                                       target.cross(_v0$1);
+                                       const targetLengthSq = target.lengthSq();
+
+                                       if (targetLengthSq > 0) {
+                                               return target.multiplyScalar(1 / Math.sqrt(targetLengthSq));
+                                       }
+
+                                       return target.set(0, 0, 0);
+                               } // static/instance method to calculate barycentric coordinates
+                               // based on: http://www.blackpawn.com/texts/pointinpoly/default.html
+
+
+                               static getBarycoord(point, a, b, c, target) {
+                                       _v0$1.subVectors(c, a);
+
+                                       _v1$3.subVectors(b, a);
+
+                                       _v2$2.subVectors(point, a);
+
+                                       const dot00 = _v0$1.dot(_v0$1);
+
+                                       const dot01 = _v0$1.dot(_v1$3);
+
+                                       const dot02 = _v0$1.dot(_v2$2);
+
+                                       const dot11 = _v1$3.dot(_v1$3);
+
+                                       const dot12 = _v1$3.dot(_v2$2);
+
+                                       const denom = dot00 * dot11 - dot01 * dot01; // collinear or singular triangle
+
+                                       if (denom === 0) {
+                                               // arbitrary location outside of triangle?
+                                               // not sure if this is the best idea, maybe should be returning undefined
+                                               return target.set(-2, -1, -1);
+                                       }
+
+                                       const invDenom = 1 / denom;
+                                       const u = (dot11 * dot02 - dot01 * dot12) * invDenom;
+                                       const v = (dot00 * dot12 - dot01 * dot02) * invDenom; // barycentric coordinates must always sum to 1
+
+                                       return target.set(1 - u - v, v, u);
+                               }
+
+                               static containsPoint(point, a, b, c) {
+                                       this.getBarycoord(point, a, b, c, _v3$1);
+                                       return _v3$1.x >= 0 && _v3$1.y >= 0 && _v3$1.x + _v3$1.y <= 1;
+                               }
+
+                               static getUV(point, p1, p2, p3, uv1, uv2, uv3, target) {
+                                       this.getBarycoord(point, p1, p2, p3, _v3$1);
+                                       target.set(0, 0);
+                                       target.addScaledVector(uv1, _v3$1.x);
+                                       target.addScaledVector(uv2, _v3$1.y);
+                                       target.addScaledVector(uv3, _v3$1.z);
+                                       return target;
+                               }
+
+                               static isFrontFacing(a, b, c, direction) {
+                                       _v0$1.subVectors(c, b);
+
+                                       _v1$3.subVectors(a, b); // strictly front facing
+
+
+                                       return _v0$1.cross(_v1$3).dot(direction) < 0 ? true : false;
+                               }
+
+                               set(a, b, c) {
+                                       this.a.copy(a);
+                                       this.b.copy(b);
+                                       this.c.copy(c);
+                                       return this;
+                               }
+
+                               setFromPointsAndIndices(points, i0, i1, i2) {
+                                       this.a.copy(points[i0]);
+                                       this.b.copy(points[i1]);
+                                       this.c.copy(points[i2]);
+                                       return this;
+                               }
+
+                               clone() {
+                                       return new this.constructor().copy(this);
+                               }
+
+                               copy(triangle) {
+                                       this.a.copy(triangle.a);
+                                       this.b.copy(triangle.b);
+                                       this.c.copy(triangle.c);
+                                       return this;
+                               }
+
+                               getArea() {
+                                       _v0$1.subVectors(this.c, this.b);
+
+                                       _v1$3.subVectors(this.a, this.b);
+
+                                       return _v0$1.cross(_v1$3).length() * 0.5;
+                               }
+
+                               getMidpoint(target) {
+                                       return target.addVectors(this.a, this.b).add(this.c).multiplyScalar(1 / 3);
+                               }
+
+                               getNormal(target) {
+                                       return Triangle.getNormal(this.a, this.b, this.c, target);
+                               }
+
+                               getPlane(target) {
+                                       return target.setFromCoplanarPoints(this.a, this.b, this.c);
+                               }
+
+                               getBarycoord(point, target) {
+                                       return Triangle.getBarycoord(point, this.a, this.b, this.c, target);
+                               }
+
+                               getUV(point, uv1, uv2, uv3, target) {
+                                       return Triangle.getUV(point, this.a, this.b, this.c, uv1, uv2, uv3, target);
+                               }
+
+                               containsPoint(point) {
+                                       return Triangle.containsPoint(point, this.a, this.b, this.c);
+                               }
+
+                               isFrontFacing(direction) {
+                                       return Triangle.isFrontFacing(this.a, this.b, this.c, direction);
+                               }
+
+                               intersectsBox(box) {
+                                       return box.intersectsTriangle(this);
+                               }
+
+                               closestPointToPoint(p, target) {
+                                       const a = this.a,
+                                               b = this.b,
+                                               c = this.c;
+                                       let v, w; // algorithm thanks to Real-Time Collision Detection by Christer Ericson,
+                                       // published by Morgan Kaufmann Publishers, (c) 2005 Elsevier Inc.,
+                                       // under the accompanying license; see chapter 5.1.5 for detailed explanation.
+                                       // basically, we're distinguishing which of the voronoi regions of the triangle
+                                       // the point lies in with the minimum amount of redundant computation.
+
+                                       _vab.subVectors(b, a);
+
+                                       _vac.subVectors(c, a);
+
+                                       _vap.subVectors(p, a);
+
+                                       const d1 = _vab.dot(_vap);
+
+                                       const d2 = _vac.dot(_vap);
+
+                                       if (d1 <= 0 && d2 <= 0) {
+                                               // vertex region of A; barycentric coords (1, 0, 0)
+                                               return target.copy(a);
+                                       }
+
+                                       _vbp.subVectors(p, b);
+
+                                       const d3 = _vab.dot(_vbp);
+
+                                       const d4 = _vac.dot(_vbp);
+
+                                       if (d3 >= 0 && d4 <= d3) {
+                                               // vertex region of B; barycentric coords (0, 1, 0)
+                                               return target.copy(b);
+                                       }
+
+                                       const vc = d1 * d4 - d3 * d2;
+
+                                       if (vc <= 0 && d1 >= 0 && d3 <= 0) {
+                                               v = d1 / (d1 - d3); // edge region of AB; barycentric coords (1-v, v, 0)
+
+                                               return target.copy(a).addScaledVector(_vab, v);
+                                       }
+
+                                       _vcp.subVectors(p, c);
+
+                                       const d5 = _vab.dot(_vcp);
+
+                                       const d6 = _vac.dot(_vcp);
+
+                                       if (d6 >= 0 && d5 <= d6) {
+                                               // vertex region of C; barycentric coords (0, 0, 1)
+                                               return target.copy(c);
+                                       }
+
+                                       const vb = d5 * d2 - d1 * d6;
+
+                                       if (vb <= 0 && d2 >= 0 && d6 <= 0) {
+                                               w = d2 / (d2 - d6); // edge region of AC; barycentric coords (1-w, 0, w)
+
+                                               return target.copy(a).addScaledVector(_vac, w);
+                                       }
+
+                                       const va = d3 * d6 - d5 * d4;
+
+                                       if (va <= 0 && d4 - d3 >= 0 && d5 - d6 >= 0) {
+                                               _vbc.subVectors(c, b);
+
+                                               w = (d4 - d3) / (d4 - d3 + (d5 - d6)); // edge region of BC; barycentric coords (0, 1-w, w)
+
+                                               return target.copy(b).addScaledVector(_vbc, w); // edge region of BC
+                                       } // face region
+
+
+                                       const denom = 1 / (va + vb + vc); // u = va * denom
+
+                                       v = vb * denom;
+                                       w = vc * denom;
+                                       return target.copy(a).addScaledVector(_vab, v).addScaledVector(_vac, w);
+                               }
+
+                               equals(triangle) {
+                                       return triangle.a.equals(this.a) && triangle.b.equals(this.b) && triangle.c.equals(this.c);
+                               }
+
+                       }
+
+                       let materialId = 0;
+
+                       class Material extends EventDispatcher {
+                               constructor() {
+                                       super();
+                                       Object.defineProperty(this, 'id', {
+                                               value: materialId++
+                                       });
+                                       this.uuid = generateUUID();
+                                       this.name = '';
+                                       this.type = 'Material';
+                                       this.fog = true;
+                                       this.blending = NormalBlending;
+                                       this.side = FrontSide;
+                                       this.vertexColors = false;
+                                       this.opacity = 1;
+                                       this.format = RGBAFormat;
+                                       this.transparent = false;
+                                       this.blendSrc = SrcAlphaFactor;
+                                       this.blendDst = OneMinusSrcAlphaFactor;
+                                       this.blendEquation = AddEquation;
+                                       this.blendSrcAlpha = null;
+                                       this.blendDstAlpha = null;
+                                       this.blendEquationAlpha = null;
+                                       this.depthFunc = LessEqualDepth;
+                                       this.depthTest = true;
+                                       this.depthWrite = true;
+                                       this.stencilWriteMask = 0xff;
+                                       this.stencilFunc = AlwaysStencilFunc;
+                                       this.stencilRef = 0;
+                                       this.stencilFuncMask = 0xff;
+                                       this.stencilFail = KeepStencilOp;
+                                       this.stencilZFail = KeepStencilOp;
+                                       this.stencilZPass = KeepStencilOp;
+                                       this.stencilWrite = false;
+                                       this.clippingPlanes = null;
+                                       this.clipIntersection = false;
+                                       this.clipShadows = false;
+                                       this.shadowSide = null;
+                                       this.colorWrite = true;
+                                       this.precision = null; // override the renderer's default precision for this material
+
+                                       this.polygonOffset = false;
+                                       this.polygonOffsetFactor = 0;
+                                       this.polygonOffsetUnits = 0;
+                                       this.dithering = false;
+                                       this.alphaToCoverage = false;
+                                       this.premultipliedAlpha = false;
+                                       this.visible = true;
+                                       this.toneMapped = true;
+                                       this.userData = {};
+                                       this.version = 0;
+                                       this._alphaTest = 0;
+                               }
+
+                               get alphaTest() {
+                                       return this._alphaTest;
+                               }
+
+                               set alphaTest(value) {
+                                       if (this._alphaTest > 0 !== value > 0) {
+                                               this.version++;
+                                       }
+
+                                       this._alphaTest = value;
+                               }
+
+                               onBuild() {
+                               }
+
+                               onBeforeCompile() {
+                               }
+
+                               customProgramCacheKey() {
+                                       return this.onBeforeCompile.toString();
+                               }
+
+                               setValues(values) {
+                                       if (values === undefined) return;
+
+                                       for (const key in values) {
+                                               const newValue = values[key];
+
+                                               if (newValue === undefined) {
+                                                       console.warn('THREE.Material: \'' + key + '\' parameter is undefined.');
+                                                       continue;
+                                               } // for backward compatability if shading is set in the constructor
+
+
+                                               if (key === 'shading') {
+                                                       console.warn('THREE.' + this.type + ': .shading has been removed. Use the boolean .flatShading instead.');
+                                                       this.flatShading = newValue === FlatShading ? true : false;
+                                                       continue;
+                                               }
+
+                                               const currentValue = this[key];
+
+                                               if (currentValue === undefined) {
+                                                       console.warn('THREE.' + this.type + ': \'' + key + '\' is not a property of this material.');
+                                                       continue;
+                                               }
+
+                                               if (currentValue && currentValue.isColor) {
+                                                       currentValue.set(newValue);
+                                               } else if (currentValue && currentValue.isVector3 && newValue && newValue.isVector3) {
+                                                       currentValue.copy(newValue);
+                                               } else {
+                                                       this[key] = newValue;
+                                               }
+                                       }
+                               }
+
+                               toJSON(meta) {
+                                       const isRoot = meta === undefined || typeof meta === 'string';
+
+                                       if (isRoot) {
+                                               meta = {
+                                                       textures: {},
+                                                       images: {}
+                                               };
+                                       }
+
+                                       const data = {
+                                               metadata: {
+                                                       version: 4.5,
+                                                       type: 'Material',
+                                                       generator: 'Material.toJSON'
+                                               }
+                                       }; // standard Material serialization
+
+                                       data.uuid = this.uuid;
+                                       data.type = this.type;
+                                       if (this.name !== '') data.name = this.name;
+                                       if (this.color && this.color.isColor) data.color = this.color.getHex();
+                                       if (this.roughness !== undefined) data.roughness = this.roughness;
+                                       if (this.metalness !== undefined) data.metalness = this.metalness;
+                                       if (this.sheenTint && this.sheenTint.isColor) data.sheenTint = this.sheenTint.getHex();
+                                       if (this.emissive && this.emissive.isColor) data.emissive = this.emissive.getHex();
+                                       if (this.emissiveIntensity && this.emissiveIntensity !== 1) data.emissiveIntensity = this.emissiveIntensity;
+                                       if (this.specular && this.specular.isColor) data.specular = this.specular.getHex();
+                                       if (this.specularIntensity !== undefined) data.specularIntensity = this.specularIntensity;
+                                       if (this.specularTint && this.specularTint.isColor) data.specularTint = this.specularTint.getHex();
+                                       if (this.shininess !== undefined) data.shininess = this.shininess;
+                                       if (this.clearcoat !== undefined) data.clearcoat = this.clearcoat;
+                                       if (this.clearcoatRoughness !== undefined) data.clearcoatRoughness = this.clearcoatRoughness;
+
+                                       if (this.clearcoatMap && this.clearcoatMap.isTexture) {
+                                               data.clearcoatMap = this.clearcoatMap.toJSON(meta).uuid;
+                                       }
+
+                                       if (this.clearcoatRoughnessMap && this.clearcoatRoughnessMap.isTexture) {
+                                               data.clearcoatRoughnessMap = this.clearcoatRoughnessMap.toJSON(meta).uuid;
+                                       }
+
+                                       if (this.clearcoatNormalMap && this.clearcoatNormalMap.isTexture) {
+                                               data.clearcoatNormalMap = this.clearcoatNormalMap.toJSON(meta).uuid;
+                                               data.clearcoatNormalScale = this.clearcoatNormalScale.toArray();
+                                       }
+
+                                       if (this.map && this.map.isTexture) data.map = this.map.toJSON(meta).uuid;
+                                       if (this.matcap && this.matcap.isTexture) data.matcap = this.matcap.toJSON(meta).uuid;
+                                       if (this.alphaMap && this.alphaMap.isTexture) data.alphaMap = this.alphaMap.toJSON(meta).uuid;
+
+                                       if (this.lightMap && this.lightMap.isTexture) {
+                                               data.lightMap = this.lightMap.toJSON(meta).uuid;
+                                               data.lightMapIntensity = this.lightMapIntensity;
+                                       }
+
+                                       if (this.aoMap && this.aoMap.isTexture) {
+                                               data.aoMap = this.aoMap.toJSON(meta).uuid;
+                                               data.aoMapIntensity = this.aoMapIntensity;
+                                       }
+
+                                       if (this.bumpMap && this.bumpMap.isTexture) {
+                                               data.bumpMap = this.bumpMap.toJSON(meta).uuid;
+                                               data.bumpScale = this.bumpScale;
+                                       }
+
+                                       if (this.normalMap && this.normalMap.isTexture) {
+                                               data.normalMap = this.normalMap.toJSON(meta).uuid;
+                                               data.normalMapType = this.normalMapType;
+                                               data.normalScale = this.normalScale.toArray();
+                                       }
+
+                                       if (this.displacementMap && this.displacementMap.isTexture) {
+                                               data.displacementMap = this.displacementMap.toJSON(meta).uuid;
+                                               data.displacementScale = this.displacementScale;
+                                               data.displacementBias = this.displacementBias;
+                                       }
+
+                                       if (this.roughnessMap && this.roughnessMap.isTexture) data.roughnessMap = this.roughnessMap.toJSON(meta).uuid;
+                                       if (this.metalnessMap && this.metalnessMap.isTexture) data.metalnessMap = this.metalnessMap.toJSON(meta).uuid;
+                                       if (this.emissiveMap && this.emissiveMap.isTexture) data.emissiveMap = this.emissiveMap.toJSON(meta).uuid;
+                                       if (this.specularMap && this.specularMap.isTexture) data.specularMap = this.specularMap.toJSON(meta).uuid;
+                                       if (this.specularIntensityMap && this.specularIntensityMap.isTexture) data.specularIntensityMap = this.specularIntensityMap.toJSON(meta).uuid;
+                                       if (this.specularTintMap && this.specularTintMap.isTexture) data.specularTintMap = this.specularTintMap.toJSON(meta).uuid;
+
+                                       if (this.envMap && this.envMap.isTexture) {
+                                               data.envMap = this.envMap.toJSON(meta).uuid;
+                                               if (this.combine !== undefined) data.combine = this.combine;
+                                       }
+
+                                       if (this.envMapIntensity !== undefined) data.envMapIntensity = this.envMapIntensity;
+                                       if (this.reflectivity !== undefined) data.reflectivity = this.reflectivity;
+                                       if (this.refractionRatio !== undefined) data.refractionRatio = this.refractionRatio;
+
+                                       if (this.gradientMap && this.gradientMap.isTexture) {
+                                               data.gradientMap = this.gradientMap.toJSON(meta).uuid;
+                                       }
+
+                                       if (this.transmission !== undefined) data.transmission = this.transmission;
+                                       if (this.transmissionMap && this.transmissionMap.isTexture) data.transmissionMap = this.transmissionMap.toJSON(meta).uuid;
+                                       if (this.thickness !== undefined) data.thickness = this.thickness;
+                                       if (this.thicknessMap && this.thicknessMap.isTexture) data.thicknessMap = this.thicknessMap.toJSON(meta).uuid;
+                                       if (this.attenuationDistance !== undefined) data.attenuationDistance = this.attenuationDistance;
+                                       if (this.attenuationTint !== undefined) data.attenuationTint = this.attenuationTint.getHex();
+                                       if (this.size !== undefined) data.size = this.size;
+                                       if (this.shadowSide !== null) data.shadowSide = this.shadowSide;
+                                       if (this.sizeAttenuation !== undefined) data.sizeAttenuation = this.sizeAttenuation;
+                                       if (this.blending !== NormalBlending) data.blending = this.blending;
+                                       if (this.side !== FrontSide) data.side = this.side;
+                                       if (this.vertexColors) data.vertexColors = true;
+                                       if (this.opacity < 1) data.opacity = this.opacity;
+                                       if (this.format !== RGBAFormat) data.format = this.format;
+                                       if (this.transparent === true) data.transparent = this.transparent;
+                                       data.depthFunc = this.depthFunc;
+                                       data.depthTest = this.depthTest;
+                                       data.depthWrite = this.depthWrite;
+                                       data.colorWrite = this.colorWrite;
+                                       data.stencilWrite = this.stencilWrite;
+                                       data.stencilWriteMask = this.stencilWriteMask;
+                                       data.stencilFunc = this.stencilFunc;
+                                       data.stencilRef = this.stencilRef;
+                                       data.stencilFuncMask = this.stencilFuncMask;
+                                       data.stencilFail = this.stencilFail;
+                                       data.stencilZFail = this.stencilZFail;
+                                       data.stencilZPass = this.stencilZPass; // rotation (SpriteMaterial)
+
+                                       if (this.rotation && this.rotation !== 0) data.rotation = this.rotation;
+                                       if (this.polygonOffset === true) data.polygonOffset = true;
+                                       if (this.polygonOffsetFactor !== 0) data.polygonOffsetFactor = this.polygonOffsetFactor;
+                                       if (this.polygonOffsetUnits !== 0) data.polygonOffsetUnits = this.polygonOffsetUnits;
+                                       if (this.linewidth && this.linewidth !== 1) data.linewidth = this.linewidth;
+                                       if (this.dashSize !== undefined) data.dashSize = this.dashSize;
+                                       if (this.gapSize !== undefined) data.gapSize = this.gapSize;
+                                       if (this.scale !== undefined) data.scale = this.scale;
+                                       if (this.dithering === true) data.dithering = true;
+                                       if (this.alphaTest > 0) data.alphaTest = this.alphaTest;
+                                       if (this.alphaToCoverage === true) data.alphaToCoverage = this.alphaToCoverage;
+                                       if (this.premultipliedAlpha === true) data.premultipliedAlpha = this.premultipliedAlpha;
+                                       if (this.wireframe === true) data.wireframe = this.wireframe;
+                                       if (this.wireframeLinewidth > 1) data.wireframeLinewidth = this.wireframeLinewidth;
+                                       if (this.wireframeLinecap !== 'round') data.wireframeLinecap = this.wireframeLinecap;
+                                       if (this.wireframeLinejoin !== 'round') data.wireframeLinejoin = this.wireframeLinejoin;
+                                       if (this.flatShading === true) data.flatShading = this.flatShading;
+                                       if (this.visible === false) data.visible = false;
+                                       if (this.toneMapped === false) data.toneMapped = false;
+                                       if (JSON.stringify(this.userData) !== '{}') data.userData = this.userData; // TODO: Copied from Object3D.toJSON
+
+                                       function extractFromCache(cache) {
+                                               const values = [];
+
+                                               for (const key in cache) {
+                                                       const data = cache[key];
+                                                       delete data.metadata;
+                                                       values.push(data);
+                                               }
+
+                                               return values;
+                                       }
+
+                                       if (isRoot) {
+                                               const textures = extractFromCache(meta.textures);
+                                               const images = extractFromCache(meta.images);
+                                               if (textures.length > 0) data.textures = textures;
+                                               if (images.length > 0) data.images = images;
+                                       }
+
+                                       return data;
+                               }
+
+                               clone() {
+                                       return new this.constructor().copy(this);
+                               }
+
+                               copy(source) {
+                                       this.name = source.name;
+                                       this.fog = source.fog;
+                                       this.blending = source.blending;
+                                       this.side = source.side;
+                                       this.vertexColors = source.vertexColors;
+                                       this.opacity = source.opacity;
+                                       this.format = source.format;
+                                       this.transparent = source.transparent;
+                                       this.blendSrc = source.blendSrc;
+                                       this.blendDst = source.blendDst;
+                                       this.blendEquation = source.blendEquation;
+                                       this.blendSrcAlpha = source.blendSrcAlpha;
+                                       this.blendDstAlpha = source.blendDstAlpha;
+                                       this.blendEquationAlpha = source.blendEquationAlpha;
+                                       this.depthFunc = source.depthFunc;
+                                       this.depthTest = source.depthTest;
+                                       this.depthWrite = source.depthWrite;
+                                       this.stencilWriteMask = source.stencilWriteMask;
+                                       this.stencilFunc = source.stencilFunc;
+                                       this.stencilRef = source.stencilRef;
+                                       this.stencilFuncMask = source.stencilFuncMask;
+                                       this.stencilFail = source.stencilFail;
+                                       this.stencilZFail = source.stencilZFail;
+                                       this.stencilZPass = source.stencilZPass;
+                                       this.stencilWrite = source.stencilWrite;
+                                       const srcPlanes = source.clippingPlanes;
+                                       let dstPlanes = null;
+
+                                       if (srcPlanes !== null) {
+                                               const n = srcPlanes.length;
+                                               dstPlanes = new Array(n);
+
+                                               for (let i = 0; i !== n; ++i) {
+                                                       dstPlanes[i] = srcPlanes[i].clone();
+                                               }
+                                       }
+
+                                       this.clippingPlanes = dstPlanes;
+                                       this.clipIntersection = source.clipIntersection;
+                                       this.clipShadows = source.clipShadows;
+                                       this.shadowSide = source.shadowSide;
+                                       this.colorWrite = source.colorWrite;
+                                       this.precision = source.precision;
+                                       this.polygonOffset = source.polygonOffset;
+                                       this.polygonOffsetFactor = source.polygonOffsetFactor;
+                                       this.polygonOffsetUnits = source.polygonOffsetUnits;
+                                       this.dithering = source.dithering;
+                                       this.alphaTest = source.alphaTest;
+                                       this.alphaToCoverage = source.alphaToCoverage;
+                                       this.premultipliedAlpha = source.premultipliedAlpha;
+                                       this.visible = source.visible;
+                                       this.toneMapped = source.toneMapped;
+                                       this.userData = JSON.parse(JSON.stringify(source.userData));
+                                       return this;
+                               }
+
+                               dispose() {
+                                       this.dispatchEvent({
+                                               type: 'dispose'
+                                       });
+                               }
+
+                               set needsUpdate(value) {
+                                       if (value === true) this.version++;
+                               }
+
+                       }
+
+                       Material.prototype.isMaterial = true;
+
+                       const _colorKeywords = {
+                               'aliceblue': 0xF0F8FF,
+                               'antiquewhite': 0xFAEBD7,
+                               'aqua': 0x00FFFF,
+                               'aquamarine': 0x7FFFD4,
+                               'azure': 0xF0FFFF,
+                               'beige': 0xF5F5DC,
+                               'bisque': 0xFFE4C4,
+                               'black': 0x000000,
+                               'blanchedalmond': 0xFFEBCD,
+                               'blue': 0x0000FF,
+                               'blueviolet': 0x8A2BE2,
+                               'brown': 0xA52A2A,
+                               'burlywood': 0xDEB887,
+                               'cadetblue': 0x5F9EA0,
+                               'chartreuse': 0x7FFF00,
+                               'chocolate': 0xD2691E,
+                               'coral': 0xFF7F50,
+                               'cornflowerblue': 0x6495ED,
+                               'cornsilk': 0xFFF8DC,
+                               'crimson': 0xDC143C,
+                               'cyan': 0x00FFFF,
+                               'darkblue': 0x00008B,
+                               'darkcyan': 0x008B8B,
+                               'darkgoldenrod': 0xB8860B,
+                               'darkgray': 0xA9A9A9,
+                               'darkgreen': 0x006400,
+                               'darkgrey': 0xA9A9A9,
+                               'darkkhaki': 0xBDB76B,
+                               'darkmagenta': 0x8B008B,
+                               'darkolivegreen': 0x556B2F,
+                               'darkorange': 0xFF8C00,
+                               'darkorchid': 0x9932CC,
+                               'darkred': 0x8B0000,
+                               'darksalmon': 0xE9967A,
+                               'darkseagreen': 0x8FBC8F,
+                               'darkslateblue': 0x483D8B,
+                               'darkslategray': 0x2F4F4F,
+                               'darkslategrey': 0x2F4F4F,
+                               'darkturquoise': 0x00CED1,
+                               'darkviolet': 0x9400D3,
+                               'deeppink': 0xFF1493,
+                               'deepskyblue': 0x00BFFF,
+                               'dimgray': 0x696969,
+                               'dimgrey': 0x696969,
+                               'dodgerblue': 0x1E90FF,
+                               'firebrick': 0xB22222,
+                               'floralwhite': 0xFFFAF0,
+                               'forestgreen': 0x228B22,
+                               'fuchsia': 0xFF00FF,
+                               'gainsboro': 0xDCDCDC,
+                               'ghostwhite': 0xF8F8FF,
+                               'gold': 0xFFD700,
+                               'goldenrod': 0xDAA520,
+                               'gray': 0x808080,
+                               'green': 0x008000,
+                               'greenyellow': 0xADFF2F,
+                               'grey': 0x808080,
+                               'honeydew': 0xF0FFF0,
+                               'hotpink': 0xFF69B4,
+                               'indianred': 0xCD5C5C,
+                               'indigo': 0x4B0082,
+                               'ivory': 0xFFFFF0,
+                               'khaki': 0xF0E68C,
+                               'lavender': 0xE6E6FA,
+                               'lavenderblush': 0xFFF0F5,
+                               'lawngreen': 0x7CFC00,
+                               'lemonchiffon': 0xFFFACD,
+                               'lightblue': 0xADD8E6,
+                               'lightcoral': 0xF08080,
+                               'lightcyan': 0xE0FFFF,
+                               'lightgoldenrodyellow': 0xFAFAD2,
+                               'lightgray': 0xD3D3D3,
+                               'lightgreen': 0x90EE90,
+                               'lightgrey': 0xD3D3D3,
+                               'lightpink': 0xFFB6C1,
+                               'lightsalmon': 0xFFA07A,
+                               'lightseagreen': 0x20B2AA,
+                               'lightskyblue': 0x87CEFA,
+                               'lightslategray': 0x778899,
+                               'lightslategrey': 0x778899,
+                               'lightsteelblue': 0xB0C4DE,
+                               'lightyellow': 0xFFFFE0,
+                               'lime': 0x00FF00,
+                               'limegreen': 0x32CD32,
+                               'linen': 0xFAF0E6,
+                               'magenta': 0xFF00FF,
+                               'maroon': 0x800000,
+                               'mediumaquamarine': 0x66CDAA,
+                               'mediumblue': 0x0000CD,
+                               'mediumorchid': 0xBA55D3,
+                               'mediumpurple': 0x9370DB,
+                               'mediumseagreen': 0x3CB371,
+                               'mediumslateblue': 0x7B68EE,
+                               'mediumspringgreen': 0x00FA9A,
+                               'mediumturquoise': 0x48D1CC,
+                               'mediumvioletred': 0xC71585,
+                               'midnightblue': 0x191970,
+                               'mintcream': 0xF5FFFA,
+                               'mistyrose': 0xFFE4E1,
+                               'moccasin': 0xFFE4B5,
+                               'navajowhite': 0xFFDEAD,
+                               'navy': 0x000080,
+                               'oldlace': 0xFDF5E6,
+                               'olive': 0x808000,
+                               'olivedrab': 0x6B8E23,
+                               'orange': 0xFFA500,
+                               'orangered': 0xFF4500,
+                               'orchid': 0xDA70D6,
+                               'palegoldenrod': 0xEEE8AA,
+                               'palegreen': 0x98FB98,
+                               'paleturquoise': 0xAFEEEE,
+                               'palevioletred': 0xDB7093,
+                               'papayawhip': 0xFFEFD5,
+                               'peachpuff': 0xFFDAB9,
+                               'peru': 0xCD853F,
+                               'pink': 0xFFC0CB,
+                               'plum': 0xDDA0DD,
+                               'powderblue': 0xB0E0E6,
+                               'purple': 0x800080,
+                               'rebeccapurple': 0x663399,
+                               'red': 0xFF0000,
+                               'rosybrown': 0xBC8F8F,
+                               'royalblue': 0x4169E1,
+                               'saddlebrown': 0x8B4513,
+                               'salmon': 0xFA8072,
+                               'sandybrown': 0xF4A460,
+                               'seagreen': 0x2E8B57,
+                               'seashell': 0xFFF5EE,
+                               'sienna': 0xA0522D,
+                               'silver': 0xC0C0C0,
+                               'skyblue': 0x87CEEB,
+                               'slateblue': 0x6A5ACD,
+                               'slategray': 0x708090,
+                               'slategrey': 0x708090,
+                               'snow': 0xFFFAFA,
+                               'springgreen': 0x00FF7F,
+                               'steelblue': 0x4682B4,
+                               'tan': 0xD2B48C,
+                               'teal': 0x008080,
+                               'thistle': 0xD8BFD8,
+                               'tomato': 0xFF6347,
+                               'turquoise': 0x40E0D0,
+                               'violet': 0xEE82EE,
+                               'wheat': 0xF5DEB3,
+                               'white': 0xFFFFFF,
+                               'whitesmoke': 0xF5F5F5,
+                               'yellow': 0xFFFF00,
+                               'yellowgreen': 0x9ACD32
+                       };
+                       const _hslA = {
+                               h: 0,
+                               s: 0,
+                               l: 0
+                       };
+                       const _hslB = {
+                               h: 0,
+                               s: 0,
+                               l: 0
+                       };
+
+                       function hue2rgb(p, q, t) {
+                               if (t < 0) t += 1;
+                               if (t > 1) t -= 1;
+                               if (t < 1 / 6) return p + (q - p) * 6 * t;
+                               if (t < 1 / 2) return q;
+                               if (t < 2 / 3) return p + (q - p) * 6 * (2 / 3 - t);
+                               return p;
+                       }
+
+                       function SRGBToLinear(c) {
+                               return c < 0.04045 ? c * 0.0773993808 : Math.pow(c * 0.9478672986 + 0.0521327014, 2.4);
+                       }
+
+                       function LinearToSRGB(c) {
+                               return c < 0.0031308 ? c * 12.92 : 1.055 * Math.pow(c, 0.41666) - 0.055;
+                       }
+
+                       class Color {
+                               constructor(r, g, b) {
+                                       if (g === undefined && b === undefined) {
+                                               // r is THREE.Color, hex or string
+                                               return this.set(r);
+                                       }
+
+                                       return this.setRGB(r, g, b);
+                               }
+
+                               set(value) {
+                                       if (value && value.isColor) {
+                                               this.copy(value);
+                                       } else if (typeof value === 'number') {
+                                               this.setHex(value);
+                                       } else if (typeof value === 'string') {
+                                               this.setStyle(value);
+                                       }
+
+                                       return this;
+                               }
+
+                               setScalar(scalar) {
+                                       this.r = scalar;
+                                       this.g = scalar;
+                                       this.b = scalar;
+                                       return this;
+                               }
+
+                               setHex(hex) {
+                                       hex = Math.floor(hex);
+                                       this.r = (hex >> 16 & 255) / 255;
+                                       this.g = (hex >> 8 & 255) / 255;
+                                       this.b = (hex & 255) / 255;
+                                       return this;
+                               }
+
+                               setRGB(r, g, b) {
+                                       this.r = r;
+                                       this.g = g;
+                                       this.b = b;
+                                       return this;
+                               }
+
+                               setHSL(h, s, l) {
+                                       // h,s,l ranges are in 0.0 - 1.0
+                                       h = euclideanModulo(h, 1);
+                                       s = clamp(s, 0, 1);
+                                       l = clamp(l, 0, 1);
+
+                                       if (s === 0) {
+                                               this.r = this.g = this.b = l;
+                                       } else {
+                                               const p = l <= 0.5 ? l * (1 + s) : l + s - l * s;
+                                               const q = 2 * l - p;
+                                               this.r = hue2rgb(q, p, h + 1 / 3);
+                                               this.g = hue2rgb(q, p, h);
+                                               this.b = hue2rgb(q, p, h - 1 / 3);
+                                       }
+
+                                       return this;
+                               }
+
+                               setStyle(style) {
+                                       function handleAlpha(string) {
+                                               if (string === undefined) return;
+
+                                               if (parseFloat(string) < 1) {
+                                                       console.warn('THREE.Color: Alpha component of ' + style + ' will be ignored.');
+                                               }
+                                       }
+
+                                       let m;
+
+                                       if (m = /^((?:rgb|hsl)a?)\(([^\)]*)\)/.exec(style)) {
+                                               // rgb / hsl
+                                               let color;
+                                               const name = m[1];
+                                               const components = m[2];
+
+                                               switch (name) {
+                                                       case 'rgb':
+                                                       case 'rgba':
+                                                               if (color = /^\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*(?:,\s*(\d*\.?\d+)\s*)?$/.exec(components)) {
+                                                                       // rgb(255,0,0) rgba(255,0,0,0.5)
+                                                                       this.r = Math.min(255, parseInt(color[1], 10)) / 255;
+                                                                       this.g = Math.min(255, parseInt(color[2], 10)) / 255;
+                                                                       this.b = Math.min(255, parseInt(color[3], 10)) / 255;
+                                                                       handleAlpha(color[4]);
+                                                                       return this;
+                                                               }
+
+                                                               if (color = /^\s*(\d+)\%\s*,\s*(\d+)\%\s*,\s*(\d+)\%\s*(?:,\s*(\d*\.?\d+)\s*)?$/.exec(components)) {
+                                                                       // rgb(100%,0%,0%) rgba(100%,0%,0%,0.5)
+                                                                       this.r = Math.min(100, parseInt(color[1], 10)) / 100;
+                                                                       this.g = Math.min(100, parseInt(color[2], 10)) / 100;
+                                                                       this.b = Math.min(100, parseInt(color[3], 10)) / 100;
+                                                                       handleAlpha(color[4]);
+                                                                       return this;
+                                                               }
+
+                                                               break;
+
+                                                       case 'hsl':
+                                                       case 'hsla':
+                                                               if (color = /^\s*(\d*\.?\d+)\s*,\s*(\d+)\%\s*,\s*(\d+)\%\s*(?:,\s*(\d*\.?\d+)\s*)?$/.exec(components)) {
+                                                                       // hsl(120,50%,50%) hsla(120,50%,50%,0.5)
+                                                                       const h = parseFloat(color[1]) / 360;
+                                                                       const s = parseInt(color[2], 10) / 100;
+                                                                       const l = parseInt(color[3], 10) / 100;
+                                                                       handleAlpha(color[4]);
+                                                                       return this.setHSL(h, s, l);
+                                                               }
+
+                                                               break;
+                                               }
+                                       } else if (m = /^\#([A-Fa-f\d]+)$/.exec(style)) {
+                                               // hex color
+                                               const hex = m[1];
+                                               const size = hex.length;
+
+                                               if (size === 3) {
+                                                       // #ff0
+                                                       this.r = parseInt(hex.charAt(0) + hex.charAt(0), 16) / 255;
+                                                       this.g = parseInt(hex.charAt(1) + hex.charAt(1), 16) / 255;
+                                                       this.b = parseInt(hex.charAt(2) + hex.charAt(2), 16) / 255;
+                                                       return this;
+                                               } else if (size === 6) {
+                                                       // #ff0000
+                                                       this.r = parseInt(hex.charAt(0) + hex.charAt(1), 16) / 255;
+                                                       this.g = parseInt(hex.charAt(2) + hex.charAt(3), 16) / 255;
+                                                       this.b = parseInt(hex.charAt(4) + hex.charAt(5), 16) / 255;
+                                                       return this;
+                                               }
+                                       }
+
+                                       if (style && style.length > 0) {
+                                               return this.setColorName(style);
+                                       }
+
+                                       return this;
+                               }
+
+                               setColorName(style) {
+                                       // color keywords
+                                       const hex = _colorKeywords[style.toLowerCase()];
+
+                                       if (hex !== undefined) {
+                                               // red
+                                               this.setHex(hex);
+                                       } else {
+                                               // unknown color
+                                               console.warn('THREE.Color: Unknown color ' + style);
+                                       }
+
+                                       return this;
+                               }
+
+                               clone() {
+                                       return new this.constructor(this.r, this.g, this.b);
+                               }
+
+                               copy(color) {
+                                       this.r = color.r;
+                                       this.g = color.g;
+                                       this.b = color.b;
+                                       return this;
+                               }
+
+                               copyGammaToLinear(color, gammaFactor = 2.0) {
+                                       this.r = Math.pow(color.r, gammaFactor);
+                                       this.g = Math.pow(color.g, gammaFactor);
+                                       this.b = Math.pow(color.b, gammaFactor);
+                                       return this;
+                               }
+
+                               copyLinearToGamma(color, gammaFactor = 2.0) {
+                                       const safeInverse = gammaFactor > 0 ? 1.0 / gammaFactor : 1.0;
+                                       this.r = Math.pow(color.r, safeInverse);
+                                       this.g = Math.pow(color.g, safeInverse);
+                                       this.b = Math.pow(color.b, safeInverse);
+                                       return this;
+                               }
+
+                               convertGammaToLinear(gammaFactor) {
+                                       this.copyGammaToLinear(this, gammaFactor);
+                                       return this;
+                               }
+
+                               convertLinearToGamma(gammaFactor) {
+                                       this.copyLinearToGamma(this, gammaFactor);
+                                       return this;
+                               }
+
+                               copySRGBToLinear(color) {
+                                       this.r = SRGBToLinear(color.r);
+                                       this.g = SRGBToLinear(color.g);
+                                       this.b = SRGBToLinear(color.b);
+                                       return this;
+                               }
+
+                               copyLinearToSRGB(color) {
+                                       this.r = LinearToSRGB(color.r);
+                                       this.g = LinearToSRGB(color.g);
+                                       this.b = LinearToSRGB(color.b);
+                                       return this;
+                               }
+
+                               convertSRGBToLinear() {
+                                       this.copySRGBToLinear(this);
+                                       return this;
+                               }
+
+                               convertLinearToSRGB() {
+                                       this.copyLinearToSRGB(this);
+                                       return this;
+                               }
+
+                               getHex() {
+                                       return this.r * 255 << 16 ^ this.g * 255 << 8 ^ this.b * 255 << 0;
+                               }
+
+                               getHexString() {
+                                       return ('000000' + this.getHex().toString(16)).slice(-6);
+                               }
+
+                               getHSL(target) {
+                                       // h,s,l ranges are in 0.0 - 1.0
+                                       const r = this.r,
+                                               g = this.g,
+                                               b = this.b;
+                                       const max = Math.max(r, g, b);
+                                       const min = Math.min(r, g, b);
+                                       let hue, saturation;
+                                       const lightness = (min + max) / 2.0;
+
+                                       if (min === max) {
+                                               hue = 0;
+                                               saturation = 0;
+                                       } else {
+                                               const delta = max - min;
+                                               saturation = lightness <= 0.5 ? delta / (max + min) : delta / (2 - max - min);
+
+                                               switch (max) {
+                                                       case r:
+                                                               hue = (g - b) / delta + (g < b ? 6 : 0);
+                                                               break;
+
+                                                       case g:
+                                                               hue = (b - r) / delta + 2;
+                                                               break;
+
+                                                       case b:
+                                                               hue = (r - g) / delta + 4;
+                                                               break;
+                                               }
+
+                                               hue /= 6;
+                                       }
+
+                                       target.h = hue;
+                                       target.s = saturation;
+                                       target.l = lightness;
+                                       return target;
+                               }
+
+                               getStyle() {
+                                       return 'rgb(' + (this.r * 255 | 0) + ',' + (this.g * 255 | 0) + ',' + (this.b * 255 | 0) + ')';
+                               }
+
+                               offsetHSL(h, s, l) {
+                                       this.getHSL(_hslA);
+                                       _hslA.h += h;
+                                       _hslA.s += s;
+                                       _hslA.l += l;
+                                       this.setHSL(_hslA.h, _hslA.s, _hslA.l);
+                                       return this;
+                               }
+
+                               add(color) {
+                                       this.r += color.r;
+                                       this.g += color.g;
+                                       this.b += color.b;
+                                       return this;
+                               }
+
+                               addColors(color1, color2) {
+                                       this.r = color1.r + color2.r;
+                                       this.g = color1.g + color2.g;
+                                       this.b = color1.b + color2.b;
+                                       return this;
+                               }
+
+                               addScalar(s) {
+                                       this.r += s;
+                                       this.g += s;
+                                       this.b += s;
+                                       return this;
+                               }
+
+                               sub(color) {
+                                       this.r = Math.max(0, this.r - color.r);
+                                       this.g = Math.max(0, this.g - color.g);
+                                       this.b = Math.max(0, this.b - color.b);
+                                       return this;
+                               }
+
+                               multiply(color) {
+                                       this.r *= color.r;
+                                       this.g *= color.g;
+                                       this.b *= color.b;
+                                       return this;
+                               }
+
+                               multiplyScalar(s) {
+                                       this.r *= s;
+                                       this.g *= s;
+                                       this.b *= s;
+                                       return this;
+                               }
+
+                               lerp(color, alpha) {
+                                       this.r += (color.r - this.r) * alpha;
+                                       this.g += (color.g - this.g) * alpha;
+                                       this.b += (color.b - this.b) * alpha;
+                                       return this;
+                               }
+
+                               lerpColors(color1, color2, alpha) {
+                                       this.r = color1.r + (color2.r - color1.r) * alpha;
+                                       this.g = color1.g + (color2.g - color1.g) * alpha;
+                                       this.b = color1.b + (color2.b - color1.b) * alpha;
+                                       return this;
+                               }
+
+                               lerpHSL(color, alpha) {
+                                       this.getHSL(_hslA);
+                                       color.getHSL(_hslB);
+                                       const h = lerp(_hslA.h, _hslB.h, alpha);
+                                       const s = lerp(_hslA.s, _hslB.s, alpha);
+                                       const l = lerp(_hslA.l, _hslB.l, alpha);
+                                       this.setHSL(h, s, l);
+                                       return this;
+                               }
+
+                               equals(c) {
+                                       return c.r === this.r && c.g === this.g && c.b === this.b;
+                               }
+
+                               fromArray(array, offset = 0) {
+                                       this.r = array[offset];
+                                       this.g = array[offset + 1];
+                                       this.b = array[offset + 2];
+                                       return this;
+                               }
+
+                               toArray(array = [], offset = 0) {
+                                       array[offset] = this.r;
+                                       array[offset + 1] = this.g;
+                                       array[offset + 2] = this.b;
+                                       return array;
+                               }
+
+                               fromBufferAttribute(attribute, index) {
+                                       this.r = attribute.getX(index);
+                                       this.g = attribute.getY(index);
+                                       this.b = attribute.getZ(index);
+
+                                       if (attribute.normalized === true) {
+                                               // assuming Uint8Array
+                                               this.r /= 255;
+                                               this.g /= 255;
+                                               this.b /= 255;
+                                       }
+
+                                       return this;
+                               }
+
+                               toJSON() {
+                                       return this.getHex();
+                               }
+
+                       }
+
+                       Color.NAMES = _colorKeywords;
+                       Color.prototype.isColor = true;
+                       Color.prototype.r = 1;
+                       Color.prototype.g = 1;
+                       Color.prototype.b = 1;
+
+                       /**
+                        * parameters = {
+                        *      color: <hex>,
+                        *      opacity: <float>,
+                        *      map: new THREE.Texture( <Image> ),
+                        *
+                        *      lightMap: new THREE.Texture( <Image> ),
+                        *      lightMapIntensity: <float>
+                        *
+                        *      aoMap: new THREE.Texture( <Image> ),
+                        *      aoMapIntensity: <float>
+                        *
+                        *      specularMap: new THREE.Texture( <Image> ),
+                        *
+                        *      alphaMap: new THREE.Texture( <Image> ),
+                        *
+                        *      envMap: new THREE.CubeTexture( [posx, negx, posy, negy, posz, negz] ),
+                        *      combine: THREE.Multiply,
+                        *      reflectivity: <float>,
+                        *      refractionRatio: <float>,
+                        *
+                        *      depthTest: <bool>,
+                        *      depthWrite: <bool>,
+                        *
+                        *      wireframe: <boolean>,
+                        *      wireframeLinewidth: <float>,
+                        * }
+                        */
+
+                       class MeshBasicMaterial extends Material {
+                               constructor(parameters) {
+                                       super();
+                                       this.type = 'MeshBasicMaterial';
+                                       this.color = new Color(0xffffff); // emissive
+
+                                       this.map = null;
+                                       this.lightMap = null;
+                                       this.lightMapIntensity = 1.0;
+                                       this.aoMap = null;
+                                       this.aoMapIntensity = 1.0;
+                                       this.specularMap = null;
+                                       this.alphaMap = null;
+                                       this.envMap = null;
+                                       this.combine = MultiplyOperation;
+                                       this.reflectivity = 1;
+                                       this.refractionRatio = 0.98;
+                                       this.wireframe = false;
+                                       this.wireframeLinewidth = 1;
+                                       this.wireframeLinecap = 'round';
+                                       this.wireframeLinejoin = 'round';
+                                       this.setValues(parameters);
+                               }
+
+                               copy(source) {
+                                       super.copy(source);
+                                       this.color.copy(source.color);
+                                       this.map = source.map;
+                                       this.lightMap = source.lightMap;
+                                       this.lightMapIntensity = source.lightMapIntensity;
+                                       this.aoMap = source.aoMap;
+                                       this.aoMapIntensity = source.aoMapIntensity;
+                                       this.specularMap = source.specularMap;
+                                       this.alphaMap = source.alphaMap;
+                                       this.envMap = source.envMap;
+                                       this.combine = source.combine;
+                                       this.reflectivity = source.reflectivity;
+                                       this.refractionRatio = source.refractionRatio;
+                                       this.wireframe = source.wireframe;
+                                       this.wireframeLinewidth = source.wireframeLinewidth;
+                                       this.wireframeLinecap = source.wireframeLinecap;
+                                       this.wireframeLinejoin = source.wireframeLinejoin;
+                                       return this;
+                               }
+
+                       }
+
+                       MeshBasicMaterial.prototype.isMeshBasicMaterial = true;
+
+                       const _vector$9 = /*@__PURE__*/new Vector3();
+
+                       const _vector2$1 = /*@__PURE__*/new Vector2();
+
+                       class BufferAttribute {
+                               constructor(array, itemSize, normalized) {
+                                       if (Array.isArray(array)) {
+                                               throw new TypeError('THREE.BufferAttribute: array should be a Typed Array.');
+                                       }
+
+                                       this.name = '';
+                                       this.array = array;
+                                       this.itemSize = itemSize;
+                                       this.count = array !== undefined ? array.length / itemSize : 0;
+                                       this.normalized = normalized === true;
+                                       this.usage = StaticDrawUsage;
+                                       this.updateRange = {
+                                               offset: 0,
+                                               count: -1
+                                       };
+                                       this.version = 0;
+                               }
+
+                               onUploadCallback() {
+                               }
+
+                               set needsUpdate(value) {
+                                       if (value === true) this.version++;
+                               }
+
+                               setUsage(value) {
+                                       this.usage = value;
+                                       return this;
+                               }
+
+                               copy(source) {
+                                       this.name = source.name;
+                                       this.array = new source.array.constructor(source.array);
+                                       this.itemSize = source.itemSize;
+                                       this.count = source.count;
+                                       this.normalized = source.normalized;
+                                       this.usage = source.usage;
+                                       return this;
+                               }
+
+                               copyAt(index1, attribute, index2) {
+                                       index1 *= this.itemSize;
+                                       index2 *= attribute.itemSize;
+
+                                       for (let i = 0, l = this.itemSize; i < l; i++) {
+                                               this.array[index1 + i] = attribute.array[index2 + i];
+                                       }
+
+                                       return this;
+                               }
+
+                               copyArray(array) {
+                                       this.array.set(array);
+                                       return this;
+                               }
+
+                               copyColorsArray(colors) {
+                                       const array = this.array;
+                                       let offset = 0;
+
+                                       for (let i = 0, l = colors.length; i < l; i++) {
+                                               let color = colors[i];
+
+                                               if (color === undefined) {
+                                                       console.warn('THREE.BufferAttribute.copyColorsArray(): color is undefined', i);
+                                                       color = new Color();
+                                               }
+
+                                               array[offset++] = color.r;
+                                               array[offset++] = color.g;
+                                               array[offset++] = color.b;
+                                       }
+
+                                       return this;
+                               }
+
+                               copyVector2sArray(vectors) {
+                                       const array = this.array;
+                                       let offset = 0;
+
+                                       for (let i = 0, l = vectors.length; i < l; i++) {
+                                               let vector = vectors[i];
+
+                                               if (vector === undefined) {
+                                                       console.warn('THREE.BufferAttribute.copyVector2sArray(): vector is undefined', i);
+                                                       vector = new Vector2();
+                                               }
+
+                                               array[offset++] = vector.x;
+                                               array[offset++] = vector.y;
+                                       }
+
+                                       return this;
+                               }
+
+                               copyVector3sArray(vectors) {
+                                       const array = this.array;
+                                       let offset = 0;
+
+                                       for (let i = 0, l = vectors.length; i < l; i++) {
+                                               let vector = vectors[i];
+
+                                               if (vector === undefined) {
+                                                       console.warn('THREE.BufferAttribute.copyVector3sArray(): vector is undefined', i);
+                                                       vector = new Vector3();
+                                               }
+
+                                               array[offset++] = vector.x;
+                                               array[offset++] = vector.y;
+                                               array[offset++] = vector.z;
+                                       }
+
+                                       return this;
+                               }
+
+                               copyVector4sArray(vectors) {
+                                       const array = this.array;
+                                       let offset = 0;
+
+                                       for (let i = 0, l = vectors.length; i < l; i++) {
+                                               let vector = vectors[i];
+
+                                               if (vector === undefined) {
+                                                       console.warn('THREE.BufferAttribute.copyVector4sArray(): vector is undefined', i);
+                                                       vector = new Vector4();
+                                               }
+
+                                               array[offset++] = vector.x;
+                                               array[offset++] = vector.y;
+                                               array[offset++] = vector.z;
+                                               array[offset++] = vector.w;
+                                       }
+
+                                       return this;
+                               }
+
+                               applyMatrix3(m) {
+                                       if (this.itemSize === 2) {
+                                               for (let i = 0, l = this.count; i < l; i++) {
+                                                       _vector2$1.fromBufferAttribute(this, i);
+
+                                                       _vector2$1.applyMatrix3(m);
+
+                                                       this.setXY(i, _vector2$1.x, _vector2$1.y);
+                                               }
+                                       } else if (this.itemSize === 3) {
+                                               for (let i = 0, l = this.count; i < l; i++) {
+                                                       _vector$9.fromBufferAttribute(this, i);
+
+                                                       _vector$9.applyMatrix3(m);
+
+                                                       this.setXYZ(i, _vector$9.x, _vector$9.y, _vector$9.z);
+                                               }
+                                       }
+
+                                       return this;
+                               }
+
+                               applyMatrix4(m) {
+                                       for (let i = 0, l = this.count; i < l; i++) {
+                                               _vector$9.x = this.getX(i);
+                                               _vector$9.y = this.getY(i);
+                                               _vector$9.z = this.getZ(i);
+
+                                               _vector$9.applyMatrix4(m);
+
+                                               this.setXYZ(i, _vector$9.x, _vector$9.y, _vector$9.z);
+                                       }
+
+                                       return this;
+                               }
+
+                               applyNormalMatrix(m) {
+                                       for (let i = 0, l = this.count; i < l; i++) {
+                                               _vector$9.x = this.getX(i);
+                                               _vector$9.y = this.getY(i);
+                                               _vector$9.z = this.getZ(i);
+
+                                               _vector$9.applyNormalMatrix(m);
+
+                                               this.setXYZ(i, _vector$9.x, _vector$9.y, _vector$9.z);
+                                       }
+
+                                       return this;
+                               }
+
+                               transformDirection(m) {
+                                       for (let i = 0, l = this.count; i < l; i++) {
+                                               _vector$9.x = this.getX(i);
+                                               _vector$9.y = this.getY(i);
+                                               _vector$9.z = this.getZ(i);
+
+                                               _vector$9.transformDirection(m);
+
+                                               this.setXYZ(i, _vector$9.x, _vector$9.y, _vector$9.z);
+                                       }
+
+                                       return this;
+                               }
+
+                               set(value, offset = 0) {
+                                       this.array.set(value, offset);
+                                       return this;
+                               }
+
+                               getX(index) {
+                                       return this.array[index * this.itemSize];
+                               }
+
+                               setX(index, x) {
+                                       this.array[index * this.itemSize] = x;
+                                       return this;
+                               }
+
+                               getY(index) {
+                                       return this.array[index * this.itemSize + 1];
+                               }
+
+                               setY(index, y) {
+                                       this.array[index * this.itemSize + 1] = y;
+                                       return this;
+                               }
+
+                               getZ(index) {
+                                       return this.array[index * this.itemSize + 2];
+                               }
+
+                               setZ(index, z) {
+                                       this.array[index * this.itemSize + 2] = z;
+                                       return this;
+                               }
+
+                               getW(index) {
+                                       return this.array[index * this.itemSize + 3];
+                               }
+
+                               setW(index, w) {
+                                       this.array[index * this.itemSize + 3] = w;
+                                       return this;
+                               }
+
+                               setXY(index, x, y) {
+                                       index *= this.itemSize;
+                                       this.array[index + 0] = x;
+                                       this.array[index + 1] = y;
+                                       return this;
+                               }
+
+                               setXYZ(index, x, y, z) {
+                                       index *= this.itemSize;
+                                       this.array[index + 0] = x;
+                                       this.array[index + 1] = y;
+                                       this.array[index + 2] = z;
+                                       return this;
+                               }
+
+                               setXYZW(index, x, y, z, w) {
+                                       index *= this.itemSize;
+                                       this.array[index + 0] = x;
+                                       this.array[index + 1] = y;
+                                       this.array[index + 2] = z;
+                                       this.array[index + 3] = w;
+                                       return this;
+                               }
+
+                               onUpload(callback) {
+                                       this.onUploadCallback = callback;
+                                       return this;
+                               }
+
+                               clone() {
+                                       return new this.constructor(this.array, this.itemSize).copy(this);
+                               }
+
+                               toJSON() {
+                                       const data = {
+                                               itemSize: this.itemSize,
+                                               type: this.array.constructor.name,
+                                               array: Array.prototype.slice.call(this.array),
+                                               normalized: this.normalized
+                                       };
+                                       if (this.name !== '') data.name = this.name;
+                                       if (this.usage !== StaticDrawUsage) data.usage = this.usage;
+                                       if (this.updateRange.offset !== 0 || this.updateRange.count !== -1) data.updateRange = this.updateRange;
+                                       return data;
+                               }
+
+                       }
+
+                       BufferAttribute.prototype.isBufferAttribute = true; //
+
+                       class Int8BufferAttribute extends BufferAttribute {
+                               constructor(array, itemSize, normalized) {
+                                       super(new Int8Array(array), itemSize, normalized);
+                               }
+
+                       }
+
+                       class Uint8BufferAttribute extends BufferAttribute {
+                               constructor(array, itemSize, normalized) {
+                                       super(new Uint8Array(array), itemSize, normalized);
+                               }
+
+                       }
+
+                       class Uint8ClampedBufferAttribute extends BufferAttribute {
+                               constructor(array, itemSize, normalized) {
+                                       super(new Uint8ClampedArray(array), itemSize, normalized);
+                               }
+
+                       }
+
+                       class Int16BufferAttribute extends BufferAttribute {
+                               constructor(array, itemSize, normalized) {
+                                       super(new Int16Array(array), itemSize, normalized);
+                               }
+
+                       }
+
+                       class Uint16BufferAttribute extends BufferAttribute {
+                               constructor(array, itemSize, normalized) {
+                                       super(new Uint16Array(array), itemSize, normalized);
+                               }
+
+                       }
+
+                       class Int32BufferAttribute extends BufferAttribute {
+                               constructor(array, itemSize, normalized) {
+                                       super(new Int32Array(array), itemSize, normalized);
+                               }
+
+                       }
+
+                       class Uint32BufferAttribute extends BufferAttribute {
+                               constructor(array, itemSize, normalized) {
+                                       super(new Uint32Array(array), itemSize, normalized);
+                               }
+
+                       }
+
+                       class Float16BufferAttribute extends BufferAttribute {
+                               constructor(array, itemSize, normalized) {
+                                       super(new Uint16Array(array), itemSize, normalized);
+                               }
+
+                       }
+
+                       Float16BufferAttribute.prototype.isFloat16BufferAttribute = true;
+
+                       class Float32BufferAttribute extends BufferAttribute {
+                               constructor(array, itemSize, normalized) {
+                                       super(new Float32Array(array), itemSize, normalized);
+                               }
+
+                       }
+
+                       class Float64BufferAttribute extends BufferAttribute {
+                               constructor(array, itemSize, normalized) {
+                                       super(new Float64Array(array), itemSize, normalized);
+                               }
+
+                       } //
+
+                       function arrayMax(array) {
+                               if (array.length === 0) return -Infinity;
+                               let max = array[0];
+
+                               for (let i = 1, l = array.length; i < l; ++i) {
+                                       if (array[i] > max) max = array[i];
+                               }
+
+                               return max;
+                       }
+
+                       const TYPED_ARRAYS = {
+                               Int8Array: Int8Array,
+                               Uint8Array: Uint8Array,
+                               Uint8ClampedArray: Uint8ClampedArray,
+                               Int16Array: Int16Array,
+                               Uint16Array: Uint16Array,
+                               Int32Array: Int32Array,
+                               Uint32Array: Uint32Array,
+                               Float32Array: Float32Array,
+                               Float64Array: Float64Array
+                       };
+
+                       function getTypedArray(type, buffer) {
+                               return new TYPED_ARRAYS[type](buffer);
+                       }
+
+                       let _id = 0;
+
+                       const _m1 = /*@__PURE__*/new Matrix4();
+
+                       const _obj = /*@__PURE__*/new Object3D();
+
+                       const _offset = /*@__PURE__*/new Vector3();
+
+                       const _box$1 = /*@__PURE__*/new Box3();
+
+                       const _boxMorphTargets = /*@__PURE__*/new Box3();
+
+                       const _vector$8 = /*@__PURE__*/new Vector3();
+
+                       class BufferGeometry extends EventDispatcher {
+                               constructor() {
+                                       super();
+                                       Object.defineProperty(this, 'id', {
+                                               value: _id++
+                                       });
+                                       this.uuid = generateUUID();
+                                       this.name = '';
+                                       this.type = 'BufferGeometry';
+                                       this.index = null;
+                                       this.attributes = {};
+                                       this.morphAttributes = {};
+                                       this.morphTargetsRelative = false;
+                                       this.groups = [];
+                                       this.boundingBox = null;
+                                       this.boundingSphere = null;
+                                       this.drawRange = {
+                                               start: 0,
+                                               count: Infinity
+                                       };
+                                       this.userData = {};
+                               }
+
+                               getIndex() {
+                                       return this.index;
+                               }
+
+                               setIndex(index) {
+                                       if (Array.isArray(index)) {
+                                               this.index = new (arrayMax(index) > 65535 ? Uint32BufferAttribute : Uint16BufferAttribute)(index, 1);
+                                       } else {
+                                               this.index = index;
+                                       }
+
+                                       return this;
+                               }
+
+                               getAttribute(name) {
+                                       return this.attributes[name];
+                               }
+
+                               setAttribute(name, attribute) {
+                                       this.attributes[name] = attribute;
+                                       return this;
+                               }
+
+                               deleteAttribute(name) {
+                                       delete this.attributes[name];
+                                       return this;
+                               }
+
+                               hasAttribute(name) {
+                                       return this.attributes[name] !== undefined;
+                               }
+
+                               addGroup(start, count, materialIndex = 0) {
+                                       this.groups.push({
+                                               start: start,
+                                               count: count,
+                                               materialIndex: materialIndex
+                                       });
+                               }
+
+                               clearGroups() {
+                                       this.groups = [];
+                               }
+
+                               setDrawRange(start, count) {
+                                       this.drawRange.start = start;
+                                       this.drawRange.count = count;
+                               }
+
+                               applyMatrix4(matrix) {
+                                       const position = this.attributes.position;
+
+                                       if (position !== undefined) {
+                                               position.applyMatrix4(matrix);
+                                               position.needsUpdate = true;
+                                       }
+
+                                       const normal = this.attributes.normal;
+
+                                       if (normal !== undefined) {
+                                               const normalMatrix = new Matrix3().getNormalMatrix(matrix);
+                                               normal.applyNormalMatrix(normalMatrix);
+                                               normal.needsUpdate = true;
+                                       }
+
+                                       const tangent = this.attributes.tangent;
+
+                                       if (tangent !== undefined) {
+                                               tangent.transformDirection(matrix);
+                                               tangent.needsUpdate = true;
+                                       }
+
+                                       if (this.boundingBox !== null) {
+                                               this.computeBoundingBox();
+                                       }
+
+                                       if (this.boundingSphere !== null) {
+                                               this.computeBoundingSphere();
+                                       }
+
+                                       return this;
+                               }
+
+                               applyQuaternion(q) {
+                                       _m1.makeRotationFromQuaternion(q);
+
+                                       this.applyMatrix4(_m1);
+                                       return this;
+                               }
+
+                               rotateX(angle) {
+                                       // rotate geometry around world x-axis
+                                       _m1.makeRotationX(angle);
+
+                                       this.applyMatrix4(_m1);
+                                       return this;
+                               }
+
+                               rotateY(angle) {
+                                       // rotate geometry around world y-axis
+                                       _m1.makeRotationY(angle);
+
+                                       this.applyMatrix4(_m1);
+                                       return this;
+                               }
+
+                               rotateZ(angle) {
+                                       // rotate geometry around world z-axis
+                                       _m1.makeRotationZ(angle);
+
+                                       this.applyMatrix4(_m1);
+                                       return this;
+                               }
+
+                               translate(x, y, z) {
+                                       // translate geometry
+                                       _m1.makeTranslation(x, y, z);
+
+                                       this.applyMatrix4(_m1);
+                                       return this;
+                               }
+
+                               scale(x, y, z) {
+                                       // scale geometry
+                                       _m1.makeScale(x, y, z);
+
+                                       this.applyMatrix4(_m1);
+                                       return this;
+                               }
+
+                               lookAt(vector) {
+                                       _obj.lookAt(vector);
+
+                                       _obj.updateMatrix();
+
+                                       this.applyMatrix4(_obj.matrix);
+                                       return this;
+                               }
+
+                               center() {
+                                       this.computeBoundingBox();
+                                       this.boundingBox.getCenter(_offset).negate();
+                                       this.translate(_offset.x, _offset.y, _offset.z);
+                                       return this;
+                               }
+
+                               setFromPoints(points) {
+                                       const position = [];
+
+                                       for (let i = 0, l = points.length; i < l; i++) {
+                                               const point = points[i];
+                                               position.push(point.x, point.y, point.z || 0);
+                                       }
+
+                                       this.setAttribute('position', new Float32BufferAttribute(position, 3));
+                                       return this;
+                               }
+
+                               computeBoundingBox() {
+                                       if (this.boundingBox === null) {
+                                               this.boundingBox = new Box3();
+                                       }
+
+                                       const position = this.attributes.position;
+                                       const morphAttributesPosition = this.morphAttributes.position;
+
+                                       if (position && position.isGLBufferAttribute) {
+                                               console.error('THREE.BufferGeometry.computeBoundingBox(): GLBufferAttribute requires a manual bounding box. Alternatively set "mesh.frustumCulled" to "false".', this);
+                                               this.boundingBox.set(new Vector3(-Infinity, -Infinity, -Infinity), new Vector3(+Infinity, +Infinity, +Infinity));
+                                               return;
+                                       }
+
+                                       if (position !== undefined) {
+                                               this.boundingBox.setFromBufferAttribute(position); // process morph attributes if present
+
+                                               if (morphAttributesPosition) {
+                                                       for (let i = 0, il = morphAttributesPosition.length; i < il; i++) {
+                                                               const morphAttribute = morphAttributesPosition[i];
+
+                                                               _box$1.setFromBufferAttribute(morphAttribute);
+
+                                                               if (this.morphTargetsRelative) {
+                                                                       _vector$8.addVectors(this.boundingBox.min, _box$1.min);
+
+                                                                       this.boundingBox.expandByPoint(_vector$8);
+
+                                                                       _vector$8.addVectors(this.boundingBox.max, _box$1.max);
+
+                                                                       this.boundingBox.expandByPoint(_vector$8);
+                                                               } else {
+                                                                       this.boundingBox.expandByPoint(_box$1.min);
+                                                                       this.boundingBox.expandByPoint(_box$1.max);
+                                                               }
+                                                       }
+                                               }
+                                       } else {
+                                               this.boundingBox.makeEmpty();
+                                       }
+
+                                       if (isNaN(this.boundingBox.min.x) || isNaN(this.boundingBox.min.y) || isNaN(this.boundingBox.min.z)) {
+                                               console.error('THREE.BufferGeometry.computeBoundingBox(): Computed min/max have NaN values. The "position" attribute is likely to have NaN values.', this);
+                                       }
+                               }
+
+                               computeBoundingSphere() {
+                                       if (this.boundingSphere === null) {
+                                               this.boundingSphere = new Sphere();
+                                       }
+
+                                       const position = this.attributes.position;
+                                       const morphAttributesPosition = this.morphAttributes.position;
+
+                                       if (position && position.isGLBufferAttribute) {
+                                               console.error('THREE.BufferGeometry.computeBoundingSphere(): GLBufferAttribute requires a manual bounding sphere. Alternatively set "mesh.frustumCulled" to "false".', this);
+                                               this.boundingSphere.set(new Vector3(), Infinity);
+                                               return;
+                                       }
+
+                                       if (position) {
+                                               // first, find the center of the bounding sphere
+                                               const center = this.boundingSphere.center;
+
+                                               _box$1.setFromBufferAttribute(position); // process morph attributes if present
+
+
+                                               if (morphAttributesPosition) {
+                                                       for (let i = 0, il = morphAttributesPosition.length; i < il; i++) {
+                                                               const morphAttribute = morphAttributesPosition[i];
+
+                                                               _boxMorphTargets.setFromBufferAttribute(morphAttribute);
+
+                                                               if (this.morphTargetsRelative) {
+                                                                       _vector$8.addVectors(_box$1.min, _boxMorphTargets.min);
+
+                                                                       _box$1.expandByPoint(_vector$8);
+
+                                                                       _vector$8.addVectors(_box$1.max, _boxMorphTargets.max);
+
+                                                                       _box$1.expandByPoint(_vector$8);
+                                                               } else {
+                                                                       _box$1.expandByPoint(_boxMorphTargets.min);
+
+                                                                       _box$1.expandByPoint(_boxMorphTargets.max);
+                                                               }
+                                                       }
+                                               }
+
+                                               _box$1.getCenter(center); // second, try to find a boundingSphere with a radius smaller than the
+                                               // boundingSphere of the boundingBox: sqrt(3) smaller in the best case
+
+
+                                               let maxRadiusSq = 0;
+
+                                               for (let i = 0, il = position.count; i < il; i++) {
+                                                       _vector$8.fromBufferAttribute(position, i);
+
+                                                       maxRadiusSq = Math.max(maxRadiusSq, center.distanceToSquared(_vector$8));
+                                               } // process morph attributes if present
+
+
+                                               if (morphAttributesPosition) {
+                                                       for (let i = 0, il = morphAttributesPosition.length; i < il; i++) {
+                                                               const morphAttribute = morphAttributesPosition[i];
+                                                               const morphTargetsRelative = this.morphTargetsRelative;
+
+                                                               for (let j = 0, jl = morphAttribute.count; j < jl; j++) {
+                                                                       _vector$8.fromBufferAttribute(morphAttribute, j);
+
+                                                                       if (morphTargetsRelative) {
+                                                                               _offset.fromBufferAttribute(position, j);
+
+                                                                               _vector$8.add(_offset);
+                                                                       }
+
+                                                                       maxRadiusSq = Math.max(maxRadiusSq, center.distanceToSquared(_vector$8));
+                                                               }
+                                                       }
+                                               }
+
+                                               this.boundingSphere.radius = Math.sqrt(maxRadiusSq);
+
+                                               if (isNaN(this.boundingSphere.radius)) {
+                                                       console.error('THREE.BufferGeometry.computeBoundingSphere(): Computed radius is NaN. The "position" attribute is likely to have NaN values.', this);
+                                               }
+                                       }
+                               }
+
+                               computeTangents() {
+                                       const index = this.index;
+                                       const attributes = this.attributes; // based on http://www.terathon.com/code/tangent.html
+                                       // (per vertex tangents)
+
+                                       if (index === null || attributes.position === undefined || attributes.normal === undefined || attributes.uv === undefined) {
+                                               console.error('THREE.BufferGeometry: .computeTangents() failed. Missing required attributes (index, position, normal or uv)');
+                                               return;
+                                       }
+
+                                       const indices = index.array;
+                                       const positions = attributes.position.array;
+                                       const normals = attributes.normal.array;
+                                       const uvs = attributes.uv.array;
+                                       const nVertices = positions.length / 3;
+
+                                       if (attributes.tangent === undefined) {
+                                               this.setAttribute('tangent', new BufferAttribute(new Float32Array(4 * nVertices), 4));
+                                       }
+
+                                       const tangents = attributes.tangent.array;
+                                       const tan1 = [],
+                                               tan2 = [];
+
+                                       for (let i = 0; i < nVertices; i++) {
+                                               tan1[i] = new Vector3();
+                                               tan2[i] = new Vector3();
+                                       }
+
+                                       const vA = new Vector3(),
+                                               vB = new Vector3(),
+                                               vC = new Vector3(),
+                                               uvA = new Vector2(),
+                                               uvB = new Vector2(),
+                                               uvC = new Vector2(),
+                                               sdir = new Vector3(),
+                                               tdir = new Vector3();
+
+                                       function handleTriangle(a, b, c) {
+                                               vA.fromArray(positions, a * 3);
+                                               vB.fromArray(positions, b * 3);
+                                               vC.fromArray(positions, c * 3);
+                                               uvA.fromArray(uvs, a * 2);
+                                               uvB.fromArray(uvs, b * 2);
+                                               uvC.fromArray(uvs, c * 2);
+                                               vB.sub(vA);
+                                               vC.sub(vA);
+                                               uvB.sub(uvA);
+                                               uvC.sub(uvA);
+                                               const r = 1.0 / (uvB.x * uvC.y - uvC.x * uvB.y); // silently ignore degenerate uv triangles having coincident or colinear vertices
+
+                                               if (!isFinite(r)) return;
+                                               sdir.copy(vB).multiplyScalar(uvC.y).addScaledVector(vC, -uvB.y).multiplyScalar(r);
+                                               tdir.copy(vC).multiplyScalar(uvB.x).addScaledVector(vB, -uvC.x).multiplyScalar(r);
+                                               tan1[a].add(sdir);
+                                               tan1[b].add(sdir);
+                                               tan1[c].add(sdir);
+                                               tan2[a].add(tdir);
+                                               tan2[b].add(tdir);
+                                               tan2[c].add(tdir);
+                                       }
+
+                                       let groups = this.groups;
+
+                                       if (groups.length === 0) {
+                                               groups = [{
+                                                       start: 0,
+                                                       count: indices.length
+                                               }];
+                                       }
+
+                                       for (let i = 0, il = groups.length; i < il; ++i) {
+                                               const group = groups[i];
+                                               const start = group.start;
+                                               const count = group.count;
+
+                                               for (let j = start, jl = start + count; j < jl; j += 3) {
+                                                       handleTriangle(indices[j + 0], indices[j + 1], indices[j + 2]);
+                                               }
+                                       }
+
+                                       const tmp = new Vector3(),
+                                               tmp2 = new Vector3();
+                                       const n = new Vector3(),
+                                               n2 = new Vector3();
+
+                                       function handleVertex(v) {
+                                               n.fromArray(normals, v * 3);
+                                               n2.copy(n);
+                                               const t = tan1[v]; // Gram-Schmidt orthogonalize
+
+                                               tmp.copy(t);
+                                               tmp.sub(n.multiplyScalar(n.dot(t))).normalize(); // Calculate handedness
+
+                                               tmp2.crossVectors(n2, t);
+                                               const test = tmp2.dot(tan2[v]);
+                                               const w = test < 0.0 ? -1.0 : 1.0;
+                                               tangents[v * 4] = tmp.x;
+                                               tangents[v * 4 + 1] = tmp.y;
+                                               tangents[v * 4 + 2] = tmp.z;
+                                               tangents[v * 4 + 3] = w;
+                                       }
+
+                                       for (let i = 0, il = groups.length; i < il; ++i) {
+                                               const group = groups[i];
+                                               const start = group.start;
+                                               const count = group.count;
+
+                                               for (let j = start, jl = start + count; j < jl; j += 3) {
+                                                       handleVertex(indices[j + 0]);
+                                                       handleVertex(indices[j + 1]);
+                                                       handleVertex(indices[j + 2]);
+                                               }
+                                       }
+                               }
+
+                               computeVertexNormals() {
+                                       const index = this.index;
+                                       const positionAttribute = this.getAttribute('position');
+
+                                       if (positionAttribute !== undefined) {
+                                               let normalAttribute = this.getAttribute('normal');
+
+                                               if (normalAttribute === undefined) {
+                                                       normalAttribute = new BufferAttribute(new Float32Array(positionAttribute.count * 3), 3);
+                                                       this.setAttribute('normal', normalAttribute);
+                                               } else {
+                                                       // reset existing normals to zero
+                                                       for (let i = 0, il = normalAttribute.count; i < il; i++) {
+                                                               normalAttribute.setXYZ(i, 0, 0, 0);
+                                                       }
+                                               }
+
+                                               const pA = new Vector3(),
+                                                       pB = new Vector3(),
+                                                       pC = new Vector3();
+                                               const nA = new Vector3(),
+                                                       nB = new Vector3(),
+                                                       nC = new Vector3();
+                                               const cb = new Vector3(),
+                                                       ab = new Vector3(); // indexed elements
+
+                                               if (index) {
+                                                       for (let i = 0, il = index.count; i < il; i += 3) {
+                                                               const vA = index.getX(i + 0);
+                                                               const vB = index.getX(i + 1);
+                                                               const vC = index.getX(i + 2);
+                                                               pA.fromBufferAttribute(positionAttribute, vA);
+                                                               pB.fromBufferAttribute(positionAttribute, vB);
+                                                               pC.fromBufferAttribute(positionAttribute, vC);
+                                                               cb.subVectors(pC, pB);
+                                                               ab.subVectors(pA, pB);
+                                                               cb.cross(ab);
+                                                               nA.fromBufferAttribute(normalAttribute, vA);
+                                                               nB.fromBufferAttribute(normalAttribute, vB);
+                                                               nC.fromBufferAttribute(normalAttribute, vC);
+                                                               nA.add(cb);
+                                                               nB.add(cb);
+                                                               nC.add(cb);
+                                                               normalAttribute.setXYZ(vA, nA.x, nA.y, nA.z);
+                                                               normalAttribute.setXYZ(vB, nB.x, nB.y, nB.z);
+                                                               normalAttribute.setXYZ(vC, nC.x, nC.y, nC.z);
+                                                       }
+                                               } else {
+                                                       // non-indexed elements (unconnected triangle soup)
+                                                       for (let i = 0, il = positionAttribute.count; i < il; i += 3) {
+                                                               pA.fromBufferAttribute(positionAttribute, i + 0);
+                                                               pB.fromBufferAttribute(positionAttribute, i + 1);
+                                                               pC.fromBufferAttribute(positionAttribute, i + 2);
+                                                               cb.subVectors(pC, pB);
+                                                               ab.subVectors(pA, pB);
+                                                               cb.cross(ab);
+                                                               normalAttribute.setXYZ(i + 0, cb.x, cb.y, cb.z);
+                                                               normalAttribute.setXYZ(i + 1, cb.x, cb.y, cb.z);
+                                                               normalAttribute.setXYZ(i + 2, cb.x, cb.y, cb.z);
+                                                       }
+                                               }
+
+                                               this.normalizeNormals();
+                                               normalAttribute.needsUpdate = true;
+                                       }
+                               }
+
+                               merge(geometry, offset) {
+                                       if (!(geometry && geometry.isBufferGeometry)) {
+                                               console.error('THREE.BufferGeometry.merge(): geometry not an instance of THREE.BufferGeometry.', geometry);
+                                               return;
+                                       }
+
+                                       if (offset === undefined) {
+                                               offset = 0;
+                                               console.warn('THREE.BufferGeometry.merge(): Overwriting original geometry, starting at offset=0. ' + 'Use BufferGeometryUtils.mergeBufferGeometries() for lossless merge.');
+                                       }
+
+                                       const attributes = this.attributes;
+
+                                       for (const key in attributes) {
+                                               if (geometry.attributes[key] === undefined) continue;
+                                               const attribute1 = attributes[key];
+                                               const attributeArray1 = attribute1.array;
+                                               const attribute2 = geometry.attributes[key];
+                                               const attributeArray2 = attribute2.array;
+                                               const attributeOffset = attribute2.itemSize * offset;
+                                               const length = Math.min(attributeArray2.length, attributeArray1.length - attributeOffset);
+
+                                               for (let i = 0, j = attributeOffset; i < length; i++, j++) {
+                                                       attributeArray1[j] = attributeArray2[i];
+                                               }
+                                       }
+
+                                       return this;
+                               }
+
+                               normalizeNormals() {
+                                       const normals = this.attributes.normal;
+
+                                       for (let i = 0, il = normals.count; i < il; i++) {
+                                               _vector$8.fromBufferAttribute(normals, i);
+
+                                               _vector$8.normalize();
+
+                                               normals.setXYZ(i, _vector$8.x, _vector$8.y, _vector$8.z);
+                                       }
+                               }
+
+                               toNonIndexed() {
+                                       function convertBufferAttribute(attribute, indices) {
+                                               const array = attribute.array;
+                                               const itemSize = attribute.itemSize;
+                                               const normalized = attribute.normalized;
+                                               const array2 = new array.constructor(indices.length * itemSize);
+                                               let index = 0,
+                                                       index2 = 0;
+
+                                               for (let i = 0, l = indices.length; i < l; i++) {
+                                                       if (attribute.isInterleavedBufferAttribute) {
+                                                               index = indices[i] * attribute.data.stride + attribute.offset;
+                                                       } else {
+                                                               index = indices[i] * itemSize;
+                                                       }
+
+                                                       for (let j = 0; j < itemSize; j++) {
+                                                               array2[index2++] = array[index++];
+                                                       }
+                                               }
+
+                                               return new BufferAttribute(array2, itemSize, normalized);
+                                       } //
+
+
+                                       if (this.index === null) {
+                                               console.warn('THREE.BufferGeometry.toNonIndexed(): BufferGeometry is already non-indexed.');
+                                               return this;
+                                       }
+
+                                       const geometry2 = new BufferGeometry();
+                                       const indices = this.index.array;
+                                       const attributes = this.attributes; // attributes
+
+                                       for (const name in attributes) {
+                                               const attribute = attributes[name];
+                                               const newAttribute = convertBufferAttribute(attribute, indices);
+                                               geometry2.setAttribute(name, newAttribute);
+                                       } // morph attributes
+
+
+                                       const morphAttributes = this.morphAttributes;
+
+                                       for (const name in morphAttributes) {
+                                               const morphArray = [];
+                                               const morphAttribute = morphAttributes[name]; // morphAttribute: array of Float32BufferAttributes
+
+                                               for (let i = 0, il = morphAttribute.length; i < il; i++) {
+                                                       const attribute = morphAttribute[i];
+                                                       const newAttribute = convertBufferAttribute(attribute, indices);
+                                                       morphArray.push(newAttribute);
+                                               }
+
+                                               geometry2.morphAttributes[name] = morphArray;
+                                       }
+
+                                       geometry2.morphTargetsRelative = this.morphTargetsRelative; // groups
+
+                                       const groups = this.groups;
+
+                                       for (let i = 0, l = groups.length; i < l; i++) {
+                                               const group = groups[i];
+                                               geometry2.addGroup(group.start, group.count, group.materialIndex);
+                                       }
+
+                                       return geometry2;
+                               }
+
+                               toJSON() {
+                                       const data = {
+                                               metadata: {
+                                                       version: 4.5,
+                                                       type: 'BufferGeometry',
+                                                       generator: 'BufferGeometry.toJSON'
+                                               }
+                                       }; // standard BufferGeometry serialization
+
+                                       data.uuid = this.uuid;
+                                       data.type = this.type;
+                                       if (this.name !== '') data.name = this.name;
+                                       if (Object.keys(this.userData).length > 0) data.userData = this.userData;
+
+                                       if (this.parameters !== undefined) {
+                                               const parameters = this.parameters;
+
+                                               for (const key in parameters) {
+                                                       if (parameters[key] !== undefined) data[key] = parameters[key];
+                                               }
+
+                                               return data;
+                                       } // for simplicity the code assumes attributes are not shared across geometries, see #15811
+
+
+                                       data.data = {
+                                               attributes: {}
+                                       };
+                                       const index = this.index;
+
+                                       if (index !== null) {
+                                               data.data.index = {
+                                                       type: index.array.constructor.name,
+                                                       array: Array.prototype.slice.call(index.array)
+                                               };
+                                       }
+
+                                       const attributes = this.attributes;
+
+                                       for (const key in attributes) {
+                                               const attribute = attributes[key];
+                                               data.data.attributes[key] = attribute.toJSON(data.data);
+                                       }
+
+                                       const morphAttributes = {};
+                                       let hasMorphAttributes = false;
+
+                                       for (const key in this.morphAttributes) {
+                                               const attributeArray = this.morphAttributes[key];
+                                               const array = [];
+
+                                               for (let i = 0, il = attributeArray.length; i < il; i++) {
+                                                       const attribute = attributeArray[i];
+                                                       array.push(attribute.toJSON(data.data));
+                                               }
+
+                                               if (array.length > 0) {
+                                                       morphAttributes[key] = array;
+                                                       hasMorphAttributes = true;
+                                               }
+                                       }
+
+                                       if (hasMorphAttributes) {
+                                               data.data.morphAttributes = morphAttributes;
+                                               data.data.morphTargetsRelative = this.morphTargetsRelative;
+                                       }
+
+                                       const groups = this.groups;
+
+                                       if (groups.length > 0) {
+                                               data.data.groups = JSON.parse(JSON.stringify(groups));
+                                       }
+
+                                       const boundingSphere = this.boundingSphere;
+
+                                       if (boundingSphere !== null) {
+                                               data.data.boundingSphere = {
+                                                       center: boundingSphere.center.toArray(),
+                                                       radius: boundingSphere.radius
+                                               };
+                                       }
+
+                                       return data;
+                               }
+
+                               clone() {
+                                       /*
+                        // Handle primitives
+                                const parameters = this.parameters;
+                                if ( parameters !== undefined ) {
+                                const values = [];
+                                for ( const key in parameters ) {
+                                values.push( parameters[ key ] );
+                                }
+                                const geometry = Object.create( this.constructor.prototype );
+                        this.constructor.apply( geometry, values );
+                        return geometry;
+                                }
+                                return new this.constructor().copy( this );
+                        */
+                                       return new BufferGeometry().copy(this);
+                               }
+
+                               copy(source) {
+                                       // reset
+                                       this.index = null;
+                                       this.attributes = {};
+                                       this.morphAttributes = {};
+                                       this.groups = [];
+                                       this.boundingBox = null;
+                                       this.boundingSphere = null; // used for storing cloned, shared data
+
+                                       const data = {}; // name
+
+                                       this.name = source.name; // index
+
+                                       const index = source.index;
+
+                                       if (index !== null) {
+                                               this.setIndex(index.clone(data));
+                                       } // attributes
+
+
+                                       const attributes = source.attributes;
+
+                                       for (const name in attributes) {
+                                               const attribute = attributes[name];
+                                               this.setAttribute(name, attribute.clone(data));
+                                       } // morph attributes
+
+
+                                       const morphAttributes = source.morphAttributes;
+
+                                       for (const name in morphAttributes) {
+                                               const array = [];
+                                               const morphAttribute = morphAttributes[name]; // morphAttribute: array of Float32BufferAttributes
+
+                                               for (let i = 0, l = morphAttribute.length; i < l; i++) {
+                                                       array.push(morphAttribute[i].clone(data));
+                                               }
+
+                                               this.morphAttributes[name] = array;
+                                       }
+
+                                       this.morphTargetsRelative = source.morphTargetsRelative; // groups
+
+                                       const groups = source.groups;
+
+                                       for (let i = 0, l = groups.length; i < l; i++) {
+                                               const group = groups[i];
+                                               this.addGroup(group.start, group.count, group.materialIndex);
+                                       } // bounding box
+
+
+                                       const boundingBox = source.boundingBox;
+
+                                       if (boundingBox !== null) {
+                                               this.boundingBox = boundingBox.clone();
+                                       } // bounding sphere
+
+
+                                       const boundingSphere = source.boundingSphere;
+
+                                       if (boundingSphere !== null) {
+                                               this.boundingSphere = boundingSphere.clone();
+                                       } // draw range
+
+
+                                       this.drawRange.start = source.drawRange.start;
+                                       this.drawRange.count = source.drawRange.count; // user data
+
+                                       this.userData = source.userData;
+                                       return this;
+                               }
+
+                               dispose() {
+                                       this.dispatchEvent({
+                                               type: 'dispose'
+                                       });
+                               }
+
+                       }
+
+                       BufferGeometry.prototype.isBufferGeometry = true;
+
+                       const _inverseMatrix$2 = /*@__PURE__*/new Matrix4();
+
+                       const _ray$2 = /*@__PURE__*/new Ray();
+
+                       const _sphere$3 = /*@__PURE__*/new Sphere();
+
+                       const _vA$1 = /*@__PURE__*/new Vector3();
+
+                       const _vB$1 = /*@__PURE__*/new Vector3();
+
+                       const _vC$1 = /*@__PURE__*/new Vector3();
+
+                       const _tempA = /*@__PURE__*/new Vector3();
+
+                       const _tempB = /*@__PURE__*/new Vector3();
+
+                       const _tempC = /*@__PURE__*/new Vector3();
+
+                       const _morphA = /*@__PURE__*/new Vector3();
+
+                       const _morphB = /*@__PURE__*/new Vector3();
+
+                       const _morphC = /*@__PURE__*/new Vector3();
+
+                       const _uvA$1 = /*@__PURE__*/new Vector2();
+
+                       const _uvB$1 = /*@__PURE__*/new Vector2();
+
+                       const _uvC$1 = /*@__PURE__*/new Vector2();
+
+                       const _intersectionPoint = /*@__PURE__*/new Vector3();
+
+                       const _intersectionPointWorld = /*@__PURE__*/new Vector3();
+
+                       class Mesh extends Object3D {
+                               constructor(geometry = new BufferGeometry(), material = new MeshBasicMaterial()) {
+                                       super();
+                                       this.type = 'Mesh';
+                                       this.geometry = geometry;
+                                       this.material = material;
+                                       this.updateMorphTargets();
+                               }
+
+                               copy(source) {
+                                       super.copy(source);
+
+                                       if (source.morphTargetInfluences !== undefined) {
+                                               this.morphTargetInfluences = source.morphTargetInfluences.slice();
+                                       }
+
+                                       if (source.morphTargetDictionary !== undefined) {
+                                               this.morphTargetDictionary = Object.assign({}, source.morphTargetDictionary);
+                                       }
+
+                                       this.material = source.material;
+                                       this.geometry = source.geometry;
+                                       return this;
+                               }
+
+                               updateMorphTargets() {
+                                       const geometry = this.geometry;
+
+                                       if (geometry.isBufferGeometry) {
+                                               const morphAttributes = geometry.morphAttributes;
+                                               const keys = Object.keys(morphAttributes);
+
+                                               if (keys.length > 0) {
+                                                       const morphAttribute = morphAttributes[keys[0]];
+
+                                                       if (morphAttribute !== undefined) {
+                                                               this.morphTargetInfluences = [];
+                                                               this.morphTargetDictionary = {};
+
+                                                               for (let m = 0, ml = morphAttribute.length; m < ml; m++) {
+                                                                       const name = morphAttribute[m].name || String(m);
+                                                                       this.morphTargetInfluences.push(0);
+                                                                       this.morphTargetDictionary[name] = m;
+                                                               }
+                                                       }
+                                               }
+                                       } else {
+                                               const morphTargets = geometry.morphTargets;
+
+                                               if (morphTargets !== undefined && morphTargets.length > 0) {
+                                                       console.error('THREE.Mesh.updateMorphTargets() no longer supports THREE.Geometry. Use THREE.BufferGeometry instead.');
+                                               }
+                                       }
+                               }
+
+                               raycast(raycaster, intersects) {
+                                       const geometry = this.geometry;
+                                       const material = this.material;
+                                       const matrixWorld = this.matrixWorld;
+                                       if (material === undefined) return; // Checking boundingSphere distance to ray
+
+                                       if (geometry.boundingSphere === null) geometry.computeBoundingSphere();
+
+                                       _sphere$3.copy(geometry.boundingSphere);
+
+                                       _sphere$3.applyMatrix4(matrixWorld);
+
+                                       if (raycaster.ray.intersectsSphere(_sphere$3) === false) return; //
+
+                                       _inverseMatrix$2.copy(matrixWorld).invert();
+
+                                       _ray$2.copy(raycaster.ray).applyMatrix4(_inverseMatrix$2); // Check boundingBox before continuing
+
+
+                                       if (geometry.boundingBox !== null) {
+                                               if (_ray$2.intersectsBox(geometry.boundingBox) === false) return;
+                                       }
+
+                                       let intersection;
+
+                                       if (geometry.isBufferGeometry) {
+                                               const index = geometry.index;
+                                               const position = geometry.attributes.position;
+                                               const morphPosition = geometry.morphAttributes.position;
+                                               const morphTargetsRelative = geometry.morphTargetsRelative;
+                                               const uv = geometry.attributes.uv;
+                                               const uv2 = geometry.attributes.uv2;
+                                               const groups = geometry.groups;
+                                               const drawRange = geometry.drawRange;
+
+                                               if (index !== null) {
+                                                       // indexed buffer geometry
+                                                       if (Array.isArray(material)) {
+                                                               for (let i = 0, il = groups.length; i < il; i++) {
+                                                                       const group = groups[i];
+                                                                       const groupMaterial = material[group.materialIndex];
+                                                                       const start = Math.max(group.start, drawRange.start);
+                                                                       const end = Math.min(group.start + group.count, drawRange.start + drawRange.count);
+
+                                                                       for (let j = start, jl = end; j < jl; j += 3) {
+                                                                               const a = index.getX(j);
+                                                                               const b = index.getX(j + 1);
+                                                                               const c = index.getX(j + 2);
+                                                                               intersection = checkBufferGeometryIntersection(this, groupMaterial, raycaster, _ray$2, position, morphPosition, morphTargetsRelative, uv, uv2, a, b, c);
+
+                                                                               if (intersection) {
+                                                                                       intersection.faceIndex = Math.floor(j / 3); // triangle number in indexed buffer semantics
+
+                                                                                       intersection.face.materialIndex = group.materialIndex;
+                                                                                       intersects.push(intersection);
+                                                                               }
+                                                                       }
+                                                               }
+                                                       } else {
+                                                               const start = Math.max(0, drawRange.start);
+                                                               const end = Math.min(index.count, drawRange.start + drawRange.count);
+
+                                                               for (let i = start, il = end; i < il; i += 3) {
+                                                                       const a = index.getX(i);
+                                                                       const b = index.getX(i + 1);
+                                                                       const c = index.getX(i + 2);
+                                                                       intersection = checkBufferGeometryIntersection(this, material, raycaster, _ray$2, position, morphPosition, morphTargetsRelative, uv, uv2, a, b, c);
+
+                                                                       if (intersection) {
+                                                                               intersection.faceIndex = Math.floor(i / 3); // triangle number in indexed buffer semantics
+
+                                                                               intersects.push(intersection);
+                                                                       }
+                                                               }
+                                                       }
+                                               } else if (position !== undefined) {
+                                                       // non-indexed buffer geometry
+                                                       if (Array.isArray(material)) {
+                                                               for (let i = 0, il = groups.length; i < il; i++) {
+                                                                       const group = groups[i];
+                                                                       const groupMaterial = material[group.materialIndex];
+                                                                       const start = Math.max(group.start, drawRange.start);
+                                                                       const end = Math.min(group.start + group.count, drawRange.start + drawRange.count);
+
+                                                                       for (let j = start, jl = end; j < jl; j += 3) {
+                                                                               const a = j;
+                                                                               const b = j + 1;
+                                                                               const c = j + 2;
+                                                                               intersection = checkBufferGeometryIntersection(this, groupMaterial, raycaster, _ray$2, position, morphPosition, morphTargetsRelative, uv, uv2, a, b, c);
+
+                                                                               if (intersection) {
+                                                                                       intersection.faceIndex = Math.floor(j / 3); // triangle number in non-indexed buffer semantics
+
+                                                                                       intersection.face.materialIndex = group.materialIndex;
+                                                                                       intersects.push(intersection);
+                                                                               }
+                                                                       }
+                                                               }
+                                                       } else {
+                                                               const start = Math.max(0, drawRange.start);
+                                                               const end = Math.min(position.count, drawRange.start + drawRange.count);
+
+                                                               for (let i = start, il = end; i < il; i += 3) {
+                                                                       const a = i;
+                                                                       const b = i + 1;
+                                                                       const c = i + 2;
+                                                                       intersection = checkBufferGeometryIntersection(this, material, raycaster, _ray$2, position, morphPosition, morphTargetsRelative, uv, uv2, a, b, c);
+
+                                                                       if (intersection) {
+                                                                               intersection.faceIndex = Math.floor(i / 3); // triangle number in non-indexed buffer semantics
+
+                                                                               intersects.push(intersection);
+                                                                       }
+                                                               }
+                                                       }
+                                               }
+                                       } else if (geometry.isGeometry) {
+                                               console.error('THREE.Mesh.raycast() no longer supports THREE.Geometry. Use THREE.BufferGeometry instead.');
+                                       }
+                               }
+
+                       }
+
+                       Mesh.prototype.isMesh = true;
+
+                       function checkIntersection(object, material, raycaster, ray, pA, pB, pC, point) {
+                               let intersect;
+
+                               if (material.side === BackSide) {
+                                       intersect = ray.intersectTriangle(pC, pB, pA, true, point);
+                               } else {
+                                       intersect = ray.intersectTriangle(pA, pB, pC, material.side !== DoubleSide, point);
+                               }
+
+                               if (intersect === null) return null;
+
+                               _intersectionPointWorld.copy(point);
+
+                               _intersectionPointWorld.applyMatrix4(object.matrixWorld);
+
+                               const distance = raycaster.ray.origin.distanceTo(_intersectionPointWorld);
+                               if (distance < raycaster.near || distance > raycaster.far) return null;
+                               return {
+                                       distance: distance,
+                                       point: _intersectionPointWorld.clone(),
+                                       object: object
+                               };
+                       }
+
+                       function checkBufferGeometryIntersection(object, material, raycaster, ray, position, morphPosition, morphTargetsRelative, uv, uv2, a, b, c) {
+                               _vA$1.fromBufferAttribute(position, a);
+
+                               _vB$1.fromBufferAttribute(position, b);
+
+                               _vC$1.fromBufferAttribute(position, c);
+
+                               const morphInfluences = object.morphTargetInfluences;
+
+                               if (morphPosition && morphInfluences) {
+                                       _morphA.set(0, 0, 0);
+
+                                       _morphB.set(0, 0, 0);
+
+                                       _morphC.set(0, 0, 0);
+
+                                       for (let i = 0, il = morphPosition.length; i < il; i++) {
+                                               const influence = morphInfluences[i];
+                                               const morphAttribute = morphPosition[i];
+                                               if (influence === 0) continue;
+
+                                               _tempA.fromBufferAttribute(morphAttribute, a);
+
+                                               _tempB.fromBufferAttribute(morphAttribute, b);
+
+                                               _tempC.fromBufferAttribute(morphAttribute, c);
+
+                                               if (morphTargetsRelative) {
+                                                       _morphA.addScaledVector(_tempA, influence);
+
+                                                       _morphB.addScaledVector(_tempB, influence);
+
+                                                       _morphC.addScaledVector(_tempC, influence);
+                                               } else {
+                                                       _morphA.addScaledVector(_tempA.sub(_vA$1), influence);
+
+                                                       _morphB.addScaledVector(_tempB.sub(_vB$1), influence);
+
+                                                       _morphC.addScaledVector(_tempC.sub(_vC$1), influence);
+                                               }
+                                       }
+
+                                       _vA$1.add(_morphA);
+
+                                       _vB$1.add(_morphB);
+
+                                       _vC$1.add(_morphC);
+                               }
+
+                               if (object.isSkinnedMesh) {
+                                       object.boneTransform(a, _vA$1);
+                                       object.boneTransform(b, _vB$1);
+                                       object.boneTransform(c, _vC$1);
+                               }
+
+                               const intersection = checkIntersection(object, material, raycaster, ray, _vA$1, _vB$1, _vC$1, _intersectionPoint);
+
+                               if (intersection) {
+                                       if (uv) {
+                                               _uvA$1.fromBufferAttribute(uv, a);
+
+                                               _uvB$1.fromBufferAttribute(uv, b);
+
+                                               _uvC$1.fromBufferAttribute(uv, c);
+
+                                               intersection.uv = Triangle.getUV(_intersectionPoint, _vA$1, _vB$1, _vC$1, _uvA$1, _uvB$1, _uvC$1, new Vector2());
+                                       }
+
+                                       if (uv2) {
+                                               _uvA$1.fromBufferAttribute(uv2, a);
+
+                                               _uvB$1.fromBufferAttribute(uv2, b);
+
+                                               _uvC$1.fromBufferAttribute(uv2, c);
+
+                                               intersection.uv2 = Triangle.getUV(_intersectionPoint, _vA$1, _vB$1, _vC$1, _uvA$1, _uvB$1, _uvC$1, new Vector2());
+                                       }
+
+                                       const face = {
+                                               a: a,
+                                               b: b,
+                                               c: c,
+                                               normal: new Vector3(),
+                                               materialIndex: 0
+                                       };
+                                       Triangle.getNormal(_vA$1, _vB$1, _vC$1, face.normal);
+                                       intersection.face = face;
+                               }
+
+                               return intersection;
+                       }
+
+                       class BoxGeometry extends BufferGeometry {
+                               constructor(width = 1, height = 1, depth = 1, widthSegments = 1, heightSegments = 1, depthSegments = 1) {
+                                       super();
+                                       this.type = 'BoxGeometry';
+                                       this.parameters = {
+                                               width: width,
+                                               height: height,
+                                               depth: depth,
+                                               widthSegments: widthSegments,
+                                               heightSegments: heightSegments,
+                                               depthSegments: depthSegments
+                                       };
+                                       const scope = this; // segments
+
+                                       widthSegments = Math.floor(widthSegments);
+                                       heightSegments = Math.floor(heightSegments);
+                                       depthSegments = Math.floor(depthSegments); // buffers
+
+                                       const indices = [];
+                                       const vertices = [];
+                                       const normals = [];
+                                       const uvs = []; // helper variables
+
+                                       let numberOfVertices = 0;
+                                       let groupStart = 0; // build each side of the box geometry
+
+                                       buildPlane('z', 'y', 'x', -1, -1, depth, height, width, depthSegments, heightSegments, 0); // px
+
+                                       buildPlane('z', 'y', 'x', 1, -1, depth, height, -width, depthSegments, heightSegments, 1); // nx
+
+                                       buildPlane('x', 'z', 'y', 1, 1, width, depth, height, widthSegments, depthSegments, 2); // py
+
+                                       buildPlane('x', 'z', 'y', 1, -1, width, depth, -height, widthSegments, depthSegments, 3); // ny
+
+                                       buildPlane('x', 'y', 'z', 1, -1, width, height, depth, widthSegments, heightSegments, 4); // pz
+
+                                       buildPlane('x', 'y', 'z', -1, -1, width, height, -depth, widthSegments, heightSegments, 5); // nz
+                                       // build geometry
+
+                                       this.setIndex(indices);
+                                       this.setAttribute('position', new Float32BufferAttribute(vertices, 3));
+                                       this.setAttribute('normal', new Float32BufferAttribute(normals, 3));
+                                       this.setAttribute('uv', new Float32BufferAttribute(uvs, 2));
+
+                                       function buildPlane(u, v, w, udir, vdir, width, height, depth, gridX, gridY, materialIndex) {
+                                               const segmentWidth = width / gridX;
+                                               const segmentHeight = height / gridY;
+                                               const widthHalf = width / 2;
+                                               const heightHalf = height / 2;
+                                               const depthHalf = depth / 2;
+                                               const gridX1 = gridX + 1;
+                                               const gridY1 = gridY + 1;
+                                               let vertexCounter = 0;
+                                               let groupCount = 0;
+                                               const vector = new Vector3(); // generate vertices, normals and uvs
+
+                                               for (let iy = 0; iy < gridY1; iy++) {
+                                                       const y = iy * segmentHeight - heightHalf;
+
+                                                       for (let ix = 0; ix < gridX1; ix++) {
+                                                               const x = ix * segmentWidth - widthHalf; // set values to correct vector component
+
+                                                               vector[u] = x * udir;
+                                                               vector[v] = y * vdir;
+                                                               vector[w] = depthHalf; // now apply vector to vertex buffer
+
+                                                               vertices.push(vector.x, vector.y, vector.z); // set values to correct vector component
+
+                                                               vector[u] = 0;
+                                                               vector[v] = 0;
+                                                               vector[w] = depth > 0 ? 1 : -1; // now apply vector to normal buffer
+
+                                                               normals.push(vector.x, vector.y, vector.z); // uvs
+
+                                                               uvs.push(ix / gridX);
+                                                               uvs.push(1 - iy / gridY); // counters
+
+                                                               vertexCounter += 1;
+                                                       }
+                                               } // indices
+                                               // 1. you need three indices to draw a single face
+                                               // 2. a single segment consists of two faces
+                                               // 3. so we need to generate six (2*3) indices per segment
+
+
+                                               for (let iy = 0; iy < gridY; iy++) {
+                                                       for (let ix = 0; ix < gridX; ix++) {
+                                                               const a = numberOfVertices + ix + gridX1 * iy;
+                                                               const b = numberOfVertices + ix + gridX1 * (iy + 1);
+                                                               const c = numberOfVertices + (ix + 1) + gridX1 * (iy + 1);
+                                                               const d = numberOfVertices + (ix + 1) + gridX1 * iy; // faces
+
+                                                               indices.push(a, b, d);
+                                                               indices.push(b, c, d); // increase counter
+
+                                                               groupCount += 6;
+                                                       }
+                                               } // add a group to the geometry. this will ensure multi material support
+
+
+                                               scope.addGroup(groupStart, groupCount, materialIndex); // calculate new start value for groups
+
+                                               groupStart += groupCount; // update total number of vertices
+
+                                               numberOfVertices += vertexCounter;
+                                       }
+                               }
+
+                               static fromJSON(data) {
+                                       return new BoxGeometry(data.width, data.height, data.depth, data.widthSegments, data.heightSegments, data.depthSegments);
+                               }
+
+                       }
+
+                       /**
+                        * Uniform Utilities
+                        */
+                       function cloneUniforms(src) {
+                               const dst = {};
+
+                               for (const u in src) {
+                                       dst[u] = {};
+
+                                       for (const p in src[u]) {
+                                               const property = src[u][p];
+
+                                               if (property && (property.isColor || property.isMatrix3 || property.isMatrix4 || property.isVector2 || property.isVector3 || property.isVector4 || property.isTexture || property.isQuaternion)) {
+                                                       dst[u][p] = property.clone();
+                                               } else if (Array.isArray(property)) {
+                                                       dst[u][p] = property.slice();
+                                               } else {
+                                                       dst[u][p] = property;
+                                               }
+                                       }
+                               }
+
+                               return dst;
+                       }
+
+                       function mergeUniforms(uniforms) {
+                               const merged = {};
+
+                               for (let u = 0; u < uniforms.length; u++) {
+                                       const tmp = cloneUniforms(uniforms[u]);
+
+                                       for (const p in tmp) {
+                                               merged[p] = tmp[p];
+                                       }
+                               }
+
+                               return merged;
+                       } // Legacy
+
+                       const UniformsUtils = {
+                               clone: cloneUniforms,
+                               merge: mergeUniforms
+                       };
+
+                       var default_vertex = "void main() {\n\tgl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );\n}";
+
+                       var default_fragment = "void main() {\n\tgl_FragColor = vec4( 1.0, 0.0, 0.0, 1.0 );\n}";
+
+                       /**
+                        * parameters = {
+                        *      defines: { "label" : "value" },
+                        *      uniforms: { "parameter1": { value: 1.0 }, "parameter2": { value2: 2 } },
+                        *
+                        *      fragmentShader: <string>,
+                        *      vertexShader: <string>,
+                        *
+                        *      wireframe: <boolean>,
+                        *      wireframeLinewidth: <float>,
+                        *
+                        *      lights: <bool>
+                        * }
+                        */
+
+                       class ShaderMaterial extends Material {
+                               constructor(parameters) {
+                                       super();
+                                       this.type = 'ShaderMaterial';
+                                       this.defines = {};
+                                       this.uniforms = {};
+                                       this.vertexShader = default_vertex;
+                                       this.fragmentShader = default_fragment;
+                                       this.linewidth = 1;
+                                       this.wireframe = false;
+                                       this.wireframeLinewidth = 1;
+                                       this.fog = false; // set to use scene fog
+
+                                       this.lights = false; // set to use scene lights
+
+                                       this.clipping = false; // set to use user-defined clipping planes
+
+                                       this.extensions = {
+                                               derivatives: false,
+                                               // set to use derivatives
+                                               fragDepth: false,
+                                               // set to use fragment depth values
+                                               drawBuffers: false,
+                                               // set to use draw buffers
+                                               shaderTextureLOD: false // set to use shader texture LOD
+
+                                       }; // When rendered geometry doesn't include these attributes but the material does,
+                                       // use these default values in WebGL. This avoids errors when buffer data is missing.
+
+                                       this.defaultAttributeValues = {
+                                               'color': [1, 1, 1],
+                                               'uv': [0, 0],
+                                               'uv2': [0, 0]
+                                       };
+                                       this.index0AttributeName = undefined;
+                                       this.uniformsNeedUpdate = false;
+                                       this.glslVersion = null;
+
+                                       if (parameters !== undefined) {
+                                               if (parameters.attributes !== undefined) {
+                                                       console.error('THREE.ShaderMaterial: attributes should now be defined in THREE.BufferGeometry instead.');
+                                               }
+
+                                               this.setValues(parameters);
+                                       }
+                               }
+
+                               copy(source) {
+                                       super.copy(source);
+                                       this.fragmentShader = source.fragmentShader;
+                                       this.vertexShader = source.vertexShader;
+                                       this.uniforms = cloneUniforms(source.uniforms);
+                                       this.defines = Object.assign({}, source.defines);
+                                       this.wireframe = source.wireframe;
+                                       this.wireframeLinewidth = source.wireframeLinewidth;
+                                       this.lights = source.lights;
+                                       this.clipping = source.clipping;
+                                       this.extensions = Object.assign({}, source.extensions);
+                                       this.glslVersion = source.glslVersion;
+                                       return this;
+                               }
+
+                               toJSON(meta) {
+                                       const data = super.toJSON(meta);
+                                       data.glslVersion = this.glslVersion;
+                                       data.uniforms = {};
+
+                                       for (const name in this.uniforms) {
+                                               const uniform = this.uniforms[name];
+                                               const value = uniform.value;
+
+                                               if (value && value.isTexture) {
+                                                       data.uniforms[name] = {
+                                                               type: 't',
+                                                               value: value.toJSON(meta).uuid
+                                                       };
+                                               } else if (value && value.isColor) {
+                                                       data.uniforms[name] = {
+                                                               type: 'c',
+                                                               value: value.getHex()
+                                                       };
+                                               } else if (value && value.isVector2) {
+                                                       data.uniforms[name] = {
+                                                               type: 'v2',
+                                                               value: value.toArray()
+                                                       };
+                                               } else if (value && value.isVector3) {
+                                                       data.uniforms[name] = {
+                                                               type: 'v3',
+                                                               value: value.toArray()
+                                                       };
+                                               } else if (value && value.isVector4) {
+                                                       data.uniforms[name] = {
+                                                               type: 'v4',
+                                                               value: value.toArray()
+                                                       };
+                                               } else if (value && value.isMatrix3) {
+                                                       data.uniforms[name] = {
+                                                               type: 'm3',
+                                                               value: value.toArray()
+                                                       };
+                                               } else if (value && value.isMatrix4) {
+                                                       data.uniforms[name] = {
+                                                               type: 'm4',
+                                                               value: value.toArray()
+                                                       };
+                                               } else {
+                                                       data.uniforms[name] = {
+                                                               value: value
+                                                       }; // note: the array variants v2v, v3v, v4v, m4v and tv are not supported so far
+                                               }
+                                       }
+
+                                       if (Object.keys(this.defines).length > 0) data.defines = this.defines;
+                                       data.vertexShader = this.vertexShader;
+                                       data.fragmentShader = this.fragmentShader;
+                                       const extensions = {};
+
+                                       for (const key in this.extensions) {
+                                               if (this.extensions[key] === true) extensions[key] = true;
+                                       }
+
+                                       if (Object.keys(extensions).length > 0) data.extensions = extensions;
+                                       return data;
+                               }
+
+                       }
+
+                       ShaderMaterial.prototype.isShaderMaterial = true;
+
+                       class Camera extends Object3D {
+                               constructor() {
+                                       super();
+                                       this.type = 'Camera';
+                                       this.matrixWorldInverse = new Matrix4();
+                                       this.projectionMatrix = new Matrix4();
+                                       this.projectionMatrixInverse = new Matrix4();
+                               }
+
+                               copy(source, recursive) {
+                                       super.copy(source, recursive);
+                                       this.matrixWorldInverse.copy(source.matrixWorldInverse);
+                                       this.projectionMatrix.copy(source.projectionMatrix);
+                                       this.projectionMatrixInverse.copy(source.projectionMatrixInverse);
+                                       return this;
+                               }
+
+                               getWorldDirection(target) {
+                                       this.updateWorldMatrix(true, false);
+                                       const e = this.matrixWorld.elements;
+                                       return target.set(-e[8], -e[9], -e[10]).normalize();
+                               }
+
+                               updateMatrixWorld(force) {
+                                       super.updateMatrixWorld(force);
+                                       this.matrixWorldInverse.copy(this.matrixWorld).invert();
+                               }
+
+                               updateWorldMatrix(updateParents, updateChildren) {
+                                       super.updateWorldMatrix(updateParents, updateChildren);
+                                       this.matrixWorldInverse.copy(this.matrixWorld).invert();
+                               }
+
+                               clone() {
+                                       return new this.constructor().copy(this);
+                               }
+
+                       }
+
+                       Camera.prototype.isCamera = true;
+
+                       class PerspectiveCamera extends Camera {
+                               constructor(fov = 50, aspect = 1, near = 0.1, far = 2000) {
+                                       super();
+                                       this.type = 'PerspectiveCamera';
+                                       this.fov = fov;
+                                       this.zoom = 1;
+                                       this.near = near;
+                                       this.far = far;
+                                       this.focus = 10;
+                                       this.aspect = aspect;
+                                       this.view = null;
+                                       this.filmGauge = 35; // width of the film (default in millimeters)
+
+                                       this.filmOffset = 0; // horizontal film offset (same unit as gauge)
+
+                                       this.updateProjectionMatrix();
+                               }
+
+                               copy(source, recursive) {
+                                       super.copy(source, recursive);
+                                       this.fov = source.fov;
+                                       this.zoom = source.zoom;
+                                       this.near = source.near;
+                                       this.far = source.far;
+                                       this.focus = source.focus;
+                                       this.aspect = source.aspect;
+                                       this.view = source.view === null ? null : Object.assign({}, source.view);
+                                       this.filmGauge = source.filmGauge;
+                                       this.filmOffset = source.filmOffset;
+                                       return this;
+                               }
+
+                               /**
+                                * Sets the FOV by focal length in respect to the current .filmGauge.
+                                *
+                                * The default film gauge is 35, so that the focal length can be specified for
+                                * a 35mm (full frame) camera.
+                                *
+                                * Values for focal length and film gauge must have the same unit.
+                                */
+
+
+                               setFocalLength(focalLength) {
+                                       /** see {@link http://www.bobatkins.com/photography/technical/field_of_view.html} */
+                                       const vExtentSlope = 0.5 * this.getFilmHeight() / focalLength;
+                                       this.fov = RAD2DEG * 2 * Math.atan(vExtentSlope);
+                                       this.updateProjectionMatrix();
+                               }
+
+                               /**
+                                * Calculates the focal length from the current .fov and .filmGauge.
+                                */
+
+
+                               getFocalLength() {
+                                       const vExtentSlope = Math.tan(DEG2RAD * 0.5 * this.fov);
+                                       return 0.5 * this.getFilmHeight() / vExtentSlope;
+                               }
+
+                               getEffectiveFOV() {
+                                       return RAD2DEG * 2 * Math.atan(Math.tan(DEG2RAD * 0.5 * this.fov) / this.zoom);
+                               }
+
+                               getFilmWidth() {
+                                       // film not completely covered in portrait format (aspect < 1)
+                                       return this.filmGauge * Math.min(this.aspect, 1);
+                               }
+
+                               getFilmHeight() {
+                                       // film not completely covered in landscape format (aspect > 1)
+                                       return this.filmGauge / Math.max(this.aspect, 1);
+                               }
+
+                               /**
+                                * Sets an offset in a larger frustum. This is useful for multi-window or
+                                * multi-monitor/multi-machine setups.
+                                *
+                                * For example, if you have 3x2 monitors and each monitor is 1920x1080 and
+                                * the monitors are in grid like this
+                                *
+                                *       +---+---+---+
+                                *       | A | B | C |
+                                *       +---+---+---+
+                                *       | D | E | F |
+                                *       +---+---+---+
+                                *
+                                * then for each monitor you would call it like this
+                                *
+                                *       const w = 1920;
+                                *       const h = 1080;
+                                *       const fullWidth = w * 3;
+                                *       const fullHeight = h * 2;
+                                *
+                                *       --A--
+                                *       camera.setViewOffset( fullWidth, fullHeight, w * 0, h * 0, w, h );
+                                *       --B--
+                                *       camera.setViewOffset( fullWidth, fullHeight, w * 1, h * 0, w, h );
+                                *       --C--
+                                *       camera.setViewOffset( fullWidth, fullHeight, w * 2, h * 0, w, h );
+                                *       --D--
+                                *       camera.setViewOffset( fullWidth, fullHeight, w * 0, h * 1, w, h );
+                                *       --E--
+                                *       camera.setViewOffset( fullWidth, fullHeight, w * 1, h * 1, w, h );
+                                *       --F--
+                                *       camera.setViewOffset( fullWidth, fullHeight, w * 2, h * 1, w, h );
+                                *
+                                *       Note there is no reason monitors have to be the same size or in a grid.
+                                */
+
+
+                               setViewOffset(fullWidth, fullHeight, x, y, width, height) {
+                                       this.aspect = fullWidth / fullHeight;
+
+                                       if (this.view === null) {
+                                               this.view = {
+                                                       enabled: true,
+                                                       fullWidth: 1,
+                                                       fullHeight: 1,
+                                                       offsetX: 0,
+                                                       offsetY: 0,
+                                                       width: 1,
+                                                       height: 1
+                                               };
+                                       }
+
+                                       this.view.enabled = true;
+                                       this.view.fullWidth = fullWidth;
+                                       this.view.fullHeight = fullHeight;
+                                       this.view.offsetX = x;
+                                       this.view.offsetY = y;
+                                       this.view.width = width;
+                                       this.view.height = height;
+                                       this.updateProjectionMatrix();
+                               }
+
+                               clearViewOffset() {
+                                       if (this.view !== null) {
+                                               this.view.enabled = false;
+                                       }
+
+                                       this.updateProjectionMatrix();
+                               }
+
+                               updateProjectionMatrix() {
+                                       const near = this.near;
+                                       let top = near * Math.tan(DEG2RAD * 0.5 * this.fov) / this.zoom;
+                                       let height = 2 * top;
+                                       let width = this.aspect * height;
+                                       let left = -0.5 * width;
+                                       const view = this.view;
+
+                                       if (this.view !== null && this.view.enabled) {
+                                               const fullWidth = view.fullWidth,
+                                                       fullHeight = view.fullHeight;
+                                               left += view.offsetX * width / fullWidth;
+                                               top -= view.offsetY * height / fullHeight;
+                                               width *= view.width / fullWidth;
+                                               height *= view.height / fullHeight;
+                                       }
+
+                                       const skew = this.filmOffset;
+                                       if (skew !== 0) left += near * skew / this.getFilmWidth();
+                                       this.projectionMatrix.makePerspective(left, left + width, top, top - height, near, this.far);
+                                       this.projectionMatrixInverse.copy(this.projectionMatrix).invert();
+                               }
+
+                               toJSON(meta) {
+                                       const data = super.toJSON(meta);
+                                       data.object.fov = this.fov;
+                                       data.object.zoom = this.zoom;
+                                       data.object.near = this.near;
+                                       data.object.far = this.far;
+                                       data.object.focus = this.focus;
+                                       data.object.aspect = this.aspect;
+                                       if (this.view !== null) data.object.view = Object.assign({}, this.view);
+                                       data.object.filmGauge = this.filmGauge;
+                                       data.object.filmOffset = this.filmOffset;
+                                       return data;
+                               }
+
+                       }
+
+                       PerspectiveCamera.prototype.isPerspectiveCamera = true;
+
+                       const fov = 90,
+                               aspect = 1;
+
+                       class CubeCamera extends Object3D {
+                               constructor(near, far, renderTarget) {
+                                       super();
+                                       this.type = 'CubeCamera';
+
+                                       if (renderTarget.isWebGLCubeRenderTarget !== true) {
+                                               console.error('THREE.CubeCamera: The constructor now expects an instance of WebGLCubeRenderTarget as third parameter.');
+                                               return;
+                                       }
+
+                                       this.renderTarget = renderTarget;
+                                       const cameraPX = new PerspectiveCamera(fov, aspect, near, far);
+                                       cameraPX.layers = this.layers;
+                                       cameraPX.up.set(0, -1, 0);
+                                       cameraPX.lookAt(new Vector3(1, 0, 0));
+                                       this.add(cameraPX);
+                                       const cameraNX = new PerspectiveCamera(fov, aspect, near, far);
+                                       cameraNX.layers = this.layers;
+                                       cameraNX.up.set(0, -1, 0);
+                                       cameraNX.lookAt(new Vector3(-1, 0, 0));
+                                       this.add(cameraNX);
+                                       const cameraPY = new PerspectiveCamera(fov, aspect, near, far);
+                                       cameraPY.layers = this.layers;
+                                       cameraPY.up.set(0, 0, 1);
+                                       cameraPY.lookAt(new Vector3(0, 1, 0));
+                                       this.add(cameraPY);
+                                       const cameraNY = new PerspectiveCamera(fov, aspect, near, far);
+                                       cameraNY.layers = this.layers;
+                                       cameraNY.up.set(0, 0, -1);
+                                       cameraNY.lookAt(new Vector3(0, -1, 0));
+                                       this.add(cameraNY);
+                                       const cameraPZ = new PerspectiveCamera(fov, aspect, near, far);
+                                       cameraPZ.layers = this.layers;
+                                       cameraPZ.up.set(0, -1, 0);
+                                       cameraPZ.lookAt(new Vector3(0, 0, 1));
+                                       this.add(cameraPZ);
+                                       const cameraNZ = new PerspectiveCamera(fov, aspect, near, far);
+                                       cameraNZ.layers = this.layers;
+                                       cameraNZ.up.set(0, -1, 0);
+                                       cameraNZ.lookAt(new Vector3(0, 0, -1));
+                                       this.add(cameraNZ);
+                               }
+
+                               update(renderer, scene) {
+                                       if (this.parent === null) this.updateMatrixWorld();
+                                       const renderTarget = this.renderTarget;
+                                       const [cameraPX, cameraNX, cameraPY, cameraNY, cameraPZ, cameraNZ] = this.children;
+                                       const currentXrEnabled = renderer.xr.enabled;
+                                       const currentRenderTarget = renderer.getRenderTarget();
+                                       renderer.xr.enabled = false;
+                                       const generateMipmaps = renderTarget.texture.generateMipmaps;
+                                       renderTarget.texture.generateMipmaps = false;
+                                       renderer.setRenderTarget(renderTarget, 0);
+                                       renderer.render(scene, cameraPX);
+                                       renderer.setRenderTarget(renderTarget, 1);
+                                       renderer.render(scene, cameraNX);
+                                       renderer.setRenderTarget(renderTarget, 2);
+                                       renderer.render(scene, cameraPY);
+                                       renderer.setRenderTarget(renderTarget, 3);
+                                       renderer.render(scene, cameraNY);
+                                       renderer.setRenderTarget(renderTarget, 4);
+                                       renderer.render(scene, cameraPZ);
+                                       renderTarget.texture.generateMipmaps = generateMipmaps;
+                                       renderer.setRenderTarget(renderTarget, 5);
+                                       renderer.render(scene, cameraNZ);
+                                       renderer.setRenderTarget(currentRenderTarget);
+                                       renderer.xr.enabled = currentXrEnabled;
+                               }
+
+                       }
+
+                       class CubeTexture extends Texture {
+                               constructor(images, mapping, wrapS, wrapT, magFilter, minFilter, format, type, anisotropy, encoding) {
+                                       images = images !== undefined ? images : [];
+                                       mapping = mapping !== undefined ? mapping : CubeReflectionMapping;
+                                       format = format !== undefined ? format : RGBFormat;
+                                       super(images, mapping, wrapS, wrapT, magFilter, minFilter, format, type, anisotropy, encoding);
+                                       this.flipY = false;
+                               }
+
+                               get images() {
+                                       return this.image;
+                               }
+
+                               set images(value) {
+                                       this.image = value;
+                               }
+
+                       }
+
+                       CubeTexture.prototype.isCubeTexture = true;
+
+                       class WebGLCubeRenderTarget extends WebGLRenderTarget {
+                               constructor(size, options, dummy) {
+                                       if (Number.isInteger(options)) {
+                                               console.warn('THREE.WebGLCubeRenderTarget: constructor signature is now WebGLCubeRenderTarget( size, options )');
+                                               options = dummy;
+                                       }
+
+                                       super(size, size, options);
+                                       options = options || {}; // By convention -- likely based on the RenderMan spec from the 1990's -- cube maps are specified by WebGL (and three.js)
+                                       // in a coordinate system in which positive-x is to the right when looking up the positive-z axis -- in other words,
+                                       // in a left-handed coordinate system. By continuing this convention, preexisting cube maps continued to render correctly.
+                                       // three.js uses a right-handed coordinate system. So environment maps used in three.js appear to have px and nx swapped
+                                       // and the flag isRenderTargetTexture controls this conversion. The flip is not required when using WebGLCubeRenderTarget.texture
+                                       // as a cube texture (this is detected when isRenderTargetTexture is set to true for cube textures).
+
+                                       this.texture = new CubeTexture(undefined, options.mapping, options.wrapS, options.wrapT, options.magFilter, options.minFilter, options.format, options.type, options.anisotropy, options.encoding);
+                                       this.texture.isRenderTargetTexture = true;
+                                       this.texture.generateMipmaps = options.generateMipmaps !== undefined ? options.generateMipmaps : false;
+                                       this.texture.minFilter = options.minFilter !== undefined ? options.minFilter : LinearFilter;
+                                       this.texture._needsFlipEnvMap = false;
+                               }
+
+                               fromEquirectangularTexture(renderer, texture) {
+                                       this.texture.type = texture.type;
+                                       this.texture.format = RGBAFormat; // see #18859
+
+                                       this.texture.encoding = texture.encoding;
+                                       this.texture.generateMipmaps = texture.generateMipmaps;
+                                       this.texture.minFilter = texture.minFilter;
+                                       this.texture.magFilter = texture.magFilter;
+                                       const shader = {
+                                               uniforms: {
+                                                       tEquirect: {
+                                                               value: null
+                                                       }
+                                               },
+                                               vertexShader:
+                                               /* glsl */
+                                                       `
+
+                               varying vec3 vWorldDirection;
+
+                               vec3 transformDirection( in vec3 dir, in mat4 matrix ) {
+
+                                       return normalize( ( matrix * vec4( dir, 0.0 ) ).xyz );
+
+                               }
+
+                               void main() {
+
+                                       vWorldDirection = transformDirection( position, modelMatrix );
+
+                                       #include <begin_vertex>
+                                       #include <project_vertex>
+
+                               }
+                       `,
+                                               fragmentShader:
+                                               /* glsl */
+                                                       `
+
+                               uniform sampler2D tEquirect;
+
+                               varying vec3 vWorldDirection;
+
+                               #include <common>
+
+                               void main() {
+
+                                       vec3 direction = normalize( vWorldDirection );
+
+                                       vec2 sampleUV = equirectUv( direction );
+
+                                       gl_FragColor = texture2D( tEquirect, sampleUV );
+
+                               }
+                       `
+                                       };
+                                       const geometry = new BoxGeometry(5, 5, 5);
+                                       const material = new ShaderMaterial({
+                                               name: 'CubemapFromEquirect',
+                                               uniforms: cloneUniforms(shader.uniforms),
+                                               vertexShader: shader.vertexShader,
+                                               fragmentShader: shader.fragmentShader,
+                                               side: BackSide,
+                                               blending: NoBlending
+                                       });
+                                       material.uniforms.tEquirect.value = texture;
+                                       const mesh = new Mesh(geometry, material);
+                                       const currentMinFilter = texture.minFilter; // Avoid blurred poles
+
+                                       if (texture.minFilter === LinearMipmapLinearFilter) texture.minFilter = LinearFilter;
+                                       const camera = new CubeCamera(1, 10, this);
+                                       camera.update(renderer, mesh);
+                                       texture.minFilter = currentMinFilter;
+                                       mesh.geometry.dispose();
+                                       mesh.material.dispose();
+                                       return this;
+                               }
+
+                               clear(renderer, color, depth, stencil) {
+                                       const currentRenderTarget = renderer.getRenderTarget();
+
+                                       for (let i = 0; i < 6; i++) {
+                                               renderer.setRenderTarget(this, i);
+                                               renderer.clear(color, depth, stencil);
+                                       }
+
+                                       renderer.setRenderTarget(currentRenderTarget);
+                               }
+
+                       }
+
+                       WebGLCubeRenderTarget.prototype.isWebGLCubeRenderTarget = true;
+
+                       const _vector1 = /*@__PURE__*/new Vector3();
+
+                       const _vector2 = /*@__PURE__*/new Vector3();
+
+                       const _normalMatrix = /*@__PURE__*/new Matrix3();
+
+                       class Plane {
+                               constructor(normal = new Vector3(1, 0, 0), constant = 0) {
+                                       // normal is assumed to be normalized
+                                       this.normal = normal;
+                                       this.constant = constant;
+                               }
+
+                               set(normal, constant) {
+                                       this.normal.copy(normal);
+                                       this.constant = constant;
+                                       return this;
+                               }
+
+                               setComponents(x, y, z, w) {
+                                       this.normal.set(x, y, z);
+                                       this.constant = w;
+                                       return this;
+                               }
+
+                               setFromNormalAndCoplanarPoint(normal, point) {
+                                       this.normal.copy(normal);
+                                       this.constant = -point.dot(this.normal);
+                                       return this;
+                               }
+
+                               setFromCoplanarPoints(a, b, c) {
+                                       const normal = _vector1.subVectors(c, b).cross(_vector2.subVectors(a, b)).normalize(); // Q: should an error be thrown if normal is zero (e.g. degenerate plane)?
+
+
+                                       this.setFromNormalAndCoplanarPoint(normal, a);
+                                       return this;
+                               }
+
+                               copy(plane) {
+                                       this.normal.copy(plane.normal);
+                                       this.constant = plane.constant;
+                                       return this;
+                               }
+
+                               normalize() {
+                                       // Note: will lead to a divide by zero if the plane is invalid.
+                                       const inverseNormalLength = 1.0 / this.normal.length();
+                                       this.normal.multiplyScalar(inverseNormalLength);
+                                       this.constant *= inverseNormalLength;
+                                       return this;
+                               }
+
+                               negate() {
+                                       this.constant *= -1;
+                                       this.normal.negate();
+                                       return this;
+                               }
+
+                               distanceToPoint(point) {
+                                       return this.normal.dot(point) + this.constant;
+                               }
+
+                               distanceToSphere(sphere) {
+                                       return this.distanceToPoint(sphere.center) - sphere.radius;
+                               }
+
+                               projectPoint(point, target) {
+                                       return target.copy(this.normal).multiplyScalar(-this.distanceToPoint(point)).add(point);
+                               }
+
+                               intersectLine(line, target) {
+                                       const direction = line.delta(_vector1);
+                                       const denominator = this.normal.dot(direction);
+
+                                       if (denominator === 0) {
+                                               // line is coplanar, return origin
+                                               if (this.distanceToPoint(line.start) === 0) {
+                                                       return target.copy(line.start);
+                                               } // Unsure if this is the correct method to handle this case.
+
+
+                                               return null;
+                                       }
+
+                                       const t = -(line.start.dot(this.normal) + this.constant) / denominator;
+
+                                       if (t < 0 || t > 1) {
+                                               return null;
+                                       }
+
+                                       return target.copy(direction).multiplyScalar(t).add(line.start);
+                               }
+
+                               intersectsLine(line) {
+                                       // Note: this tests if a line intersects the plane, not whether it (or its end-points) are coplanar with it.
+                                       const startSign = this.distanceToPoint(line.start);
+                                       const endSign = this.distanceToPoint(line.end);
+                                       return startSign < 0 && endSign > 0 || endSign < 0 && startSign > 0;
+                               }
+
+                               intersectsBox(box) {
+                                       return box.intersectsPlane(this);
+                               }
+
+                               intersectsSphere(sphere) {
+                                       return sphere.intersectsPlane(this);
+                               }
+
+                               coplanarPoint(target) {
+                                       return target.copy(this.normal).multiplyScalar(-this.constant);
+                               }
+
+                               applyMatrix4(matrix, optionalNormalMatrix) {
+                                       const normalMatrix = optionalNormalMatrix || _normalMatrix.getNormalMatrix(matrix);
+
+                                       const referencePoint = this.coplanarPoint(_vector1).applyMatrix4(matrix);
+                                       const normal = this.normal.applyMatrix3(normalMatrix).normalize();
+                                       this.constant = -referencePoint.dot(normal);
+                                       return this;
+                               }
+
+                               translate(offset) {
+                                       this.constant -= offset.dot(this.normal);
+                                       return this;
+                               }
+
+                               equals(plane) {
+                                       return plane.normal.equals(this.normal) && plane.constant === this.constant;
+                               }
+
+                               clone() {
+                                       return new this.constructor().copy(this);
+                               }
+
+                       }
+
+                       Plane.prototype.isPlane = true;
+
+                       const _sphere$2 = /*@__PURE__*/new Sphere();
+
+                       const _vector$7 = /*@__PURE__*/new Vector3();
+
+                       class Frustum {
+                               constructor(p0 = new Plane(), p1 = new Plane(), p2 = new Plane(), p3 = new Plane(), p4 = new Plane(), p5 = new Plane()) {
+                                       this.planes = [p0, p1, p2, p3, p4, p5];
+                               }
+
+                               set(p0, p1, p2, p3, p4, p5) {
+                                       const planes = this.planes;
+                                       planes[0].copy(p0);
+                                       planes[1].copy(p1);
+                                       planes[2].copy(p2);
+                                       planes[3].copy(p3);
+                                       planes[4].copy(p4);
+                                       planes[5].copy(p5);
+                                       return this;
+                               }
+
+                               copy(frustum) {
+                                       const planes = this.planes;
+
+                                       for (let i = 0; i < 6; i++) {
+                                               planes[i].copy(frustum.planes[i]);
+                                       }
+
+                                       return this;
+                               }
+
+                               setFromProjectionMatrix(m) {
+                                       const planes = this.planes;
+                                       const me = m.elements;
+                                       const me0 = me[0],
+                                               me1 = me[1],
+                                               me2 = me[2],
+                                               me3 = me[3];
+                                       const me4 = me[4],
+                                               me5 = me[5],
+                                               me6 = me[6],
+                                               me7 = me[7];
+                                       const me8 = me[8],
+                                               me9 = me[9],
+                                               me10 = me[10],
+                                               me11 = me[11];
+                                       const me12 = me[12],
+                                               me13 = me[13],
+                                               me14 = me[14],
+                                               me15 = me[15];
+                                       planes[0].setComponents(me3 - me0, me7 - me4, me11 - me8, me15 - me12).normalize();
+                                       planes[1].setComponents(me3 + me0, me7 + me4, me11 + me8, me15 + me12).normalize();
+                                       planes[2].setComponents(me3 + me1, me7 + me5, me11 + me9, me15 + me13).normalize();
+                                       planes[3].setComponents(me3 - me1, me7 - me5, me11 - me9, me15 - me13).normalize();
+                                       planes[4].setComponents(me3 - me2, me7 - me6, me11 - me10, me15 - me14).normalize();
+                                       planes[5].setComponents(me3 + me2, me7 + me6, me11 + me10, me15 + me14).normalize();
+                                       return this;
+                               }
+
+                               intersectsObject(object) {
+                                       const geometry = object.geometry;
+                                       if (geometry.boundingSphere === null) geometry.computeBoundingSphere();
+
+                                       _sphere$2.copy(geometry.boundingSphere).applyMatrix4(object.matrixWorld);
+
+                                       return this.intersectsSphere(_sphere$2);
+                               }
+
+                               intersectsSprite(sprite) {
+                                       _sphere$2.center.set(0, 0, 0);
+
+                                       _sphere$2.radius = 0.7071067811865476;
+
+                                       _sphere$2.applyMatrix4(sprite.matrixWorld);
+
+                                       return this.intersectsSphere(_sphere$2);
+                               }
+
+                               intersectsSphere(sphere) {
+                                       const planes = this.planes;
+                                       const center = sphere.center;
+                                       const negRadius = -sphere.radius;
+
+                                       for (let i = 0; i < 6; i++) {
+                                               const distance = planes[i].distanceToPoint(center);
+
+                                               if (distance < negRadius) {
+                                                       return false;
+                                               }
+                                       }
+
+                                       return true;
+                               }
+
+                               intersectsBox(box) {
+                                       const planes = this.planes;
+
+                                       for (let i = 0; i < 6; i++) {
+                                               const plane = planes[i]; // corner at max distance
+
+                                               _vector$7.x = plane.normal.x > 0 ? box.max.x : box.min.x;
+                                               _vector$7.y = plane.normal.y > 0 ? box.max.y : box.min.y;
+                                               _vector$7.z = plane.normal.z > 0 ? box.max.z : box.min.z;
+
+                                               if (plane.distanceToPoint(_vector$7) < 0) {
+                                                       return false;
+                                               }
+                                       }
+
+                                       return true;
+                               }
+
+                               containsPoint(point) {
+                                       const planes = this.planes;
+
+                                       for (let i = 0; i < 6; i++) {
+                                               if (planes[i].distanceToPoint(point) < 0) {
+                                                       return false;
+                                               }
+                                       }
+
+                                       return true;
+                               }
+
+                               clone() {
+                                       return new this.constructor().copy(this);
+                               }
+
+                       }
+
+                       function WebGLAnimation() {
+                               let context = null;
+                               let isAnimating = false;
+                               let animationLoop = null;
+                               let requestId = null;
+
+                               function onAnimationFrame(time, frame) {
+                                       animationLoop(time, frame);
+                                       requestId = context.requestAnimationFrame(onAnimationFrame);
+                               }
+
+                               return {
+                                       start: function () {
+                                               if (isAnimating === true) return;
+                                               if (animationLoop === null) return;
+                                               requestId = context.requestAnimationFrame(onAnimationFrame);
+                                               isAnimating = true;
+                                       },
+                                       stop: function () {
+                                               context.cancelAnimationFrame(requestId);
+                                               isAnimating = false;
+                                       },
+                                       setAnimationLoop: function (callback) {
+                                               animationLoop = callback;
+                                       },
+                                       setContext: function (value) {
+                                               context = value;
+                                       }
+                               };
+                       }
+
+                       function WebGLAttributes(gl, capabilities) {
+                               const isWebGL2 = capabilities.isWebGL2;
+                               const buffers = new WeakMap();
+
+                               function createBuffer(attribute, bufferType) {
+                                       const array = attribute.array;
+                                       const usage = attribute.usage;
+                                       const buffer = gl.createBuffer();
+                                       gl.bindBuffer(bufferType, buffer);
+                                       gl.bufferData(bufferType, array, usage);
+                                       attribute.onUploadCallback();
+                                       let type = gl.FLOAT;
+
+                                       if (array instanceof Float32Array) {
+                                               type = gl.FLOAT;
+                                       } else if (array instanceof Float64Array) {
+                                               console.warn('THREE.WebGLAttributes: Unsupported data buffer format: Float64Array.');
+                                       } else if (array instanceof Uint16Array) {
+                                               if (attribute.isFloat16BufferAttribute) {
+                                                       if (isWebGL2) {
+                                                               type = gl.HALF_FLOAT;
+                                                       } else {
+                                                               console.warn('THREE.WebGLAttributes: Usage of Float16BufferAttribute requires WebGL2.');
+                                                       }
+                                               } else {
+                                                       type = gl.UNSIGNED_SHORT;
+                                               }
+                                       } else if (array instanceof Int16Array) {
+                                               type = gl.SHORT;
+                                       } else if (array instanceof Uint32Array) {
+                                               type = gl.UNSIGNED_INT;
+                                       } else if (array instanceof Int32Array) {
+                                               type = gl.INT;
+                                       } else if (array instanceof Int8Array) {
+                                               type = gl.BYTE;
+                                       } else if (array instanceof Uint8Array) {
+                                               type = gl.UNSIGNED_BYTE;
+                                       } else if (array instanceof Uint8ClampedArray) {
+                                               type = gl.UNSIGNED_BYTE;
+                                       }
+
+                                       return {
+                                               buffer: buffer,
+                                               type: type,
+                                               bytesPerElement: array.BYTES_PER_ELEMENT,
+                                               version: attribute.version
+                                       };
+                               }
+
+                               function updateBuffer(buffer, attribute, bufferType) {
+                                       const array = attribute.array;
+                                       const updateRange = attribute.updateRange;
+                                       gl.bindBuffer(bufferType, buffer);
+
+                                       if (updateRange.count === -1) {
+                                               // Not using update ranges
+                                               gl.bufferSubData(bufferType, 0, array);
+                                       } else {
+                                               if (isWebGL2) {
+                                                       gl.bufferSubData(bufferType, updateRange.offset * array.BYTES_PER_ELEMENT, array, updateRange.offset, updateRange.count);
+                                               } else {
+                                                       gl.bufferSubData(bufferType, updateRange.offset * array.BYTES_PER_ELEMENT, array.subarray(updateRange.offset, updateRange.offset + updateRange.count));
+                                               }
+
+                                               updateRange.count = -1; // reset range
+                                       }
+                               } //
+
+
+                               function get(attribute) {
+                                       if (attribute.isInterleavedBufferAttribute) attribute = attribute.data;
+                                       return buffers.get(attribute);
+                               }
+
+                               function remove(attribute) {
+                                       if (attribute.isInterleavedBufferAttribute) attribute = attribute.data;
+                                       const data = buffers.get(attribute);
+
+                                       if (data) {
+                                               gl.deleteBuffer(data.buffer);
+                                               buffers.delete(attribute);
+                                       }
+                               }
+
+                               function update(attribute, bufferType) {
+                                       if (attribute.isGLBufferAttribute) {
+                                               const cached = buffers.get(attribute);
+
+                                               if (!cached || cached.version < attribute.version) {
+                                                       buffers.set(attribute, {
+                                                               buffer: attribute.buffer,
+                                                               type: attribute.type,
+                                                               bytesPerElement: attribute.elementSize,
+                                                               version: attribute.version
+                                                       });
+                                               }
+
+                                               return;
+                                       }
+
+                                       if (attribute.isInterleavedBufferAttribute) attribute = attribute.data;
+                                       const data = buffers.get(attribute);
+
+                                       if (data === undefined) {
+                                               buffers.set(attribute, createBuffer(attribute, bufferType));
+                                       } else if (data.version < attribute.version) {
+                                               updateBuffer(data.buffer, attribute, bufferType);
+                                               data.version = attribute.version;
+                                       }
+                               }
+
+                               return {
+                                       get: get,
+                                       remove: remove,
+                                       update: update
+                               };
+                       }
+
+                       class PlaneGeometry extends BufferGeometry {
+                               constructor(width = 1, height = 1, widthSegments = 1, heightSegments = 1) {
+                                       super();
+                                       this.type = 'PlaneGeometry';
+                                       this.parameters = {
+                                               width: width,
+                                               height: height,
+                                               widthSegments: widthSegments,
+                                               heightSegments: heightSegments
+                                       };
+                                       const width_half = width / 2;
+                                       const height_half = height / 2;
+                                       const gridX = Math.floor(widthSegments);
+                                       const gridY = Math.floor(heightSegments);
+                                       const gridX1 = gridX + 1;
+                                       const gridY1 = gridY + 1;
+                                       const segment_width = width / gridX;
+                                       const segment_height = height / gridY; //
+
+                                       const indices = [];
+                                       const vertices = [];
+                                       const normals = [];
+                                       const uvs = [];
+
+                                       for (let iy = 0; iy < gridY1; iy++) {
+                                               const y = iy * segment_height - height_half;
+
+                                               for (let ix = 0; ix < gridX1; ix++) {
+                                                       const x = ix * segment_width - width_half;
+                                                       vertices.push(x, -y, 0);
+                                                       normals.push(0, 0, 1);
+                                                       uvs.push(ix / gridX);
+                                                       uvs.push(1 - iy / gridY);
+                                               }
+                                       }
+
+                                       for (let iy = 0; iy < gridY; iy++) {
+                                               for (let ix = 0; ix < gridX; ix++) {
+                                                       const a = ix + gridX1 * iy;
+                                                       const b = ix + gridX1 * (iy + 1);
+                                                       const c = ix + 1 + gridX1 * (iy + 1);
+                                                       const d = ix + 1 + gridX1 * iy;
+                                                       indices.push(a, b, d);
+                                                       indices.push(b, c, d);
+                                               }
+                                       }
+
+                                       this.setIndex(indices);
+                                       this.setAttribute('position', new Float32BufferAttribute(vertices, 3));
+                                       this.setAttribute('normal', new Float32BufferAttribute(normals, 3));
+                                       this.setAttribute('uv', new Float32BufferAttribute(uvs, 2));
+                               }
+
+                               static fromJSON(data) {
+                                       return new PlaneGeometry(data.width, data.height, data.widthSegments, data.heightSegments);
+                               }
+
+                       }
+
+                       var alphamap_fragment = "#ifdef USE_ALPHAMAP\n\tdiffuseColor.a *= texture2D( alphaMap, vUv ).g;\n#endif";
+
+                       var alphamap_pars_fragment = "#ifdef USE_ALPHAMAP\n\tuniform sampler2D alphaMap;\n#endif";
+
+                       var alphatest_fragment = "#ifdef USE_ALPHATEST\n\tif ( diffuseColor.a < alphaTest ) discard;\n#endif";
+
+                       var alphatest_pars_fragment = "#ifdef USE_ALPHATEST\n\tuniform float alphaTest;\n#endif";
+
+                       var aomap_fragment = "#ifdef USE_AOMAP\n\tfloat ambientOcclusion = ( texture2D( aoMap, vUv2 ).r - 1.0 ) * aoMapIntensity + 1.0;\n\treflectedLight.indirectDiffuse *= ambientOcclusion;\n\t#if defined( USE_ENVMAP ) && defined( STANDARD )\n\t\tfloat dotNV = saturate( dot( geometry.normal, geometry.viewDir ) );\n\t\treflectedLight.indirectSpecular *= computeSpecularOcclusion( dotNV, ambientOcclusion, material.roughness );\n\t#endif\n#endif";
+
+                       var aomap_pars_fragment = "#ifdef USE_AOMAP\n\tuniform sampler2D aoMap;\n\tuniform float aoMapIntensity;\n#endif";
+
+                       var begin_vertex = "vec3 transformed = vec3( position );";
+
+                       var beginnormal_vertex = "vec3 objectNormal = vec3( normal );\n#ifdef USE_TANGENT\n\tvec3 objectTangent = vec3( tangent.xyz );\n#endif";
+
+                       var bsdfs = "vec3 BRDF_Lambert( const in vec3 diffuseColor ) {\n\treturn RECIPROCAL_PI * diffuseColor;\n}\nvec3 F_Schlick( const in vec3 f0, const in float f90, const in float dotVH ) {\n\tfloat fresnel = exp2( ( - 5.55473 * dotVH - 6.98316 ) * dotVH );\n\treturn f0 * ( 1.0 - fresnel ) + ( f90 * fresnel );\n}\nfloat V_GGX_SmithCorrelated( const in float alpha, const in float dotNL, const in float dotNV ) {\n\tfloat a2 = pow2( alpha );\n\tfloat gv = dotNL * sqrt( a2 + ( 1.0 - a2 ) * pow2( dotNV ) );\n\tfloat gl = dotNV * sqrt( a2 + ( 1.0 - a2 ) * pow2( dotNL ) );\n\treturn 0.5 / max( gv + gl, EPSILON );\n}\nfloat D_GGX( const in float alpha, const in float dotNH ) {\n\tfloat a2 = pow2( alpha );\n\tfloat denom = pow2( dotNH ) * ( a2 - 1.0 ) + 1.0;\n\treturn RECIPROCAL_PI * a2 / pow2( denom );\n}\nvec3 BRDF_GGX( const in IncidentLight incidentLight, const in vec3 viewDir, const in vec3 normal, const in vec3 f0, const in float f90, const in float roughness ) {\n\tfloat alpha = pow2( roughness );\n\tvec3 halfDir = normalize( incidentLight.direction + viewDir );\n\tfloat dotNL = saturate( dot( normal, incidentLight.direction ) );\n\tfloat dotNV = saturate( dot( normal, viewDir ) );\n\tfloat dotNH = saturate( dot( normal, halfDir ) );\n\tfloat dotVH = saturate( dot( viewDir, halfDir ) );\n\tvec3 F = F_Schlick( f0, f90, dotVH );\n\tfloat V = V_GGX_SmithCorrelated( alpha, dotNL, dotNV );\n\tfloat D = D_GGX( alpha, dotNH );\n\treturn F * ( V * D );\n}\nvec2 LTC_Uv( const in vec3 N, const in vec3 V, const in float roughness ) {\n\tconst float LUT_SIZE = 64.0;\n\tconst float LUT_SCALE = ( LUT_SIZE - 1.0 ) / LUT_SIZE;\n\tconst float LUT_BIAS = 0.5 / LUT_SIZE;\n\tfloat dotNV = saturate( dot( N, V ) );\n\tvec2 uv = vec2( roughness, sqrt( 1.0 - dotNV ) );\n\tuv = uv * LUT_SCALE + LUT_BIAS;\n\treturn uv;\n}\nfloat LTC_ClippedSphereFormFactor( const in vec3 f ) {\n\tfloat l = length( f );\n\treturn max( ( l * l + f.z ) / ( l + 1.0 ), 0.0 );\n}\nvec3 LTC_EdgeVectorFormFactor( const in vec3 v1, const in vec3 v2 ) {\n\tfloat x = dot( v1, v2 );\n\tfloat y = abs( x );\n\tfloat a = 0.8543985 + ( 0.4965155 + 0.0145206 * y ) * y;\n\tfloat b = 3.4175940 + ( 4.1616724 + y ) * y;\n\tfloat v = a / b;\n\tfloat theta_sintheta = ( x > 0.0 ) ? v : 0.5 * inversesqrt( max( 1.0 - x * x, 1e-7 ) ) - v;\n\treturn cross( v1, v2 ) * theta_sintheta;\n}\nvec3 LTC_Evaluate( const in vec3 N, const in vec3 V, const in vec3 P, const in mat3 mInv, const in vec3 rectCoords[ 4 ] ) {\n\tvec3 v1 = rectCoords[ 1 ] - rectCoords[ 0 ];\n\tvec3 v2 = rectCoords[ 3 ] - rectCoords[ 0 ];\n\tvec3 lightNormal = cross( v1, v2 );\n\tif( dot( lightNormal, P - rectCoords[ 0 ] ) < 0.0 ) return vec3( 0.0 );\n\tvec3 T1, T2;\n\tT1 = normalize( V - N * dot( V, N ) );\n\tT2 = - cross( N, T1 );\n\tmat3 mat = mInv * transposeMat3( mat3( T1, T2, N ) );\n\tvec3 coords[ 4 ];\n\tcoords[ 0 ] = mat * ( rectCoords[ 0 ] - P );\n\tcoords[ 1 ] = mat * ( rectCoords[ 1 ] - P );\n\tcoords[ 2 ] = mat * ( rectCoords[ 2 ] - P );\n\tcoords[ 3 ] = mat * ( rectCoords[ 3 ] - P );\n\tcoords[ 0 ] = normalize( coords[ 0 ] );\n\tcoords[ 1 ] = normalize( coords[ 1 ] );\n\tcoords[ 2 ] = normalize( coords[ 2 ] );\n\tcoords[ 3 ] = normalize( coords[ 3 ] );\n\tvec3 vectorFormFactor = vec3( 0.0 );\n\tvectorFormFactor += LTC_EdgeVectorFormFactor( coords[ 0 ], coords[ 1 ] );\n\tvectorFormFactor += LTC_EdgeVectorFormFactor( coords[ 1 ], coords[ 2 ] );\n\tvectorFormFactor += LTC_EdgeVectorFormFactor( coords[ 2 ], coords[ 3 ] );\n\tvectorFormFactor += LTC_EdgeVectorFormFactor( coords[ 3 ], coords[ 0 ] );\n\tfloat result = LTC_ClippedSphereFormFactor( vectorFormFactor );\n\treturn vec3( result );\n}\nfloat G_BlinnPhong_Implicit( ) {\n\treturn 0.25;\n}\nfloat D_BlinnPhong( const in float shininess, const in float dotNH ) {\n\treturn RECIPROCAL_PI * ( shininess * 0.5 + 1.0 ) * pow( dotNH, shininess );\n}\nvec3 BRDF_BlinnPhong( const in IncidentLight incidentLight, const in GeometricContext geometry, const in vec3 specularColor, const in float shininess ) {\n\tvec3 halfDir = normalize( incidentLight.direction + geometry.viewDir );\n\tfloat dotNH = saturate( dot( geometry.normal, halfDir ) );\n\tfloat dotVH = saturate( dot( geometry.viewDir, halfDir ) );\n\tvec3 F = F_Schlick( specularColor, 1.0, dotVH );\n\tfloat G = G_BlinnPhong_Implicit( );\n\tfloat D = D_BlinnPhong( shininess, dotNH );\n\treturn F * ( G * D );\n}\n#if defined( USE_SHEEN )\nfloat D_Charlie( float roughness, float NoH ) {\n\tfloat invAlpha = 1.0 / roughness;\n\tfloat cos2h = NoH * NoH;\n\tfloat sin2h = max( 1.0 - cos2h, 0.0078125 );\n\treturn ( 2.0 + invAlpha ) * pow( sin2h, invAlpha * 0.5 ) / ( 2.0 * PI );\n}\nfloat V_Neubelt( float NoV, float NoL ) {\n\treturn saturate( 1.0 / ( 4.0 * ( NoL + NoV - NoL * NoV ) ) );\n}\nvec3 BRDF_Sheen( const in float roughness, const in vec3 L, const in GeometricContext geometry, vec3 specularColor ) {\n\tvec3 N = geometry.normal;\n\tvec3 V = geometry.viewDir;\n\tvec3 H = normalize( V + L );\n\tfloat dotNH = saturate( dot( N, H ) );\n\treturn specularColor * D_Charlie( roughness, dotNH ) * V_Neubelt( dot(N, V), dot(N, L) );\n}\n#endif";
+
+                       var bumpmap_pars_fragment = "#ifdef USE_BUMPMAP\n\tuniform sampler2D bumpMap;\n\tuniform float bumpScale;\n\tvec2 dHdxy_fwd() {\n\t\tvec2 dSTdx = dFdx( vUv );\n\t\tvec2 dSTdy = dFdy( vUv );\n\t\tfloat Hll = bumpScale * texture2D( bumpMap, vUv ).x;\n\t\tfloat dBx = bumpScale * texture2D( bumpMap, vUv + dSTdx ).x - Hll;\n\t\tfloat dBy = bumpScale * texture2D( bumpMap, vUv + dSTdy ).x - Hll;\n\t\treturn vec2( dBx, dBy );\n\t}\n\tvec3 perturbNormalArb( vec3 surf_pos, vec3 surf_norm, vec2 dHdxy, float faceDirection ) {\n\t\tvec3 vSigmaX = vec3( dFdx( surf_pos.x ), dFdx( surf_pos.y ), dFdx( surf_pos.z ) );\n\t\tvec3 vSigmaY = vec3( dFdy( surf_pos.x ), dFdy( surf_pos.y ), dFdy( surf_pos.z ) );\n\t\tvec3 vN = surf_norm;\n\t\tvec3 R1 = cross( vSigmaY, vN );\n\t\tvec3 R2 = cross( vN, vSigmaX );\n\t\tfloat fDet = dot( vSigmaX, R1 ) * faceDirection;\n\t\tvec3 vGrad = sign( fDet ) * ( dHdxy.x * R1 + dHdxy.y * R2 );\n\t\treturn normalize( abs( fDet ) * surf_norm - vGrad );\n\t}\n#endif";
+
+                       var clipping_planes_fragment = "#if NUM_CLIPPING_PLANES > 0\n\tvec4 plane;\n\t#pragma unroll_loop_start\n\tfor ( int i = 0; i < UNION_CLIPPING_PLANES; i ++ ) {\n\t\tplane = clippingPlanes[ i ];\n\t\tif ( dot( vClipPosition, plane.xyz ) > plane.w ) discard;\n\t}\n\t#pragma unroll_loop_end\n\t#if UNION_CLIPPING_PLANES < NUM_CLIPPING_PLANES\n\t\tbool clipped = true;\n\t\t#pragma unroll_loop_start\n\t\tfor ( int i = UNION_CLIPPING_PLANES; i < NUM_CLIPPING_PLANES; i ++ ) {\n\t\t\tplane = clippingPlanes[ i ];\n\t\t\tclipped = ( dot( vClipPosition, plane.xyz ) > plane.w ) && clipped;\n\t\t}\n\t\t#pragma unroll_loop_end\n\t\tif ( clipped ) discard;\n\t#endif\n#endif";
+
+                       var clipping_planes_pars_fragment = "#if NUM_CLIPPING_PLANES > 0\n\tvarying vec3 vClipPosition;\n\tuniform vec4 clippingPlanes[ NUM_CLIPPING_PLANES ];\n#endif";
+
+                       var clipping_planes_pars_vertex = "#if NUM_CLIPPING_PLANES > 0\n\tvarying vec3 vClipPosition;\n#endif";
+
+                       var clipping_planes_vertex = "#if NUM_CLIPPING_PLANES > 0\n\tvClipPosition = - mvPosition.xyz;\n#endif";
+
+                       var color_fragment = "#if defined( USE_COLOR_ALPHA )\n\tdiffuseColor *= vColor;\n#elif defined( USE_COLOR )\n\tdiffuseColor.rgb *= vColor;\n#endif";
+
+                       var color_pars_fragment = "#if defined( USE_COLOR_ALPHA )\n\tvarying vec4 vColor;\n#elif defined( USE_COLOR )\n\tvarying vec3 vColor;\n#endif";
+
+                       var color_pars_vertex = "#if defined( USE_COLOR_ALPHA )\n\tvarying vec4 vColor;\n#elif defined( USE_COLOR ) || defined( USE_INSTANCING_COLOR )\n\tvarying vec3 vColor;\n#endif";
+
+                       var color_vertex = "#if defined( USE_COLOR_ALPHA )\n\tvColor = vec4( 1.0 );\n#elif defined( USE_COLOR ) || defined( USE_INSTANCING_COLOR )\n\tvColor = vec3( 1.0 );\n#endif\n#ifdef USE_COLOR\n\tvColor *= color;\n#endif\n#ifdef USE_INSTANCING_COLOR\n\tvColor.xyz *= instanceColor.xyz;\n#endif";
+
+                       var common = "#define PI 3.141592653589793\n#define PI2 6.283185307179586\n#define PI_HALF 1.5707963267948966\n#define RECIPROCAL_PI 0.3183098861837907\n#define RECIPROCAL_PI2 0.15915494309189535\n#define EPSILON 1e-6\n#ifndef saturate\n#define saturate( a ) clamp( a, 0.0, 1.0 )\n#endif\n#define whiteComplement( a ) ( 1.0 - saturate( a ) )\nfloat pow2( const in float x ) { return x*x; }\nfloat pow3( const in float x ) { return x*x*x; }\nfloat pow4( const in float x ) { float x2 = x*x; return x2*x2; }\nfloat max3( const in vec3 v ) { return max( max( v.x, v.y ), v.z ); }\nfloat average( const in vec3 color ) { return dot( color, vec3( 0.3333 ) ); }\nhighp float rand( const in vec2 uv ) {\n\tconst highp float a = 12.9898, b = 78.233, c = 43758.5453;\n\thighp float dt = dot( uv.xy, vec2( a,b ) ), sn = mod( dt, PI );\n\treturn fract( sin( sn ) * c );\n}\n#ifdef HIGH_PRECISION\n\tfloat precisionSafeLength( vec3 v ) { return length( v ); }\n#else\n\tfloat precisionSafeLength( vec3 v ) {\n\t\tfloat maxComponent = max3( abs( v ) );\n\t\treturn length( v / maxComponent ) * maxComponent;\n\t}\n#endif\nstruct IncidentLight {\n\tvec3 color;\n\tvec3 direction;\n\tbool visible;\n};\nstruct ReflectedLight {\n\tvec3 directDiffuse;\n\tvec3 directSpecular;\n\tvec3 indirectDiffuse;\n\tvec3 indirectSpecular;\n};\nstruct GeometricContext {\n\tvec3 position;\n\tvec3 normal;\n\tvec3 viewDir;\n#ifdef USE_CLEARCOAT\n\tvec3 clearcoatNormal;\n#endif\n};\nvec3 transformDirection( in vec3 dir, in mat4 matrix ) {\n\treturn normalize( ( matrix * vec4( dir, 0.0 ) ).xyz );\n}\nvec3 inverseTransformDirection( in vec3 dir, in mat4 matrix ) {\n\treturn normalize( ( vec4( dir, 0.0 ) * matrix ).xyz );\n}\nmat3 transposeMat3( const in mat3 m ) {\n\tmat3 tmp;\n\ttmp[ 0 ] = vec3( m[ 0 ].x, m[ 1 ].x, m[ 2 ].x );\n\ttmp[ 1 ] = vec3( m[ 0 ].y, m[ 1 ].y, m[ 2 ].y );\n\ttmp[ 2 ] = vec3( m[ 0 ].z, m[ 1 ].z, m[ 2 ].z );\n\treturn tmp;\n}\nfloat linearToRelativeLuminance( const in vec3 color ) {\n\tvec3 weights = vec3( 0.2126, 0.7152, 0.0722 );\n\treturn dot( weights, color.rgb );\n}\nbool isPerspectiveMatrix( mat4 m ) {\n\treturn m[ 2 ][ 3 ] == - 1.0;\n}\nvec2 equirectUv( in vec3 dir ) {\n\tfloat u = atan( dir.z, dir.x ) * RECIPROCAL_PI2 + 0.5;\n\tfloat v = asin( clamp( dir.y, - 1.0, 1.0 ) ) * RECIPROCAL_PI + 0.5;\n\treturn vec2( u, v );\n}";
+
+                       var cube_uv_reflection_fragment = "#ifdef ENVMAP_TYPE_CUBE_UV\n\t#define cubeUV_maxMipLevel 8.0\n\t#define cubeUV_minMipLevel 4.0\n\t#define cubeUV_maxTileSize 256.0\n\t#define cubeUV_minTileSize 16.0\n\tfloat getFace( vec3 direction ) {\n\t\tvec3 absDirection = abs( direction );\n\t\tfloat face = - 1.0;\n\t\tif ( absDirection.x > absDirection.z ) {\n\t\t\tif ( absDirection.x > absDirection.y )\n\t\t\t\tface = direction.x > 0.0 ? 0.0 : 3.0;\n\t\t\telse\n\t\t\t\tface = direction.y > 0.0 ? 1.0 : 4.0;\n\t\t} else {\n\t\t\tif ( absDirection.z > absDirection.y )\n\t\t\t\tface = direction.z > 0.0 ? 2.0 : 5.0;\n\t\t\telse\n\t\t\t\tface = direction.y > 0.0 ? 1.0 : 4.0;\n\t\t}\n\t\treturn face;\n\t}\n\tvec2 getUV( vec3 direction, float face ) {\n\t\tvec2 uv;\n\t\tif ( face == 0.0 ) {\n\t\t\tuv = vec2( direction.z, direction.y ) / abs( direction.x );\n\t\t} else if ( face == 1.0 ) {\n\t\t\tuv = vec2( - direction.x, - direction.z ) / abs( direction.y );\n\t\t} else if ( face == 2.0 ) {\n\t\t\tuv = vec2( - direction.x, direction.y ) / abs( direction.z );\n\t\t} else if ( face == 3.0 ) {\n\t\t\tuv = vec2( - direction.z, direction.y ) / abs( direction.x );\n\t\t} else if ( face == 4.0 ) {\n\t\t\tuv = vec2( - direction.x, direction.z ) / abs( direction.y );\n\t\t} else {\n\t\t\tuv = vec2( direction.x, direction.y ) / abs( direction.z );\n\t\t}\n\t\treturn 0.5 * ( uv + 1.0 );\n\t}\n\tvec3 bilinearCubeUV( sampler2D envMap, vec3 direction, float mipInt ) {\n\t\tfloat face = getFace( direction );\n\t\tfloat filterInt = max( cubeUV_minMipLevel - mipInt, 0.0 );\n\t\tmipInt = max( mipInt, cubeUV_minMipLevel );\n\t\tfloat faceSize = exp2( mipInt );\n\t\tfloat texelSize = 1.0 / ( 3.0 * cubeUV_maxTileSize );\n\t\tvec2 uv = getUV( direction, face ) * ( faceSize - 1.0 );\n\t\tvec2 f = fract( uv );\n\t\tuv += 0.5 - f;\n\t\tif ( face > 2.0 ) {\n\t\t\tuv.y += faceSize;\n\t\t\tface -= 3.0;\n\t\t}\n\t\tuv.x += face * faceSize;\n\t\tif ( mipInt < cubeUV_maxMipLevel ) {\n\t\t\tuv.y += 2.0 * cubeUV_maxTileSize;\n\t\t}\n\t\tuv.y += filterInt * 2.0 * cubeUV_minTileSize;\n\t\tuv.x += 3.0 * max( 0.0, cubeUV_maxTileSize - 2.0 * faceSize );\n\t\tuv *= texelSize;\n\t\tvec3 tl = envMapTexelToLinear( texture2D( envMap, uv ) ).rgb;\n\t\tuv.x += texelSize;\n\t\tvec3 tr = envMapTexelToLinear( texture2D( envMap, uv ) ).rgb;\n\t\tuv.y += texelSize;\n\t\tvec3 br = envMapTexelToLinear( texture2D( envMap, uv ) ).rgb;\n\t\tuv.x -= texelSize;\n\t\tvec3 bl = envMapTexelToLinear( texture2D( envMap, uv ) ).rgb;\n\t\tvec3 tm = mix( tl, tr, f.x );\n\t\tvec3 bm = mix( bl, br, f.x );\n\t\treturn mix( tm, bm, f.y );\n\t}\n\t#define r0 1.0\n\t#define v0 0.339\n\t#define m0 - 2.0\n\t#define r1 0.8\n\t#define v1 0.276\n\t#define m1 - 1.0\n\t#define r4 0.4\n\t#define v4 0.046\n\t#define m4 2.0\n\t#define r5 0.305\n\t#define v5 0.016\n\t#define m5 3.0\n\t#define r6 0.21\n\t#define v6 0.0038\n\t#define m6 4.0\n\tfloat roughnessToMip( float roughness ) {\n\t\tfloat mip = 0.0;\n\t\tif ( roughness >= r1 ) {\n\t\t\tmip = ( r0 - roughness ) * ( m1 - m0 ) / ( r0 - r1 ) + m0;\n\t\t} else if ( roughness >= r4 ) {\n\t\t\tmip = ( r1 - roughness ) * ( m4 - m1 ) / ( r1 - r4 ) + m1;\n\t\t} else if ( roughness >= r5 ) {\n\t\t\tmip = ( r4 - roughness ) * ( m5 - m4 ) / ( r4 - r5 ) + m4;\n\t\t} else if ( roughness >= r6 ) {\n\t\t\tmip = ( r5 - roughness ) * ( m6 - m5 ) / ( r5 - r6 ) + m5;\n\t\t} else {\n\t\t\tmip = - 2.0 * log2( 1.16 * roughness );\t\t}\n\t\treturn mip;\n\t}\n\tvec4 textureCubeUV( sampler2D envMap, vec3 sampleDir, float roughness ) {\n\t\tfloat mip = clamp( roughnessToMip( roughness ), m0, cubeUV_maxMipLevel );\n\t\tfloat mipF = fract( mip );\n\t\tfloat mipInt = floor( mip );\n\t\tvec3 color0 = bilinearCubeUV( envMap, sampleDir, mipInt );\n\t\tif ( mipF == 0.0 ) {\n\t\t\treturn vec4( color0, 1.0 );\n\t\t} else {\n\t\t\tvec3 color1 = bilinearCubeUV( envMap, sampleDir, mipInt + 1.0 );\n\t\t\treturn vec4( mix( color0, color1, mipF ), 1.0 );\n\t\t}\n\t}\n#endif";
+
+                       var defaultnormal_vertex = "vec3 transformedNormal = objectNormal;\n#ifdef USE_INSTANCING\n\tmat3 m = mat3( instanceMatrix );\n\ttransformedNormal /= vec3( dot( m[ 0 ], m[ 0 ] ), dot( m[ 1 ], m[ 1 ] ), dot( m[ 2 ], m[ 2 ] ) );\n\ttransformedNormal = m * transformedNormal;\n#endif\ntransformedNormal = normalMatrix * transformedNormal;\n#ifdef FLIP_SIDED\n\ttransformedNormal = - transformedNormal;\n#endif\n#ifdef USE_TANGENT\n\tvec3 transformedTangent = ( modelViewMatrix * vec4( objectTangent, 0.0 ) ).xyz;\n\t#ifdef FLIP_SIDED\n\t\ttransformedTangent = - transformedTangent;\n\t#endif\n#endif";
+
+                       var displacementmap_pars_vertex = "#ifdef USE_DISPLACEMENTMAP\n\tuniform sampler2D displacementMap;\n\tuniform float displacementScale;\n\tuniform float displacementBias;\n#endif";
+
+                       var displacementmap_vertex = "#ifdef USE_DISPLACEMENTMAP\n\ttransformed += normalize( objectNormal ) * ( texture2D( displacementMap, vUv ).x * displacementScale + displacementBias );\n#endif";
+
+                       var emissivemap_fragment = "#ifdef USE_EMISSIVEMAP\n\tvec4 emissiveColor = texture2D( emissiveMap, vUv );\n\temissiveColor.rgb = emissiveMapTexelToLinear( emissiveColor ).rgb;\n\ttotalEmissiveRadiance *= emissiveColor.rgb;\n#endif";
+
+                       var emissivemap_pars_fragment = "#ifdef USE_EMISSIVEMAP\n\tuniform sampler2D emissiveMap;\n#endif";
+
+                       var encodings_fragment = "gl_FragColor = linearToOutputTexel( gl_FragColor );";
+
+                       var encodings_pars_fragment = "\nvec4 LinearToLinear( in vec4 value ) {\n\treturn value;\n}\nvec4 GammaToLinear( in vec4 value, in float gammaFactor ) {\n\treturn vec4( pow( value.rgb, vec3( gammaFactor ) ), value.a );\n}\nvec4 LinearToGamma( in vec4 value, in float gammaFactor ) {\n\treturn vec4( pow( value.rgb, vec3( 1.0 / gammaFactor ) ), value.a );\n}\nvec4 sRGBToLinear( in vec4 value ) {\n\treturn vec4( mix( pow( value.rgb * 0.9478672986 + vec3( 0.0521327014 ), vec3( 2.4 ) ), value.rgb * 0.0773993808, vec3( lessThanEqual( value.rgb, vec3( 0.04045 ) ) ) ), value.a );\n}\nvec4 LinearTosRGB( in vec4 value ) {\n\treturn vec4( mix( pow( value.rgb, vec3( 0.41666 ) ) * 1.055 - vec3( 0.055 ), value.rgb * 12.92, vec3( lessThanEqual( value.rgb, vec3( 0.0031308 ) ) ) ), value.a );\n}\nvec4 RGBEToLinear( in vec4 value ) {\n\treturn vec4( value.rgb * exp2( value.a * 255.0 - 128.0 ), 1.0 );\n}\nvec4 LinearToRGBE( in vec4 value ) {\n\tfloat maxComponent = max( max( value.r, value.g ), value.b );\n\tfloat fExp = clamp( ceil( log2( maxComponent ) ), -128.0, 127.0 );\n\treturn vec4( value.rgb / exp2( fExp ), ( fExp + 128.0 ) / 255.0 );\n}\nvec4 RGBMToLinear( in vec4 value, in float maxRange ) {\n\treturn vec4( value.rgb * value.a * maxRange, 1.0 );\n}\nvec4 LinearToRGBM( in vec4 value, in float maxRange ) {\n\tfloat maxRGB = max( value.r, max( value.g, value.b ) );\n\tfloat M = clamp( maxRGB / maxRange, 0.0, 1.0 );\n\tM = ceil( M * 255.0 ) / 255.0;\n\treturn vec4( value.rgb / ( M * maxRange ), M );\n}\nvec4 RGBDToLinear( in vec4 value, in float maxRange ) {\n\treturn vec4( value.rgb * ( ( maxRange / 255.0 ) / value.a ), 1.0 );\n}\nvec4 LinearToRGBD( in vec4 value, in float maxRange ) {\n\tfloat maxRGB = max( value.r, max( value.g, value.b ) );\n\tfloat D = max( maxRange / maxRGB, 1.0 );\n\tD = clamp( floor( D ) / 255.0, 0.0, 1.0 );\n\treturn vec4( value.rgb * ( D * ( 255.0 / maxRange ) ), D );\n}\nconst mat3 cLogLuvM = mat3( 0.2209, 0.3390, 0.4184, 0.1138, 0.6780, 0.7319, 0.0102, 0.1130, 0.2969 );\nvec4 LinearToLogLuv( in vec4 value ) {\n\tvec3 Xp_Y_XYZp = cLogLuvM * value.rgb;\n\tXp_Y_XYZp = max( Xp_Y_XYZp, vec3( 1e-6, 1e-6, 1e-6 ) );\n\tvec4 vResult;\n\tvResult.xy = Xp_Y_XYZp.xy / Xp_Y_XYZp.z;\n\tfloat Le = 2.0 * log2(Xp_Y_XYZp.y) + 127.0;\n\tvResult.w = fract( Le );\n\tvResult.z = ( Le - ( floor( vResult.w * 255.0 ) ) / 255.0 ) / 255.0;\n\treturn vResult;\n}\nconst mat3 cLogLuvInverseM = mat3( 6.0014, -2.7008, -1.7996, -1.3320, 3.1029, -5.7721, 0.3008, -1.0882, 5.6268 );\nvec4 LogLuvToLinear( in vec4 value ) {\n\tfloat Le = value.z * 255.0 + value.w;\n\tvec3 Xp_Y_XYZp;\n\tXp_Y_XYZp.y = exp2( ( Le - 127.0 ) / 2.0 );\n\tXp_Y_XYZp.z = Xp_Y_XYZp.y / value.y;\n\tXp_Y_XYZp.x = value.x * Xp_Y_XYZp.z;\n\tvec3 vRGB = cLogLuvInverseM * Xp_Y_XYZp.rgb;\n\treturn vec4( max( vRGB, 0.0 ), 1.0 );\n}";
+
+                       var envmap_fragment = "#ifdef USE_ENVMAP\n\t#ifdef ENV_WORLDPOS\n\t\tvec3 cameraToFrag;\n\t\tif ( isOrthographic ) {\n\t\t\tcameraToFrag = normalize( vec3( - viewMatrix[ 0 ][ 2 ], - viewMatrix[ 1 ][ 2 ], - viewMatrix[ 2 ][ 2 ] ) );\n\t\t} else {\n\t\t\tcameraToFrag = normalize( vWorldPosition - cameraPosition );\n\t\t}\n\t\tvec3 worldNormal = inverseTransformDirection( normal, viewMatrix );\n\t\t#ifdef ENVMAP_MODE_REFLECTION\n\t\t\tvec3 reflectVec = reflect( cameraToFrag, worldNormal );\n\t\t#else\n\t\t\tvec3 reflectVec = refract( cameraToFrag, worldNormal, refractionRatio );\n\t\t#endif\n\t#else\n\t\tvec3 reflectVec = vReflect;\n\t#endif\n\t#ifdef ENVMAP_TYPE_CUBE\n\t\tvec4 envColor = textureCube( envMap, vec3( flipEnvMap * reflectVec.x, reflectVec.yz ) );\n\t\tenvColor = envMapTexelToLinear( envColor );\n\t#elif defined( ENVMAP_TYPE_CUBE_UV )\n\t\tvec4 envColor = textureCubeUV( envMap, reflectVec, 0.0 );\n\t#else\n\t\tvec4 envColor = vec4( 0.0 );\n\t#endif\n\t#ifdef ENVMAP_BLENDING_MULTIPLY\n\t\toutgoingLight = mix( outgoingLight, outgoingLight * envColor.xyz, specularStrength * reflectivity );\n\t#elif defined( ENVMAP_BLENDING_MIX )\n\t\toutgoingLight = mix( outgoingLight, envColor.xyz, specularStrength * reflectivity );\n\t#elif defined( ENVMAP_BLENDING_ADD )\n\t\toutgoingLight += envColor.xyz * specularStrength * reflectivity;\n\t#endif\n#endif";
+
+                       var envmap_common_pars_fragment = "#ifdef USE_ENVMAP\n\tuniform float envMapIntensity;\n\tuniform float flipEnvMap;\n\tuniform int maxMipLevel;\n\t#ifdef ENVMAP_TYPE_CUBE\n\t\tuniform samplerCube envMap;\n\t#else\n\t\tuniform sampler2D envMap;\n\t#endif\n\t\n#endif";
+
+                       var envmap_pars_fragment = "#ifdef USE_ENVMAP\n\tuniform float reflectivity;\n\t#if defined( USE_BUMPMAP ) || defined( USE_NORMALMAP ) || defined( PHONG )\n\t\t#define ENV_WORLDPOS\n\t#endif\n\t#ifdef ENV_WORLDPOS\n\t\tvarying vec3 vWorldPosition;\n\t\tuniform float refractionRatio;\n\t#else\n\t\tvarying vec3 vReflect;\n\t#endif\n#endif";
+
+                       var envmap_pars_vertex = "#ifdef USE_ENVMAP\n\t#if defined( USE_BUMPMAP ) || defined( USE_NORMALMAP ) ||defined( PHONG )\n\t\t#define ENV_WORLDPOS\n\t#endif\n\t#ifdef ENV_WORLDPOS\n\t\t\n\t\tvarying vec3 vWorldPosition;\n\t#else\n\t\tvarying vec3 vReflect;\n\t\tuniform float refractionRatio;\n\t#endif\n#endif";
+
+                       var envmap_vertex = "#ifdef USE_ENVMAP\n\t#ifdef ENV_WORLDPOS\n\t\tvWorldPosition = worldPosition.xyz;\n\t#else\n\t\tvec3 cameraToVertex;\n\t\tif ( isOrthographic ) {\n\t\t\tcameraToVertex = normalize( vec3( - viewMatrix[ 0 ][ 2 ], - viewMatrix[ 1 ][ 2 ], - viewMatrix[ 2 ][ 2 ] ) );\n\t\t} else {\n\t\t\tcameraToVertex = normalize( worldPosition.xyz - cameraPosition );\n\t\t}\n\t\tvec3 worldNormal = inverseTransformDirection( transformedNormal, viewMatrix );\n\t\t#ifdef ENVMAP_MODE_REFLECTION\n\t\t\tvReflect = reflect( cameraToVertex, worldNormal );\n\t\t#else\n\t\t\tvReflect = refract( cameraToVertex, worldNormal, refractionRatio );\n\t\t#endif\n\t#endif\n#endif";
+
+                       var fog_vertex = "#ifdef USE_FOG\n\tvFogDepth = - mvPosition.z;\n#endif";
+
+                       var fog_pars_vertex = "#ifdef USE_FOG\n\tvarying float vFogDepth;\n#endif";
+
+                       var fog_fragment = "#ifdef USE_FOG\n\t#ifdef FOG_EXP2\n\t\tfloat fogFactor = 1.0 - exp( - fogDensity * fogDensity * vFogDepth * vFogDepth );\n\t#else\n\t\tfloat fogFactor = smoothstep( fogNear, fogFar, vFogDepth );\n\t#endif\n\tgl_FragColor.rgb = mix( gl_FragColor.rgb, fogColor, fogFactor );\n#endif";
+
+                       var fog_pars_fragment = "#ifdef USE_FOG\n\tuniform vec3 fogColor;\n\tvarying float vFogDepth;\n\t#ifdef FOG_EXP2\n\t\tuniform float fogDensity;\n\t#else\n\t\tuniform float fogNear;\n\t\tuniform float fogFar;\n\t#endif\n#endif";
+
+                       var gradientmap_pars_fragment = "#ifdef USE_GRADIENTMAP\n\tuniform sampler2D gradientMap;\n#endif\nvec3 getGradientIrradiance( vec3 normal, vec3 lightDirection ) {\n\tfloat dotNL = dot( normal, lightDirection );\n\tvec2 coord = vec2( dotNL * 0.5 + 0.5, 0.0 );\n\t#ifdef USE_GRADIENTMAP\n\t\treturn texture2D( gradientMap, coord ).rgb;\n\t#else\n\t\treturn ( coord.x < 0.7 ) ? vec3( 0.7 ) : vec3( 1.0 );\n\t#endif\n}";
+
+                       var lightmap_fragment = "#ifdef USE_LIGHTMAP\n\tvec4 lightMapTexel = texture2D( lightMap, vUv2 );\n\tvec3 lightMapIrradiance = lightMapTexelToLinear( lightMapTexel ).rgb * lightMapIntensity;\n\t#ifndef PHYSICALLY_CORRECT_LIGHTS\n\t\tlightMapIrradiance *= PI;\n\t#endif\n\treflectedLight.indirectDiffuse += lightMapIrradiance;\n#endif";
+
+                       var lightmap_pars_fragment = "#ifdef USE_LIGHTMAP\n\tuniform sampler2D lightMap;\n\tuniform float lightMapIntensity;\n#endif";
+
+                       var lights_lambert_vertex = "vec3 diffuse = vec3( 1.0 );\nGeometricContext geometry;\ngeometry.position = mvPosition.xyz;\ngeometry.normal = normalize( transformedNormal );\ngeometry.viewDir = ( isOrthographic ) ? vec3( 0, 0, 1 ) : normalize( -mvPosition.xyz );\nGeometricContext backGeometry;\nbackGeometry.position = geometry.position;\nbackGeometry.normal = -geometry.normal;\nbackGeometry.viewDir = geometry.viewDir;\nvLightFront = vec3( 0.0 );\nvIndirectFront = vec3( 0.0 );\n#ifdef DOUBLE_SIDED\n\tvLightBack = vec3( 0.0 );\n\tvIndirectBack = vec3( 0.0 );\n#endif\nIncidentLight directLight;\nfloat dotNL;\nvec3 directLightColor_Diffuse;\nvIndirectFront += getAmbientLightIrradiance( ambientLightColor );\nvIndirectFront += getLightProbeIrradiance( lightProbe, geometry );\n#ifdef DOUBLE_SIDED\n\tvIndirectBack += getAmbientLightIrradiance( ambientLightColor );\n\tvIndirectBack += getLightProbeIrradiance( lightProbe, backGeometry );\n#endif\n#if NUM_POINT_LIGHTS > 0\n\t#pragma unroll_loop_start\n\tfor ( int i = 0; i < NUM_POINT_LIGHTS; i ++ ) {\n\t\tgetPointLightInfo( pointLights[ i ], geometry, directLight );\n\t\tdotNL = dot( geometry.normal, directLight.direction );\n\t\tdirectLightColor_Diffuse = directLight.color;\n\t\tvLightFront += saturate( dotNL ) * directLightColor_Diffuse;\n\t\t#ifdef DOUBLE_SIDED\n\t\t\tvLightBack += saturate( - dotNL ) * directLightColor_Diffuse;\n\t\t#endif\n\t}\n\t#pragma unroll_loop_end\n#endif\n#if NUM_SPOT_LIGHTS > 0\n\t#pragma unroll_loop_start\n\tfor ( int i = 0; i < NUM_SPOT_LIGHTS; i ++ ) {\n\t\tgetSpotLightInfo( spotLights[ i ], geometry, directLight );\n\t\tdotNL = dot( geometry.normal, directLight.direction );\n\t\tdirectLightColor_Diffuse = directLight.color;\n\t\tvLightFront += saturate( dotNL ) * directLightColor_Diffuse;\n\t\t#ifdef DOUBLE_SIDED\n\t\t\tvLightBack += saturate( - dotNL ) * directLightColor_Diffuse;\n\t\t#endif\n\t}\n\t#pragma unroll_loop_end\n#endif\n#if NUM_DIR_LIGHTS > 0\n\t#pragma unroll_loop_start\n\tfor ( int i = 0; i < NUM_DIR_LIGHTS; i ++ ) {\n\t\tgetDirectionalLightInfo( directionalLights[ i ], geometry, directLight );\n\t\tdotNL = dot( geometry.normal, directLight.direction );\n\t\tdirectLightColor_Diffuse = directLight.color;\n\t\tvLightFront += saturate( dotNL ) * directLightColor_Diffuse;\n\t\t#ifdef DOUBLE_SIDED\n\t\t\tvLightBack += saturate( - dotNL ) * directLightColor_Diffuse;\n\t\t#endif\n\t}\n\t#pragma unroll_loop_end\n#endif\n#if NUM_HEMI_LIGHTS > 0\n\t#pragma unroll_loop_start\n\tfor ( int i = 0; i < NUM_HEMI_LIGHTS; i ++ ) {\n\t\tvIndirectFront += getHemisphereLightIrradiance( hemisphereLights[ i ], geometry );\n\t\t#ifdef DOUBLE_SIDED\n\t\t\tvIndirectBack += getHemisphereLightIrradiance( hemisphereLights[ i ], backGeometry );\n\t\t#endif\n\t}\n\t#pragma unroll_loop_end\n#endif";
+
+                       var lights_pars_begin = "uniform bool receiveShadow;\nuniform vec3 ambientLightColor;\nuniform vec3 lightProbe[ 9 ];\nvec3 shGetIrradianceAt( in vec3 normal, in vec3 shCoefficients[ 9 ] ) {\n\tfloat x = normal.x, y = normal.y, z = normal.z;\n\tvec3 result = shCoefficients[ 0 ] * 0.886227;\n\tresult += shCoefficients[ 1 ] * 2.0 * 0.511664 * y;\n\tresult += shCoefficients[ 2 ] * 2.0 * 0.511664 * z;\n\tresult += shCoefficients[ 3 ] * 2.0 * 0.511664 * x;\n\tresult += shCoefficients[ 4 ] * 2.0 * 0.429043 * x * y;\n\tresult += shCoefficients[ 5 ] * 2.0 * 0.429043 * y * z;\n\tresult += shCoefficients[ 6 ] * ( 0.743125 * z * z - 0.247708 );\n\tresult += shCoefficients[ 7 ] * 2.0 * 0.429043 * x * z;\n\tresult += shCoefficients[ 8 ] * 0.429043 * ( x * x - y * y );\n\treturn result;\n}\nvec3 getLightProbeIrradiance( const in vec3 lightProbe[ 9 ], const in GeometricContext geometry ) {\n\tvec3 worldNormal = inverseTransformDirection( geometry.normal, viewMatrix );\n\tvec3 irradiance = shGetIrradianceAt( worldNormal, lightProbe );\n\treturn irradiance;\n}\nvec3 getAmbientLightIrradiance( const in vec3 ambientLightColor ) {\n\tvec3 irradiance = ambientLightColor;\n\treturn irradiance;\n}\nfloat getDistanceAttenuation( const in float lightDistance, const in float cutoffDistance, const in float decayExponent ) {\n\t#if defined ( PHYSICALLY_CORRECT_LIGHTS )\n\t\tfloat distanceFalloff = 1.0 / max( pow( lightDistance, decayExponent ), 0.01 );\n\t\tif ( cutoffDistance > 0.0 ) {\n\t\t\tdistanceFalloff *= pow2( saturate( 1.0 - pow4( lightDistance / cutoffDistance ) ) );\n\t\t}\n\t\treturn distanceFalloff;\n\t#else\n\t\tif ( cutoffDistance > 0.0 && decayExponent > 0.0 ) {\n\t\t\treturn pow( saturate( - lightDistance / cutoffDistance + 1.0 ), decayExponent );\n\t\t}\n\t\treturn 1.0;\n\t#endif\n}\nfloat getSpotAttenuation( const in float coneCosine, const in float penumbraCosine, const in float angleCosine ) {\n\treturn smoothstep( coneCosine, penumbraCosine, angleCosine );\n}\n#if NUM_DIR_LIGHTS > 0\n\tstruct DirectionalLight {\n\t\tvec3 direction;\n\t\tvec3 color;\n\t};\n\tuniform DirectionalLight directionalLights[ NUM_DIR_LIGHTS ];\n\tvoid getDirectionalLightInfo( const in DirectionalLight directionalLight, const in GeometricContext geometry, out IncidentLight light ) {\n\t\tlight.color = directionalLight.color;\n\t\tlight.direction = directionalLight.direction;\n\t\tlight.visible = true;\n\t}\n#endif\n#if NUM_POINT_LIGHTS > 0\n\tstruct PointLight {\n\t\tvec3 position;\n\t\tvec3 color;\n\t\tfloat distance;\n\t\tfloat decay;\n\t};\n\tuniform PointLight pointLights[ NUM_POINT_LIGHTS ];\n\tvoid getPointLightInfo( const in PointLight pointLight, const in GeometricContext geometry, out IncidentLight light ) {\n\t\tvec3 lVector = pointLight.position - geometry.position;\n\t\tlight.direction = normalize( lVector );\n\t\tfloat lightDistance = length( lVector );\n\t\tlight.color = pointLight.color;\n\t\tlight.color *= getDistanceAttenuation( lightDistance, pointLight.distance, pointLight.decay );\n\t\tlight.visible = ( light.color != vec3( 0.0 ) );\n\t}\n#endif\n#if NUM_SPOT_LIGHTS > 0\n\tstruct SpotLight {\n\t\tvec3 position;\n\t\tvec3 direction;\n\t\tvec3 color;\n\t\tfloat distance;\n\t\tfloat decay;\n\t\tfloat coneCos;\n\t\tfloat penumbraCos;\n\t};\n\tuniform SpotLight spotLights[ NUM_SPOT_LIGHTS ];\n\tvoid getSpotLightInfo( const in SpotLight spotLight, const in GeometricContext geometry, out IncidentLight light ) {\n\t\tvec3 lVector = spotLight.position - geometry.position;\n\t\tlight.direction = normalize( lVector );\n\t\tfloat angleCos = dot( light.direction, spotLight.direction );\n\t\tfloat spotAttenuation = getSpotAttenuation( spotLight.coneCos, spotLight.penumbraCos, angleCos );\n\t\tif ( spotAttenuation > 0.0 ) {\n\t\t\tfloat lightDistance = length( lVector );\n\t\t\tlight.color = spotLight.color * spotAttenuation;\n\t\t\tlight.color *= getDistanceAttenuation( lightDistance, spotLight.distance, spotLight.decay );\n\t\t\tlight.visible = ( light.color != vec3( 0.0 ) );\n\t\t} else {\n\t\t\tlight.color = vec3( 0.0 );\n\t\t\tlight.visible = false;\n\t\t}\n\t}\n#endif\n#if NUM_RECT_AREA_LIGHTS > 0\n\tstruct RectAreaLight {\n\t\tvec3 color;\n\t\tvec3 position;\n\t\tvec3 halfWidth;\n\t\tvec3 halfHeight;\n\t};\n\tuniform sampler2D ltc_1;\tuniform sampler2D ltc_2;\n\tuniform RectAreaLight rectAreaLights[ NUM_RECT_AREA_LIGHTS ];\n#endif\n#if NUM_HEMI_LIGHTS > 0\n\tstruct HemisphereLight {\n\t\tvec3 direction;\n\t\tvec3 skyColor;\n\t\tvec3 groundColor;\n\t};\n\tuniform HemisphereLight hemisphereLights[ NUM_HEMI_LIGHTS ];\n\tvec3 getHemisphereLightIrradiance( const in HemisphereLight hemiLight, const in GeometricContext geometry ) {\n\t\tfloat dotNL = dot( geometry.normal, hemiLight.direction );\n\t\tfloat hemiDiffuseWeight = 0.5 * dotNL + 0.5;\n\t\tvec3 irradiance = mix( hemiLight.groundColor, hemiLight.skyColor, hemiDiffuseWeight );\n\t\treturn irradiance;\n\t}\n#endif";
+
+                       var envmap_physical_pars_fragment = "#if defined( USE_ENVMAP )\n\t#ifdef ENVMAP_MODE_REFRACTION\n\t\tuniform float refractionRatio;\n\t#endif\n\tvec3 getIBLIrradiance( const in GeometricContext geometry ) {\n\t\t#if defined( ENVMAP_TYPE_CUBE_UV )\n\t\t\tvec3 worldNormal = inverseTransformDirection( geometry.normal, viewMatrix );\n\t\t\tvec4 envMapColor = textureCubeUV( envMap, worldNormal, 1.0 );\n\t\t\treturn PI * envMapColor.rgb * envMapIntensity;\n\t\t#else\n\t\t\treturn vec3( 0.0 );\n\t\t#endif\n\t}\n\tvec3 getIBLRadiance( const in vec3 viewDir, const in vec3 normal, const in float roughness ) {\n\t\t#if defined( ENVMAP_TYPE_CUBE_UV )\n\t\t\tvec3 reflectVec;\n\t\t\t#ifdef ENVMAP_MODE_REFLECTION\n\t\t\t\treflectVec = reflect( - viewDir, normal );\n\t\t\t\treflectVec = normalize( mix( reflectVec, normal, roughness * roughness) );\n\t\t\t#else\n\t\t\t\treflectVec = refract( - viewDir, normal, refractionRatio );\n\t\t\t#endif\n\t\t\treflectVec = inverseTransformDirection( reflectVec, viewMatrix );\n\t\t\tvec4 envMapColor = textureCubeUV( envMap, reflectVec, roughness );\n\t\t\treturn envMapColor.rgb * envMapIntensity;\n\t\t#else\n\t\t\treturn vec3( 0.0 );\n\t\t#endif\n\t}\n#endif";
+
+                       var lights_toon_fragment = "ToonMaterial material;\nmaterial.diffuseColor = diffuseColor.rgb;";
+
+                       var lights_toon_pars_fragment = "varying vec3 vViewPosition;\nstruct ToonMaterial {\n\tvec3 diffuseColor;\n};\nvoid RE_Direct_Toon( const in IncidentLight directLight, const in GeometricContext geometry, const in ToonMaterial material, inout ReflectedLight reflectedLight ) {\n\tvec3 irradiance = getGradientIrradiance( geometry.normal, directLight.direction ) * directLight.color;\n\treflectedLight.directDiffuse += irradiance * BRDF_Lambert( material.diffuseColor );\n}\nvoid RE_IndirectDiffuse_Toon( const in vec3 irradiance, const in GeometricContext geometry, const in ToonMaterial material, inout ReflectedLight reflectedLight ) {\n\treflectedLight.indirectDiffuse += irradiance * BRDF_Lambert( material.diffuseColor );\n}\n#define RE_Direct\t\t\t\tRE_Direct_Toon\n#define RE_IndirectDiffuse\t\tRE_IndirectDiffuse_Toon\n#define Material_LightProbeLOD( material )\t(0)";
+
+                       var lights_phong_fragment = "BlinnPhongMaterial material;\nmaterial.diffuseColor = diffuseColor.rgb;\nmaterial.specularColor = specular;\nmaterial.specularShininess = shininess;\nmaterial.specularStrength = specularStrength;";
+
+                       var lights_phong_pars_fragment = "varying vec3 vViewPosition;\nstruct BlinnPhongMaterial {\n\tvec3 diffuseColor;\n\tvec3 specularColor;\n\tfloat specularShininess;\n\tvec3 specularStrength;\n};\nvoid RE_Direct_BlinnPhong( const in IncidentLight directLight, const in GeometricContext geometry, const in BlinnPhongMaterial material, inout ReflectedLight reflectedLight ) {\n\tfloat dotNL = saturate( dot( geometry.normal, directLight.direction ) );\n\tvec3 irradiance = dotNL * directLight.color;\n\treflectedLight.directDiffuse += irradiance * BRDF_Lambert( material.diffuseColor );\n\treflectedLight.directSpecular += irradiance * BRDF_BlinnPhong( directLight, geometry, material.specularColor, material.specularShininess ) * material.specularStrength.rgb;\n}\nvoid RE_IndirectDiffuse_BlinnPhong( const in vec3 irradiance, const in GeometricContext geometry, const in BlinnPhongMaterial material, inout ReflectedLight reflectedLight ) {\n\treflectedLight.indirectDiffuse += irradiance * BRDF_Lambert( material.diffuseColor );\n}\n#define RE_Direct\t\t\t\tRE_Direct_BlinnPhong\n#define RE_IndirectDiffuse\t\tRE_IndirectDiffuse_BlinnPhong\n#define Material_LightProbeLOD( material )\t(0)";
+
+                       var lights_physical_fragment = "PhysicalMaterial material;\nmaterial.diffuseColor = diffuseColor.rgb * ( 1.0 - metalnessFactor );\nvec3 dxy = max( abs( dFdx( geometryNormal ) ), abs( dFdy( geometryNormal ) ) );\nfloat geometryRoughness = max( max( dxy.x, dxy.y ), dxy.z );\nmaterial.roughness = max( roughnessFactor, 0.0525 );material.roughness += geometryRoughness;\nmaterial.roughness = min( material.roughness, 1.0 );\n#ifdef IOR\n\t#ifdef SPECULAR\n\t\tfloat specularIntensityFactor = specularIntensity;\n\t\tvec3 specularTintFactor = specularTint;\n\t\t#ifdef USE_SPECULARINTENSITYMAP\n\t\t\tspecularIntensityFactor *= texture2D( specularIntensityMap, vUv ).a;\n\t\t#endif\n\t\t#ifdef USE_SPECULARTINTMAP\n\t\t\tspecularTintFactor *= specularTintMapTexelToLinear( texture2D( specularTintMap, vUv ) ).rgb;\n\t\t#endif\n\t\tmaterial.specularF90 = mix( specularIntensityFactor, 1.0, metalnessFactor );\n\t#else\n\t\tfloat specularIntensityFactor = 1.0;\n\t\tvec3 specularTintFactor = vec3( 1.0 );\n\t\tmaterial.specularF90 = 1.0;\n\t#endif\n\tmaterial.specularColor = mix( min( pow2( ( ior - 1.0 ) / ( ior + 1.0 ) ) * specularTintFactor, vec3( 1.0 ) ) * specularIntensityFactor, diffuseColor.rgb, metalnessFactor );\n#else\n\tmaterial.specularColor = mix( vec3( 0.04 ), diffuseColor.rgb, metalnessFactor );\n\tmaterial.specularF90 = 1.0;\n#endif\n#ifdef USE_CLEARCOAT\n\tmaterial.clearcoat = clearcoat;\n\tmaterial.clearcoatRoughness = clearcoatRoughness;\n\tmaterial.clearcoatF0 = vec3( 0.04 );\n\tmaterial.clearcoatF90 = 1.0;\n\t#ifdef USE_CLEARCOATMAP\n\t\tmaterial.clearcoat *= texture2D( clearcoatMap, vUv ).x;\n\t#endif\n\t#ifdef USE_CLEARCOAT_ROUGHNESSMAP\n\t\tmaterial.clearcoatRoughness *= texture2D( clearcoatRoughnessMap, vUv ).y;\n\t#endif\n\tmaterial.clearcoat = saturate( material.clearcoat );\tmaterial.clearcoatRoughness = max( material.clearcoatRoughness, 0.0525 );\n\tmaterial.clearcoatRoughness += geometryRoughness;\n\tmaterial.clearcoatRoughness = min( material.clearcoatRoughness, 1.0 );\n#endif\n#ifdef USE_SHEEN\n\tmaterial.sheenTint = sheenTint;\n#endif";
+
+                       var lights_physical_pars_fragment = "struct PhysicalMaterial {\n\tvec3 diffuseColor;\n\tfloat roughness;\n\tvec3 specularColor;\n\tfloat specularF90;\n\t#ifdef USE_CLEARCOAT\n\t\tfloat clearcoat;\n\t\tfloat clearcoatRoughness;\n\t\tvec3 clearcoatF0;\n\t\tfloat clearcoatF90;\n\t#endif\n\t#ifdef USE_SHEEN\n\t\tvec3 sheenTint;\n\t#endif\n};\nvec3 clearcoatSpecular = vec3( 0.0 );\nvec2 DFGApprox( const in vec3 normal, const in vec3 viewDir, const in float roughness ) {\n\tfloat dotNV = saturate( dot( normal, viewDir ) );\n\tconst vec4 c0 = vec4( - 1, - 0.0275, - 0.572, 0.022 );\n\tconst vec4 c1 = vec4( 1, 0.0425, 1.04, - 0.04 );\n\tvec4 r = roughness * c0 + c1;\n\tfloat a004 = min( r.x * r.x, exp2( - 9.28 * dotNV ) ) * r.x + r.y;\n\tvec2 fab = vec2( - 1.04, 1.04 ) * a004 + r.zw;\n\treturn fab;\n}\nvec3 EnvironmentBRDF( const in vec3 normal, const in vec3 viewDir, const in vec3 specularColor, const in float specularF90, const in float roughness ) {\n\tvec2 fab = DFGApprox( normal, viewDir, roughness );\n\treturn specularColor * fab.x + specularF90 * fab.y;\n}\nvoid computeMultiscattering( const in vec3 normal, const in vec3 viewDir, const in vec3 specularColor, const in float specularF90, const in float roughness, inout vec3 singleScatter, inout vec3 multiScatter ) {\n\tvec2 fab = DFGApprox( normal, viewDir, roughness );\n\tvec3 FssEss = specularColor * fab.x + specularF90 * fab.y;\n\tfloat Ess = fab.x + fab.y;\n\tfloat Ems = 1.0 - Ess;\n\tvec3 Favg = specularColor + ( 1.0 - specularColor ) * 0.047619;\tvec3 Fms = FssEss * Favg / ( 1.0 - Ems * Favg );\n\tsingleScatter += FssEss;\n\tmultiScatter += Fms * Ems;\n}\n#if NUM_RECT_AREA_LIGHTS > 0\n\tvoid RE_Direct_RectArea_Physical( const in RectAreaLight rectAreaLight, const in GeometricContext geometry, const in PhysicalMaterial material, inout ReflectedLight reflectedLight ) {\n\t\tvec3 normal = geometry.normal;\n\t\tvec3 viewDir = geometry.viewDir;\n\t\tvec3 position = geometry.position;\n\t\tvec3 lightPos = rectAreaLight.position;\n\t\tvec3 halfWidth = rectAreaLight.halfWidth;\n\t\tvec3 halfHeight = rectAreaLight.halfHeight;\n\t\tvec3 lightColor = rectAreaLight.color;\n\t\tfloat roughness = material.roughness;\n\t\tvec3 rectCoords[ 4 ];\n\t\trectCoords[ 0 ] = lightPos + halfWidth - halfHeight;\t\trectCoords[ 1 ] = lightPos - halfWidth - halfHeight;\n\t\trectCoords[ 2 ] = lightPos - halfWidth + halfHeight;\n\t\trectCoords[ 3 ] = lightPos + halfWidth + halfHeight;\n\t\tvec2 uv = LTC_Uv( normal, viewDir, roughness );\n\t\tvec4 t1 = texture2D( ltc_1, uv );\n\t\tvec4 t2 = texture2D( ltc_2, uv );\n\t\tmat3 mInv = mat3(\n\t\t\tvec3( t1.x, 0, t1.y ),\n\t\t\tvec3(          0, 1,           0 ),\n\t\t\tvec3( t1.z, 0, t1.w )\n\t\t);\n\t\tvec3 fresnel = ( material.specularColor * t2.x + ( vec3( 1.0 ) - material.specularColor ) * t2.y );\n\t\treflectedLight.directSpecular += lightColor * fresnel * LTC_Evaluate( normal, viewDir, position, mInv, rectCoords );\n\t\treflectedLight.directDiffuse += lightColor * material.diffuseColor * LTC_Evaluate( normal, viewDir, position, mat3( 1.0 ), rectCoords );\n\t}\n#endif\nvoid RE_Direct_Physical( const in IncidentLight directLight, const in GeometricContext geometry, const in PhysicalMaterial material, inout ReflectedLight reflectedLight ) {\n\tfloat dotNL = saturate( dot( geometry.normal, directLight.direction ) );\n\tvec3 irradiance = dotNL * directLight.color;\n\t#ifdef USE_CLEARCOAT\n\t\tfloat dotNLcc = saturate( dot( geometry.clearcoatNormal, directLight.direction ) );\n\t\tvec3 ccIrradiance = dotNLcc * directLight.color;\n\t\tclearcoatSpecular += ccIrradiance * BRDF_GGX( directLight, geometry.viewDir, geometry.clearcoatNormal, material.clearcoatF0, material.clearcoatF90, material.clearcoatRoughness );\n\t#endif\n\t#ifdef USE_SHEEN\n\t\treflectedLight.directSpecular += irradiance * BRDF_Sheen( material.roughness, directLight.direction, geometry, material.sheenTint );\n\t#else\n\t\treflectedLight.directSpecular += irradiance * BRDF_GGX( directLight, geometry.viewDir, geometry.normal, material.specularColor, material.specularF90, material.roughness );\n\t#endif\n\treflectedLight.directDiffuse += irradiance * BRDF_Lambert( material.diffuseColor );\n}\nvoid RE_IndirectDiffuse_Physical( const in vec3 irradiance, const in GeometricContext geometry, const in PhysicalMaterial material, inout ReflectedLight reflectedLight ) {\n\treflectedLight.indirectDiffuse += irradiance * BRDF_Lambert( material.diffuseColor );\n}\nvoid RE_IndirectSpecular_Physical( const in vec3 radiance, const in vec3 irradiance, const in vec3 clearcoatRadiance, const in GeometricContext geometry, const in PhysicalMaterial material, inout ReflectedLight reflectedLight) {\n\t#ifdef USE_CLEARCOAT\n\t\tclearcoatSpecular += clearcoatRadiance * EnvironmentBRDF( geometry.clearcoatNormal, geometry.viewDir, material.clearcoatF0, material.clearcoatF90, material.clearcoatRoughness );\n\t#endif\n\tvec3 singleScattering = vec3( 0.0 );\n\tvec3 multiScattering = vec3( 0.0 );\n\tvec3 cosineWeightedIrradiance = irradiance * RECIPROCAL_PI;\n\tcomputeMultiscattering( geometry.normal, geometry.viewDir, material.specularColor, material.specularF90, material.roughness, singleScattering, multiScattering );\n\tvec3 diffuse = material.diffuseColor * ( 1.0 - ( singleScattering + multiScattering ) );\n\treflectedLight.indirectSpecular += radiance * singleScattering;\n\treflectedLight.indirectSpecular += multiScattering * cosineWeightedIrradiance;\n\treflectedLight.indirectDiffuse += diffuse * cosineWeightedIrradiance;\n}\n#define RE_Direct\t\t\t\tRE_Direct_Physical\n#define RE_Direct_RectArea\t\tRE_Direct_RectArea_Physical\n#define RE_IndirectDiffuse\t\tRE_IndirectDiffuse_Physical\n#define RE_IndirectSpecular\t\tRE_IndirectSpecular_Physical\nfloat computeSpecularOcclusion( const in float dotNV, const in float ambientOcclusion, const in float roughness ) {\n\treturn saturate( pow( dotNV + ambientOcclusion, exp2( - 16.0 * roughness - 1.0 ) ) - 1.0 + ambientOcclusion );\n}";
+
+                       var lights_fragment_begin = "\nGeometricContext geometry;\ngeometry.position = - vViewPosition;\ngeometry.normal = normal;\ngeometry.viewDir = ( isOrthographic ) ? vec3( 0, 0, 1 ) : normalize( vViewPosition );\n#ifdef USE_CLEARCOAT\n\tgeometry.clearcoatNormal = clearcoatNormal;\n#endif\nIncidentLight directLight;\n#if ( NUM_POINT_LIGHTS > 0 ) && defined( RE_Direct )\n\tPointLight pointLight;\n\t#if defined( USE_SHADOWMAP ) && NUM_POINT_LIGHT_SHADOWS > 0\n\tPointLightShadow pointLightShadow;\n\t#endif\n\t#pragma unroll_loop_start\n\tfor ( int i = 0; i < NUM_POINT_LIGHTS; i ++ ) {\n\t\tpointLight = pointLights[ i ];\n\t\tgetPointLightInfo( pointLight, geometry, directLight );\n\t\t#if defined( USE_SHADOWMAP ) && ( UNROLLED_LOOP_INDEX < NUM_POINT_LIGHT_SHADOWS )\n\t\tpointLightShadow = pointLightShadows[ i ];\n\t\tdirectLight.color *= all( bvec2( directLight.visible, receiveShadow ) ) ? getPointShadow( pointShadowMap[ i ], pointLightShadow.shadowMapSize, pointLightShadow.shadowBias, pointLightShadow.shadowRadius, vPointShadowCoord[ i ], pointLightShadow.shadowCameraNear, pointLightShadow.shadowCameraFar ) : 1.0;\n\t\t#endif\n\t\tRE_Direct( directLight, geometry, material, reflectedLight );\n\t}\n\t#pragma unroll_loop_end\n#endif\n#if ( NUM_SPOT_LIGHTS > 0 ) && defined( RE_Direct )\n\tSpotLight spotLight;\n\t#if defined( USE_SHADOWMAP ) && NUM_SPOT_LIGHT_SHADOWS > 0\n\tSpotLightShadow spotLightShadow;\n\t#endif\n\t#pragma unroll_loop_start\n\tfor ( int i = 0; i < NUM_SPOT_LIGHTS; i ++ ) {\n\t\tspotLight = spotLights[ i ];\n\t\tgetSpotLightInfo( spotLight, geometry, directLight );\n\t\t#if defined( USE_SHADOWMAP ) && ( UNROLLED_LOOP_INDEX < NUM_SPOT_LIGHT_SHADOWS )\n\t\tspotLightShadow = spotLightShadows[ i ];\n\t\tdirectLight.color *= all( bvec2( directLight.visible, receiveShadow ) ) ? getShadow( spotShadowMap[ i ], spotLightShadow.shadowMapSize, spotLightShadow.shadowBias, spotLightShadow.shadowRadius, vSpotShadowCoord[ i ] ) : 1.0;\n\t\t#endif\n\t\tRE_Direct( directLight, geometry, material, reflectedLight );\n\t}\n\t#pragma unroll_loop_end\n#endif\n#if ( NUM_DIR_LIGHTS > 0 ) && defined( RE_Direct )\n\tDirectionalLight directionalLight;\n\t#if defined( USE_SHADOWMAP ) && NUM_DIR_LIGHT_SHADOWS > 0\n\tDirectionalLightShadow directionalLightShadow;\n\t#endif\n\t#pragma unroll_loop_start\n\tfor ( int i = 0; i < NUM_DIR_LIGHTS; i ++ ) {\n\t\tdirectionalLight = directionalLights[ i ];\n\t\tgetDirectionalLightInfo( directionalLight, geometry, directLight );\n\t\t#if defined( USE_SHADOWMAP ) && ( UNROLLED_LOOP_INDEX < NUM_DIR_LIGHT_SHADOWS )\n\t\tdirectionalLightShadow = directionalLightShadows[ i ];\n\t\tdirectLight.color *= all( bvec2( directLight.visible, receiveShadow ) ) ? getShadow( directionalShadowMap[ i ], directionalLightShadow.shadowMapSize, directionalLightShadow.shadowBias, directionalLightShadow.shadowRadius, vDirectionalShadowCoord[ i ] ) : 1.0;\n\t\t#endif\n\t\tRE_Direct( directLight, geometry, material, reflectedLight );\n\t}\n\t#pragma unroll_loop_end\n#endif\n#if ( NUM_RECT_AREA_LIGHTS > 0 ) && defined( RE_Direct_RectArea )\n\tRectAreaLight rectAreaLight;\n\t#pragma unroll_loop_start\n\tfor ( int i = 0; i < NUM_RECT_AREA_LIGHTS; i ++ ) {\n\t\trectAreaLight = rectAreaLights[ i ];\n\t\tRE_Direct_RectArea( rectAreaLight, geometry, material, reflectedLight );\n\t}\n\t#pragma unroll_loop_end\n#endif\n#if defined( RE_IndirectDiffuse )\n\tvec3 iblIrradiance = vec3( 0.0 );\n\tvec3 irradiance = getAmbientLightIrradiance( ambientLightColor );\n\tirradiance += getLightProbeIrradiance( lightProbe, geometry );\n\t#if ( NUM_HEMI_LIGHTS > 0 )\n\t\t#pragma unroll_loop_start\n\t\tfor ( int i = 0; i < NUM_HEMI_LIGHTS; i ++ ) {\n\t\t\tirradiance += getHemisphereLightIrradiance( hemisphereLights[ i ], geometry );\n\t\t}\n\t\t#pragma unroll_loop_end\n\t#endif\n#endif\n#if defined( RE_IndirectSpecular )\n\tvec3 radiance = vec3( 0.0 );\n\tvec3 clearcoatRadiance = vec3( 0.0 );\n#endif";
+
+                       var lights_fragment_maps = "#if defined( RE_IndirectDiffuse )\n\t#ifdef USE_LIGHTMAP\n\t\tvec4 lightMapTexel = texture2D( lightMap, vUv2 );\n\t\tvec3 lightMapIrradiance = lightMapTexelToLinear( lightMapTexel ).rgb * lightMapIntensity;\n\t\t#ifndef PHYSICALLY_CORRECT_LIGHTS\n\t\t\tlightMapIrradiance *= PI;\n\t\t#endif\n\t\tirradiance += lightMapIrradiance;\n\t#endif\n\t#if defined( USE_ENVMAP ) && defined( STANDARD ) && defined( ENVMAP_TYPE_CUBE_UV )\n\t\tiblIrradiance += getIBLIrradiance( geometry );\n\t#endif\n#endif\n#if defined( USE_ENVMAP ) && defined( RE_IndirectSpecular )\n\tradiance += getIBLRadiance( geometry.viewDir, geometry.normal, material.roughness );\n\t#ifdef USE_CLEARCOAT\n\t\tclearcoatRadiance += getIBLRadiance( geometry.viewDir, geometry.clearcoatNormal, material.clearcoatRoughness );\n\t#endif\n#endif";
+
+                       var lights_fragment_end = "#if defined( RE_IndirectDiffuse )\n\tRE_IndirectDiffuse( irradiance, geometry, material, reflectedLight );\n#endif\n#if defined( RE_IndirectSpecular )\n\tRE_IndirectSpecular( radiance, iblIrradiance, clearcoatRadiance, geometry, material, reflectedLight );\n#endif";
+
+                       var logdepthbuf_fragment = "#if defined( USE_LOGDEPTHBUF ) && defined( USE_LOGDEPTHBUF_EXT )\n\tgl_FragDepthEXT = vIsPerspective == 0.0 ? gl_FragCoord.z : log2( vFragDepth ) * logDepthBufFC * 0.5;\n#endif";
+
+                       var logdepthbuf_pars_fragment = "#if defined( USE_LOGDEPTHBUF ) && defined( USE_LOGDEPTHBUF_EXT )\n\tuniform float logDepthBufFC;\n\tvarying float vFragDepth;\n\tvarying float vIsPerspective;\n#endif";
+
+                       var logdepthbuf_pars_vertex = "#ifdef USE_LOGDEPTHBUF\n\t#ifdef USE_LOGDEPTHBUF_EXT\n\t\tvarying float vFragDepth;\n\t\tvarying float vIsPerspective;\n\t#else\n\t\tuniform float logDepthBufFC;\n\t#endif\n#endif";
+
+                       var logdepthbuf_vertex = "#ifdef USE_LOGDEPTHBUF\n\t#ifdef USE_LOGDEPTHBUF_EXT\n\t\tvFragDepth = 1.0 + gl_Position.w;\n\t\tvIsPerspective = float( isPerspectiveMatrix( projectionMatrix ) );\n\t#else\n\t\tif ( isPerspectiveMatrix( projectionMatrix ) ) {\n\t\t\tgl_Position.z = log2( max( EPSILON, gl_Position.w + 1.0 ) ) * logDepthBufFC - 1.0;\n\t\t\tgl_Position.z *= gl_Position.w;\n\t\t}\n\t#endif\n#endif";
+
+                       var map_fragment = "#ifdef USE_MAP\n\tvec4 texelColor = texture2D( map, vUv );\n\ttexelColor = mapTexelToLinear( texelColor );\n\tdiffuseColor *= texelColor;\n#endif";
+
+                       var map_pars_fragment = "#ifdef USE_MAP\n\tuniform sampler2D map;\n#endif";
+
+                       var map_particle_fragment = "#if defined( USE_MAP ) || defined( USE_ALPHAMAP )\n\tvec2 uv = ( uvTransform * vec3( gl_PointCoord.x, 1.0 - gl_PointCoord.y, 1 ) ).xy;\n#endif\n#ifdef USE_MAP\n\tvec4 mapTexel = texture2D( map, uv );\n\tdiffuseColor *= mapTexelToLinear( mapTexel );\n#endif\n#ifdef USE_ALPHAMAP\n\tdiffuseColor.a *= texture2D( alphaMap, uv ).g;\n#endif";
+
+                       var map_particle_pars_fragment = "#if defined( USE_MAP ) || defined( USE_ALPHAMAP )\n\tuniform mat3 uvTransform;\n#endif\n#ifdef USE_MAP\n\tuniform sampler2D map;\n#endif\n#ifdef USE_ALPHAMAP\n\tuniform sampler2D alphaMap;\n#endif";
+
+                       var metalnessmap_fragment = "float metalnessFactor = metalness;\n#ifdef USE_METALNESSMAP\n\tvec4 texelMetalness = texture2D( metalnessMap, vUv );\n\tmetalnessFactor *= texelMetalness.b;\n#endif";
+
+                       var metalnessmap_pars_fragment = "#ifdef USE_METALNESSMAP\n\tuniform sampler2D metalnessMap;\n#endif";
+
+                       var morphnormal_vertex = "#ifdef USE_MORPHNORMALS\n\tobjectNormal *= morphTargetBaseInfluence;\n\tobjectNormal += morphNormal0 * morphTargetInfluences[ 0 ];\n\tobjectNormal += morphNormal1 * morphTargetInfluences[ 1 ];\n\tobjectNormal += morphNormal2 * morphTargetInfluences[ 2 ];\n\tobjectNormal += morphNormal3 * morphTargetInfluences[ 3 ];\n#endif";
+
+                       var morphtarget_pars_vertex = "#ifdef USE_MORPHTARGETS\n\tuniform float morphTargetBaseInfluence;\n\t#ifndef USE_MORPHNORMALS\n\t\tuniform float morphTargetInfluences[ 8 ];\n\t#else\n\t\tuniform float morphTargetInfluences[ 4 ];\n\t#endif\n#endif";
+
+                       var morphtarget_vertex = "#ifdef USE_MORPHTARGETS\n\ttransformed *= morphTargetBaseInfluence;\n\ttransformed += morphTarget0 * morphTargetInfluences[ 0 ];\n\ttransformed += morphTarget1 * morphTargetInfluences[ 1 ];\n\ttransformed += morphTarget2 * morphTargetInfluences[ 2 ];\n\ttransformed += morphTarget3 * morphTargetInfluences[ 3 ];\n\t#ifndef USE_MORPHNORMALS\n\t\ttransformed += morphTarget4 * morphTargetInfluences[ 4 ];\n\t\ttransformed += morphTarget5 * morphTargetInfluences[ 5 ];\n\t\ttransformed += morphTarget6 * morphTargetInfluences[ 6 ];\n\t\ttransformed += morphTarget7 * morphTargetInfluences[ 7 ];\n\t#endif\n#endif";
+
+                       var normal_fragment_begin = "float faceDirection = gl_FrontFacing ? 1.0 : - 1.0;\n#ifdef FLAT_SHADED\n\tvec3 fdx = vec3( dFdx( vViewPosition.x ), dFdx( vViewPosition.y ), dFdx( vViewPosition.z ) );\n\tvec3 fdy = vec3( dFdy( vViewPosition.x ), dFdy( vViewPosition.y ), dFdy( vViewPosition.z ) );\n\tvec3 normal = normalize( cross( fdx, fdy ) );\n#else\n\tvec3 normal = normalize( vNormal );\n\t#ifdef DOUBLE_SIDED\n\t\tnormal = normal * faceDirection;\n\t#endif\n\t#ifdef USE_TANGENT\n\t\tvec3 tangent = normalize( vTangent );\n\t\tvec3 bitangent = normalize( vBitangent );\n\t\t#ifdef DOUBLE_SIDED\n\t\t\ttangent = tangent * faceDirection;\n\t\t\tbitangent = bitangent * faceDirection;\n\t\t#endif\n\t\t#if defined( TANGENTSPACE_NORMALMAP ) || defined( USE_CLEARCOAT_NORMALMAP )\n\t\t\tmat3 vTBN = mat3( tangent, bitangent, normal );\n\t\t#endif\n\t#endif\n#endif\nvec3 geometryNormal = normal;";
+
+                       var normal_fragment_maps = "#ifdef OBJECTSPACE_NORMALMAP\n\tnormal = texture2D( normalMap, vUv ).xyz * 2.0 - 1.0;\n\t#ifdef FLIP_SIDED\n\t\tnormal = - normal;\n\t#endif\n\t#ifdef DOUBLE_SIDED\n\t\tnormal = normal * faceDirection;\n\t#endif\n\tnormal = normalize( normalMatrix * normal );\n#elif defined( TANGENTSPACE_NORMALMAP )\n\tvec3 mapN = texture2D( normalMap, vUv ).xyz * 2.0 - 1.0;\n\tmapN.xy *= normalScale;\n\t#ifdef USE_TANGENT\n\t\tnormal = normalize( vTBN * mapN );\n\t#else\n\t\tnormal = perturbNormal2Arb( - vViewPosition, normal, mapN, faceDirection );\n\t#endif\n#elif defined( USE_BUMPMAP )\n\tnormal = perturbNormalArb( - vViewPosition, normal, dHdxy_fwd(), faceDirection );\n#endif";
+
+                       var normal_pars_fragment = "#ifndef FLAT_SHADED\n\tvarying vec3 vNormal;\n\t#ifdef USE_TANGENT\n\t\tvarying vec3 vTangent;\n\t\tvarying vec3 vBitangent;\n\t#endif\n#endif";
+
+                       var normal_pars_vertex = "#ifndef FLAT_SHADED\n\tvarying vec3 vNormal;\n\t#ifdef USE_TANGENT\n\t\tvarying vec3 vTangent;\n\t\tvarying vec3 vBitangent;\n\t#endif\n#endif";
+
+                       var normal_vertex = "#ifndef FLAT_SHADED\n\tvNormal = normalize( transformedNormal );\n\t#ifdef USE_TANGENT\n\t\tvTangent = normalize( transformedTangent );\n\t\tvBitangent = normalize( cross( vNormal, vTangent ) * tangent.w );\n\t#endif\n#endif";
+
+                       var normalmap_pars_fragment = "#ifdef USE_NORMALMAP\n\tuniform sampler2D normalMap;\n\tuniform vec2 normalScale;\n#endif\n#ifdef OBJECTSPACE_NORMALMAP\n\tuniform mat3 normalMatrix;\n#endif\n#if ! defined ( USE_TANGENT ) && ( defined ( TANGENTSPACE_NORMALMAP ) || defined ( USE_CLEARCOAT_NORMALMAP ) )\n\tvec3 perturbNormal2Arb( vec3 eye_pos, vec3 surf_norm, vec3 mapN, float faceDirection ) {\n\t\tvec3 q0 = vec3( dFdx( eye_pos.x ), dFdx( eye_pos.y ), dFdx( eye_pos.z ) );\n\t\tvec3 q1 = vec3( dFdy( eye_pos.x ), dFdy( eye_pos.y ), dFdy( eye_pos.z ) );\n\t\tvec2 st0 = dFdx( vUv.st );\n\t\tvec2 st1 = dFdy( vUv.st );\n\t\tvec3 N = surf_norm;\n\t\tvec3 q1perp = cross( q1, N );\n\t\tvec3 q0perp = cross( N, q0 );\n\t\tvec3 T = q1perp * st0.x + q0perp * st1.x;\n\t\tvec3 B = q1perp * st0.y + q0perp * st1.y;\n\t\tfloat det = max( dot( T, T ), dot( B, B ) );\n\t\tfloat scale = ( det == 0.0 ) ? 0.0 : faceDirection * inversesqrt( det );\n\t\treturn normalize( T * ( mapN.x * scale ) + B * ( mapN.y * scale ) + N * mapN.z );\n\t}\n#endif";
+
+                       var clearcoat_normal_fragment_begin = "#ifdef USE_CLEARCOAT\n\tvec3 clearcoatNormal = geometryNormal;\n#endif";
+
+                       var clearcoat_normal_fragment_maps = "#ifdef USE_CLEARCOAT_NORMALMAP\n\tvec3 clearcoatMapN = texture2D( clearcoatNormalMap, vUv ).xyz * 2.0 - 1.0;\n\tclearcoatMapN.xy *= clearcoatNormalScale;\n\t#ifdef USE_TANGENT\n\t\tclearcoatNormal = normalize( vTBN * clearcoatMapN );\n\t#else\n\t\tclearcoatNormal = perturbNormal2Arb( - vViewPosition, clearcoatNormal, clearcoatMapN, faceDirection );\n\t#endif\n#endif";
+
+                       var clearcoat_pars_fragment = "#ifdef USE_CLEARCOATMAP\n\tuniform sampler2D clearcoatMap;\n#endif\n#ifdef USE_CLEARCOAT_ROUGHNESSMAP\n\tuniform sampler2D clearcoatRoughnessMap;\n#endif\n#ifdef USE_CLEARCOAT_NORMALMAP\n\tuniform sampler2D clearcoatNormalMap;\n\tuniform vec2 clearcoatNormalScale;\n#endif";
+
+                       var output_fragment = "#ifdef OPAQUE\ndiffuseColor.a = 1.0;\n#endif\n#ifdef USE_TRANSMISSION\ndiffuseColor.a *= transmissionAlpha + 0.1;\n#endif\ngl_FragColor = vec4( outgoingLight, diffuseColor.a );";
+
+                       var packing = "vec3 packNormalToRGB( const in vec3 normal ) {\n\treturn normalize( normal ) * 0.5 + 0.5;\n}\nvec3 unpackRGBToNormal( const in vec3 rgb ) {\n\treturn 2.0 * rgb.xyz - 1.0;\n}\nconst float PackUpscale = 256. / 255.;const float UnpackDownscale = 255. / 256.;\nconst vec3 PackFactors = vec3( 256. * 256. * 256., 256. * 256., 256. );\nconst vec4 UnpackFactors = UnpackDownscale / vec4( PackFactors, 1. );\nconst float ShiftRight8 = 1. / 256.;\nvec4 packDepthToRGBA( const in float v ) {\n\tvec4 r = vec4( fract( v * PackFactors ), v );\n\tr.yzw -= r.xyz * ShiftRight8;\treturn r * PackUpscale;\n}\nfloat unpackRGBAToDepth( const in vec4 v ) {\n\treturn dot( v, UnpackFactors );\n}\nvec4 pack2HalfToRGBA( vec2 v ) {\n\tvec4 r = vec4( v.x, fract( v.x * 255.0 ), v.y, fract( v.y * 255.0 ) );\n\treturn vec4( r.x - r.y / 255.0, r.y, r.z - r.w / 255.0, r.w );\n}\nvec2 unpackRGBATo2Half( vec4 v ) {\n\treturn vec2( v.x + ( v.y / 255.0 ), v.z + ( v.w / 255.0 ) );\n}\nfloat viewZToOrthographicDepth( const in float viewZ, const in float near, const in float far ) {\n\treturn ( viewZ + near ) / ( near - far );\n}\nfloat orthographicDepthToViewZ( const in float linearClipZ, const in float near, const in float far ) {\n\treturn linearClipZ * ( near - far ) - near;\n}\nfloat viewZToPerspectiveDepth( const in float viewZ, const in float near, const in float far ) {\n\treturn ( ( near + viewZ ) * far ) / ( ( far - near ) * viewZ );\n}\nfloat perspectiveDepthToViewZ( const in float invClipZ, const in float near, const in float far ) {\n\treturn ( near * far ) / ( ( far - near ) * invClipZ - far );\n}";
+
+                       var premultiplied_alpha_fragment = "#ifdef PREMULTIPLIED_ALPHA\n\tgl_FragColor.rgb *= gl_FragColor.a;\n#endif";
+
+                       var project_vertex = "vec4 mvPosition = vec4( transformed, 1.0 );\n#ifdef USE_INSTANCING\n\tmvPosition = instanceMatrix * mvPosition;\n#endif\nmvPosition = modelViewMatrix * mvPosition;\ngl_Position = projectionMatrix * mvPosition;";
+
+                       var dithering_fragment = "#ifdef DITHERING\n\tgl_FragColor.rgb = dithering( gl_FragColor.rgb );\n#endif";
+
+                       var dithering_pars_fragment = "#ifdef DITHERING\n\tvec3 dithering( vec3 color ) {\n\t\tfloat grid_position = rand( gl_FragCoord.xy );\n\t\tvec3 dither_shift_RGB = vec3( 0.25 / 255.0, -0.25 / 255.0, 0.25 / 255.0 );\n\t\tdither_shift_RGB = mix( 2.0 * dither_shift_RGB, -2.0 * dither_shift_RGB, grid_position );\n\t\treturn color + dither_shift_RGB;\n\t}\n#endif";
+
+                       var roughnessmap_fragment = "float roughnessFactor = roughness;\n#ifdef USE_ROUGHNESSMAP\n\tvec4 texelRoughness = texture2D( roughnessMap, vUv );\n\troughnessFactor *= texelRoughness.g;\n#endif";
+
+                       var roughnessmap_pars_fragment = "#ifdef USE_ROUGHNESSMAP\n\tuniform sampler2D roughnessMap;\n#endif";
+
+                       var shadowmap_pars_fragment = "#ifdef USE_SHADOWMAP\n\t#if NUM_DIR_LIGHT_SHADOWS > 0\n\t\tuniform sampler2D directionalShadowMap[ NUM_DIR_LIGHT_SHADOWS ];\n\t\tvarying vec4 vDirectionalShadowCoord[ NUM_DIR_LIGHT_SHADOWS ];\n\t\tstruct DirectionalLightShadow {\n\t\t\tfloat shadowBias;\n\t\t\tfloat shadowNormalBias;\n\t\t\tfloat shadowRadius;\n\t\t\tvec2 shadowMapSize;\n\t\t};\n\t\tuniform DirectionalLightShadow directionalLightShadows[ NUM_DIR_LIGHT_SHADOWS ];\n\t#endif\n\t#if NUM_SPOT_LIGHT_SHADOWS > 0\n\t\tuniform sampler2D spotShadowMap[ NUM_SPOT_LIGHT_SHADOWS ];\n\t\tvarying vec4 vSpotShadowCoord[ NUM_SPOT_LIGHT_SHADOWS ];\n\t\tstruct SpotLightShadow {\n\t\t\tfloat shadowBias;\n\t\t\tfloat shadowNormalBias;\n\t\t\tfloat shadowRadius;\n\t\t\tvec2 shadowMapSize;\n\t\t};\n\t\tuniform SpotLightShadow spotLightShadows[ NUM_SPOT_LIGHT_SHADOWS ];\n\t#endif\n\t#if NUM_POINT_LIGHT_SHADOWS > 0\n\t\tuniform sampler2D pointShadowMap[ NUM_POINT_LIGHT_SHADOWS ];\n\t\tvarying vec4 vPointShadowCoord[ NUM_POINT_LIGHT_SHADOWS ];\n\t\tstruct PointLightShadow {\n\t\t\tfloat shadowBias;\n\t\t\tfloat shadowNormalBias;\n\t\t\tfloat shadowRadius;\n\t\t\tvec2 shadowMapSize;\n\t\t\tfloat shadowCameraNear;\n\t\t\tfloat shadowCameraFar;\n\t\t};\n\t\tuniform PointLightShadow pointLightShadows[ NUM_POINT_LIGHT_SHADOWS ];\n\t#endif\n\tfloat texture2DCompare( sampler2D depths, vec2 uv, float compare ) {\n\t\treturn step( compare, unpackRGBAToDepth( texture2D( depths, uv ) ) );\n\t}\n\tvec2 texture2DDistribution( sampler2D shadow, vec2 uv ) {\n\t\treturn unpackRGBATo2Half( texture2D( shadow, uv ) );\n\t}\n\tfloat VSMShadow (sampler2D shadow, vec2 uv, float compare ){\n\t\tfloat occlusion = 1.0;\n\t\tvec2 distribution = texture2DDistribution( shadow, uv );\n\t\tfloat hard_shadow = step( compare , distribution.x );\n\t\tif (hard_shadow != 1.0 ) {\n\t\t\tfloat distance = compare - distribution.x ;\n\t\t\tfloat variance = max( 0.00000, distribution.y * distribution.y );\n\t\t\tfloat softness_probability = variance / (variance + distance * distance );\t\t\tsoftness_probability = clamp( ( softness_probability - 0.3 ) / ( 0.95 - 0.3 ), 0.0, 1.0 );\t\t\tocclusion = clamp( max( hard_shadow, softness_probability ), 0.0, 1.0 );\n\t\t}\n\t\treturn occlusion;\n\t}\n\tfloat getShadow( sampler2D shadowMap, vec2 shadowMapSize, float shadowBias, float shadowRadius, vec4 shadowCoord ) {\n\t\tfloat shadow = 1.0;\n\t\tshadowCoord.xyz /= shadowCoord.w;\n\t\tshadowCoord.z += shadowBias;\n\t\tbvec4 inFrustumVec = bvec4 ( shadowCoord.x >= 0.0, shadowCoord.x <= 1.0, shadowCoord.y >= 0.0, shadowCoord.y <= 1.0 );\n\t\tbool inFrustum = all( inFrustumVec );\n\t\tbvec2 frustumTestVec = bvec2( inFrustum, shadowCoord.z <= 1.0 );\n\t\tbool frustumTest = all( frustumTestVec );\n\t\tif ( frustumTest ) {\n\t\t#if defined( SHADOWMAP_TYPE_PCF )\n\t\t\tvec2 texelSize = vec2( 1.0 ) / shadowMapSize;\n\t\t\tfloat dx0 = - texelSize.x * shadowRadius;\n\t\t\tfloat dy0 = - texelSize.y * shadowRadius;\n\t\t\tfloat dx1 = + texelSize.x * shadowRadius;\n\t\t\tfloat dy1 = + texelSize.y * shadowRadius;\n\t\t\tfloat dx2 = dx0 / 2.0;\n\t\t\tfloat dy2 = dy0 / 2.0;\n\t\t\tfloat dx3 = dx1 / 2.0;\n\t\t\tfloat dy3 = dy1 / 2.0;\n\t\t\tshadow = (\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( dx0, dy0 ), shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( 0.0, dy0 ), shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( dx1, dy0 ), shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( dx2, dy2 ), shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( 0.0, dy2 ), shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( dx3, dy2 ), shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( dx0, 0.0 ), shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( dx2, 0.0 ), shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy, shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( dx3, 0.0 ), shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( dx1, 0.0 ), shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( dx2, dy3 ), shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( 0.0, dy3 ), shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( dx3, dy3 ), shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( dx0, dy1 ), shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( 0.0, dy1 ), shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( dx1, dy1 ), shadowCoord.z )\n\t\t\t) * ( 1.0 / 17.0 );\n\t\t#elif defined( SHADOWMAP_TYPE_PCF_SOFT )\n\t\t\tvec2 texelSize = vec2( 1.0 ) / shadowMapSize;\n\t\t\tfloat dx = texelSize.x;\n\t\t\tfloat dy = texelSize.y;\n\t\t\tvec2 uv = shadowCoord.xy;\n\t\t\tvec2 f = fract( uv * shadowMapSize + 0.5 );\n\t\t\tuv -= f * texelSize;\n\t\t\tshadow = (\n\t\t\t\ttexture2DCompare( shadowMap, uv, shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, uv + vec2( dx, 0.0 ), shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, uv + vec2( 0.0, dy ), shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, uv + texelSize, shadowCoord.z ) +\n\t\t\t\tmix( texture2DCompare( shadowMap, uv + vec2( -dx, 0.0 ), shadowCoord.z ), \n\t\t\t\t\t texture2DCompare( shadowMap, uv + vec2( 2.0 * dx, 0.0 ), shadowCoord.z ),\n\t\t\t\t\t f.x ) +\n\t\t\t\tmix( texture2DCompare( shadowMap, uv + vec2( -dx, dy ), shadowCoord.z ), \n\t\t\t\t\t texture2DCompare( shadowMap, uv + vec2( 2.0 * dx, dy ), shadowCoord.z ),\n\t\t\t\t\t f.x ) +\n\t\t\t\tmix( texture2DCompare( shadowMap, uv + vec2( 0.0, -dy ), shadowCoord.z ), \n\t\t\t\t\t texture2DCompare( shadowMap, uv + vec2( 0.0, 2.0 * dy ), shadowCoord.z ),\n\t\t\t\t\t f.y ) +\n\t\t\t\tmix( texture2DCompare( shadowMap, uv + vec2( dx, -dy ), shadowCoord.z ), \n\t\t\t\t\t texture2DCompare( shadowMap, uv + vec2( dx, 2.0 * dy ), shadowCoord.z ),\n\t\t\t\t\t f.y ) +\n\t\t\t\tmix( mix( texture2DCompare( shadowMap, uv + vec2( -dx, -dy ), shadowCoord.z ), \n\t\t\t\t\t\t  texture2DCompare( shadowMap, uv + vec2( 2.0 * dx, -dy ), shadowCoord.z ),\n\t\t\t\t\t\t f.x ),\n\t\t\t\t\t mix( texture2DCompare( shadowMap, uv + vec2( -dx, 2.0 * dy ), shadowCoord.z ), \n\t\t\t\t\t\t        texture2DCompare( shadowMap, uv + vec2( 2.0 * dx, 2.0 * dy ), shadowCoord.z ),\n\t\t\t\t\t\t    f.x ),\n\t\t\t\t\t f.y )\n\t\t\t) * ( 1.0 / 9.0 );\n\t\t#elif defined( SHADOWMAP_TYPE_VSM )\n\t\t\tshadow = VSMShadow( shadowMap, shadowCoord.xy, shadowCoord.z );\n\t\t#else\n\t\t\tshadow = texture2DCompare( shadowMap, shadowCoord.xy, shadowCoord.z );\n\t\t#endif\n\t\t}\n\t\treturn shadow;\n\t}\n\tvec2 cubeToUV( vec3 v, float texelSizeY ) {\n\t\tvec3 absV = abs( v );\n\t\tfloat scaleToCube = 1.0 / max( absV.x, max( absV.y, absV.z ) );\n\t\tabsV *= scaleToCube;\n\t\tv *= scaleToCube * ( 1.0 - 2.0 * texelSizeY );\n\t\tvec2 planar = v.xy;\n\t\tfloat almostATexel = 1.5 * texelSizeY;\n\t\tfloat almostOne = 1.0 - almostATexel;\n\t\tif ( absV.z >= almostOne ) {\n\t\t\tif ( v.z > 0.0 )\n\t\t\t\tplanar.x = 4.0 - v.x;\n\t\t} else if ( absV.x >= almostOne ) {\n\t\t\tfloat signX = sign( v.x );\n\t\t\tplanar.x = v.z * signX + 2.0 * signX;\n\t\t} else if ( absV.y >= almostOne ) {\n\t\t\tfloat signY = sign( v.y );\n\t\t\tplanar.x = v.x + 2.0 * signY + 2.0;\n\t\t\tplanar.y = v.z * signY - 2.0;\n\t\t}\n\t\treturn vec2( 0.125, 0.25 ) * planar + vec2( 0.375, 0.75 );\n\t}\n\tfloat getPointShadow( sampler2D shadowMap, vec2 shadowMapSize, float shadowBias, float shadowRadius, vec4 shadowCoord, float shadowCameraNear, float shadowCameraFar ) {\n\t\tvec2 texelSize = vec2( 1.0 ) / ( shadowMapSize * vec2( 4.0, 2.0 ) );\n\t\tvec3 lightToPosition = shadowCoord.xyz;\n\t\tfloat dp = ( length( lightToPosition ) - shadowCameraNear ) / ( shadowCameraFar - shadowCameraNear );\t\tdp += shadowBias;\n\t\tvec3 bd3D = normalize( lightToPosition );\n\t\t#if defined( SHADOWMAP_TYPE_PCF ) || defined( SHADOWMAP_TYPE_PCF_SOFT ) || defined( SHADOWMAP_TYPE_VSM )\n\t\t\tvec2 offset = vec2( - 1, 1 ) * shadowRadius * texelSize.y;\n\t\t\treturn (\n\t\t\t\ttexture2DCompare( shadowMap, cubeToUV( bd3D + offset.xyy, texelSize.y ), dp ) +\n\t\t\t\ttexture2DCompare( shadowMap, cubeToUV( bd3D + offset.yyy, texelSize.y ), dp ) +\n\t\t\t\ttexture2DCompare( shadowMap, cubeToUV( bd3D + offset.xyx, texelSize.y ), dp ) +\n\t\t\t\ttexture2DCompare( shadowMap, cubeToUV( bd3D + offset.yyx, texelSize.y ), dp ) +\n\t\t\t\ttexture2DCompare( shadowMap, cubeToUV( bd3D, texelSize.y ), dp ) +\n\t\t\t\ttexture2DCompare( shadowMap, cubeToUV( bd3D + offset.xxy, texelSize.y ), dp ) +\n\t\t\t\ttexture2DCompare( shadowMap, cubeToUV( bd3D + offset.yxy, texelSize.y ), dp ) +\n\t\t\t\ttexture2DCompare( shadowMap, cubeToUV( bd3D + offset.xxx, texelSize.y ), dp ) +\n\t\t\t\ttexture2DCompare( shadowMap, cubeToUV( bd3D + offset.yxx, texelSize.y ), dp )\n\t\t\t) * ( 1.0 / 9.0 );\n\t\t#else\n\t\t\treturn texture2DCompare( shadowMap, cubeToUV( bd3D, texelSize.y ), dp );\n\t\t#endif\n\t}\n#endif";
+
+                       var shadowmap_pars_vertex = "#ifdef USE_SHADOWMAP\n\t#if NUM_DIR_LIGHT_SHADOWS > 0\n\t\tuniform mat4 directionalShadowMatrix[ NUM_DIR_LIGHT_SHADOWS ];\n\t\tvarying vec4 vDirectionalShadowCoord[ NUM_DIR_LIGHT_SHADOWS ];\n\t\tstruct DirectionalLightShadow {\n\t\t\tfloat shadowBias;\n\t\t\tfloat shadowNormalBias;\n\t\t\tfloat shadowRadius;\n\t\t\tvec2 shadowMapSize;\n\t\t};\n\t\tuniform DirectionalLightShadow directionalLightShadows[ NUM_DIR_LIGHT_SHADOWS ];\n\t#endif\n\t#if NUM_SPOT_LIGHT_SHADOWS > 0\n\t\tuniform mat4 spotShadowMatrix[ NUM_SPOT_LIGHT_SHADOWS ];\n\t\tvarying vec4 vSpotShadowCoord[ NUM_SPOT_LIGHT_SHADOWS ];\n\t\tstruct SpotLightShadow {\n\t\t\tfloat shadowBias;\n\t\t\tfloat shadowNormalBias;\n\t\t\tfloat shadowRadius;\n\t\t\tvec2 shadowMapSize;\n\t\t};\n\t\tuniform SpotLightShadow spotLightShadows[ NUM_SPOT_LIGHT_SHADOWS ];\n\t#endif\n\t#if NUM_POINT_LIGHT_SHADOWS > 0\n\t\tuniform mat4 pointShadowMatrix[ NUM_POINT_LIGHT_SHADOWS ];\n\t\tvarying vec4 vPointShadowCoord[ NUM_POINT_LIGHT_SHADOWS ];\n\t\tstruct PointLightShadow {\n\t\t\tfloat shadowBias;\n\t\t\tfloat shadowNormalBias;\n\t\t\tfloat shadowRadius;\n\t\t\tvec2 shadowMapSize;\n\t\t\tfloat shadowCameraNear;\n\t\t\tfloat shadowCameraFar;\n\t\t};\n\t\tuniform PointLightShadow pointLightShadows[ NUM_POINT_LIGHT_SHADOWS ];\n\t#endif\n#endif";
+
+                       var shadowmap_vertex = "#ifdef USE_SHADOWMAP\n\t#if NUM_DIR_LIGHT_SHADOWS > 0 || NUM_SPOT_LIGHT_SHADOWS > 0 || NUM_POINT_LIGHT_SHADOWS > 0\n\t\tvec3 shadowWorldNormal = inverseTransformDirection( transformedNormal, viewMatrix );\n\t\tvec4 shadowWorldPosition;\n\t#endif\n\t#if NUM_DIR_LIGHT_SHADOWS > 0\n\t#pragma unroll_loop_start\n\tfor ( int i = 0; i < NUM_DIR_LIGHT_SHADOWS; i ++ ) {\n\t\tshadowWorldPosition = worldPosition + vec4( shadowWorldNormal * directionalLightShadows[ i ].shadowNormalBias, 0 );\n\t\tvDirectionalShadowCoord[ i ] = directionalShadowMatrix[ i ] * shadowWorldPosition;\n\t}\n\t#pragma unroll_loop_end\n\t#endif\n\t#if NUM_SPOT_LIGHT_SHADOWS > 0\n\t#pragma unroll_loop_start\n\tfor ( int i = 0; i < NUM_SPOT_LIGHT_SHADOWS; i ++ ) {\n\t\tshadowWorldPosition = worldPosition + vec4( shadowWorldNormal * spotLightShadows[ i ].shadowNormalBias, 0 );\n\t\tvSpotShadowCoord[ i ] = spotShadowMatrix[ i ] * shadowWorldPosition;\n\t}\n\t#pragma unroll_loop_end\n\t#endif\n\t#if NUM_POINT_LIGHT_SHADOWS > 0\n\t#pragma unroll_loop_start\n\tfor ( int i = 0; i < NUM_POINT_LIGHT_SHADOWS; i ++ ) {\n\t\tshadowWorldPosition = worldPosition + vec4( shadowWorldNormal * pointLightShadows[ i ].shadowNormalBias, 0 );\n\t\tvPointShadowCoord[ i ] = pointShadowMatrix[ i ] * shadowWorldPosition;\n\t}\n\t#pragma unroll_loop_end\n\t#endif\n#endif";
+
+                       var shadowmask_pars_fragment = "float getShadowMask() {\n\tfloat shadow = 1.0;\n\t#ifdef USE_SHADOWMAP\n\t#if NUM_DIR_LIGHT_SHADOWS > 0\n\tDirectionalLightShadow directionalLight;\n\t#pragma unroll_loop_start\n\tfor ( int i = 0; i < NUM_DIR_LIGHT_SHADOWS; i ++ ) {\n\t\tdirectionalLight = directionalLightShadows[ i ];\n\t\tshadow *= receiveShadow ? getShadow( directionalShadowMap[ i ], directionalLight.shadowMapSize, directionalLight.shadowBias, directionalLight.shadowRadius, vDirectionalShadowCoord[ i ] ) : 1.0;\n\t}\n\t#pragma unroll_loop_end\n\t#endif\n\t#if NUM_SPOT_LIGHT_SHADOWS > 0\n\tSpotLightShadow spotLight;\n\t#pragma unroll_loop_start\n\tfor ( int i = 0; i < NUM_SPOT_LIGHT_SHADOWS; i ++ ) {\n\t\tspotLight = spotLightShadows[ i ];\n\t\tshadow *= receiveShadow ? getShadow( spotShadowMap[ i ], spotLight.shadowMapSize, spotLight.shadowBias, spotLight.shadowRadius, vSpotShadowCoord[ i ] ) : 1.0;\n\t}\n\t#pragma unroll_loop_end\n\t#endif\n\t#if NUM_POINT_LIGHT_SHADOWS > 0\n\tPointLightShadow pointLight;\n\t#pragma unroll_loop_start\n\tfor ( int i = 0; i < NUM_POINT_LIGHT_SHADOWS; i ++ ) {\n\t\tpointLight = pointLightShadows[ i ];\n\t\tshadow *= receiveShadow ? getPointShadow( pointShadowMap[ i ], pointLight.shadowMapSize, pointLight.shadowBias, pointLight.shadowRadius, vPointShadowCoord[ i ], pointLight.shadowCameraNear, pointLight.shadowCameraFar ) : 1.0;\n\t}\n\t#pragma unroll_loop_end\n\t#endif\n\t#endif\n\treturn shadow;\n}";
+
+                       var skinbase_vertex = "#ifdef USE_SKINNING\n\tmat4 boneMatX = getBoneMatrix( skinIndex.x );\n\tmat4 boneMatY = getBoneMatrix( skinIndex.y );\n\tmat4 boneMatZ = getBoneMatrix( skinIndex.z );\n\tmat4 boneMatW = getBoneMatrix( skinIndex.w );\n#endif";
+
+                       var skinning_pars_vertex = "#ifdef USE_SKINNING\n\tuniform mat4 bindMatrix;\n\tuniform mat4 bindMatrixInverse;\n\t#ifdef BONE_TEXTURE\n\t\tuniform highp sampler2D boneTexture;\n\t\tuniform int boneTextureSize;\n\t\tmat4 getBoneMatrix( const in float i ) {\n\t\t\tfloat j = i * 4.0;\n\t\t\tfloat x = mod( j, float( boneTextureSize ) );\n\t\t\tfloat y = floor( j / float( boneTextureSize ) );\n\t\t\tfloat dx = 1.0 / float( boneTextureSize );\n\t\t\tfloat dy = 1.0 / float( boneTextureSize );\n\t\t\ty = dy * ( y + 0.5 );\n\t\t\tvec4 v1 = texture2D( boneTexture, vec2( dx * ( x + 0.5 ), y ) );\n\t\t\tvec4 v2 = texture2D( boneTexture, vec2( dx * ( x + 1.5 ), y ) );\n\t\t\tvec4 v3 = texture2D( boneTexture, vec2( dx * ( x + 2.5 ), y ) );\n\t\t\tvec4 v4 = texture2D( boneTexture, vec2( dx * ( x + 3.5 ), y ) );\n\t\t\tmat4 bone = mat4( v1, v2, v3, v4 );\n\t\t\treturn bone;\n\t\t}\n\t#else\n\t\tuniform mat4 boneMatrices[ MAX_BONES ];\n\t\tmat4 getBoneMatrix( const in float i ) {\n\t\t\tmat4 bone = boneMatrices[ int(i) ];\n\t\t\treturn bone;\n\t\t}\n\t#endif\n#endif";
+
+                       var skinning_vertex = "#ifdef USE_SKINNING\n\tvec4 skinVertex = bindMatrix * vec4( transformed, 1.0 );\n\tvec4 skinned = vec4( 0.0 );\n\tskinned += boneMatX * skinVertex * skinWeight.x;\n\tskinned += boneMatY * skinVertex * skinWeight.y;\n\tskinned += boneMatZ * skinVertex * skinWeight.z;\n\tskinned += boneMatW * skinVertex * skinWeight.w;\n\ttransformed = ( bindMatrixInverse * skinned ).xyz;\n#endif";
+
+                       var skinnormal_vertex = "#ifdef USE_SKINNING\n\tmat4 skinMatrix = mat4( 0.0 );\n\tskinMatrix += skinWeight.x * boneMatX;\n\tskinMatrix += skinWeight.y * boneMatY;\n\tskinMatrix += skinWeight.z * boneMatZ;\n\tskinMatrix += skinWeight.w * boneMatW;\n\tskinMatrix = bindMatrixInverse * skinMatrix * bindMatrix;\n\tobjectNormal = vec4( skinMatrix * vec4( objectNormal, 0.0 ) ).xyz;\n\t#ifdef USE_TANGENT\n\t\tobjectTangent = vec4( skinMatrix * vec4( objectTangent, 0.0 ) ).xyz;\n\t#endif\n#endif";
+
+                       var specularmap_fragment = "vec3 specularStrength;\n#ifdef USE_SPECULARMAP\n\tvec4 texelSpecular = texture2D( specularMap, vUv );\n\tspecularStrength = texelSpecular.rgb;\n#else\n\tspecularStrength = vec3( 1.0, 1.0, 1.0 );\n#endif";
+
+                       var specularmap_pars_fragment = "#ifdef USE_SPECULARMAP\n\tuniform sampler2D specularMap;\n#endif";
+
+                       var tonemapping_fragment = "#if defined( TONE_MAPPING )\n\tgl_FragColor.rgb = toneMapping( gl_FragColor.rgb );\n#endif";
+
+                       var tonemapping_pars_fragment = "#ifndef saturate\n#define saturate( a ) clamp( a, 0.0, 1.0 )\n#endif\nuniform float toneMappingExposure;\nvec3 LinearToneMapping( vec3 color ) {\n\treturn toneMappingExposure * color;\n}\nvec3 ReinhardToneMapping( vec3 color ) {\n\tcolor *= toneMappingExposure;\n\treturn saturate( color / ( vec3( 1.0 ) + color ) );\n}\nvec3 OptimizedCineonToneMapping( vec3 color ) {\n\tcolor *= toneMappingExposure;\n\tcolor = max( vec3( 0.0 ), color - 0.004 );\n\treturn pow( ( color * ( 6.2 * color + 0.5 ) ) / ( color * ( 6.2 * color + 1.7 ) + 0.06 ), vec3( 2.2 ) );\n}\nvec3 RRTAndODTFit( vec3 v ) {\n\tvec3 a = v * ( v + 0.0245786 ) - 0.000090537;\n\tvec3 b = v * ( 0.983729 * v + 0.4329510 ) + 0.238081;\n\treturn a / b;\n}\nvec3 ACESFilmicToneMapping( vec3 color ) {\n\tconst mat3 ACESInputMat = mat3(\n\t\tvec3( 0.59719, 0.07600, 0.02840 ),\t\tvec3( 0.35458, 0.90834, 0.13383 ),\n\t\tvec3( 0.04823, 0.01566, 0.83777 )\n\t);\n\tconst mat3 ACESOutputMat = mat3(\n\t\tvec3(   1.60475, -0.10208, -0.00327 ),\t\tvec3( -0.53108,       1.10813, -0.07276 ),\n\t\tvec3( -0.07367, -0.00605,     1.07602 )\n\t);\n\tcolor *= toneMappingExposure / 0.6;\n\tcolor = ACESInputMat * color;\n\tcolor = RRTAndODTFit( color );\n\tcolor = ACESOutputMat * color;\n\treturn saturate( color );\n}\nvec3 CustomToneMapping( vec3 color ) { return color; }";
+
+                       var transmission_fragment = "#ifdef USE_TRANSMISSION\n\tfloat transmissionAlpha = 1.0;\n\tfloat transmissionFactor = transmission;\n\tfloat thicknessFactor = thickness;\n\t#ifdef USE_TRANSMISSIONMAP\n\t\ttransmissionFactor *= texture2D( transmissionMap, vUv ).r;\n\t#endif\n\t#ifdef USE_THICKNESSMAP\n\t\tthicknessFactor *= texture2D( thicknessMap, vUv ).g;\n\t#endif\n\tvec3 pos = vWorldPosition;\n\tvec3 v = normalize( cameraPosition - pos );\n\tvec3 n = inverseTransformDirection( normal, viewMatrix );\n\tvec4 transmission = getIBLVolumeRefraction(\n\t\tn, v, roughnessFactor, material.diffuseColor, material.specularColor, material.specularF90,\n\t\tpos, modelMatrix, viewMatrix, projectionMatrix, ior, thicknessFactor,\n\t\tattenuationTint, attenuationDistance );\n\ttotalDiffuse = mix( totalDiffuse, transmission.rgb, transmissionFactor );\n\ttransmissionAlpha = transmission.a;\n#endif";
+
+                       var transmission_pars_fragment = "#ifdef USE_TRANSMISSION\n\tuniform float transmission;\n\tuniform float thickness;\n\tuniform float attenuationDistance;\n\tuniform vec3 attenuationTint;\n\t#ifdef USE_TRANSMISSIONMAP\n\t\tuniform sampler2D transmissionMap;\n\t#endif\n\t#ifdef USE_THICKNESSMAP\n\t\tuniform sampler2D thicknessMap;\n\t#endif\n\tuniform vec2 transmissionSamplerSize;\n\tuniform sampler2D transmissionSamplerMap;\n\tuniform mat4 modelMatrix;\n\tuniform mat4 projectionMatrix;\n\tvarying vec3 vWorldPosition;\n\tvec3 getVolumeTransmissionRay( vec3 n, vec3 v, float thickness, float ior, mat4 modelMatrix ) {\n\t\tvec3 refractionVector = refract( - v, normalize( n ), 1.0 / ior );\n\t\tvec3 modelScale;\n\t\tmodelScale.x = length( vec3( modelMatrix[ 0 ].xyz ) );\n\t\tmodelScale.y = length( vec3( modelMatrix[ 1 ].xyz ) );\n\t\tmodelScale.z = length( vec3( modelMatrix[ 2 ].xyz ) );\n\t\treturn normalize( refractionVector ) * thickness * modelScale;\n\t}\n\tfloat applyIorToRoughness( float roughness, float ior ) {\n\t\treturn roughness * clamp( ior * 2.0 - 2.0, 0.0, 1.0 );\n\t}\n\tvec4 getTransmissionSample( vec2 fragCoord, float roughness, float ior ) {\n\t\tfloat framebufferLod = log2( transmissionSamplerSize.x ) * applyIorToRoughness( roughness, ior );\n\t\t#ifdef TEXTURE_LOD_EXT\n\t\t\treturn texture2DLodEXT( transmissionSamplerMap, fragCoord.xy, framebufferLod );\n\t\t#else\n\t\t\treturn texture2D( transmissionSamplerMap, fragCoord.xy, framebufferLod );\n\t\t#endif\n\t}\n\tvec3 applyVolumeAttenuation( vec3 radiance, float transmissionDistance, vec3 attenuationColor, float attenuationDistance ) {\n\t\tif ( attenuationDistance == 0.0 ) {\n\t\t\treturn radiance;\n\t\t} else {\n\t\t\tvec3 attenuationCoefficient = -log( attenuationColor ) / attenuationDistance;\n\t\t\tvec3 transmittance = exp( - attenuationCoefficient * transmissionDistance );\t\t\treturn transmittance * radiance;\n\t\t}\n\t}\n\tvec4 getIBLVolumeRefraction( vec3 n, vec3 v, float roughness, vec3 diffuseColor, vec3 specularColor, float specularF90,\n\t\tvec3 position, mat4 modelMatrix, mat4 viewMatrix, mat4 projMatrix, float ior, float thickness,\n\t\tvec3 attenuationColor, float attenuationDistance ) {\n\t\tvec3 transmissionRay = getVolumeTransmissionRay( n, v, thickness, ior, modelMatrix );\n\t\tvec3 refractedRayExit = position + transmissionRay;\n\t\tvec4 ndcPos = projMatrix * viewMatrix * vec4( refractedRayExit, 1.0 );\n\t\tvec2 refractionCoords = ndcPos.xy / ndcPos.w;\n\t\trefractionCoords += 1.0;\n\t\trefractionCoords /= 2.0;\n\t\tvec4 transmittedLight = getTransmissionSample( refractionCoords, roughness, ior );\n\t\tvec3 attenuatedColor = applyVolumeAttenuation( transmittedLight.rgb, length( transmissionRay ), attenuationColor, attenuationDistance );\n\t\tvec3 F = EnvironmentBRDF( n, v, specularColor, specularF90, roughness );\n\t\treturn vec4( ( 1.0 - F ) * attenuatedColor * diffuseColor, transmittedLight.a );\n\t}\n#endif";
+
+                       var uv_pars_fragment = "#if ( defined( USE_UV ) && ! defined( UVS_VERTEX_ONLY ) )\n\tvarying vec2 vUv;\n#endif";
+
+                       var uv_pars_vertex = "#ifdef USE_UV\n\t#ifdef UVS_VERTEX_ONLY\n\t\tvec2 vUv;\n\t#else\n\t\tvarying vec2 vUv;\n\t#endif\n\tuniform mat3 uvTransform;\n#endif";
+
+                       var uv_vertex = "#ifdef USE_UV\n\tvUv = ( uvTransform * vec3( uv, 1 ) ).xy;\n#endif";
+
+                       var uv2_pars_fragment = "#if defined( USE_LIGHTMAP ) || defined( USE_AOMAP )\n\tvarying vec2 vUv2;\n#endif";
+
+                       var uv2_pars_vertex = "#if defined( USE_LIGHTMAP ) || defined( USE_AOMAP )\n\tattribute vec2 uv2;\n\tvarying vec2 vUv2;\n\tuniform mat3 uv2Transform;\n#endif";
+
+                       var uv2_vertex = "#if defined( USE_LIGHTMAP ) || defined( USE_AOMAP )\n\tvUv2 = ( uv2Transform * vec3( uv2, 1 ) ).xy;\n#endif";
+
+                       var worldpos_vertex = "#if defined( USE_ENVMAP ) || defined( DISTANCE ) || defined ( USE_SHADOWMAP ) || defined ( USE_TRANSMISSION )\n\tvec4 worldPosition = vec4( transformed, 1.0 );\n\t#ifdef USE_INSTANCING\n\t\tworldPosition = instanceMatrix * worldPosition;\n\t#endif\n\tworldPosition = modelMatrix * worldPosition;\n#endif";
+
+                       var background_frag = "uniform sampler2D t2D;\nvarying vec2 vUv;\nvoid main() {\n\tvec4 texColor = texture2D( t2D, vUv );\n\tgl_FragColor = mapTexelToLinear( texColor );\n\t#include <tonemapping_fragment>\n\t#include <encodings_fragment>\n}";
+
+                       var background_vert = "varying vec2 vUv;\nuniform mat3 uvTransform;\nvoid main() {\n\tvUv = ( uvTransform * vec3( uv, 1 ) ).xy;\n\tgl_Position = vec4( position.xy, 1.0, 1.0 );\n}";
+
+                       var cube_frag = "#include <envmap_common_pars_fragment>\nuniform float opacity;\nvarying vec3 vWorldDirection;\n#include <cube_uv_reflection_fragment>\nvoid main() {\n\tvec3 vReflect = vWorldDirection;\n\t#include <envmap_fragment>\n\tgl_FragColor = envColor;\n\tgl_FragColor.a *= opacity;\n\t#include <tonemapping_fragment>\n\t#include <encodings_fragment>\n}";
+
+                       var cube_vert = "varying vec3 vWorldDirection;\n#include <common>\nvoid main() {\n\tvWorldDirection = transformDirection( position, modelMatrix );\n\t#include <begin_vertex>\n\t#include <project_vertex>\n\tgl_Position.z = gl_Position.w;\n}";
+
+                       var depth_frag = "#if DEPTH_PACKING == 3200\n\tuniform float opacity;\n#endif\n#include <common>\n#include <packing>\n#include <uv_pars_fragment>\n#include <map_pars_fragment>\n#include <alphamap_pars_fragment>\n#include <alphatest_pars_fragment>\n#include <logdepthbuf_pars_fragment>\n#include <clipping_planes_pars_fragment>\nvarying vec2 vHighPrecisionZW;\nvoid main() {\n\t#include <clipping_planes_fragment>\n\tvec4 diffuseColor = vec4( 1.0 );\n\t#if DEPTH_PACKING == 3200\n\t\tdiffuseColor.a = opacity;\n\t#endif\n\t#include <map_fragment>\n\t#include <alphamap_fragment>\n\t#include <alphatest_fragment>\n\t#include <logdepthbuf_fragment>\n\tfloat fragCoordZ = 0.5 * vHighPrecisionZW[0] / vHighPrecisionZW[1] + 0.5;\n\t#if DEPTH_PACKING == 3200\n\t\tgl_FragColor = vec4( vec3( 1.0 - fragCoordZ ), opacity );\n\t#elif DEPTH_PACKING == 3201\n\t\tgl_FragColor = packDepthToRGBA( fragCoordZ );\n\t#endif\n}";
+
+                       var depth_vert = "#include <common>\n#include <uv_pars_vertex>\n#include <displacementmap_pars_vertex>\n#include <morphtarget_pars_vertex>\n#include <skinning_pars_vertex>\n#include <logdepthbuf_pars_vertex>\n#include <clipping_planes_pars_vertex>\nvarying vec2 vHighPrecisionZW;\nvoid main() {\n\t#include <uv_vertex>\n\t#include <skinbase_vertex>\n\t#ifdef USE_DISPLACEMENTMAP\n\t\t#include <beginnormal_vertex>\n\t\t#include <morphnormal_vertex>\n\t\t#include <skinnormal_vertex>\n\t#endif\n\t#include <begin_vertex>\n\t#include <morphtarget_vertex>\n\t#include <skinning_vertex>\n\t#include <displacementmap_vertex>\n\t#include <project_vertex>\n\t#include <logdepthbuf_vertex>\n\t#include <clipping_planes_vertex>\n\tvHighPrecisionZW = gl_Position.zw;\n}";
+
+                       var distanceRGBA_frag = "#define DISTANCE\nuniform vec3 referencePosition;\nuniform float nearDistance;\nuniform float farDistance;\nvarying vec3 vWorldPosition;\n#include <common>\n#include <packing>\n#include <uv_pars_fragment>\n#include <map_pars_fragment>\n#include <alphamap_pars_fragment>\n#include <alphatest_pars_fragment>\n#include <clipping_planes_pars_fragment>\nvoid main () {\n\t#include <clipping_planes_fragment>\n\tvec4 diffuseColor = vec4( 1.0 );\n\t#include <map_fragment>\n\t#include <alphamap_fragment>\n\t#include <alphatest_fragment>\n\tfloat dist = length( vWorldPosition - referencePosition );\n\tdist = ( dist - nearDistance ) / ( farDistance - nearDistance );\n\tdist = saturate( dist );\n\tgl_FragColor = packDepthToRGBA( dist );\n}";
+
+                       var distanceRGBA_vert = "#define DISTANCE\nvarying vec3 vWorldPosition;\n#include <common>\n#include <uv_pars_vertex>\n#include <displacementmap_pars_vertex>\n#include <morphtarget_pars_vertex>\n#include <skinning_pars_vertex>\n#include <clipping_planes_pars_vertex>\nvoid main() {\n\t#include <uv_vertex>\n\t#include <skinbase_vertex>\n\t#ifdef USE_DISPLACEMENTMAP\n\t\t#include <beginnormal_vertex>\n\t\t#include <morphnormal_vertex>\n\t\t#include <skinnormal_vertex>\n\t#endif\n\t#include <begin_vertex>\n\t#include <morphtarget_vertex>\n\t#include <skinning_vertex>\n\t#include <displacementmap_vertex>\n\t#include <project_vertex>\n\t#include <worldpos_vertex>\n\t#include <clipping_planes_vertex>\n\tvWorldPosition = worldPosition.xyz;\n}";
+
+                       var equirect_frag = "uniform sampler2D tEquirect;\nvarying vec3 vWorldDirection;\n#include <common>\nvoid main() {\n\tvec3 direction = normalize( vWorldDirection );\n\tvec2 sampleUV = equirectUv( direction );\n\tvec4 texColor = texture2D( tEquirect, sampleUV );\n\tgl_FragColor = mapTexelToLinear( texColor );\n\t#include <tonemapping_fragment>\n\t#include <encodings_fragment>\n}";
+
+                       var equirect_vert = "varying vec3 vWorldDirection;\n#include <common>\nvoid main() {\n\tvWorldDirection = transformDirection( position, modelMatrix );\n\t#include <begin_vertex>\n\t#include <project_vertex>\n}";
+
+                       var linedashed_frag = "uniform vec3 diffuse;\nuniform float opacity;\nuniform float dashSize;\nuniform float totalSize;\nvarying float vLineDistance;\n#include <common>\n#include <color_pars_fragment>\n#include <fog_pars_fragment>\n#include <logdepthbuf_pars_fragment>\n#include <clipping_planes_pars_fragment>\nvoid main() {\n\t#include <clipping_planes_fragment>\n\tif ( mod( vLineDistance, totalSize ) > dashSize ) {\n\t\tdiscard;\n\t}\n\tvec3 outgoingLight = vec3( 0.0 );\n\tvec4 diffuseColor = vec4( diffuse, opacity );\n\t#include <logdepthbuf_fragment>\n\t#include <color_fragment>\n\toutgoingLight = diffuseColor.rgb;\n\t#include <output_fragment>\n\t#include <tonemapping_fragment>\n\t#include <encodings_fragment>\n\t#include <fog_fragment>\n\t#include <premultiplied_alpha_fragment>\n}";
+
+                       var linedashed_vert = "uniform float scale;\nattribute float lineDistance;\nvarying float vLineDistance;\n#include <common>\n#include <color_pars_vertex>\n#include <fog_pars_vertex>\n#include <morphtarget_pars_vertex>\n#include <logdepthbuf_pars_vertex>\n#include <clipping_planes_pars_vertex>\nvoid main() {\n\tvLineDistance = scale * lineDistance;\n\t#include <color_vertex>\n\t#include <begin_vertex>\n\t#include <morphtarget_vertex>\n\t#include <project_vertex>\n\t#include <logdepthbuf_vertex>\n\t#include <clipping_planes_vertex>\n\t#include <fog_vertex>\n}";
+
+                       var meshbasic_frag = "uniform vec3 diffuse;\nuniform float opacity;\n#ifndef FLAT_SHADED\n\tvarying vec3 vNormal;\n#endif\n#include <common>\n#include <dithering_pars_fragment>\n#include <color_pars_fragment>\n#include <uv_pars_fragment>\n#include <uv2_pars_fragment>\n#include <map_pars_fragment>\n#include <alphamap_pars_fragment>\n#include <alphatest_pars_fragment>\n#include <aomap_pars_fragment>\n#include <lightmap_pars_fragment>\n#include <envmap_common_pars_fragment>\n#include <envmap_pars_fragment>\n#include <cube_uv_reflection_fragment>\n#include <fog_pars_fragment>\n#include <specularmap_pars_fragment>\n#include <logdepthbuf_pars_fragment>\n#include <clipping_planes_pars_fragment>\nvoid main() {\n\t#include <clipping_planes_fragment>\n\tvec4 diffuseColor = vec4( diffuse, opacity );\n\t#include <logdepthbuf_fragment>\n\t#include <map_fragment>\n\t#include <color_fragment>\n\t#include <alphamap_fragment>\n\t#include <alphatest_fragment>\n\t#include <specularmap_fragment>\n\tReflectedLight reflectedLight = ReflectedLight( vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ) );\n\t#ifdef USE_LIGHTMAP\n\t\tvec4 lightMapTexel= texture2D( lightMap, vUv2 );\n\t\treflectedLight.indirectDiffuse += lightMapTexelToLinear( lightMapTexel ).rgb * lightMapIntensity;\n\t#else\n\t\treflectedLight.indirectDiffuse += vec3( 1.0 );\n\t#endif\n\t#include <aomap_fragment>\n\treflectedLight.indirectDiffuse *= diffuseColor.rgb;\n\tvec3 outgoingLight = reflectedLight.indirectDiffuse;\n\t#include <envmap_fragment>\n\t#include <output_fragment>\n\t#include <tonemapping_fragment>\n\t#include <encodings_fragment>\n\t#include <fog_fragment>\n\t#include <premultiplied_alpha_fragment>\n\t#include <dithering_fragment>\n}";
+
+                       var meshbasic_vert = "#include <common>\n#include <uv_pars_vertex>\n#include <uv2_pars_vertex>\n#include <envmap_pars_vertex>\n#include <color_pars_vertex>\n#include <fog_pars_vertex>\n#include <morphtarget_pars_vertex>\n#include <skinning_pars_vertex>\n#include <logdepthbuf_pars_vertex>\n#include <clipping_planes_pars_vertex>\nvoid main() {\n\t#include <uv_vertex>\n\t#include <uv2_vertex>\n\t#include <color_vertex>\n\t#if defined ( USE_ENVMAP ) || defined ( USE_SKINNING )\n\t\t#include <beginnormal_vertex>\n\t\t#include <morphnormal_vertex>\n\t\t#include <skinbase_vertex>\n\t\t#include <skinnormal_vertex>\n\t\t#include <defaultnormal_vertex>\n\t#endif\n\t#include <begin_vertex>\n\t#include <morphtarget_vertex>\n\t#include <skinning_vertex>\n\t#include <project_vertex>\n\t#include <logdepthbuf_vertex>\n\t#include <clipping_planes_vertex>\n\t#include <worldpos_vertex>\n\t#include <envmap_vertex>\n\t#include <fog_vertex>\n}";
+
+                       var meshlambert_frag = "uniform vec3 diffuse;\nuniform vec3 emissive;\nuniform float opacity;\nvarying vec3 vLightFront;\nvarying vec3 vIndirectFront;\n#ifdef DOUBLE_SIDED\n\tvarying vec3 vLightBack;\n\tvarying vec3 vIndirectBack;\n#endif\n#include <common>\n#include <packing>\n#include <dithering_pars_fragment>\n#include <color_pars_fragment>\n#include <uv_pars_fragment>\n#include <uv2_pars_fragment>\n#include <map_pars_fragment>\n#include <alphamap_pars_fragment>\n#include <alphatest_pars_fragment>\n#include <aomap_pars_fragment>\n#include <lightmap_pars_fragment>\n#include <emissivemap_pars_fragment>\n#include <envmap_common_pars_fragment>\n#include <envmap_pars_fragment>\n#include <cube_uv_reflection_fragment>\n#include <bsdfs>\n#include <lights_pars_begin>\n#include <fog_pars_fragment>\n#include <shadowmap_pars_fragment>\n#include <shadowmask_pars_fragment>\n#include <specularmap_pars_fragment>\n#include <logdepthbuf_pars_fragment>\n#include <clipping_planes_pars_fragment>\nvoid main() {\n\t#include <clipping_planes_fragment>\n\tvec4 diffuseColor = vec4( diffuse, opacity );\n\tReflectedLight reflectedLight = ReflectedLight( vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ) );\n\tvec3 totalEmissiveRadiance = emissive;\n\t#include <logdepthbuf_fragment>\n\t#include <map_fragment>\n\t#include <color_fragment>\n\t#include <alphamap_fragment>\n\t#include <alphatest_fragment>\n\t#include <specularmap_fragment>\n\t#include <emissivemap_fragment>\n\t#ifdef DOUBLE_SIDED\n\t\treflectedLight.indirectDiffuse += ( gl_FrontFacing ) ? vIndirectFront : vIndirectBack;\n\t#else\n\t\treflectedLight.indirectDiffuse += vIndirectFront;\n\t#endif\n\t#include <lightmap_fragment>\n\treflectedLight.indirectDiffuse *= BRDF_Lambert( diffuseColor.rgb );\n\t#ifdef DOUBLE_SIDED\n\t\treflectedLight.directDiffuse = ( gl_FrontFacing ) ? vLightFront : vLightBack;\n\t#else\n\t\treflectedLight.directDiffuse = vLightFront;\n\t#endif\n\treflectedLight.directDiffuse *= BRDF_Lambert( diffuseColor.rgb ) * getShadowMask();\n\t#include <aomap_fragment>\n\tvec3 outgoingLight = reflectedLight.directDiffuse + reflectedLight.indirectDiffuse + totalEmissiveRadiance;\n\t#include <envmap_fragment>\n\t#include <output_fragment>\n\t#include <tonemapping_fragment>\n\t#include <encodings_fragment>\n\t#include <fog_fragment>\n\t#include <premultiplied_alpha_fragment>\n\t#include <dithering_fragment>\n}";
+
+                       var meshlambert_vert = "#define LAMBERT\nvarying vec3 vLightFront;\nvarying vec3 vIndirectFront;\n#ifdef DOUBLE_SIDED\n\tvarying vec3 vLightBack;\n\tvarying vec3 vIndirectBack;\n#endif\n#include <common>\n#include <uv_pars_vertex>\n#include <uv2_pars_vertex>\n#include <envmap_pars_vertex>\n#include <bsdfs>\n#include <lights_pars_begin>\n#include <color_pars_vertex>\n#include <fog_pars_vertex>\n#include <morphtarget_pars_vertex>\n#include <skinning_pars_vertex>\n#include <shadowmap_pars_vertex>\n#include <logdepthbuf_pars_vertex>\n#include <clipping_planes_pars_vertex>\nvoid main() {\n\t#include <uv_vertex>\n\t#include <uv2_vertex>\n\t#include <color_vertex>\n\t#include <beginnormal_vertex>\n\t#include <morphnormal_vertex>\n\t#include <skinbase_vertex>\n\t#include <skinnormal_vertex>\n\t#include <defaultnormal_vertex>\n\t#include <begin_vertex>\n\t#include <morphtarget_vertex>\n\t#include <skinning_vertex>\n\t#include <project_vertex>\n\t#include <logdepthbuf_vertex>\n\t#include <clipping_planes_vertex>\n\t#include <worldpos_vertex>\n\t#include <envmap_vertex>\n\t#include <lights_lambert_vertex>\n\t#include <shadowmap_vertex>\n\t#include <fog_vertex>\n}";
+
+                       var meshmatcap_frag = "#define MATCAP\nuniform vec3 diffuse;\nuniform float opacity;\nuniform sampler2D matcap;\nvarying vec3 vViewPosition;\n#include <common>\n#include <dithering_pars_fragment>\n#include <color_pars_fragment>\n#include <uv_pars_fragment>\n#include <map_pars_fragment>\n#include <alphamap_pars_fragment>\n#include <alphatest_pars_fragment>\n#include <fog_pars_fragment>\n#include <normal_pars_fragment>\n#include <bumpmap_pars_fragment>\n#include <normalmap_pars_fragment>\n#include <logdepthbuf_pars_fragment>\n#include <clipping_planes_pars_fragment>\nvoid main() {\n\t#include <clipping_planes_fragment>\n\tvec4 diffuseColor = vec4( diffuse, opacity );\n\t#include <logdepthbuf_fragment>\n\t#include <map_fragment>\n\t#include <color_fragment>\n\t#include <alphamap_fragment>\n\t#include <alphatest_fragment>\n\t#include <normal_fragment_begin>\n\t#include <normal_fragment_maps>\n\tvec3 viewDir = normalize( vViewPosition );\n\tvec3 x = normalize( vec3( viewDir.z, 0.0, - viewDir.x ) );\n\tvec3 y = cross( viewDir, x );\n\tvec2 uv = vec2( dot( x, normal ), dot( y, normal ) ) * 0.495 + 0.5;\n\t#ifdef USE_MATCAP\n\t\tvec4 matcapColor = texture2D( matcap, uv );\n\t\tmatcapColor = matcapTexelToLinear( matcapColor );\n\t#else\n\t\tvec4 matcapColor = vec4( 1.0 );\n\t#endif\n\tvec3 outgoingLight = diffuseColor.rgb * matcapColor.rgb;\n\t#include <output_fragment>\n\t#include <tonemapping_fragment>\n\t#include <encodings_fragment>\n\t#include <fog_fragment>\n\t#include <premultiplied_alpha_fragment>\n\t#include <dithering_fragment>\n}";
+
+                       var meshmatcap_vert = "#define MATCAP\nvarying vec3 vViewPosition;\n#include <common>\n#include <uv_pars_vertex>\n#include <color_pars_vertex>\n#include <displacementmap_pars_vertex>\n#include <fog_pars_vertex>\n#include <normal_pars_vertex>\n#include <morphtarget_pars_vertex>\n#include <skinning_pars_vertex>\n#include <logdepthbuf_pars_vertex>\n#include <clipping_planes_pars_vertex>\nvoid main() {\n\t#include <uv_vertex>\n\t#include <color_vertex>\n\t#include <beginnormal_vertex>\n\t#include <morphnormal_vertex>\n\t#include <skinbase_vertex>\n\t#include <skinnormal_vertex>\n\t#include <defaultnormal_vertex>\n\t#include <normal_vertex>\n\t#include <begin_vertex>\n\t#include <morphtarget_vertex>\n\t#include <skinning_vertex>\n\t#include <displacementmap_vertex>\n\t#include <project_vertex>\n\t#include <logdepthbuf_vertex>\n\t#include <clipping_planes_vertex>\n\t#include <fog_vertex>\n\tvViewPosition = - mvPosition.xyz;\n}";
+
+                       var meshnormal_frag = "#define NORMAL\nuniform float opacity;\n#if defined( FLAT_SHADED ) || defined( USE_BUMPMAP ) || defined( TANGENTSPACE_NORMALMAP )\n\tvarying vec3 vViewPosition;\n#endif\n#include <packing>\n#include <uv_pars_fragment>\n#include <normal_pars_fragment>\n#include <bumpmap_pars_fragment>\n#include <normalmap_pars_fragment>\n#include <logdepthbuf_pars_fragment>\n#include <clipping_planes_pars_fragment>\nvoid main() {\n\t#include <clipping_planes_fragment>\n\t#include <logdepthbuf_fragment>\n\t#include <normal_fragment_begin>\n\t#include <normal_fragment_maps>\n\tgl_FragColor = vec4( packNormalToRGB( normal ), opacity );\n}";
+
+                       var meshnormal_vert = "#define NORMAL\n#if defined( FLAT_SHADED ) || defined( USE_BUMPMAP ) || defined( TANGENTSPACE_NORMALMAP )\n\tvarying vec3 vViewPosition;\n#endif\n#include <common>\n#include <uv_pars_vertex>\n#include <displacementmap_pars_vertex>\n#include <normal_pars_vertex>\n#include <morphtarget_pars_vertex>\n#include <skinning_pars_vertex>\n#include <logdepthbuf_pars_vertex>\n#include <clipping_planes_pars_vertex>\nvoid main() {\n\t#include <uv_vertex>\n\t#include <beginnormal_vertex>\n\t#include <morphnormal_vertex>\n\t#include <skinbase_vertex>\n\t#include <skinnormal_vertex>\n\t#include <defaultnormal_vertex>\n\t#include <normal_vertex>\n\t#include <begin_vertex>\n\t#include <morphtarget_vertex>\n\t#include <skinning_vertex>\n\t#include <displacementmap_vertex>\n\t#include <project_vertex>\n\t#include <logdepthbuf_vertex>\n\t#include <clipping_planes_vertex>\n#if defined( FLAT_SHADED ) || defined( USE_BUMPMAP ) || defined( TANGENTSPACE_NORMALMAP )\n\tvViewPosition = - mvPosition.xyz;\n#endif\n}";
+
+                       var meshphong_frag = "#define PHONG\nuniform vec3 diffuse;\nuniform vec3 emissive;\nuniform vec3 specular;\nuniform float shininess;\nuniform float opacity;\n#include <common>\n#include <packing>\n#include <dithering_pars_fragment>\n#include <color_pars_fragment>\n#include <uv_pars_fragment>\n#include <uv2_pars_fragment>\n#include <map_pars_fragment>\n#include <alphamap_pars_fragment>\n#include <alphatest_pars_fragment>\n#include <aomap_pars_fragment>\n#include <lightmap_pars_fragment>\n#include <emissivemap_pars_fragment>\n#include <envmap_common_pars_fragment>\n#include <envmap_pars_fragment>\n#include <cube_uv_reflection_fragment>\n#include <fog_pars_fragment>\n#include <bsdfs>\n#include <lights_pars_begin>\n#include <normal_pars_fragment>\n#include <lights_phong_pars_fragment>\n#include <shadowmap_pars_fragment>\n#include <bumpmap_pars_fragment>\n#include <normalmap_pars_fragment>\n#include <specularmap_pars_fragment>\n#include <logdepthbuf_pars_fragment>\n#include <clipping_planes_pars_fragment>\nvoid main() {\n\t#include <clipping_planes_fragment>\n\tvec4 diffuseColor = vec4( diffuse, opacity );\n\tReflectedLight reflectedLight = ReflectedLight( vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ) );\n\tvec3 totalEmissiveRadiance = emissive;\n\t#include <logdepthbuf_fragment>\n\t#include <map_fragment>\n\t#include <color_fragment>\n\t#include <alphamap_fragment>\n\t#include <alphatest_fragment>\n\t#include <specularmap_fragment>\n\t#include <normal_fragment_begin>\n\t#include <normal_fragment_maps>\n\t#include <emissivemap_fragment>\n\t#include <lights_phong_fragment>\n\t#include <lights_fragment_begin>\n\t#include <lights_fragment_maps>\n\t#include <lights_fragment_end>\n\t#include <aomap_fragment>\n\tvec3 outgoingLight = reflectedLight.directDiffuse + reflectedLight.indirectDiffuse + reflectedLight.directSpecular + reflectedLight.indirectSpecular + totalEmissiveRadiance;\n\t#include <envmap_fragment>\n\t#include <output_fragment>\n\t#include <tonemapping_fragment>\n\t#include <encodings_fragment>\n\t#include <fog_fragment>\n\t#include <premultiplied_alpha_fragment>\n\t#include <dithering_fragment>\n}";
+
+                       var meshphong_vert = "#define PHONG\nvarying vec3 vViewPosition;\n#include <common>\n#include <uv_pars_vertex>\n#include <uv2_pars_vertex>\n#include <displacementmap_pars_vertex>\n#include <envmap_pars_vertex>\n#include <color_pars_vertex>\n#include <fog_pars_vertex>\n#include <normal_pars_vertex>\n#include <morphtarget_pars_vertex>\n#include <skinning_pars_vertex>\n#include <shadowmap_pars_vertex>\n#include <logdepthbuf_pars_vertex>\n#include <clipping_planes_pars_vertex>\nvoid main() {\n\t#include <uv_vertex>\n\t#include <uv2_vertex>\n\t#include <color_vertex>\n\t#include <beginnormal_vertex>\n\t#include <morphnormal_vertex>\n\t#include <skinbase_vertex>\n\t#include <skinnormal_vertex>\n\t#include <defaultnormal_vertex>\n\t#include <normal_vertex>\n\t#include <begin_vertex>\n\t#include <morphtarget_vertex>\n\t#include <skinning_vertex>\n\t#include <displacementmap_vertex>\n\t#include <project_vertex>\n\t#include <logdepthbuf_vertex>\n\t#include <clipping_planes_vertex>\n\tvViewPosition = - mvPosition.xyz;\n\t#include <worldpos_vertex>\n\t#include <envmap_vertex>\n\t#include <shadowmap_vertex>\n\t#include <fog_vertex>\n}";
+
+                       var meshphysical_frag = "#define STANDARD\n#ifdef PHYSICAL\n\t#define IOR\n\t#define SPECULAR\n#endif\nuniform vec3 diffuse;\nuniform vec3 emissive;\nuniform float roughness;\nuniform float metalness;\nuniform float opacity;\n#ifdef IOR\n\tuniform float ior;\n#endif\n#ifdef SPECULAR\n\tuniform float specularIntensity;\n\tuniform vec3 specularTint;\n\t#ifdef USE_SPECULARINTENSITYMAP\n\t\tuniform sampler2D specularIntensityMap;\n\t#endif\n\t#ifdef USE_SPECULARTINTMAP\n\t\tuniform sampler2D specularTintMap;\n\t#endif\n#endif\n#ifdef USE_CLEARCOAT\n\tuniform float clearcoat;\n\tuniform float clearcoatRoughness;\n#endif\n#ifdef USE_SHEEN\n\tuniform vec3 sheenTint;\n#endif\nvarying vec3 vViewPosition;\n#include <common>\n#include <packing>\n#include <dithering_pars_fragment>\n#include <color_pars_fragment>\n#include <uv_pars_fragment>\n#include <uv2_pars_fragment>\n#include <map_pars_fragment>\n#include <alphamap_pars_fragment>\n#include <alphatest_pars_fragment>\n#include <aomap_pars_fragment>\n#include <lightmap_pars_fragment>\n#include <emissivemap_pars_fragment>\n#include <bsdfs>\n#include <cube_uv_reflection_fragment>\n#include <envmap_common_pars_fragment>\n#include <envmap_physical_pars_fragment>\n#include <fog_pars_fragment>\n#include <lights_pars_begin>\n#include <normal_pars_fragment>\n#include <lights_physical_pars_fragment>\n#include <transmission_pars_fragment>\n#include <shadowmap_pars_fragment>\n#include <bumpmap_pars_fragment>\n#include <normalmap_pars_fragment>\n#include <clearcoat_pars_fragment>\n#include <roughnessmap_pars_fragment>\n#include <metalnessmap_pars_fragment>\n#include <logdepthbuf_pars_fragment>\n#include <clipping_planes_pars_fragment>\nvoid main() {\n\t#include <clipping_planes_fragment>\n\tvec4 diffuseColor = vec4( diffuse, opacity );\n\tReflectedLight reflectedLight = ReflectedLight( vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ) );\n\tvec3 totalEmissiveRadiance = emissive;\n\t#include <logdepthbuf_fragment>\n\t#include <map_fragment>\n\t#include <color_fragment>\n\t#include <alphamap_fragment>\n\t#include <alphatest_fragment>\n\t#include <roughnessmap_fragment>\n\t#include <metalnessmap_fragment>\n\t#include <normal_fragment_begin>\n\t#include <normal_fragment_maps>\n\t#include <clearcoat_normal_fragment_begin>\n\t#include <clearcoat_normal_fragment_maps>\n\t#include <emissivemap_fragment>\n\t#include <lights_physical_fragment>\n\t#include <lights_fragment_begin>\n\t#include <lights_fragment_maps>\n\t#include <lights_fragment_end>\n\t#include <aomap_fragment>\n\tvec3 totalDiffuse = reflectedLight.directDiffuse + reflectedLight.indirectDiffuse;\n\tvec3 totalSpecular = reflectedLight.directSpecular + reflectedLight.indirectSpecular;\n\t#include <transmission_fragment>\n\tvec3 outgoingLight = totalDiffuse + totalSpecular + totalEmissiveRadiance;\n\t#ifdef USE_CLEARCOAT\n\t\tfloat dotNVcc = saturate( dot( geometry.clearcoatNormal, geometry.viewDir ) );\n\t\tvec3 Fcc = F_Schlick( material.clearcoatF0, material.clearcoatF90, dotNVcc );\n\t\toutgoingLight = outgoingLight * ( 1.0 - clearcoat * Fcc ) + clearcoatSpecular * clearcoat;\n\t#endif\n\t#include <output_fragment>\n\t#include <tonemapping_fragment>\n\t#include <encodings_fragment>\n\t#include <fog_fragment>\n\t#include <premultiplied_alpha_fragment>\n\t#include <dithering_fragment>\n}";
+
+                       var meshphysical_vert = "#define STANDARD\nvarying vec3 vViewPosition;\n#ifdef USE_TRANSMISSION\n\tvarying vec3 vWorldPosition;\n#endif\n#include <common>\n#include <uv_pars_vertex>\n#include <uv2_pars_vertex>\n#include <displacementmap_pars_vertex>\n#include <color_pars_vertex>\n#include <fog_pars_vertex>\n#include <normal_pars_vertex>\n#include <morphtarget_pars_vertex>\n#include <skinning_pars_vertex>\n#include <shadowmap_pars_vertex>\n#include <logdepthbuf_pars_vertex>\n#include <clipping_planes_pars_vertex>\nvoid main() {\n\t#include <uv_vertex>\n\t#include <uv2_vertex>\n\t#include <color_vertex>\n\t#include <beginnormal_vertex>\n\t#include <morphnormal_vertex>\n\t#include <skinbase_vertex>\n\t#include <skinnormal_vertex>\n\t#include <defaultnormal_vertex>\n\t#include <normal_vertex>\n\t#include <begin_vertex>\n\t#include <morphtarget_vertex>\n\t#include <skinning_vertex>\n\t#include <displacementmap_vertex>\n\t#include <project_vertex>\n\t#include <logdepthbuf_vertex>\n\t#include <clipping_planes_vertex>\n\tvViewPosition = - mvPosition.xyz;\n\t#include <worldpos_vertex>\n\t#include <shadowmap_vertex>\n\t#include <fog_vertex>\n#ifdef USE_TRANSMISSION\n\tvWorldPosition = worldPosition.xyz;\n#endif\n}";
+
+                       var meshtoon_frag = "#define TOON\nuniform vec3 diffuse;\nuniform vec3 emissive;\nuniform float opacity;\n#include <common>\n#include <packing>\n#include <dithering_pars_fragment>\n#include <color_pars_fragment>\n#include <uv_pars_fragment>\n#include <uv2_pars_fragment>\n#include <map_pars_fragment>\n#include <alphamap_pars_fragment>\n#include <alphatest_pars_fragment>\n#include <aomap_pars_fragment>\n#include <lightmap_pars_fragment>\n#include <emissivemap_pars_fragment>\n#include <gradientmap_pars_fragment>\n#include <fog_pars_fragment>\n#include <bsdfs>\n#include <lights_pars_begin>\n#include <normal_pars_fragment>\n#include <lights_toon_pars_fragment>\n#include <shadowmap_pars_fragment>\n#include <bumpmap_pars_fragment>\n#include <normalmap_pars_fragment>\n#include <logdepthbuf_pars_fragment>\n#include <clipping_planes_pars_fragment>\nvoid main() {\n\t#include <clipping_planes_fragment>\n\tvec4 diffuseColor = vec4( diffuse, opacity );\n\tReflectedLight reflectedLight = ReflectedLight( vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ) );\n\tvec3 totalEmissiveRadiance = emissive;\n\t#include <logdepthbuf_fragment>\n\t#include <map_fragment>\n\t#include <color_fragment>\n\t#include <alphamap_fragment>\n\t#include <alphatest_fragment>\n\t#include <normal_fragment_begin>\n\t#include <normal_fragment_maps>\n\t#include <emissivemap_fragment>\n\t#include <lights_toon_fragment>\n\t#include <lights_fragment_begin>\n\t#include <lights_fragment_maps>\n\t#include <lights_fragment_end>\n\t#include <aomap_fragment>\n\tvec3 outgoingLight = reflectedLight.directDiffuse + reflectedLight.indirectDiffuse + totalEmissiveRadiance;\n\t#include <output_fragment>\n\t#include <tonemapping_fragment>\n\t#include <encodings_fragment>\n\t#include <fog_fragment>\n\t#include <premultiplied_alpha_fragment>\n\t#include <dithering_fragment>\n}";
+
+                       var meshtoon_vert = "#define TOON\nvarying vec3 vViewPosition;\n#include <common>\n#include <uv_pars_vertex>\n#include <uv2_pars_vertex>\n#include <displacementmap_pars_vertex>\n#include <color_pars_vertex>\n#include <fog_pars_vertex>\n#include <normal_pars_vertex>\n#include <morphtarget_pars_vertex>\n#include <skinning_pars_vertex>\n#include <shadowmap_pars_vertex>\n#include <logdepthbuf_pars_vertex>\n#include <clipping_planes_pars_vertex>\nvoid main() {\n\t#include <uv_vertex>\n\t#include <uv2_vertex>\n\t#include <color_vertex>\n\t#include <beginnormal_vertex>\n\t#include <morphnormal_vertex>\n\t#include <skinbase_vertex>\n\t#include <skinnormal_vertex>\n\t#include <defaultnormal_vertex>\n\t#include <normal_vertex>\n\t#include <begin_vertex>\n\t#include <morphtarget_vertex>\n\t#include <skinning_vertex>\n\t#include <displacementmap_vertex>\n\t#include <project_vertex>\n\t#include <logdepthbuf_vertex>\n\t#include <clipping_planes_vertex>\n\tvViewPosition = - mvPosition.xyz;\n\t#include <worldpos_vertex>\n\t#include <shadowmap_vertex>\n\t#include <fog_vertex>\n}";
+
+                       var points_frag = "uniform vec3 diffuse;\nuniform float opacity;\n#include <common>\n#include <color_pars_fragment>\n#include <map_particle_pars_fragment>\n#include <alphatest_pars_fragment>\n#include <fog_pars_fragment>\n#include <logdepthbuf_pars_fragment>\n#include <clipping_planes_pars_fragment>\nvoid main() {\n\t#include <clipping_planes_fragment>\n\tvec3 outgoingLight = vec3( 0.0 );\n\tvec4 diffuseColor = vec4( diffuse, opacity );\n\t#include <logdepthbuf_fragment>\n\t#include <map_particle_fragment>\n\t#include <color_fragment>\n\t#include <alphatest_fragment>\n\toutgoingLight = diffuseColor.rgb;\n\t#include <output_fragment>\n\t#include <tonemapping_fragment>\n\t#include <encodings_fragment>\n\t#include <fog_fragment>\n\t#include <premultiplied_alpha_fragment>\n}";
+
+                       var points_vert = "uniform float size;\nuniform float scale;\n#include <common>\n#include <color_pars_vertex>\n#include <fog_pars_vertex>\n#include <morphtarget_pars_vertex>\n#include <logdepthbuf_pars_vertex>\n#include <clipping_planes_pars_vertex>\nvoid main() {\n\t#include <color_vertex>\n\t#include <begin_vertex>\n\t#include <morphtarget_vertex>\n\t#include <project_vertex>\n\tgl_PointSize = size;\n\t#ifdef USE_SIZEATTENUATION\n\t\tbool isPerspective = isPerspectiveMatrix( projectionMatrix );\n\t\tif ( isPerspective ) gl_PointSize *= ( scale / - mvPosition.z );\n\t#endif\n\t#include <logdepthbuf_vertex>\n\t#include <clipping_planes_vertex>\n\t#include <worldpos_vertex>\n\t#include <fog_vertex>\n}";
+
+                       var shadow_frag = "uniform vec3 color;\nuniform float opacity;\n#include <common>\n#include <packing>\n#include <fog_pars_fragment>\n#include <bsdfs>\n#include <lights_pars_begin>\n#include <shadowmap_pars_fragment>\n#include <shadowmask_pars_fragment>\nvoid main() {\n\tgl_FragColor = vec4( color, opacity * ( 1.0 - getShadowMask() ) );\n\t#include <tonemapping_fragment>\n\t#include <encodings_fragment>\n\t#include <fog_fragment>\n}";
+
+                       var shadow_vert = "#include <common>\n#include <fog_pars_vertex>\n#include <shadowmap_pars_vertex>\nvoid main() {\n\t#include <begin_vertex>\n\t#include <project_vertex>\n\t#include <worldpos_vertex>\n\t#include <beginnormal_vertex>\n\t#include <morphnormal_vertex>\n\t#include <skinbase_vertex>\n\t#include <skinnormal_vertex>\n\t#include <defaultnormal_vertex>\n\t#include <shadowmap_vertex>\n\t#include <fog_vertex>\n}";
+
+                       var sprite_frag = "uniform vec3 diffuse;\nuniform float opacity;\n#include <common>\n#include <uv_pars_fragment>\n#include <map_pars_fragment>\n#include <alphamap_pars_fragment>\n#include <alphatest_pars_fragment>\n#include <fog_pars_fragment>\n#include <logdepthbuf_pars_fragment>\n#include <clipping_planes_pars_fragment>\nvoid main() {\n\t#include <clipping_planes_fragment>\n\tvec3 outgoingLight = vec3( 0.0 );\n\tvec4 diffuseColor = vec4( diffuse, opacity );\n\t#include <logdepthbuf_fragment>\n\t#include <map_fragment>\n\t#include <alphamap_fragment>\n\t#include <alphatest_fragment>\n\toutgoingLight = diffuseColor.rgb;\n\t#include <output_fragment>\n\t#include <tonemapping_fragment>\n\t#include <encodings_fragment>\n\t#include <fog_fragment>\n}";
+
+                       var sprite_vert = "uniform float rotation;\nuniform vec2 center;\n#include <common>\n#include <uv_pars_vertex>\n#include <fog_pars_vertex>\n#include <logdepthbuf_pars_vertex>\n#include <clipping_planes_pars_vertex>\nvoid main() {\n\t#include <uv_vertex>\n\tvec4 mvPosition = modelViewMatrix * vec4( 0.0, 0.0, 0.0, 1.0 );\n\tvec2 scale;\n\tscale.x = length( vec3( modelMatrix[ 0 ].x, modelMatrix[ 0 ].y, modelMatrix[ 0 ].z ) );\n\tscale.y = length( vec3( modelMatrix[ 1 ].x, modelMatrix[ 1 ].y, modelMatrix[ 1 ].z ) );\n\t#ifndef USE_SIZEATTENUATION\n\t\tbool isPerspective = isPerspectiveMatrix( projectionMatrix );\n\t\tif ( isPerspective ) scale *= - mvPosition.z;\n\t#endif\n\tvec2 alignedPosition = ( position.xy - ( center - vec2( 0.5 ) ) ) * scale;\n\tvec2 rotatedPosition;\n\trotatedPosition.x = cos( rotation ) * alignedPosition.x - sin( rotation ) * alignedPosition.y;\n\trotatedPosition.y = sin( rotation ) * alignedPosition.x + cos( rotation ) * alignedPosition.y;\n\tmvPosition.xy += rotatedPosition;\n\tgl_Position = projectionMatrix * mvPosition;\n\t#include <logdepthbuf_vertex>\n\t#include <clipping_planes_vertex>\n\t#include <fog_vertex>\n}";
+
+                       const ShaderChunk = {
+                               alphamap_fragment: alphamap_fragment,
+                               alphamap_pars_fragment: alphamap_pars_fragment,
+                               alphatest_fragment: alphatest_fragment,
+                               alphatest_pars_fragment: alphatest_pars_fragment,
+                               aomap_fragment: aomap_fragment,
+                               aomap_pars_fragment: aomap_pars_fragment,
+                               begin_vertex: begin_vertex,
+                               beginnormal_vertex: beginnormal_vertex,
+                               bsdfs: bsdfs,
+                               bumpmap_pars_fragment: bumpmap_pars_fragment,
+                               clipping_planes_fragment: clipping_planes_fragment,
+                               clipping_planes_pars_fragment: clipping_planes_pars_fragment,
+                               clipping_planes_pars_vertex: clipping_planes_pars_vertex,
+                               clipping_planes_vertex: clipping_planes_vertex,
+                               color_fragment: color_fragment,
+                               color_pars_fragment: color_pars_fragment,
+                               color_pars_vertex: color_pars_vertex,
+                               color_vertex: color_vertex,
+                               common: common,
+                               cube_uv_reflection_fragment: cube_uv_reflection_fragment,
+                               defaultnormal_vertex: defaultnormal_vertex,
+                               displacementmap_pars_vertex: displacementmap_pars_vertex,
+                               displacementmap_vertex: displacementmap_vertex,
+                               emissivemap_fragment: emissivemap_fragment,
+                               emissivemap_pars_fragment: emissivemap_pars_fragment,
+                               encodings_fragment: encodings_fragment,
+                               encodings_pars_fragment: encodings_pars_fragment,
+                               envmap_fragment: envmap_fragment,
+                               envmap_common_pars_fragment: envmap_common_pars_fragment,
+                               envmap_pars_fragment: envmap_pars_fragment,
+                               envmap_pars_vertex: envmap_pars_vertex,
+                               envmap_physical_pars_fragment: envmap_physical_pars_fragment,
+                               envmap_vertex: envmap_vertex,
+                               fog_vertex: fog_vertex,
+                               fog_pars_vertex: fog_pars_vertex,
+                               fog_fragment: fog_fragment,
+                               fog_pars_fragment: fog_pars_fragment,
+                               gradientmap_pars_fragment: gradientmap_pars_fragment,
+                               lightmap_fragment: lightmap_fragment,
+                               lightmap_pars_fragment: lightmap_pars_fragment,
+                               lights_lambert_vertex: lights_lambert_vertex,
+                               lights_pars_begin: lights_pars_begin,
+                               lights_toon_fragment: lights_toon_fragment,
+                               lights_toon_pars_fragment: lights_toon_pars_fragment,
+                               lights_phong_fragment: lights_phong_fragment,
+                               lights_phong_pars_fragment: lights_phong_pars_fragment,
+                               lights_physical_fragment: lights_physical_fragment,
+                               lights_physical_pars_fragment: lights_physical_pars_fragment,
+                               lights_fragment_begin: lights_fragment_begin,
+                               lights_fragment_maps: lights_fragment_maps,
+                               lights_fragment_end: lights_fragment_end,
+                               logdepthbuf_fragment: logdepthbuf_fragment,
+                               logdepthbuf_pars_fragment: logdepthbuf_pars_fragment,
+                               logdepthbuf_pars_vertex: logdepthbuf_pars_vertex,
+                               logdepthbuf_vertex: logdepthbuf_vertex,
+                               map_fragment: map_fragment,
+                               map_pars_fragment: map_pars_fragment,
+                               map_particle_fragment: map_particle_fragment,
+                               map_particle_pars_fragment: map_particle_pars_fragment,
+                               metalnessmap_fragment: metalnessmap_fragment,
+                               metalnessmap_pars_fragment: metalnessmap_pars_fragment,
+                               morphnormal_vertex: morphnormal_vertex,
+                               morphtarget_pars_vertex: morphtarget_pars_vertex,
+                               morphtarget_vertex: morphtarget_vertex,
+                               normal_fragment_begin: normal_fragment_begin,
+                               normal_fragment_maps: normal_fragment_maps,
+                               normal_pars_fragment: normal_pars_fragment,
+                               normal_pars_vertex: normal_pars_vertex,
+                               normal_vertex: normal_vertex,
+                               normalmap_pars_fragment: normalmap_pars_fragment,
+                               clearcoat_normal_fragment_begin: clearcoat_normal_fragment_begin,
+                               clearcoat_normal_fragment_maps: clearcoat_normal_fragment_maps,
+                               clearcoat_pars_fragment: clearcoat_pars_fragment,
+                               output_fragment: output_fragment,
+                               packing: packing,
+                               premultiplied_alpha_fragment: premultiplied_alpha_fragment,
+                               project_vertex: project_vertex,
+                               dithering_fragment: dithering_fragment,
+                               dithering_pars_fragment: dithering_pars_fragment,
+                               roughnessmap_fragment: roughnessmap_fragment,
+                               roughnessmap_pars_fragment: roughnessmap_pars_fragment,
+                               shadowmap_pars_fragment: shadowmap_pars_fragment,
+                               shadowmap_pars_vertex: shadowmap_pars_vertex,
+                               shadowmap_vertex: shadowmap_vertex,
+                               shadowmask_pars_fragment: shadowmask_pars_fragment,
+                               skinbase_vertex: skinbase_vertex,
+                               skinning_pars_vertex: skinning_pars_vertex,
+                               skinning_vertex: skinning_vertex,
+                               skinnormal_vertex: skinnormal_vertex,
+                               specularmap_fragment: specularmap_fragment,
+                               specularmap_pars_fragment: specularmap_pars_fragment,
+                               tonemapping_fragment: tonemapping_fragment,
+                               tonemapping_pars_fragment: tonemapping_pars_fragment,
+                               transmission_fragment: transmission_fragment,
+                               transmission_pars_fragment: transmission_pars_fragment,
+                               uv_pars_fragment: uv_pars_fragment,
+                               uv_pars_vertex: uv_pars_vertex,
+                               uv_vertex: uv_vertex,
+                               uv2_pars_fragment: uv2_pars_fragment,
+                               uv2_pars_vertex: uv2_pars_vertex,
+                               uv2_vertex: uv2_vertex,
+                               worldpos_vertex: worldpos_vertex,
+                               background_frag: background_frag,
+                               background_vert: background_vert,
+                               cube_frag: cube_frag,
+                               cube_vert: cube_vert,
+                               depth_frag: depth_frag,
+                               depth_vert: depth_vert,
+                               distanceRGBA_frag: distanceRGBA_frag,
+                               distanceRGBA_vert: distanceRGBA_vert,
+                               equirect_frag: equirect_frag,
+                               equirect_vert: equirect_vert,
+                               linedashed_frag: linedashed_frag,
+                               linedashed_vert: linedashed_vert,
+                               meshbasic_frag: meshbasic_frag,
+                               meshbasic_vert: meshbasic_vert,
+                               meshlambert_frag: meshlambert_frag,
+                               meshlambert_vert: meshlambert_vert,
+                               meshmatcap_frag: meshmatcap_frag,
+                               meshmatcap_vert: meshmatcap_vert,
+                               meshnormal_frag: meshnormal_frag,
+                               meshnormal_vert: meshnormal_vert,
+                               meshphong_frag: meshphong_frag,
+                               meshphong_vert: meshphong_vert,
+                               meshphysical_frag: meshphysical_frag,
+                               meshphysical_vert: meshphysical_vert,
+                               meshtoon_frag: meshtoon_frag,
+                               meshtoon_vert: meshtoon_vert,
+                               points_frag: points_frag,
+                               points_vert: points_vert,
+                               shadow_frag: shadow_frag,
+                               shadow_vert: shadow_vert,
+                               sprite_frag: sprite_frag,
+                               sprite_vert: sprite_vert
+                       };
+
+                       /**
+                        * Uniforms library for shared webgl shaders
+                        */
+
+                       const UniformsLib = {
+                               common: {
+                                       diffuse: {
+                                               value: new Color(0xffffff)
+                                       },
+                                       opacity: {
+                                               value: 1.0
+                                       },
+                                       map: {
+                                               value: null
+                                       },
+                                       uvTransform: {
+                                               value: new Matrix3()
+                                       },
+                                       uv2Transform: {
+                                               value: new Matrix3()
+                                       },
+                                       alphaMap: {
+                                               value: null
+                                       },
+                                       alphaTest: {
+                                               value: 0
+                                       }
+                               },
+                               specularmap: {
+                                       specularMap: {
+                                               value: null
+                                       }
+                               },
+                               envmap: {
+                                       envMap: {
+                                               value: null
+                                       },
+                                       flipEnvMap: {
+                                               value: -1
+                                       },
+                                       reflectivity: {
+                                               value: 1.0
+                                       },
+                                       // basic, lambert, phong
+                                       ior: {
+                                               value: 1.5
+                                       },
+                                       // standard, physical
+                                       refractionRatio: {
+                                               value: 0.98
+                                       },
+                                       maxMipLevel: {
+                                               value: 0
+                                       }
+                               },
+                               aomap: {
+                                       aoMap: {
+                                               value: null
+                                       },
+                                       aoMapIntensity: {
+                                               value: 1
+                                       }
+                               },
+                               lightmap: {
+                                       lightMap: {
+                                               value: null
+                                       },
+                                       lightMapIntensity: {
+                                               value: 1
+                                       }
+                               },
+                               emissivemap: {
+                                       emissiveMap: {
+                                               value: null
+                                       }
+                               },
+                               bumpmap: {
+                                       bumpMap: {
+                                               value: null
+                                       },
+                                       bumpScale: {
+                                               value: 1
+                                       }
+                               },
+                               normalmap: {
+                                       normalMap: {
+                                               value: null
+                                       },
+                                       normalScale: {
+                                               value: new Vector2(1, 1)
+                                       }
+                               },
+                               displacementmap: {
+                                       displacementMap: {
+                                               value: null
+                                       },
+                                       displacementScale: {
+                                               value: 1
+                                       },
+                                       displacementBias: {
+                                               value: 0
+                                       }
+                               },
+                               roughnessmap: {
+                                       roughnessMap: {
+                                               value: null
+                                       }
+                               },
+                               metalnessmap: {
+                                       metalnessMap: {
+                                               value: null
+                                       }
+                               },
+                               gradientmap: {
+                                       gradientMap: {
+                                               value: null
+                                       }
+                               },
+                               fog: {
+                                       fogDensity: {
+                                               value: 0.00025
+                                       },
+                                       fogNear: {
+                                               value: 1
+                                       },
+                                       fogFar: {
+                                               value: 2000
+                                       },
+                                       fogColor: {
+                                               value: new Color(0xffffff)
+                                       }
+                               },
+                               lights: {
+                                       ambientLightColor: {
+                                               value: []
+                                       },
+                                       lightProbe: {
+                                               value: []
+                                       },
+                                       directionalLights: {
+                                               value: [],
+                                               properties: {
+                                                       direction: {},
+                                                       color: {}
+                                               }
+                                       },
+                                       directionalLightShadows: {
+                                               value: [],
+                                               properties: {
+                                                       shadowBias: {},
+                                                       shadowNormalBias: {},
+                                                       shadowRadius: {},
+                                                       shadowMapSize: {}
+                                               }
+                                       },
+                                       directionalShadowMap: {
+                                               value: []
+                                       },
+                                       directionalShadowMatrix: {
+                                               value: []
+                                       },
+                                       spotLights: {
+                                               value: [],
+                                               properties: {
+                                                       color: {},
+                                                       position: {},
+                                                       direction: {},
+                                                       distance: {},
+                                                       coneCos: {},
+                                                       penumbraCos: {},
+                                                       decay: {}
+                                               }
+                                       },
+                                       spotLightShadows: {
+                                               value: [],
+                                               properties: {
+                                                       shadowBias: {},
+                                                       shadowNormalBias: {},
+                                                       shadowRadius: {},
+                                                       shadowMapSize: {}
+                                               }
+                                       },
+                                       spotShadowMap: {
+                                               value: []
+                                       },
+                                       spotShadowMatrix: {
+                                               value: []
+                                       },
+                                       pointLights: {
+                                               value: [],
+                                               properties: {
+                                                       color: {},
+                                                       position: {},
+                                                       decay: {},
+                                                       distance: {}
+                                               }
+                                       },
+                                       pointLightShadows: {
+                                               value: [],
+                                               properties: {
+                                                       shadowBias: {},
+                                                       shadowNormalBias: {},
+                                                       shadowRadius: {},
+                                                       shadowMapSize: {},
+                                                       shadowCameraNear: {},
+                                                       shadowCameraFar: {}
+                                               }
+                                       },
+                                       pointShadowMap: {
+                                               value: []
+                                       },
+                                       pointShadowMatrix: {
+                                               value: []
+                                       },
+                                       hemisphereLights: {
+                                               value: [],
+                                               properties: {
+                                                       direction: {},
+                                                       skyColor: {},
+                                                       groundColor: {}
+                                               }
+                                       },
+                                       // TODO (abelnation): RectAreaLight BRDF data needs to be moved from example to main src
+                                       rectAreaLights: {
+                                               value: [],
+                                               properties: {
+                                                       color: {},
+                                                       position: {},
+                                                       width: {},
+                                                       height: {}
+                                               }
+                                       },
+                                       ltc_1: {
+                                               value: null
+                                       },
+                                       ltc_2: {
+                                               value: null
+                                       }
+                               },
+                               points: {
+                                       diffuse: {
+                                               value: new Color(0xffffff)
+                                       },
+                                       opacity: {
+                                               value: 1.0
+                                       },
+                                       size: {
+                                               value: 1.0
+                                       },
+                                       scale: {
+                                               value: 1.0
+                                       },
+                                       map: {
+                                               value: null
+                                       },
+                                       alphaMap: {
+                                               value: null
+                                       },
+                                       alphaTest: {
+                                               value: 0
+                                       },
+                                       uvTransform: {
+                                               value: new Matrix3()
+                                       }
+                               },
+                               sprite: {
+                                       diffuse: {
+                                               value: new Color(0xffffff)
+                                       },
+                                       opacity: {
+                                               value: 1.0
+                                       },
+                                       center: {
+                                               value: new Vector2(0.5, 0.5)
+                                       },
+                                       rotation: {
+                                               value: 0.0
+                                       },
+                                       map: {
+                                               value: null
+                                       },
+                                       alphaMap: {
+                                               value: null
+                                       },
+                                       alphaTest: {
+                                               value: 0
+                                       },
+                                       uvTransform: {
+                                               value: new Matrix3()
+                                       }
+                               }
+                       };
+
+                       const ShaderLib = {
+                               basic: {
+                                       uniforms: mergeUniforms([UniformsLib.common, UniformsLib.specularmap, UniformsLib.envmap, UniformsLib.aomap, UniformsLib.lightmap, UniformsLib.fog]),
+                                       vertexShader: ShaderChunk.meshbasic_vert,
+                                       fragmentShader: ShaderChunk.meshbasic_frag
+                               },
+                               lambert: {
+                                       uniforms: mergeUniforms([UniformsLib.common, UniformsLib.specularmap, UniformsLib.envmap, UniformsLib.aomap, UniformsLib.lightmap, UniformsLib.emissivemap, UniformsLib.fog, UniformsLib.lights, {
+                                               emissive: {
+                                                       value: new Color(0x000000)
+                                               }
+                                       }]),
+                                       vertexShader: ShaderChunk.meshlambert_vert,
+                                       fragmentShader: ShaderChunk.meshlambert_frag
+                               },
+                               phong: {
+                                       uniforms: mergeUniforms([UniformsLib.common, UniformsLib.specularmap, UniformsLib.envmap, UniformsLib.aomap, UniformsLib.lightmap, UniformsLib.emissivemap, UniformsLib.bumpmap, UniformsLib.normalmap, UniformsLib.displacementmap, UniformsLib.fog, UniformsLib.lights, {
+                                               emissive: {
+                                                       value: new Color(0x000000)
+                                               },
+                                               specular: {
+                                                       value: new Color(0x111111)
+                                               },
+                                               shininess: {
+                                                       value: 30
+                                               }
+                                       }]),
+                                       vertexShader: ShaderChunk.meshphong_vert,
+                                       fragmentShader: ShaderChunk.meshphong_frag
+                               },
+                               standard: {
+                                       uniforms: mergeUniforms([UniformsLib.common, UniformsLib.envmap, UniformsLib.aomap, UniformsLib.lightmap, UniformsLib.emissivemap, UniformsLib.bumpmap, UniformsLib.normalmap, UniformsLib.displacementmap, UniformsLib.roughnessmap, UniformsLib.metalnessmap, UniformsLib.fog, UniformsLib.lights, {
+                                               emissive: {
+                                                       value: new Color(0x000000)
+                                               },
+                                               roughness: {
+                                                       value: 1.0
+                                               },
+                                               metalness: {
+                                                       value: 0.0
+                                               },
+                                               envMapIntensity: {
+                                                       value: 1
+                                               } // temporary
+
+                                       }]),
+                                       vertexShader: ShaderChunk.meshphysical_vert,
+                                       fragmentShader: ShaderChunk.meshphysical_frag
+                               },
+                               toon: {
+                                       uniforms: mergeUniforms([UniformsLib.common, UniformsLib.aomap, UniformsLib.lightmap, UniformsLib.emissivemap, UniformsLib.bumpmap, UniformsLib.normalmap, UniformsLib.displacementmap, UniformsLib.gradientmap, UniformsLib.fog, UniformsLib.lights, {
+                                               emissive: {
+                                                       value: new Color(0x000000)
+                                               }
+                                       }]),
+                                       vertexShader: ShaderChunk.meshtoon_vert,
+                                       fragmentShader: ShaderChunk.meshtoon_frag
+                               },
+                               matcap: {
+                                       uniforms: mergeUniforms([UniformsLib.common, UniformsLib.bumpmap, UniformsLib.normalmap, UniformsLib.displacementmap, UniformsLib.fog, {
+                                               matcap: {
+                                                       value: null
+                                               }
+                                       }]),
+                                       vertexShader: ShaderChunk.meshmatcap_vert,
+                                       fragmentShader: ShaderChunk.meshmatcap_frag
+                               },
+                               points: {
+                                       uniforms: mergeUniforms([UniformsLib.points, UniformsLib.fog]),
+                                       vertexShader: ShaderChunk.points_vert,
+                                       fragmentShader: ShaderChunk.points_frag
+                               },
+                               dashed: {
+                                       uniforms: mergeUniforms([UniformsLib.common, UniformsLib.fog, {
+                                               scale: {
+                                                       value: 1
+                                               },
+                                               dashSize: {
+                                                       value: 1
+                                               },
+                                               totalSize: {
+                                                       value: 2
+                                               }
+                                       }]),
+                                       vertexShader: ShaderChunk.linedashed_vert,
+                                       fragmentShader: ShaderChunk.linedashed_frag
+                               },
+                               depth: {
+                                       uniforms: mergeUniforms([UniformsLib.common, UniformsLib.displacementmap]),
+                                       vertexShader: ShaderChunk.depth_vert,
+                                       fragmentShader: ShaderChunk.depth_frag
+                               },
+                               normal: {
+                                       uniforms: mergeUniforms([UniformsLib.common, UniformsLib.bumpmap, UniformsLib.normalmap, UniformsLib.displacementmap, {
+                                               opacity: {
+                                                       value: 1.0
+                                               }
+                                       }]),
+                                       vertexShader: ShaderChunk.meshnormal_vert,
+                                       fragmentShader: ShaderChunk.meshnormal_frag
+                               },
+                               sprite: {
+                                       uniforms: mergeUniforms([UniformsLib.sprite, UniformsLib.fog]),
+                                       vertexShader: ShaderChunk.sprite_vert,
+                                       fragmentShader: ShaderChunk.sprite_frag
+                               },
+                               background: {
+                                       uniforms: {
+                                               uvTransform: {
+                                                       value: new Matrix3()
+                                               },
+                                               t2D: {
+                                                       value: null
+                                               }
+                                       },
+                                       vertexShader: ShaderChunk.background_vert,
+                                       fragmentShader: ShaderChunk.background_frag
+                               },
+
+                               /* -------------------------------------------------------------------------
+               //      Cube map shader
+                ------------------------------------------------------------------------- */
+                               cube: {
+                                       uniforms: mergeUniforms([UniformsLib.envmap, {
+                                               opacity: {
+                                                       value: 1.0
+                                               }
+                                       }]),
+                                       vertexShader: ShaderChunk.cube_vert,
+                                       fragmentShader: ShaderChunk.cube_frag
+                               },
+                               equirect: {
+                                       uniforms: {
+                                               tEquirect: {
+                                                       value: null
+                                               }
+                                       },
+                                       vertexShader: ShaderChunk.equirect_vert,
+                                       fragmentShader: ShaderChunk.equirect_frag
+                               },
+                               distanceRGBA: {
+                                       uniforms: mergeUniforms([UniformsLib.common, UniformsLib.displacementmap, {
+                                               referencePosition: {
+                                                       value: new Vector3()
+                                               },
+                                               nearDistance: {
+                                                       value: 1
+                                               },
+                                               farDistance: {
+                                                       value: 1000
+                                               }
+                                       }]),
+                                       vertexShader: ShaderChunk.distanceRGBA_vert,
+                                       fragmentShader: ShaderChunk.distanceRGBA_frag
+                               },
+                               shadow: {
+                                       uniforms: mergeUniforms([UniformsLib.lights, UniformsLib.fog, {
+                                               color: {
+                                                       value: new Color(0x00000)
+                                               },
+                                               opacity: {
+                                                       value: 1.0
+                                               }
+                                       }]),
+                                       vertexShader: ShaderChunk.shadow_vert,
+                                       fragmentShader: ShaderChunk.shadow_frag
+                               }
+                       };
+                       ShaderLib.physical = {
+                               uniforms: mergeUniforms([ShaderLib.standard.uniforms, {
+                                       clearcoat: {
+                                               value: 0
+                                       },
+                                       clearcoatMap: {
+                                               value: null
+                                       },
+                                       clearcoatRoughness: {
+                                               value: 0
+                                       },
+                                       clearcoatRoughnessMap: {
+                                               value: null
+                                       },
+                                       clearcoatNormalScale: {
+                                               value: new Vector2(1, 1)
+                                       },
+                                       clearcoatNormalMap: {
+                                               value: null
+                                       },
+                                       sheenTint: {
+                                               value: new Color(0x000000)
+                                       },
+                                       transmission: {
+                                               value: 0
+                                       },
+                                       transmissionMap: {
+                                               value: null
+                                       },
+                                       transmissionSamplerSize: {
+                                               value: new Vector2()
+                                       },
+                                       transmissionSamplerMap: {
+                                               value: null
+                                       },
+                                       thickness: {
+                                               value: 0
+                                       },
+                                       thicknessMap: {
+                                               value: null
+                                       },
+                                       attenuationDistance: {
+                                               value: 0
+                                       },
+                                       attenuationTint: {
+                                               value: new Color(0x000000)
+                                       },
+                                       specularIntensity: {
+                                               value: 0
+                                       },
+                                       specularIntensityMap: {
+                                               value: null
+                                       },
+                                       specularTint: {
+                                               value: new Color(1, 1, 1)
+                                       },
+                                       specularTintMap: {
+                                               value: null
+                                       }
+                               }]),
+                               vertexShader: ShaderChunk.meshphysical_vert,
+                               fragmentShader: ShaderChunk.meshphysical_frag
+                       };
+
+                       function WebGLBackground(renderer, cubemaps, state, objects, premultipliedAlpha) {
+                               const clearColor = new Color(0x000000);
+                               let clearAlpha = 0;
+                               let planeMesh;
+                               let boxMesh;
+                               let currentBackground = null;
+                               let currentBackgroundVersion = 0;
+                               let currentTonemapping = null;
+
+                               function render(renderList, scene) {
+                                       let forceClear = false;
+                                       let background = scene.isScene === true ? scene.background : null;
+
+                                       if (background && background.isTexture) {
+                                               background = cubemaps.get(background);
+                                       } // Ignore background in AR
+                                       // TODO: Reconsider this.
+
+
+                                       const xr = renderer.xr;
+                                       const session = xr.getSession && xr.getSession();
+
+                                       if (session && session.environmentBlendMode === 'additive') {
+                                               background = null;
+                                       }
+
+                                       if (background === null) {
+                                               setClear(clearColor, clearAlpha);
+                                       } else if (background && background.isColor) {
+                                               setClear(background, 1);
+                                               forceClear = true;
+                                       }
+
+                                       if (renderer.autoClear || forceClear) {
+                                               renderer.clear(renderer.autoClearColor, renderer.autoClearDepth, renderer.autoClearStencil);
+                                       }
+
+                                       if (background && (background.isCubeTexture || background.mapping === CubeUVReflectionMapping)) {
+                                               if (boxMesh === undefined) {
+                                                       boxMesh = new Mesh(new BoxGeometry(1, 1, 1), new ShaderMaterial({
+                                                               name: 'BackgroundCubeMaterial',
+                                                               uniforms: cloneUniforms(ShaderLib.cube.uniforms),
+                                                               vertexShader: ShaderLib.cube.vertexShader,
+                                                               fragmentShader: ShaderLib.cube.fragmentShader,
+                                                               side: BackSide,
+                                                               depthTest: false,
+                                                               depthWrite: false,
+                                                               fog: false
+                                                       }));
+                                                       boxMesh.geometry.deleteAttribute('normal');
+                                                       boxMesh.geometry.deleteAttribute('uv');
+
+                                                       boxMesh.onBeforeRender = function (renderer, scene, camera) {
+                                                               this.matrixWorld.copyPosition(camera.matrixWorld);
+                                                       }; // enable code injection for non-built-in material
+
+
+                                                       Object.defineProperty(boxMesh.material, 'envMap', {
+                                                               get: function () {
+                                                                       return this.uniforms.envMap.value;
+                                                               }
+                                                       });
+                                                       objects.update(boxMesh);
+                                               }
+
+                                               boxMesh.material.uniforms.envMap.value = background;
+                                               boxMesh.material.uniforms.flipEnvMap.value = background.isCubeTexture && background.isRenderTargetTexture === false ? -1 : 1;
+
+                                               if (currentBackground !== background || currentBackgroundVersion !== background.version || currentTonemapping !== renderer.toneMapping) {
+                                                       boxMesh.material.needsUpdate = true;
+                                                       currentBackground = background;
+                                                       currentBackgroundVersion = background.version;
+                                                       currentTonemapping = renderer.toneMapping;
+                                               } // push to the pre-sorted opaque render list
+
+
+                                               renderList.unshift(boxMesh, boxMesh.geometry, boxMesh.material, 0, 0, null);
+                                       } else if (background && background.isTexture) {
+                                               if (planeMesh === undefined) {
+                                                       planeMesh = new Mesh(new PlaneGeometry(2, 2), new ShaderMaterial({
+                                                               name: 'BackgroundMaterial',
+                                                               uniforms: cloneUniforms(ShaderLib.background.uniforms),
+                                                               vertexShader: ShaderLib.background.vertexShader,
+                                                               fragmentShader: ShaderLib.background.fragmentShader,
+                                                               side: FrontSide,
+                                                               depthTest: false,
+                                                               depthWrite: false,
+                                                               fog: false
+                                                       }));
+                                                       planeMesh.geometry.deleteAttribute('normal'); // enable code injection for non-built-in material
+
+                                                       Object.defineProperty(planeMesh.material, 'map', {
+                                                               get: function () {
+                                                                       return this.uniforms.t2D.value;
+                                                               }
+                                                       });
+                                                       objects.update(planeMesh);
+                                               }
+
+                                               planeMesh.material.uniforms.t2D.value = background;
+
+                                               if (background.matrixAutoUpdate === true) {
+                                                       background.updateMatrix();
+                                               }
+
+                                               planeMesh.material.uniforms.uvTransform.value.copy(background.matrix);
+
+                                               if (currentBackground !== background || currentBackgroundVersion !== background.version || currentTonemapping !== renderer.toneMapping) {
+                                                       planeMesh.material.needsUpdate = true;
+                                                       currentBackground = background;
+                                                       currentBackgroundVersion = background.version;
+                                                       currentTonemapping = renderer.toneMapping;
+                                               } // push to the pre-sorted opaque render list
+
+
+                                               renderList.unshift(planeMesh, planeMesh.geometry, planeMesh.material, 0, 0, null);
+                                       }
+                               }
+
+                               function setClear(color, alpha) {
+                                       state.buffers.color.setClear(color.r, color.g, color.b, alpha, premultipliedAlpha);
+                               }
+
+                               return {
+                                       getClearColor: function () {
+                                               return clearColor;
+                                       },
+                                       setClearColor: function (color, alpha = 1) {
+                                               clearColor.set(color);
+                                               clearAlpha = alpha;
+                                               setClear(clearColor, clearAlpha);
+                                       },
+                                       getClearAlpha: function () {
+                                               return clearAlpha;
+                                       },
+                                       setClearAlpha: function (alpha) {
+                                               clearAlpha = alpha;
+                                               setClear(clearColor, clearAlpha);
+                                       },
+                                       render: render
+                               };
+                       }
+
+                       function WebGLBindingStates(gl, extensions, attributes, capabilities) {
+                               const maxVertexAttributes = gl.getParameter(gl.MAX_VERTEX_ATTRIBS);
+                               const extension = capabilities.isWebGL2 ? null : extensions.get('OES_vertex_array_object');
+                               const vaoAvailable = capabilities.isWebGL2 || extension !== null;
+                               const bindingStates = {};
+                               const defaultState = createBindingState(null);
+                               let currentState = defaultState;
+
+                               function setup(object, material, program, geometry, index) {
+                                       let updateBuffers = false;
+
+                                       if (vaoAvailable) {
+                                               const state = getBindingState(geometry, program, material);
+
+                                               if (currentState !== state) {
+                                                       currentState = state;
+                                                       bindVertexArrayObject(currentState.object);
+                                               }
+
+                                               updateBuffers = needsUpdate(geometry, index);
+                                               if (updateBuffers) saveCache(geometry, index);
+                                       } else {
+                                               const wireframe = material.wireframe === true;
+
+                                               if (currentState.geometry !== geometry.id || currentState.program !== program.id || currentState.wireframe !== wireframe) {
+                                                       currentState.geometry = geometry.id;
+                                                       currentState.program = program.id;
+                                                       currentState.wireframe = wireframe;
+                                                       updateBuffers = true;
+                                               }
+                                       }
+
+                                       if (object.isInstancedMesh === true) {
+                                               updateBuffers = true;
+                                       }
+
+                                       if (index !== null) {
+                                               attributes.update(index, gl.ELEMENT_ARRAY_BUFFER);
+                                       }
+
+                                       if (updateBuffers) {
+                                               setupVertexAttributes(object, material, program, geometry);
+
+                                               if (index !== null) {
+                                                       gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, attributes.get(index).buffer);
+                                               }
+                                       }
+                               }
+
+                               function createVertexArrayObject() {
+                                       if (capabilities.isWebGL2) return gl.createVertexArray();
+                                       return extension.createVertexArrayOES();
+                               }
+
+                               function bindVertexArrayObject(vao) {
+                                       if (capabilities.isWebGL2) return gl.bindVertexArray(vao);
+                                       return extension.bindVertexArrayOES(vao);
+                               }
+
+                               function deleteVertexArrayObject(vao) {
+                                       if (capabilities.isWebGL2) return gl.deleteVertexArray(vao);
+                                       return extension.deleteVertexArrayOES(vao);
+                               }
+
+                               function getBindingState(geometry, program, material) {
+                                       const wireframe = material.wireframe === true;
+                                       let programMap = bindingStates[geometry.id];
+
+                                       if (programMap === undefined) {
+                                               programMap = {};
+                                               bindingStates[geometry.id] = programMap;
+                                       }
+
+                                       let stateMap = programMap[program.id];
+
+                                       if (stateMap === undefined) {
+                                               stateMap = {};
+                                               programMap[program.id] = stateMap;
+                                       }
+
+                                       let state = stateMap[wireframe];
+
+                                       if (state === undefined) {
+                                               state = createBindingState(createVertexArrayObject());
+                                               stateMap[wireframe] = state;
+                                       }
+
+                                       return state;
+                               }
+
+                               function createBindingState(vao) {
+                                       const newAttributes = [];
+                                       const enabledAttributes = [];
+                                       const attributeDivisors = [];
+
+                                       for (let i = 0; i < maxVertexAttributes; i++) {
+                                               newAttributes[i] = 0;
+                                               enabledAttributes[i] = 0;
+                                               attributeDivisors[i] = 0;
+                                       }
+
+                                       return {
+                                               // for backward compatibility on non-VAO support browser
+                                               geometry: null,
+                                               program: null,
+                                               wireframe: false,
+                                               newAttributes: newAttributes,
+                                               enabledAttributes: enabledAttributes,
+                                               attributeDivisors: attributeDivisors,
+                                               object: vao,
+                                               attributes: {},
+                                               index: null
+                                       };
+                               }
+
+                               function needsUpdate(geometry, index) {
+                                       const cachedAttributes = currentState.attributes;
+                                       const geometryAttributes = geometry.attributes;
+                                       let attributesNum = 0;
+
+                                       for (const key in geometryAttributes) {
+                                               const cachedAttribute = cachedAttributes[key];
+                                               const geometryAttribute = geometryAttributes[key];
+                                               if (cachedAttribute === undefined) return true;
+                                               if (cachedAttribute.attribute !== geometryAttribute) return true;
+                                               if (cachedAttribute.data !== geometryAttribute.data) return true;
+                                               attributesNum++;
+                                       }
+
+                                       if (currentState.attributesNum !== attributesNum) return true;
+                                       if (currentState.index !== index) return true;
+                                       return false;
+                               }
+
+                               function saveCache(geometry, index) {
+                                       const cache = {};
+                                       const attributes = geometry.attributes;
+                                       let attributesNum = 0;
+
+                                       for (const key in attributes) {
+                                               const attribute = attributes[key];
+                                               const data = {};
+                                               data.attribute = attribute;
+
+                                               if (attribute.data) {
+                                                       data.data = attribute.data;
+                                               }
+
+                                               cache[key] = data;
+                                               attributesNum++;
+                                       }
+
+                                       currentState.attributes = cache;
+                                       currentState.attributesNum = attributesNum;
+                                       currentState.index = index;
+                               }
+
+                               function initAttributes() {
+                                       const newAttributes = currentState.newAttributes;
+
+                                       for (let i = 0, il = newAttributes.length; i < il; i++) {
+                                               newAttributes[i] = 0;
+                                       }
+                               }
+
+                               function enableAttribute(attribute) {
+                                       enableAttributeAndDivisor(attribute, 0);
+                               }
+
+                               function enableAttributeAndDivisor(attribute, meshPerAttribute) {
+                                       const newAttributes = currentState.newAttributes;
+                                       const enabledAttributes = currentState.enabledAttributes;
+                                       const attributeDivisors = currentState.attributeDivisors;
+                                       newAttributes[attribute] = 1;
+
+                                       if (enabledAttributes[attribute] === 0) {
+                                               gl.enableVertexAttribArray(attribute);
+                                               enabledAttributes[attribute] = 1;
+                                       }
+
+                                       if (attributeDivisors[attribute] !== meshPerAttribute) {
+                                               const extension = capabilities.isWebGL2 ? gl : extensions.get('ANGLE_instanced_arrays');
+                                               extension[capabilities.isWebGL2 ? 'vertexAttribDivisor' : 'vertexAttribDivisorANGLE'](attribute, meshPerAttribute);
+                                               attributeDivisors[attribute] = meshPerAttribute;
+                                       }
+                               }
+
+                               function disableUnusedAttributes() {
+                                       const newAttributes = currentState.newAttributes;
+                                       const enabledAttributes = currentState.enabledAttributes;
+
+                                       for (let i = 0, il = enabledAttributes.length; i < il; i++) {
+                                               if (enabledAttributes[i] !== newAttributes[i]) {
+                                                       gl.disableVertexAttribArray(i);
+                                                       enabledAttributes[i] = 0;
+                                               }
+                                       }
+                               }
+
+                               function vertexAttribPointer(index, size, type, normalized, stride, offset) {
+                                       if (capabilities.isWebGL2 === true && (type === gl.INT || type === gl.UNSIGNED_INT)) {
+                                               gl.vertexAttribIPointer(index, size, type, stride, offset);
+                                       } else {
+                                               gl.vertexAttribPointer(index, size, type, normalized, stride, offset);
+                                       }
+                               }
+
+                               function setupVertexAttributes(object, material, program, geometry) {
+                                       if (capabilities.isWebGL2 === false && (object.isInstancedMesh || geometry.isInstancedBufferGeometry)) {
+                                               if (extensions.get('ANGLE_instanced_arrays') === null) return;
+                                       }
+
+                                       initAttributes();
+                                       const geometryAttributes = geometry.attributes;
+                                       const programAttributes = program.getAttributes();
+                                       const materialDefaultAttributeValues = material.defaultAttributeValues;
+
+                                       for (const name in programAttributes) {
+                                               const programAttribute = programAttributes[name];
+
+                                               if (programAttribute.location >= 0) {
+                                                       let geometryAttribute = geometryAttributes[name];
+
+                                                       if (geometryAttribute === undefined) {
+                                                               if (name === 'instanceMatrix' && object.instanceMatrix) geometryAttribute = object.instanceMatrix;
+                                                               if (name === 'instanceColor' && object.instanceColor) geometryAttribute = object.instanceColor;
+                                                       }
+
+                                                       if (geometryAttribute !== undefined) {
+                                                               const normalized = geometryAttribute.normalized;
+                                                               const size = geometryAttribute.itemSize;
+                                                               const attribute = attributes.get(geometryAttribute); // TODO Attribute may not be available on context restore
+
+                                                               if (attribute === undefined) continue;
+                                                               const buffer = attribute.buffer;
+                                                               const type = attribute.type;
+                                                               const bytesPerElement = attribute.bytesPerElement;
+
+                                                               if (geometryAttribute.isInterleavedBufferAttribute) {
+                                                                       const data = geometryAttribute.data;
+                                                                       const stride = data.stride;
+                                                                       const offset = geometryAttribute.offset;
+
+                                                                       if (data && data.isInstancedInterleavedBuffer) {
+                                                                               for (let i = 0; i < programAttribute.locationSize; i++) {
+                                                                                       enableAttributeAndDivisor(programAttribute.location + i, data.meshPerAttribute);
+                                                                               }
+
+                                                                               if (object.isInstancedMesh !== true && geometry._maxInstanceCount === undefined) {
+                                                                                       geometry._maxInstanceCount = data.meshPerAttribute * data.count;
+                                                                               }
+                                                                       } else {
+                                                                               for (let i = 0; i < programAttribute.locationSize; i++) {
+                                                                                       enableAttribute(programAttribute.location + i);
+                                                                               }
+                                                                       }
+
+                                                                       gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
+
+                                                                       for (let i = 0; i < programAttribute.locationSize; i++) {
+                                                                               vertexAttribPointer(programAttribute.location + i, size / programAttribute.locationSize, type, normalized, stride * bytesPerElement, (offset + size / programAttribute.locationSize * i) * bytesPerElement);
+                                                                       }
+                                                               } else {
+                                                                       if (geometryAttribute.isInstancedBufferAttribute) {
+                                                                               for (let i = 0; i < programAttribute.locationSize; i++) {
+                                                                                       enableAttributeAndDivisor(programAttribute.location + i, geometryAttribute.meshPerAttribute);
+                                                                               }
+
+                                                                               if (object.isInstancedMesh !== true && geometry._maxInstanceCount === undefined) {
+                                                                                       geometry._maxInstanceCount = geometryAttribute.meshPerAttribute * geometryAttribute.count;
+                                                                               }
+                                                                       } else {
+                                                                               for (let i = 0; i < programAttribute.locationSize; i++) {
+                                                                                       enableAttribute(programAttribute.location + i);
+                                                                               }
+                                                                       }
+
+                                                                       gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
+
+                                                                       for (let i = 0; i < programAttribute.locationSize; i++) {
+                                                                               vertexAttribPointer(programAttribute.location + i, size / programAttribute.locationSize, type, normalized, size * bytesPerElement, size / programAttribute.locationSize * i * bytesPerElement);
+                                                                       }
+                                                               }
+                                                       } else if (materialDefaultAttributeValues !== undefined) {
+                                                               const value = materialDefaultAttributeValues[name];
+
+                                                               if (value !== undefined) {
+                                                                       switch (value.length) {
+                                                                               case 2:
+                                                                                       gl.vertexAttrib2fv(programAttribute.location, value);
+                                                                                       break;
+
+                                                                               case 3:
+                                                                                       gl.vertexAttrib3fv(programAttribute.location, value);
+                                                                                       break;
+
+                                                                               case 4:
+                                                                                       gl.vertexAttrib4fv(programAttribute.location, value);
+                                                                                       break;
+
+                                                                               default:
+                                                                                       gl.vertexAttrib1fv(programAttribute.location, value);
+                                                                       }
+                                                               }
+                                                       }
+                                               }
+                                       }
+
+                                       disableUnusedAttributes();
+                               }
+
+                               function dispose() {
+                                       reset();
+
+                                       for (const geometryId in bindingStates) {
+                                               const programMap = bindingStates[geometryId];
+
+                                               for (const programId in programMap) {
+                                                       const stateMap = programMap[programId];
+
+                                                       for (const wireframe in stateMap) {
+                                                               deleteVertexArrayObject(stateMap[wireframe].object);
+                                                               delete stateMap[wireframe];
+                                                       }
+
+                                                       delete programMap[programId];
+                                               }
+
+                                               delete bindingStates[geometryId];
+                                       }
+                               }
+
+                               function releaseStatesOfGeometry(geometry) {
+                                       if (bindingStates[geometry.id] === undefined) return;
+                                       const programMap = bindingStates[geometry.id];
+
+                                       for (const programId in programMap) {
+                                               const stateMap = programMap[programId];
+
+                                               for (const wireframe in stateMap) {
+                                                       deleteVertexArrayObject(stateMap[wireframe].object);
+                                                       delete stateMap[wireframe];
+                                               }
+
+                                               delete programMap[programId];
+                                       }
+
+                                       delete bindingStates[geometry.id];
+                               }
+
+                               function releaseStatesOfProgram(program) {
+                                       for (const geometryId in bindingStates) {
+                                               const programMap = bindingStates[geometryId];
+                                               if (programMap[program.id] === undefined) continue;
+                                               const stateMap = programMap[program.id];
+
+                                               for (const wireframe in stateMap) {
+                                                       deleteVertexArrayObject(stateMap[wireframe].object);
+                                                       delete stateMap[wireframe];
+                                               }
+
+                                               delete programMap[program.id];
+                                       }
+                               }
+
+                               function reset() {
+                                       resetDefaultState();
+                                       if (currentState === defaultState) return;
+                                       currentState = defaultState;
+                                       bindVertexArrayObject(currentState.object);
+                               } // for backward-compatilibity
+
+
+                               function resetDefaultState() {
+                                       defaultState.geometry = null;
+                                       defaultState.program = null;
+                                       defaultState.wireframe = false;
+                               }
+
+                               return {
+                                       setup: setup,
+                                       reset: reset,
+                                       resetDefaultState: resetDefaultState,
+                                       dispose: dispose,
+                                       releaseStatesOfGeometry: releaseStatesOfGeometry,
+                                       releaseStatesOfProgram: releaseStatesOfProgram,
+                                       initAttributes: initAttributes,
+                                       enableAttribute: enableAttribute,
+                                       disableUnusedAttributes: disableUnusedAttributes
+                               };
+                       }
+
+                       function WebGLBufferRenderer(gl, extensions, info, capabilities) {
+                               const isWebGL2 = capabilities.isWebGL2;
+                               let mode;
+
+                               function setMode(value) {
+                                       mode = value;
+                               }
+
+                               function render(start, count) {
+                                       gl.drawArrays(mode, start, count);
+                                       info.update(count, mode, 1);
+                               }
+
+                               function renderInstances(start, count, primcount) {
+                                       if (primcount === 0) return;
+                                       let extension, methodName;
+
+                                       if (isWebGL2) {
+                                               extension = gl;
+                                               methodName = 'drawArraysInstanced';
+                                       } else {
+                                               extension = extensions.get('ANGLE_instanced_arrays');
+                                               methodName = 'drawArraysInstancedANGLE';
+
+                                               if (extension === null) {
+                                                       console.error('THREE.WebGLBufferRenderer: using THREE.InstancedBufferGeometry but hardware does not support extension ANGLE_instanced_arrays.');
+                                                       return;
+                                               }
+                                       }
+
+                                       extension[methodName](mode, start, count, primcount);
+                                       info.update(count, mode, primcount);
+                               } //
+
+
+                               this.setMode = setMode;
+                               this.render = render;
+                               this.renderInstances = renderInstances;
+                       }
+
+                       function WebGLCapabilities(gl, extensions, parameters) {
+                               let maxAnisotropy;
+
+                               function getMaxAnisotropy() {
+                                       if (maxAnisotropy !== undefined) return maxAnisotropy;
+
+                                       if (extensions.has('EXT_texture_filter_anisotropic') === true) {
+                                               const extension = extensions.get('EXT_texture_filter_anisotropic');
+                                               maxAnisotropy = gl.getParameter(extension.MAX_TEXTURE_MAX_ANISOTROPY_EXT);
+                                       } else {
+                                               maxAnisotropy = 0;
+                                       }
+
+                                       return maxAnisotropy;
+                               }
+
+                               function getMaxPrecision(precision) {
+                                       if (precision === 'highp') {
+                                               if (gl.getShaderPrecisionFormat(gl.VERTEX_SHADER, gl.HIGH_FLOAT).precision > 0 && gl.getShaderPrecisionFormat(gl.FRAGMENT_SHADER, gl.HIGH_FLOAT).precision > 0) {
+                                                       return 'highp';
+                                               }
+
+                                               precision = 'mediump';
+                                       }
+
+                                       if (precision === 'mediump') {
+                                               if (gl.getShaderPrecisionFormat(gl.VERTEX_SHADER, gl.MEDIUM_FLOAT).precision > 0 && gl.getShaderPrecisionFormat(gl.FRAGMENT_SHADER, gl.MEDIUM_FLOAT).precision > 0) {
+                                                       return 'mediump';
+                                               }
+                                       }
+
+                                       return 'lowp';
+                               }
+
+                               /* eslint-disable no-undef */
+
+
+                               const isWebGL2 = typeof WebGL2RenderingContext !== 'undefined' && gl instanceof WebGL2RenderingContext || typeof WebGL2ComputeRenderingContext !== 'undefined' && gl instanceof WebGL2ComputeRenderingContext;
+                               /* eslint-enable no-undef */
+
+                               let precision = parameters.precision !== undefined ? parameters.precision : 'highp';
+                               const maxPrecision = getMaxPrecision(precision);
+
+                               if (maxPrecision !== precision) {
+                                       console.warn('THREE.WebGLRenderer:', precision, 'not supported, using', maxPrecision, 'instead.');
+                                       precision = maxPrecision;
+                               }
+
+                               const drawBuffers = isWebGL2 || extensions.has('WEBGL_draw_buffers');
+                               const logarithmicDepthBuffer = parameters.logarithmicDepthBuffer === true;
+                               const maxTextures = gl.getParameter(gl.MAX_TEXTURE_IMAGE_UNITS);
+                               const maxVertexTextures = gl.getParameter(gl.MAX_VERTEX_TEXTURE_IMAGE_UNITS);
+                               const maxTextureSize = gl.getParameter(gl.MAX_TEXTURE_SIZE);
+                               const maxCubemapSize = gl.getParameter(gl.MAX_CUBE_MAP_TEXTURE_SIZE);
+                               const maxAttributes = gl.getParameter(gl.MAX_VERTEX_ATTRIBS);
+                               const maxVertexUniforms = gl.getParameter(gl.MAX_VERTEX_UNIFORM_VECTORS);
+                               const maxVaryings = gl.getParameter(gl.MAX_VARYING_VECTORS);
+                               const maxFragmentUniforms = gl.getParameter(gl.MAX_FRAGMENT_UNIFORM_VECTORS);
+                               const vertexTextures = maxVertexTextures > 0;
+                               const floatFragmentTextures = isWebGL2 || extensions.has('OES_texture_float');
+                               const floatVertexTextures = vertexTextures && floatFragmentTextures;
+                               const maxSamples = isWebGL2 ? gl.getParameter(gl.MAX_SAMPLES) : 0;
+                               return {
+                                       isWebGL2: isWebGL2,
+                                       drawBuffers: drawBuffers,
+                                       getMaxAnisotropy: getMaxAnisotropy,
+                                       getMaxPrecision: getMaxPrecision,
+                                       precision: precision,
+                                       logarithmicDepthBuffer: logarithmicDepthBuffer,
+                                       maxTextures: maxTextures,
+                                       maxVertexTextures: maxVertexTextures,
+                                       maxTextureSize: maxTextureSize,
+                                       maxCubemapSize: maxCubemapSize,
+                                       maxAttributes: maxAttributes,
+                                       maxVertexUniforms: maxVertexUniforms,
+                                       maxVaryings: maxVaryings,
+                                       maxFragmentUniforms: maxFragmentUniforms,
+                                       vertexTextures: vertexTextures,
+                                       floatFragmentTextures: floatFragmentTextures,
+                                       floatVertexTextures: floatVertexTextures,
+                                       maxSamples: maxSamples
+                               };
+                       }
+
+                       function WebGLClipping(properties) {
+                               const scope = this;
+                               let globalState = null,
+                                       numGlobalPlanes = 0,
+                                       localClippingEnabled = false,
+                                       renderingShadows = false;
+                               const plane = new Plane(),
+                                       viewNormalMatrix = new Matrix3(),
+                                       uniform = {
+                                               value: null,
+                                               needsUpdate: false
+                                       };
+                               this.uniform = uniform;
+                               this.numPlanes = 0;
+                               this.numIntersection = 0;
+
+                               this.init = function (planes, enableLocalClipping, camera) {
+                                       const enabled = planes.length !== 0 || enableLocalClipping || // enable state of previous frame - the clipping code has to
+                                               // run another frame in order to reset the state:
+                                               numGlobalPlanes !== 0 || localClippingEnabled;
+                                       localClippingEnabled = enableLocalClipping;
+                                       globalState = projectPlanes(planes, camera, 0);
+                                       numGlobalPlanes = planes.length;
+                                       return enabled;
+                               };
+
+                               this.beginShadows = function () {
+                                       renderingShadows = true;
+                                       projectPlanes(null);
+                               };
+
+                               this.endShadows = function () {
+                                       renderingShadows = false;
+                                       resetGlobalState();
+                               };
+
+                               this.setState = function (material, camera, useCache) {
+                                       const planes = material.clippingPlanes,
+                                               clipIntersection = material.clipIntersection,
+                                               clipShadows = material.clipShadows;
+                                       const materialProperties = properties.get(material);
+
+                                       if (!localClippingEnabled || planes === null || planes.length === 0 || renderingShadows && !clipShadows) {
+                                               // there's no local clipping
+                                               if (renderingShadows) {
+                                                       // there's no global clipping
+                                                       projectPlanes(null);
+                                               } else {
+                                                       resetGlobalState();
+                                               }
+                                       } else {
+                                               const nGlobal = renderingShadows ? 0 : numGlobalPlanes,
+                                                       lGlobal = nGlobal * 4;
+                                               let dstArray = materialProperties.clippingState || null;
+                                               uniform.value = dstArray; // ensure unique state
+
+                                               dstArray = projectPlanes(planes, camera, lGlobal, useCache);
+
+                                               for (let i = 0; i !== lGlobal; ++i) {
+                                                       dstArray[i] = globalState[i];
+                                               }
+
+                                               materialProperties.clippingState = dstArray;
+                                               this.numIntersection = clipIntersection ? this.numPlanes : 0;
+                                               this.numPlanes += nGlobal;
+                                       }
+                               };
+
+                               function resetGlobalState() {
+                                       if (uniform.value !== globalState) {
+                                               uniform.value = globalState;
+                                               uniform.needsUpdate = numGlobalPlanes > 0;
+                                       }
+
+                                       scope.numPlanes = numGlobalPlanes;
+                                       scope.numIntersection = 0;
+                               }
+
+                               function projectPlanes(planes, camera, dstOffset, skipTransform) {
+                                       const nPlanes = planes !== null ? planes.length : 0;
+                                       let dstArray = null;
+
+                                       if (nPlanes !== 0) {
+                                               dstArray = uniform.value;
+
+                                               if (skipTransform !== true || dstArray === null) {
+                                                       const flatSize = dstOffset + nPlanes * 4,
+                                                               viewMatrix = camera.matrixWorldInverse;
+                                                       viewNormalMatrix.getNormalMatrix(viewMatrix);
+
+                                                       if (dstArray === null || dstArray.length < flatSize) {
+                                                               dstArray = new Float32Array(flatSize);
+                                                       }
+
+                                                       for (let i = 0, i4 = dstOffset; i !== nPlanes; ++i, i4 += 4) {
+                                                               plane.copy(planes[i]).applyMatrix4(viewMatrix, viewNormalMatrix);
+                                                               plane.normal.toArray(dstArray, i4);
+                                                               dstArray[i4 + 3] = plane.constant;
+                                                       }
+                                               }
+
+                                               uniform.value = dstArray;
+                                               uniform.needsUpdate = true;
+                                       }
+
+                                       scope.numPlanes = nPlanes;
+                                       scope.numIntersection = 0;
+                                       return dstArray;
+                               }
+                       }
+
+                       function WebGLCubeMaps(renderer) {
+                               let cubemaps = new WeakMap();
+
+                               function mapTextureMapping(texture, mapping) {
+                                       if (mapping === EquirectangularReflectionMapping) {
+                                               texture.mapping = CubeReflectionMapping;
+                                       } else if (mapping === EquirectangularRefractionMapping) {
+                                               texture.mapping = CubeRefractionMapping;
+                                       }
+
+                                       return texture;
+                               }
+
+                               function get(texture) {
+                                       if (texture && texture.isTexture && texture.isRenderTargetTexture === false) {
+                                               const mapping = texture.mapping;
+
+                                               if (mapping === EquirectangularReflectionMapping || mapping === EquirectangularRefractionMapping) {
+                                                       if (cubemaps.has(texture)) {
+                                                               const cubemap = cubemaps.get(texture).texture;
+                                                               return mapTextureMapping(cubemap, texture.mapping);
+                                                       } else {
+                                                               const image = texture.image;
+
+                                                               if (image && image.height > 0) {
+                                                                       const currentRenderTarget = renderer.getRenderTarget();
+                                                                       const renderTarget = new WebGLCubeRenderTarget(image.height / 2);
+                                                                       renderTarget.fromEquirectangularTexture(renderer, texture);
+                                                                       cubemaps.set(texture, renderTarget);
+                                                                       renderer.setRenderTarget(currentRenderTarget);
+                                                                       texture.addEventListener('dispose', onTextureDispose);
+                                                                       return mapTextureMapping(renderTarget.texture, texture.mapping);
+                                                               } else {
+                                                                       // image not yet ready. try the conversion next frame
+                                                                       return null;
+                                                               }
+                                                       }
+                                               }
+                                       }
+
+                                       return texture;
+                               }
+
+                               function onTextureDispose(event) {
+                                       const texture = event.target;
+                                       texture.removeEventListener('dispose', onTextureDispose);
+                                       const cubemap = cubemaps.get(texture);
+
+                                       if (cubemap !== undefined) {
+                                               cubemaps.delete(texture);
+                                               cubemap.dispose();
+                                       }
+                               }
+
+                               function dispose() {
+                                       cubemaps = new WeakMap();
+                               }
+
+                               return {
+                                       get: get,
+                                       dispose: dispose
+                               };
+                       }
+
+                       class OrthographicCamera extends Camera {
+                               constructor(left = -1, right = 1, top = 1, bottom = -1, near = 0.1, far = 2000) {
+                                       super();
+                                       this.type = 'OrthographicCamera';
+                                       this.zoom = 1;
+                                       this.view = null;
+                                       this.left = left;
+                                       this.right = right;
+                                       this.top = top;
+                                       this.bottom = bottom;
+                                       this.near = near;
+                                       this.far = far;
+                                       this.updateProjectionMatrix();
+                               }
+
+                               copy(source, recursive) {
+                                       super.copy(source, recursive);
+                                       this.left = source.left;
+                                       this.right = source.right;
+                                       this.top = source.top;
+                                       this.bottom = source.bottom;
+                                       this.near = source.near;
+                                       this.far = source.far;
+                                       this.zoom = source.zoom;
+                                       this.view = source.view === null ? null : Object.assign({}, source.view);
+                                       return this;
+                               }
+
+                               setViewOffset(fullWidth, fullHeight, x, y, width, height) {
+                                       if (this.view === null) {
+                                               this.view = {
+                                                       enabled: true,
+                                                       fullWidth: 1,
+                                                       fullHeight: 1,
+                                                       offsetX: 0,
+                                                       offsetY: 0,
+                                                       width: 1,
+                                                       height: 1
+                                               };
+                                       }
+
+                                       this.view.enabled = true;
+                                       this.view.fullWidth = fullWidth;
+                                       this.view.fullHeight = fullHeight;
+                                       this.view.offsetX = x;
+                                       this.view.offsetY = y;
+                                       this.view.width = width;
+                                       this.view.height = height;
+                                       this.updateProjectionMatrix();
+                               }
+
+                               clearViewOffset() {
+                                       if (this.view !== null) {
+                                               this.view.enabled = false;
+                                       }
+
+                                       this.updateProjectionMatrix();
+                               }
+
+                               updateProjectionMatrix() {
+                                       const dx = (this.right - this.left) / (2 * this.zoom);
+                                       const dy = (this.top - this.bottom) / (2 * this.zoom);
+                                       const cx = (this.right + this.left) / 2;
+                                       const cy = (this.top + this.bottom) / 2;
+                                       let left = cx - dx;
+                                       let right = cx + dx;
+                                       let top = cy + dy;
+                                       let bottom = cy - dy;
+
+                                       if (this.view !== null && this.view.enabled) {
+                                               const scaleW = (this.right - this.left) / this.view.fullWidth / this.zoom;
+                                               const scaleH = (this.top - this.bottom) / this.view.fullHeight / this.zoom;
+                                               left += scaleW * this.view.offsetX;
+                                               right = left + scaleW * this.view.width;
+                                               top -= scaleH * this.view.offsetY;
+                                               bottom = top - scaleH * this.view.height;
+                                       }
+
+                                       this.projectionMatrix.makeOrthographic(left, right, top, bottom, this.near, this.far);
+                                       this.projectionMatrixInverse.copy(this.projectionMatrix).invert();
+                               }
+
+                               toJSON(meta) {
+                                       const data = super.toJSON(meta);
+                                       data.object.zoom = this.zoom;
+                                       data.object.left = this.left;
+                                       data.object.right = this.right;
+                                       data.object.top = this.top;
+                                       data.object.bottom = this.bottom;
+                                       data.object.near = this.near;
+                                       data.object.far = this.far;
+                                       if (this.view !== null) data.object.view = Object.assign({}, this.view);
+                                       return data;
+                               }
+
+                       }
+
+                       OrthographicCamera.prototype.isOrthographicCamera = true;
+
+                       class RawShaderMaterial extends ShaderMaterial {
+                               constructor(parameters) {
+                                       super(parameters);
+                                       this.type = 'RawShaderMaterial';
+                               }
+
+                       }
+
+                       RawShaderMaterial.prototype.isRawShaderMaterial = true;
+
+                       const LOD_MIN = 4;
+                       const LOD_MAX = 8;
+                       const SIZE_MAX = Math.pow(2, LOD_MAX); // The standard deviations (radians) associated with the extra mips. These are
+                       // chosen to approximate a Trowbridge-Reitz distribution function times the
+                       // geometric shadowing function. These sigma values squared must match the
+                       // variance #defines in cube_uv_reflection_fragment.glsl.js.
+
+                       const EXTRA_LOD_SIGMA = [0.125, 0.215, 0.35, 0.446, 0.526, 0.582];
+                       const TOTAL_LODS = LOD_MAX - LOD_MIN + 1 + EXTRA_LOD_SIGMA.length; // The maximum length of the blur for loop. Smaller sigmas will use fewer
+                       // samples and exit early, but not recompile the shader.
+
+                       const MAX_SAMPLES = 20;
+                       const ENCODINGS = {
+                               [LinearEncoding]: 0,
+                               [sRGBEncoding]: 1,
+                               [RGBEEncoding]: 2,
+                               [RGBM7Encoding]: 3,
+                               [RGBM16Encoding]: 4,
+                               [RGBDEncoding]: 5,
+                               [GammaEncoding]: 6
+                       };
+
+                       const _flatCamera = /*@__PURE__*/new OrthographicCamera();
+
+                       const {
+                               _lodPlanes,
+                               _sizeLods,
+                               _sigmas
+                       } = /*@__PURE__*/_createPlanes();
+
+                       const _clearColor = /*@__PURE__*/new Color();
+
+                       let _oldTarget = null; // Golden Ratio
+
+                       const PHI = (1 + Math.sqrt(5)) / 2;
+                       const INV_PHI = 1 / PHI; // Vertices of a dodecahedron (except the opposites, which represent the
+                       // same axis), used as axis directions evenly spread on a sphere.
+
+                       const _axisDirections = [/*@__PURE__*/new Vector3(1, 1, 1), /*@__PURE__*/new Vector3(-1, 1, 1), /*@__PURE__*/new Vector3(1, 1, -1), /*@__PURE__*/new Vector3(-1, 1, -1), /*@__PURE__*/new Vector3(0, PHI, INV_PHI), /*@__PURE__*/new Vector3(0, PHI, -INV_PHI), /*@__PURE__*/new Vector3(INV_PHI, 0, PHI), /*@__PURE__*/new Vector3(-INV_PHI, 0, PHI), /*@__PURE__*/new Vector3(PHI, INV_PHI, 0), /*@__PURE__*/new Vector3(-PHI, INV_PHI, 0)];
+
+                       /**
+                        * This class generates a Prefiltered, Mipmapped Radiance Environment Map
+                        * (PMREM) from a cubeMap environment texture. This allows different levels of
+                        * blur to be quickly accessed based on material roughness. It is packed into a
+                        * special CubeUV format that allows us to perform custom interpolation so that
+                        * we can support nonlinear formats such as RGBE. Unlike a traditional mipmap
+                        * chain, it only goes down to the LOD_MIN level (above), and then creates extra
+                        * even more filtered 'mips' at the same LOD_MIN resolution, associated with
+                        * higher roughness levels. In this way we maintain resolution to smoothly
+                        * interpolate diffuse lighting while limiting sampling computation.
+                        *
+                        * Paper: Fast, Accurate Image-Based Lighting
+                        * https://drive.google.com/file/d/15y8r_UpKlU9SvV4ILb0C3qCPecS8pvLz/view
+                        */
+
+                       class PMREMGenerator {
+                               constructor(renderer) {
+                                       this._renderer = renderer;
+                                       this._pingPongRenderTarget = null;
+                                       this._blurMaterial = _getBlurShader(MAX_SAMPLES);
+                                       this._equirectShader = null;
+                                       this._cubemapShader = null;
+
+                                       this._compileMaterial(this._blurMaterial);
+                               }
+
+                               /**
+                                * Generates a PMREM from a supplied Scene, which can be faster than using an
+                                * image if networking bandwidth is low. Optional sigma specifies a blur radius
+                                * in radians to be applied to the scene before PMREM generation. Optional near
+                                * and far planes ensure the scene is rendered in its entirety (the cubeCamera
+                                * is placed at the origin).
+                                */
+
+
+                               fromScene(scene, sigma = 0, near = 0.1, far = 100) {
+                                       _oldTarget = this._renderer.getRenderTarget();
+
+                                       const cubeUVRenderTarget = this._allocateTargets();
+
+                                       this._sceneToCubeUV(scene, near, far, cubeUVRenderTarget);
+
+                                       if (sigma > 0) {
+                                               this._blur(cubeUVRenderTarget, 0, 0, sigma);
+                                       }
+
+                                       this._applyPMREM(cubeUVRenderTarget);
+
+                                       this._cleanup(cubeUVRenderTarget);
+
+                                       return cubeUVRenderTarget;
+                               }
+
+                               /**
+                                * Generates a PMREM from an equirectangular texture, which can be either LDR
+                                * (RGBFormat) or HDR (RGBEFormat). The ideal input image size is 1k (1024 x 512),
+                                * as this matches best with the 256 x 256 cubemap output.
+                                */
+
+
+                               fromEquirectangular(equirectangular) {
+                                       return this._fromTexture(equirectangular);
+                               }
+
+                               /**
+                                * Generates a PMREM from an cubemap texture, which can be either LDR
+                                * (RGBFormat) or HDR (RGBEFormat). The ideal input cube size is 256 x 256,
+                                * as this matches best with the 256 x 256 cubemap output.
+                                */
+
+
+                               fromCubemap(cubemap) {
+                                       return this._fromTexture(cubemap);
+                               }
+
+                               /**
+                                * Pre-compiles the cubemap shader. You can get faster start-up by invoking this method during
+                                * your texture's network fetch for increased concurrency.
+                                */
+
+
+                               compileCubemapShader() {
+                                       if (this._cubemapShader === null) {
+                                               this._cubemapShader = _getCubemapShader();
+
+                                               this._compileMaterial(this._cubemapShader);
+                                       }
+                               }
+
+                               /**
+                                * Pre-compiles the equirectangular shader. You can get faster start-up by invoking this method during
+                                * your texture's network fetch for increased concurrency.
+                                */
+
+
+                               compileEquirectangularShader() {
+                                       if (this._equirectShader === null) {
+                                               this._equirectShader = _getEquirectShader();
+
+                                               this._compileMaterial(this._equirectShader);
+                                       }
+                               }
+
+                               /**
+                                * Disposes of the PMREMGenerator's internal memory. Note that PMREMGenerator is a static class,
+                                * so you should not need more than one PMREMGenerator object. If you do, calling dispose() on
+                                * one of them will cause any others to also become unusable.
+                                */
+
+
+                               dispose() {
+                                       this._blurMaterial.dispose();
+
+                                       if (this._cubemapShader !== null) this._cubemapShader.dispose();
+                                       if (this._equirectShader !== null) this._equirectShader.dispose();
+
+                                       for (let i = 0; i < _lodPlanes.length; i++) {
+                                               _lodPlanes[i].dispose();
+                                       }
+                               } // private interface
+
+
+                               _cleanup(outputTarget) {
+                                       this._pingPongRenderTarget.dispose();
+
+                                       this._renderer.setRenderTarget(_oldTarget);
+
+                                       outputTarget.scissorTest = false;
+
+                                       _setViewport(outputTarget, 0, 0, outputTarget.width, outputTarget.height);
+                               }
+
+                               _fromTexture(texture) {
+                                       _oldTarget = this._renderer.getRenderTarget();
+
+                                       const cubeUVRenderTarget = this._allocateTargets(texture);
+
+                                       this._textureToCubeUV(texture, cubeUVRenderTarget);
+
+                                       this._applyPMREM(cubeUVRenderTarget);
+
+                                       this._cleanup(cubeUVRenderTarget);
+
+                                       return cubeUVRenderTarget;
+                               }
+
+                               _allocateTargets(texture) {
+                                       // warning: null texture is valid
+                                       const params = {
+                                               magFilter: NearestFilter,
+                                               minFilter: NearestFilter,
+                                               generateMipmaps: false,
+                                               type: UnsignedByteType,
+                                               format: RGBEFormat,
+                                               encoding: _isLDR(texture) ? texture.encoding : RGBEEncoding,
+                                               depthBuffer: false
+                                       };
+
+                                       const cubeUVRenderTarget = _createRenderTarget(params);
+
+                                       cubeUVRenderTarget.depthBuffer = texture ? false : true;
+                                       this._pingPongRenderTarget = _createRenderTarget(params);
+                                       return cubeUVRenderTarget;
+                               }
+
+                               _compileMaterial(material) {
+                                       const tmpMesh = new Mesh(_lodPlanes[0], material);
+
+                                       this._renderer.compile(tmpMesh, _flatCamera);
+                               }
+
+                               _sceneToCubeUV(scene, near, far, cubeUVRenderTarget) {
+                                       const fov = 90;
+                                       const aspect = 1;
+                                       const cubeCamera = new PerspectiveCamera(fov, aspect, near, far);
+                                       const upSign = [1, -1, 1, 1, 1, 1];
+                                       const forwardSign = [1, 1, 1, -1, -1, -1];
+                                       const renderer = this._renderer;
+                                       const originalAutoClear = renderer.autoClear;
+                                       const outputEncoding = renderer.outputEncoding;
+                                       const toneMapping = renderer.toneMapping;
+                                       renderer.getClearColor(_clearColor);
+                                       renderer.toneMapping = NoToneMapping;
+                                       renderer.outputEncoding = LinearEncoding;
+                                       renderer.autoClear = false;
+                                       const backgroundMaterial = new MeshBasicMaterial({
+                                               name: 'PMREM.Background',
+                                               side: BackSide,
+                                               depthWrite: false,
+                                               depthTest: false
+                                       });
+                                       const backgroundBox = new Mesh(new BoxGeometry(), backgroundMaterial);
+                                       let useSolidColor = false;
+                                       const background = scene.background;
+
+                                       if (background) {
+                                               if (background.isColor) {
+                                                       backgroundMaterial.color.copy(background);
+                                                       scene.background = null;
+                                                       useSolidColor = true;
+                                               }
+                                       } else {
+                                               backgroundMaterial.color.copy(_clearColor);
+                                               useSolidColor = true;
+                                       }
+
+                                       for (let i = 0; i < 6; i++) {
+                                               const col = i % 3;
+
+                                               if (col == 0) {
+                                                       cubeCamera.up.set(0, upSign[i], 0);
+                                                       cubeCamera.lookAt(forwardSign[i], 0, 0);
+                                               } else if (col == 1) {
+                                                       cubeCamera.up.set(0, 0, upSign[i]);
+                                                       cubeCamera.lookAt(0, forwardSign[i], 0);
+                                               } else {
+                                                       cubeCamera.up.set(0, upSign[i], 0);
+                                                       cubeCamera.lookAt(0, 0, forwardSign[i]);
+                                               }
+
+                                               _setViewport(cubeUVRenderTarget, col * SIZE_MAX, i > 2 ? SIZE_MAX : 0, SIZE_MAX, SIZE_MAX);
+
+                                               renderer.setRenderTarget(cubeUVRenderTarget);
+
+                                               if (useSolidColor) {
+                                                       renderer.render(backgroundBox, cubeCamera);
+                                               }
+
+                                               renderer.render(scene, cubeCamera);
+                                       }
+
+                                       backgroundBox.geometry.dispose();
+                                       backgroundBox.material.dispose();
+                                       renderer.toneMapping = toneMapping;
+                                       renderer.outputEncoding = outputEncoding;
+                                       renderer.autoClear = originalAutoClear;
+                                       scene.background = background;
+                               }
+
+                               _textureToCubeUV(texture, cubeUVRenderTarget) {
+                                       const renderer = this._renderer;
+
+                                       if (texture.isCubeTexture) {
+                                               if (this._cubemapShader == null) {
+                                                       this._cubemapShader = _getCubemapShader();
+                                               }
+                                       } else {
+                                               if (this._equirectShader == null) {
+                                                       this._equirectShader = _getEquirectShader();
+                                               }
+                                       }
+
+                                       const material = texture.isCubeTexture ? this._cubemapShader : this._equirectShader;
+                                       const mesh = new Mesh(_lodPlanes[0], material);
+                                       const uniforms = material.uniforms;
+                                       uniforms['envMap'].value = texture;
+
+                                       if (!texture.isCubeTexture) {
+                                               uniforms['texelSize'].value.set(1.0 / texture.image.width, 1.0 / texture.image.height);
+                                       }
+
+                                       uniforms['inputEncoding'].value = ENCODINGS[texture.encoding];
+                                       uniforms['outputEncoding'].value = ENCODINGS[cubeUVRenderTarget.texture.encoding];
+
+                                       _setViewport(cubeUVRenderTarget, 0, 0, 3 * SIZE_MAX, 2 * SIZE_MAX);
+
+                                       renderer.setRenderTarget(cubeUVRenderTarget);
+                                       renderer.render(mesh, _flatCamera);
+                               }
+
+                               _applyPMREM(cubeUVRenderTarget) {
+                                       const renderer = this._renderer;
+                                       const autoClear = renderer.autoClear;
+                                       renderer.autoClear = false;
+
+                                       for (let i = 1; i < TOTAL_LODS; i++) {
+                                               const sigma = Math.sqrt(_sigmas[i] * _sigmas[i] - _sigmas[i - 1] * _sigmas[i - 1]);
+                                               const poleAxis = _axisDirections[(i - 1) % _axisDirections.length];
+
+                                               this._blur(cubeUVRenderTarget, i - 1, i, sigma, poleAxis);
+                                       }
+
+                                       renderer.autoClear = autoClear;
+                               }
+
+                               /**
+                                * This is a two-pass Gaussian blur for a cubemap. Normally this is done
+                                * vertically and horizontally, but this breaks down on a cube. Here we apply
+                                * the blur latitudinally (around the poles), and then longitudinally (towards
+                                * the poles) to approximate the orthogonally-separable blur. It is least
+                                * accurate at the poles, but still does a decent job.
+                                */
+
+
+                               _blur(cubeUVRenderTarget, lodIn, lodOut, sigma, poleAxis) {
+                                       const pingPongRenderTarget = this._pingPongRenderTarget;
+
+                                       this._halfBlur(cubeUVRenderTarget, pingPongRenderTarget, lodIn, lodOut, sigma, 'latitudinal', poleAxis);
+
+                                       this._halfBlur(pingPongRenderTarget, cubeUVRenderTarget, lodOut, lodOut, sigma, 'longitudinal', poleAxis);
+                               }
+
+                               _halfBlur(targetIn, targetOut, lodIn, lodOut, sigmaRadians, direction, poleAxis) {
+                                       const renderer = this._renderer;
+                                       const blurMaterial = this._blurMaterial;
+
+                                       if (direction !== 'latitudinal' && direction !== 'longitudinal') {
+                                               console.error('blur direction must be either latitudinal or longitudinal!');
+                                       } // Number of standard deviations at which to cut off the discrete approximation.
+
+
+                                       const STANDARD_DEVIATIONS = 3;
+                                       const blurMesh = new Mesh(_lodPlanes[lodOut], blurMaterial);
+                                       const blurUniforms = blurMaterial.uniforms;
+                                       const pixels = _sizeLods[lodIn] - 1;
+                                       const radiansPerPixel = isFinite(sigmaRadians) ? Math.PI / (2 * pixels) : 2 * Math.PI / (2 * MAX_SAMPLES - 1);
+                                       const sigmaPixels = sigmaRadians / radiansPerPixel;
+                                       const samples = isFinite(sigmaRadians) ? 1 + Math.floor(STANDARD_DEVIATIONS * sigmaPixels) : MAX_SAMPLES;
+
+                                       if (samples > MAX_SAMPLES) {
+                                               console.warn(`sigmaRadians, ${sigmaRadians}, is too large and will clip, as it requested ${samples} samples when the maximum is set to ${MAX_SAMPLES}`);
+                                       }
+
+                                       const weights = [];
+                                       let sum = 0;
+
+                                       for (let i = 0; i < MAX_SAMPLES; ++i) {
+                                               const x = i / sigmaPixels;
+                                               const weight = Math.exp(-x * x / 2);
+                                               weights.push(weight);
+
+                                               if (i == 0) {
+                                                       sum += weight;
+                                               } else if (i < samples) {
+                                                       sum += 2 * weight;
+                                               }
+                                       }
+
+                                       for (let i = 0; i < weights.length; i++) {
+                                               weights[i] = weights[i] / sum;
+                                       }
+
+                                       blurUniforms['envMap'].value = targetIn.texture;
+                                       blurUniforms['samples'].value = samples;
+                                       blurUniforms['weights'].value = weights;
+                                       blurUniforms['latitudinal'].value = direction === 'latitudinal';
+
+                                       if (poleAxis) {
+                                               blurUniforms['poleAxis'].value = poleAxis;
+                                       }
+
+                                       blurUniforms['dTheta'].value = radiansPerPixel;
+                                       blurUniforms['mipInt'].value = LOD_MAX - lodIn;
+                                       blurUniforms['inputEncoding'].value = ENCODINGS[targetIn.texture.encoding];
+                                       blurUniforms['outputEncoding'].value = ENCODINGS[targetIn.texture.encoding];
+                                       const outputSize = _sizeLods[lodOut];
+                                       const x = 3 * Math.max(0, SIZE_MAX - 2 * outputSize);
+                                       const y = (lodOut === 0 ? 0 : 2 * SIZE_MAX) + 2 * outputSize * (lodOut > LOD_MAX - LOD_MIN ? lodOut - LOD_MAX + LOD_MIN : 0);
+
+                                       _setViewport(targetOut, x, y, 3 * outputSize, 2 * outputSize);
+
+                                       renderer.setRenderTarget(targetOut);
+                                       renderer.render(blurMesh, _flatCamera);
+                               }
+
+                       }
+
+                       function _isLDR(texture) {
+                               if (texture === undefined || texture.type !== UnsignedByteType) return false;
+                               return texture.encoding === LinearEncoding || texture.encoding === sRGBEncoding || texture.encoding === GammaEncoding;
+                       }
+
+                       function _createPlanes() {
+                               const _lodPlanes = [];
+                               const _sizeLods = [];
+                               const _sigmas = [];
+                               let lod = LOD_MAX;
+
+                               for (let i = 0; i < TOTAL_LODS; i++) {
+                                       const sizeLod = Math.pow(2, lod);
+
+                                       _sizeLods.push(sizeLod);
+
+                                       let sigma = 1.0 / sizeLod;
+
+                                       if (i > LOD_MAX - LOD_MIN) {
+                                               sigma = EXTRA_LOD_SIGMA[i - LOD_MAX + LOD_MIN - 1];
+                                       } else if (i == 0) {
+                                               sigma = 0;
+                                       }
+
+                                       _sigmas.push(sigma);
+
+                                       const texelSize = 1.0 / (sizeLod - 1);
+                                       const min = -texelSize / 2;
+                                       const max = 1 + texelSize / 2;
+                                       const uv1 = [min, min, max, min, max, max, min, min, max, max, min, max];
+                                       const cubeFaces = 6;
+                                       const vertices = 6;
+                                       const positionSize = 3;
+                                       const uvSize = 2;
+                                       const faceIndexSize = 1;
+                                       const position = new Float32Array(positionSize * vertices * cubeFaces);
+                                       const uv = new Float32Array(uvSize * vertices * cubeFaces);
+                                       const faceIndex = new Float32Array(faceIndexSize * vertices * cubeFaces);
+
+                                       for (let face = 0; face < cubeFaces; face++) {
+                                               const x = face % 3 * 2 / 3 - 1;
+                                               const y = face > 2 ? 0 : -1;
+                                               const coordinates = [x, y, 0, x + 2 / 3, y, 0, x + 2 / 3, y + 1, 0, x, y, 0, x + 2 / 3, y + 1, 0, x, y + 1, 0];
+                                               position.set(coordinates, positionSize * vertices * face);
+                                               uv.set(uv1, uvSize * vertices * face);
+                                               const fill = [face, face, face, face, face, face];
+                                               faceIndex.set(fill, faceIndexSize * vertices * face);
+                                       }
+
+                                       const planes = new BufferGeometry();
+                                       planes.setAttribute('position', new BufferAttribute(position, positionSize));
+                                       planes.setAttribute('uv', new BufferAttribute(uv, uvSize));
+                                       planes.setAttribute('faceIndex', new BufferAttribute(faceIndex, faceIndexSize));
+
+                                       _lodPlanes.push(planes);
+
+                                       if (lod > LOD_MIN) {
+                                               lod--;
+                                       }
+                               }
+
+                               return {
+                                       _lodPlanes,
+                                       _sizeLods,
+                                       _sigmas
+                               };
+                       }
+
+                       function _createRenderTarget(params) {
+                               const cubeUVRenderTarget = new WebGLRenderTarget(3 * SIZE_MAX, 3 * SIZE_MAX, params);
+                               cubeUVRenderTarget.texture.mapping = CubeUVReflectionMapping;
+                               cubeUVRenderTarget.texture.name = 'PMREM.cubeUv';
+                               cubeUVRenderTarget.scissorTest = true;
+                               return cubeUVRenderTarget;
+                       }
+
+                       function _setViewport(target, x, y, width, height) {
+                               target.viewport.set(x, y, width, height);
+                               target.scissor.set(x, y, width, height);
+                       }
+
+                       function _getBlurShader(maxSamples) {
+                               const weights = new Float32Array(maxSamples);
+                               const poleAxis = new Vector3(0, 1, 0);
+                               const shaderMaterial = new RawShaderMaterial({
+                                       name: 'SphericalGaussianBlur',
+                                       defines: {
+                                               'n': maxSamples
+                                       },
+                                       uniforms: {
+                                               'envMap': {
+                                                       value: null
+                                               },
+                                               'samples': {
+                                                       value: 1
+                                               },
+                                               'weights': {
+                                                       value: weights
+                                               },
+                                               'latitudinal': {
+                                                       value: false
+                                               },
+                                               'dTheta': {
+                                                       value: 0
+                                               },
+                                               'mipInt': {
+                                                       value: 0
+                                               },
+                                               'poleAxis': {
+                                                       value: poleAxis
+                                               },
+                                               'inputEncoding': {
+                                                       value: ENCODINGS[LinearEncoding]
+                                               },
+                                               'outputEncoding': {
+                                                       value: ENCODINGS[LinearEncoding]
+                                               }
+                                       },
+                                       vertexShader: _getCommonVertexShader(),
+                                       fragmentShader:
+                                       /* glsl */
+                                               `
+
+                       precision mediump float;
+                       precision mediump int;
+
+                       varying vec3 vOutputDirection;
+
+                       uniform sampler2D envMap;
+                       uniform int samples;
+                       uniform float weights[ n ];
+                       uniform bool latitudinal;
+                       uniform float dTheta;
+                       uniform float mipInt;
+                       uniform vec3 poleAxis;
+
+                       ${_getEncodings()}
+
+                       #define ENVMAP_TYPE_CUBE_UV
+                       #include <cube_uv_reflection_fragment>
+
+                       vec3 getSample( float theta, vec3 axis ) {
+
+                               float cosTheta = cos( theta );
+                               // Rodrigues' axis-angle rotation
+                               vec3 sampleDirection = vOutputDirection * cosTheta
+                                       + cross( axis, vOutputDirection ) * sin( theta )
+                                       + axis * dot( axis, vOutputDirection ) * ( 1.0 - cosTheta );
+
+                               return bilinearCubeUV( envMap, sampleDirection, mipInt );
+
+                       }
+
+                       void main() {
+
+                               vec3 axis = latitudinal ? poleAxis : cross( poleAxis, vOutputDirection );
+
+                               if ( all( equal( axis, vec3( 0.0 ) ) ) ) {
+
+                                       axis = vec3( vOutputDirection.z, 0.0, - vOutputDirection.x );
+
+                               }
+
+                               axis = normalize( axis );
+
+                               gl_FragColor = vec4( 0.0, 0.0, 0.0, 1.0 );
+                               gl_FragColor.rgb += weights[ 0 ] * getSample( 0.0, axis );
+
+                               for ( int i = 1; i < n; i++ ) {
+
+                                       if ( i >= samples ) {
+
+                                               break;
+
+                                       }
+
+                                       float theta = dTheta * float( i );
+                                       gl_FragColor.rgb += weights[ i ] * getSample( -1.0 * theta, axis );
+                                       gl_FragColor.rgb += weights[ i ] * getSample( theta, axis );
+
+                               }
+
+                               gl_FragColor = linearToOutputTexel( gl_FragColor );
+
+                       }
+               `,
+                                       blending: NoBlending,
+                                       depthTest: false,
+                                       depthWrite: false
+                               });
+                               return shaderMaterial;
+                       }
+
+                       function _getEquirectShader() {
+                               const texelSize = new Vector2(1, 1);
+                               const shaderMaterial = new RawShaderMaterial({
+                                       name: 'EquirectangularToCubeUV',
+                                       uniforms: {
+                                               'envMap': {
+                                                       value: null
+                                               },
+                                               'texelSize': {
+                                                       value: texelSize
+                                               },
+                                               'inputEncoding': {
+                                                       value: ENCODINGS[LinearEncoding]
+                                               },
+                                               'outputEncoding': {
+                                                       value: ENCODINGS[LinearEncoding]
+                                               }
+                                       },
+                                       vertexShader: _getCommonVertexShader(),
+                                       fragmentShader:
+                                       /* glsl */
+                                               `
+
+                       precision mediump float;
+                       precision mediump int;
+
+                       varying vec3 vOutputDirection;
+
+                       uniform sampler2D envMap;
+                       uniform vec2 texelSize;
+
+                       ${_getEncodings()}
+
+                       #include <common>
+
+                       void main() {
+
+                               gl_FragColor = vec4( 0.0, 0.0, 0.0, 1.0 );
+
+                               vec3 outputDirection = normalize( vOutputDirection );
+                               vec2 uv = equirectUv( outputDirection );
+
+                               vec2 f = fract( uv / texelSize - 0.5 );
+                               uv -= f * texelSize;
+                               vec3 tl = envMapTexelToLinear( texture2D ( envMap, uv ) ).rgb;
+                               uv.x += texelSize.x;
+                               vec3 tr = envMapTexelToLinear( texture2D ( envMap, uv ) ).rgb;
+                               uv.y += texelSize.y;
+                               vec3 br = envMapTexelToLinear( texture2D ( envMap, uv ) ).rgb;
+                               uv.x -= texelSize.x;
+                               vec3 bl = envMapTexelToLinear( texture2D ( envMap, uv ) ).rgb;
+
+                               vec3 tm = mix( tl, tr, f.x );
+                               vec3 bm = mix( bl, br, f.x );
+                               gl_FragColor.rgb = mix( tm, bm, f.y );
+
+                               gl_FragColor = linearToOutputTexel( gl_FragColor );
+
+                       }
+               `,
+                                       blending: NoBlending,
+                                       depthTest: false,
+                                       depthWrite: false
+                               });
+                               return shaderMaterial;
+                       }
+
+                       function _getCubemapShader() {
+                               const shaderMaterial = new RawShaderMaterial({
+                                       name: 'CubemapToCubeUV',
+                                       uniforms: {
+                                               'envMap': {
+                                                       value: null
+                                               },
+                                               'inputEncoding': {
+                                                       value: ENCODINGS[LinearEncoding]
+                                               },
+                                               'outputEncoding': {
+                                                       value: ENCODINGS[LinearEncoding]
+                                               }
+                                       },
+                                       vertexShader: _getCommonVertexShader(),
+                                       fragmentShader:
+                                       /* glsl */
+                                               `
+
+                       precision mediump float;
+                       precision mediump int;
+
+                       varying vec3 vOutputDirection;
+
+                       uniform samplerCube envMap;
+
+                       ${_getEncodings()}
+
+                       void main() {
+
+                               gl_FragColor = vec4( 0.0, 0.0, 0.0, 1.0 );
+                               gl_FragColor.rgb = envMapTexelToLinear( textureCube( envMap, vec3( - vOutputDirection.x, vOutputDirection.yz ) ) ).rgb;
+                               gl_FragColor = linearToOutputTexel( gl_FragColor );
+
+                       }
+               `,
+                                       blending: NoBlending,
+                                       depthTest: false,
+                                       depthWrite: false
+                               });
+                               return shaderMaterial;
+                       }
+
+                       function _getCommonVertexShader() {
+                               return (
+                                       /* glsl */
+                                       `
+
+               precision mediump float;
+               precision mediump int;
+
+               attribute vec3 position;
+               attribute vec2 uv;
+               attribute float faceIndex;
+
+               varying vec3 vOutputDirection;
+
+               // RH coordinate system; PMREM face-indexing convention
+               vec3 getDirection( vec2 uv, float face ) {
+
+                       uv = 2.0 * uv - 1.0;
+
+                       vec3 direction = vec3( uv, 1.0 );
+
+                       if ( face == 0.0 ) {
+
+                               direction = direction.zyx; // ( 1, v, u ) pos x
+
+                       } else if ( face == 1.0 ) {
+
+                               direction = direction.xzy;
+                               direction.xz *= -1.0; // ( -u, 1, -v ) pos y
+
+                       } else if ( face == 2.0 ) {
+
+                               direction.x *= -1.0; // ( -u, v, 1 ) pos z
+
+                       } else if ( face == 3.0 ) {
+
+                               direction = direction.zyx;
+                               direction.xz *= -1.0; // ( -1, v, -u ) neg x
+
+                       } else if ( face == 4.0 ) {
+
+                               direction = direction.xzy;
+                               direction.xy *= -1.0; // ( -u, -1, v ) neg y
+
+                       } else if ( face == 5.0 ) {
+
+                               direction.z *= -1.0; // ( u, v, -1 ) neg z
+
+                       }
+
+                       return direction;
+
+               }
+
+               void main() {
+
+                       vOutputDirection = getDirection( uv, faceIndex );
+                       gl_Position = vec4( position, 1.0 );
+
+               }
+       `
+                               );
+                       }
+
+                       function _getEncodings() {
+                               return (
+                                       /* glsl */
+                                       `
+
+               uniform int inputEncoding;
+               uniform int outputEncoding;
+
+               #include <encodings_pars_fragment>
+
+               vec4 inputTexelToLinear( vec4 value ) {
+
+                       if ( inputEncoding == 0 ) {
+
+                               return value;
+
+                       } else if ( inputEncoding == 1 ) {
+
+                               return sRGBToLinear( value );
+
+                       } else if ( inputEncoding == 2 ) {
+
+                               return RGBEToLinear( value );
+
+                       } else if ( inputEncoding == 3 ) {
+
+                               return RGBMToLinear( value, 7.0 );
+
+                       } else if ( inputEncoding == 4 ) {
+
+                               return RGBMToLinear( value, 16.0 );
+
+                       } else if ( inputEncoding == 5 ) {
+
+                               return RGBDToLinear( value, 256.0 );
+
+                       } else {
+
+                               return GammaToLinear( value, 2.2 );
+
+                       }
+
+               }
+
+               vec4 linearToOutputTexel( vec4 value ) {
+
+                       if ( outputEncoding == 0 ) {
+
+                               return value;
+
+                       } else if ( outputEncoding == 1 ) {
+
+                               return LinearTosRGB( value );
+
+                       } else if ( outputEncoding == 2 ) {
+
+                               return LinearToRGBE( value );
+
+                       } else if ( outputEncoding == 3 ) {
+
+                               return LinearToRGBM( value, 7.0 );
+
+                       } else if ( outputEncoding == 4 ) {
+
+                               return LinearToRGBM( value, 16.0 );
+
+                       } else if ( outputEncoding == 5 ) {
+
+                               return LinearToRGBD( value, 256.0 );
+
+                       } else {
+
+                               return LinearToGamma( value, 2.2 );
+
+                       }
+
+               }
+
+               vec4 envMapTexelToLinear( vec4 color ) {
+
+                       return inputTexelToLinear( color );
+
+               }
+       `
+                               );
+                       }
+
+                       function WebGLCubeUVMaps(renderer) {
+                               let cubeUVmaps = new WeakMap();
+                               let pmremGenerator = null;
+
+                               function get(texture) {
+                                       if (texture && texture.isTexture && texture.isRenderTargetTexture === false) {
+                                               const mapping = texture.mapping;
+                                               const isEquirectMap = mapping === EquirectangularReflectionMapping || mapping === EquirectangularRefractionMapping;
+                                               const isCubeMap = mapping === CubeReflectionMapping || mapping === CubeRefractionMapping;
+
+                                               if (isEquirectMap || isCubeMap) {
+                                                       // equirect/cube map to cubeUV conversion
+                                                       if (cubeUVmaps.has(texture)) {
+                                                               return cubeUVmaps.get(texture).texture;
+                                                       } else {
+                                                               const image = texture.image;
+
+                                                               if (isEquirectMap && image && image.height > 0 || isCubeMap && image && isCubeTextureComplete(image)) {
+                                                                       const currentRenderTarget = renderer.getRenderTarget();
+                                                                       if (pmremGenerator === null) pmremGenerator = new PMREMGenerator(renderer);
+                                                                       const renderTarget = isEquirectMap ? pmremGenerator.fromEquirectangular(texture) : pmremGenerator.fromCubemap(texture);
+                                                                       cubeUVmaps.set(texture, renderTarget);
+                                                                       renderer.setRenderTarget(currentRenderTarget);
+                                                                       texture.addEventListener('dispose', onTextureDispose);
+                                                                       return renderTarget.texture;
+                                                               } else {
+                                                                       // image not yet ready. try the conversion next frame
+                                                                       return null;
+                                                               }
+                                                       }
+                                               }
+                                       }
+
+                                       return texture;
+                               }
+
+                               function isCubeTextureComplete(image) {
+                                       let count = 0;
+                                       const length = 6;
+
+                                       for (let i = 0; i < length; i++) {
+                                               if (image[i] !== undefined) count++;
+                                       }
+
+                                       return count === length;
+                               }
+
+                               function onTextureDispose(event) {
+                                       const texture = event.target;
+                                       texture.removeEventListener('dispose', onTextureDispose);
+                                       const cubemapUV = cubeUVmaps.get(texture);
+
+                                       if (cubemapUV !== undefined) {
+                                               cubeUVmaps.delete(texture);
+                                               cubemapUV.dispose();
+                                       }
+                               }
+
+                               function dispose() {
+                                       cubeUVmaps = new WeakMap();
+
+                                       if (pmremGenerator !== null) {
+                                               pmremGenerator.dispose();
+                                               pmremGenerator = null;
+                                       }
+                               }
+
+                               return {
+                                       get: get,
+                                       dispose: dispose
+                               };
+                       }
+
+                       function WebGLExtensions(gl) {
+                               const extensions = {};
+
+                               function getExtension(name) {
+                                       if (extensions[name] !== undefined) {
+                                               return extensions[name];
+                                       }
+
+                                       let extension;
+
+                                       switch (name) {
+                                               case 'WEBGL_depth_texture':
+                                                       extension = gl.getExtension('WEBGL_depth_texture') || gl.getExtension('MOZ_WEBGL_depth_texture') || gl.getExtension('WEBKIT_WEBGL_depth_texture');
+                                                       break;
+
+                                               case 'EXT_texture_filter_anisotropic':
+                                                       extension = gl.getExtension('EXT_texture_filter_anisotropic') || gl.getExtension('MOZ_EXT_texture_filter_anisotropic') || gl.getExtension('WEBKIT_EXT_texture_filter_anisotropic');
+                                                       break;
+
+                                               case 'WEBGL_compressed_texture_s3tc':
+                                                       extension = gl.getExtension('WEBGL_compressed_texture_s3tc') || gl.getExtension('MOZ_WEBGL_compressed_texture_s3tc') || gl.getExtension('WEBKIT_WEBGL_compressed_texture_s3tc');
+                                                       break;
+
+                                               case 'WEBGL_compressed_texture_pvrtc':
+                                                       extension = gl.getExtension('WEBGL_compressed_texture_pvrtc') || gl.getExtension('WEBKIT_WEBGL_compressed_texture_pvrtc');
+                                                       break;
+
+                                               default:
+                                                       extension = gl.getExtension(name);
+                                       }
+
+                                       extensions[name] = extension;
+                                       return extension;
+                               }
+
+                               return {
+                                       has: function (name) {
+                                               return getExtension(name) !== null;
+                                       },
+                                       init: function (capabilities) {
+                                               if (capabilities.isWebGL2) {
+                                                       getExtension('EXT_color_buffer_float');
+                                               } else {
+                                                       getExtension('WEBGL_depth_texture');
+                                                       getExtension('OES_texture_float');
+                                                       getExtension('OES_texture_half_float');
+                                                       getExtension('OES_texture_half_float_linear');
+                                                       getExtension('OES_standard_derivatives');
+                                                       getExtension('OES_element_index_uint');
+                                                       getExtension('OES_vertex_array_object');
+                                                       getExtension('ANGLE_instanced_arrays');
+                                               }
+
+                                               getExtension('OES_texture_float_linear');
+                                               getExtension('EXT_color_buffer_half_float');
+                                       },
+                                       get: function (name) {
+                                               const extension = getExtension(name);
+
+                                               if (extension === null) {
+                                                       console.warn('THREE.WebGLRenderer: ' + name + ' extension not supported.');
+                                               }
+
+                                               return extension;
+                                       }
+                               };
+                       }
+
+                       function WebGLGeometries(gl, attributes, info, bindingStates) {
+                               const geometries = {};
+                               const wireframeAttributes = new WeakMap();
+
+                               function onGeometryDispose(event) {
+                                       const geometry = event.target;
+
+                                       if (geometry.index !== null) {
+                                               attributes.remove(geometry.index);
+                                       }
+
+                                       for (const name in geometry.attributes) {
+                                               attributes.remove(geometry.attributes[name]);
+                                       }
+
+                                       geometry.removeEventListener('dispose', onGeometryDispose);
+                                       delete geometries[geometry.id];
+                                       const attribute = wireframeAttributes.get(geometry);
+
+                                       if (attribute) {
+                                               attributes.remove(attribute);
+                                               wireframeAttributes.delete(geometry);
+                                       }
+
+                                       bindingStates.releaseStatesOfGeometry(geometry);
+
+                                       if (geometry.isInstancedBufferGeometry === true) {
+                                               delete geometry._maxInstanceCount;
+                                       } //
+
+
+                                       info.memory.geometries--;
+                               }
+
+                               function get(object, geometry) {
+                                       if (geometries[geometry.id] === true) return geometry;
+                                       geometry.addEventListener('dispose', onGeometryDispose);
+                                       geometries[geometry.id] = true;
+                                       info.memory.geometries++;
+                                       return geometry;
+                               }
+
+                               function update(geometry) {
+                                       const geometryAttributes = geometry.attributes; // Updating index buffer in VAO now. See WebGLBindingStates.
+
+                                       for (const name in geometryAttributes) {
+                                               attributes.update(geometryAttributes[name], gl.ARRAY_BUFFER);
+                                       } // morph targets
+
+
+                                       const morphAttributes = geometry.morphAttributes;
+
+                                       for (const name in morphAttributes) {
+                                               const array = morphAttributes[name];
+
+                                               for (let i = 0, l = array.length; i < l; i++) {
+                                                       attributes.update(array[i], gl.ARRAY_BUFFER);
+                                               }
+                                       }
+                               }
+
+                               function updateWireframeAttribute(geometry) {
+                                       const indices = [];
+                                       const geometryIndex = geometry.index;
+                                       const geometryPosition = geometry.attributes.position;
+                                       let version = 0;
+
+                                       if (geometryIndex !== null) {
+                                               const array = geometryIndex.array;
+                                               version = geometryIndex.version;
+
+                                               for (let i = 0, l = array.length; i < l; i += 3) {
+                                                       const a = array[i + 0];
+                                                       const b = array[i + 1];
+                                                       const c = array[i + 2];
+                                                       indices.push(a, b, b, c, c, a);
+                                               }
+                                       } else {
+                                               const array = geometryPosition.array;
+                                               version = geometryPosition.version;
+
+                                               for (let i = 0, l = array.length / 3 - 1; i < l; i += 3) {
+                                                       const a = i + 0;
+                                                       const b = i + 1;
+                                                       const c = i + 2;
+                                                       indices.push(a, b, b, c, c, a);
+                                               }
+                                       }
+
+                                       const attribute = new (arrayMax(indices) > 65535 ? Uint32BufferAttribute : Uint16BufferAttribute)(indices, 1);
+                                       attribute.version = version; // Updating index buffer in VAO now. See WebGLBindingStates
+                                       //
+
+                                       const previousAttribute = wireframeAttributes.get(geometry);
+                                       if (previousAttribute) attributes.remove(previousAttribute); //
+
+                                       wireframeAttributes.set(geometry, attribute);
+                               }
+
+                               function getWireframeAttribute(geometry) {
+                                       const currentAttribute = wireframeAttributes.get(geometry);
+
+                                       if (currentAttribute) {
+                                               const geometryIndex = geometry.index;
+
+                                               if (geometryIndex !== null) {
+                                                       // if the attribute is obsolete, create a new one
+                                                       if (currentAttribute.version < geometryIndex.version) {
+                                                               updateWireframeAttribute(geometry);
+                                                       }
+                                               }
+                                       } else {
+                                               updateWireframeAttribute(geometry);
+                                       }
+
+                                       return wireframeAttributes.get(geometry);
+                               }
+
+                               return {
+                                       get: get,
+                                       update: update,
+                                       getWireframeAttribute: getWireframeAttribute
+                               };
+                       }
+
+                       function WebGLIndexedBufferRenderer(gl, extensions, info, capabilities) {
+                               const isWebGL2 = capabilities.isWebGL2;
+                               let mode;
+
+                               function setMode(value) {
+                                       mode = value;
+                               }
+
+                               let type, bytesPerElement;
+
+                               function setIndex(value) {
+                                       type = value.type;
+                                       bytesPerElement = value.bytesPerElement;
+                               }
+
+                               function render(start, count) {
+                                       gl.drawElements(mode, count, type, start * bytesPerElement);
+                                       info.update(count, mode, 1);
+                               }
+
+                               function renderInstances(start, count, primcount) {
+                                       if (primcount === 0) return;
+                                       let extension, methodName;
+
+                                       if (isWebGL2) {
+                                               extension = gl;
+                                               methodName = 'drawElementsInstanced';
+                                       } else {
+                                               extension = extensions.get('ANGLE_instanced_arrays');
+                                               methodName = 'drawElementsInstancedANGLE';
+
+                                               if (extension === null) {
+                                                       console.error('THREE.WebGLIndexedBufferRenderer: using THREE.InstancedBufferGeometry but hardware does not support extension ANGLE_instanced_arrays.');
+                                                       return;
+                                               }
+                                       }
+
+                                       extension[methodName](mode, count, type, start * bytesPerElement, primcount);
+                                       info.update(count, mode, primcount);
+                               } //
+
+
+                               this.setMode = setMode;
+                               this.setIndex = setIndex;
+                               this.render = render;
+                               this.renderInstances = renderInstances;
+                       }
+
+                       function WebGLInfo(gl) {
+                               const memory = {
+                                       geometries: 0,
+                                       textures: 0
+                               };
+                               const render = {
+                                       frame: 0,
+                                       calls: 0,
+                                       triangles: 0,
+                                       points: 0,
+                                       lines: 0
+                               };
+
+                               function update(count, mode, instanceCount) {
+                                       render.calls++;
+
+                                       switch (mode) {
+                                               case gl.TRIANGLES:
+                                                       render.triangles += instanceCount * (count / 3);
+                                                       break;
+
+                                               case gl.LINES:
+                                                       render.lines += instanceCount * (count / 2);
+                                                       break;
+
+                                               case gl.LINE_STRIP:
+                                                       render.lines += instanceCount * (count - 1);
+                                                       break;
+
+                                               case gl.LINE_LOOP:
+                                                       render.lines += instanceCount * count;
+                                                       break;
+
+                                               case gl.POINTS:
+                                                       render.points += instanceCount * count;
+                                                       break;
+
+                                               default:
+                                                       console.error('THREE.WebGLInfo: Unknown draw mode:', mode);
+                                                       break;
+                                       }
+                               }
+
+                               function reset() {
+                                       render.frame++;
+                                       render.calls = 0;
+                                       render.triangles = 0;
+                                       render.points = 0;
+                                       render.lines = 0;
+                               }
+
+                               return {
+                                       memory: memory,
+                                       render: render,
+                                       programs: null,
+                                       autoReset: true,
+                                       reset: reset,
+                                       update: update
+                               };
+                       }
+
+                       function numericalSort(a, b) {
+                               return a[0] - b[0];
+                       }
+
+                       function absNumericalSort(a, b) {
+                               return Math.abs(b[1]) - Math.abs(a[1]);
+                       }
+
+                       function WebGLMorphtargets(gl) {
+                               const influencesList = {};
+                               const morphInfluences = new Float32Array(8);
+                               const workInfluences = [];
+
+                               for (let i = 0; i < 8; i++) {
+                                       workInfluences[i] = [i, 0];
+                               }
+
+                               function update(object, geometry, material, program) {
+                                       const objectInfluences = object.morphTargetInfluences; // When object doesn't have morph target influences defined, we treat it as a 0-length array
+                                       // This is important to make sure we set up morphTargetBaseInfluence / morphTargetInfluences
+
+                                       const length = objectInfluences === undefined ? 0 : objectInfluences.length;
+                                       let influences = influencesList[geometry.id];
+
+                                       if (influences === undefined || influences.length !== length) {
+                                               // initialise list
+                                               influences = [];
+
+                                               for (let i = 0; i < length; i++) {
+                                                       influences[i] = [i, 0];
+                                               }
+
+                                               influencesList[geometry.id] = influences;
+                                       } // Collect influences
+
+
+                                       for (let i = 0; i < length; i++) {
+                                               const influence = influences[i];
+                                               influence[0] = i;
+                                               influence[1] = objectInfluences[i];
+                                       }
+
+                                       influences.sort(absNumericalSort);
+
+                                       for (let i = 0; i < 8; i++) {
+                                               if (i < length && influences[i][1]) {
+                                                       workInfluences[i][0] = influences[i][0];
+                                                       workInfluences[i][1] = influences[i][1];
+                                               } else {
+                                                       workInfluences[i][0] = Number.MAX_SAFE_INTEGER;
+                                                       workInfluences[i][1] = 0;
+                                               }
+                                       }
+
+                                       workInfluences.sort(numericalSort);
+                                       const morphTargets = geometry.morphAttributes.position;
+                                       const morphNormals = geometry.morphAttributes.normal;
+                                       let morphInfluencesSum = 0;
+
+                                       for (let i = 0; i < 8; i++) {
+                                               const influence = workInfluences[i];
+                                               const index = influence[0];
+                                               const value = influence[1];
+
+                                               if (index !== Number.MAX_SAFE_INTEGER && value) {
+                                                       if (morphTargets && geometry.getAttribute('morphTarget' + i) !== morphTargets[index]) {
+                                                               geometry.setAttribute('morphTarget' + i, morphTargets[index]);
+                                                       }
+
+                                                       if (morphNormals && geometry.getAttribute('morphNormal' + i) !== morphNormals[index]) {
+                                                               geometry.setAttribute('morphNormal' + i, morphNormals[index]);
+                                                       }
+
+                                                       morphInfluences[i] = value;
+                                                       morphInfluencesSum += value;
+                                               } else {
+                                                       if (morphTargets && geometry.hasAttribute('morphTarget' + i) === true) {
+                                                               geometry.deleteAttribute('morphTarget' + i);
+                                                       }
+
+                                                       if (morphNormals && geometry.hasAttribute('morphNormal' + i) === true) {
+                                                               geometry.deleteAttribute('morphNormal' + i);
+                                                       }
+
+                                                       morphInfluences[i] = 0;
+                                               }
+                                       } // GLSL shader uses formula baseinfluence * base + sum(target * influence)
+                                       // This allows us to switch between absolute morphs and relative morphs without changing shader code
+                                       // When baseinfluence = 1 - sum(influence), the above is equivalent to sum((target - base) * influence)
+
+
+                                       const morphBaseInfluence = geometry.morphTargetsRelative ? 1 : 1 - morphInfluencesSum;
+                                       program.getUniforms().setValue(gl, 'morphTargetBaseInfluence', morphBaseInfluence);
+                                       program.getUniforms().setValue(gl, 'morphTargetInfluences', morphInfluences);
+                               }
+
+                               return {
+                                       update: update
+                               };
+                       }
+
+                       function WebGLObjects(gl, geometries, attributes, info) {
+                               let updateMap = new WeakMap();
+
+                               function update(object) {
+                                       const frame = info.render.frame;
+                                       const geometry = object.geometry;
+                                       const buffergeometry = geometries.get(object, geometry); // Update once per frame
+
+                                       if (updateMap.get(buffergeometry) !== frame) {
+                                               geometries.update(buffergeometry);
+                                               updateMap.set(buffergeometry, frame);
+                                       }
+
+                                       if (object.isInstancedMesh) {
+                                               if (object.hasEventListener('dispose', onInstancedMeshDispose) === false) {
+                                                       object.addEventListener('dispose', onInstancedMeshDispose);
+                                               }
+
+                                               attributes.update(object.instanceMatrix, gl.ARRAY_BUFFER);
+
+                                               if (object.instanceColor !== null) {
+                                                       attributes.update(object.instanceColor, gl.ARRAY_BUFFER);
+                                               }
+                                       }
+
+                                       return buffergeometry;
+                               }
+
+                               function dispose() {
+                                       updateMap = new WeakMap();
+                               }
+
+                               function onInstancedMeshDispose(event) {
+                                       const instancedMesh = event.target;
+                                       instancedMesh.removeEventListener('dispose', onInstancedMeshDispose);
+                                       attributes.remove(instancedMesh.instanceMatrix);
+                                       if (instancedMesh.instanceColor !== null) attributes.remove(instancedMesh.instanceColor);
+                               }
+
+                               return {
+                                       update: update,
+                                       dispose: dispose
+                               };
+                       }
+
+                       class DataTexture2DArray extends Texture {
+                               constructor(data = null, width = 1, height = 1, depth = 1) {
+                                       super(null);
+                                       this.image = {
+                                               data,
+                                               width,
+                                               height,
+                                               depth
+                                       };
+                                       this.magFilter = NearestFilter;
+                                       this.minFilter = NearestFilter;
+                                       this.wrapR = ClampToEdgeWrapping;
+                                       this.generateMipmaps = false;
+                                       this.flipY = false;
+                                       this.unpackAlignment = 1;
+                                       this.needsUpdate = true;
+                               }
+
+                       }
+
+                       DataTexture2DArray.prototype.isDataTexture2DArray = true;
+
+                       class DataTexture3D extends Texture {
+                               constructor(data = null, width = 1, height = 1, depth = 1) {
+                                       // We're going to add .setXXX() methods for setting properties later.
+                                       // Users can still set in DataTexture3D directly.
+                                       //
+                                       //      const texture = new THREE.DataTexture3D( data, width, height, depth );
+                                       //      texture.anisotropy = 16;
+                                       //
+                                       // See #14839
+                                       super(null);
+                                       this.image = {
+                                               data,
+                                               width,
+                                               height,
+                                               depth
+                                       };
+                                       this.magFilter = NearestFilter;
+                                       this.minFilter = NearestFilter;
+                                       this.wrapR = ClampToEdgeWrapping;
+                                       this.generateMipmaps = false;
+                                       this.flipY = false;
+                                       this.unpackAlignment = 1;
+                                       this.needsUpdate = true;
+                               }
+
+                       }
+
+                       DataTexture3D.prototype.isDataTexture3D = true;
+
+                       /**
+                        * Uniforms of a program.
+                        * Those form a tree structure with a special top-level container for the root,
+                        * which you get by calling 'new WebGLUniforms( gl, program )'.
+                        *
+                        *
+                        * Properties of inner nodes including the top-level container:
+                        *
+                        * .seq - array of nested uniforms
+                        * .map - nested uniforms by name
+                        *
+                        *
+                        * Methods of all nodes except the top-level container:
+                        *
+                        * .setValue( gl, value, [textures] )
+                        *
+                        *              uploads a uniform value(s)
+                        *              the 'textures' parameter is needed for sampler uniforms
+                        *
+                        *
+                        * Static methods of the top-level container (textures factorizations):
+                        *
+                        * .upload( gl, seq, values, textures )
+                        *
+                        *              sets uniforms in 'seq' to 'values[id].value'
+                        *
+                        * .seqWithValue( seq, values ) : filteredSeq
+                        *
+                        *              filters 'seq' entries with corresponding entry in values
+                        *
+                        *
+                        * Methods of the top-level container (textures factorizations):
+                        *
+                        * .setValue( gl, name, value, textures )
+                        *
+                        *              sets uniform with       name 'name' to 'value'
+                        *
+                        * .setOptional( gl, obj, prop )
+                        *
+                        *              like .set for an optional property of the object
+                        *
+                        */
+                       const emptyTexture = new Texture();
+                       const emptyTexture2dArray = new DataTexture2DArray();
+                       const emptyTexture3d = new DataTexture3D();
+                       const emptyCubeTexture = new CubeTexture(); // --- Utilities ---
+                       // Array Caches (provide typed arrays for temporary by size)
+
+                       const arrayCacheF32 = [];
+                       const arrayCacheI32 = []; // Float32Array caches used for uploading Matrix uniforms
+
+                       const mat4array = new Float32Array(16);
+                       const mat3array = new Float32Array(9);
+                       const mat2array = new Float32Array(4); // Flattening for arrays of vectors and matrices
+
+                       function flatten(array, nBlocks, blockSize) {
+                               const firstElem = array[0];
+                               if (firstElem <= 0 || firstElem > 0) return array; // unoptimized: ! isNaN( firstElem )
+                               // see http://jacksondunstan.com/articles/983
+
+                               const n = nBlocks * blockSize;
+                               let r = arrayCacheF32[n];
+
+                               if (r === undefined) {
+                                       r = new Float32Array(n);
+                                       arrayCacheF32[n] = r;
+                               }
+
+                               if (nBlocks !== 0) {
+                                       firstElem.toArray(r, 0);
+
+                                       for (let i = 1, offset = 0; i !== nBlocks; ++i) {
+                                               offset += blockSize;
+                                               array[i].toArray(r, offset);
+                                       }
+                               }
+
+                               return r;
+                       }
+
+                       function arraysEqual(a, b) {
+                               if (a.length !== b.length) return false;
+
+                               for (let i = 0, l = a.length; i < l; i++) {
+                                       if (a[i] !== b[i]) return false;
+                               }
+
+                               return true;
+                       }
+
+                       function copyArray(a, b) {
+                               for (let i = 0, l = b.length; i < l; i++) {
+                                       a[i] = b[i];
+                               }
+                       } // Texture unit allocation
+
+
+                       function allocTexUnits(textures, n) {
+                               let r = arrayCacheI32[n];
+
+                               if (r === undefined) {
+                                       r = new Int32Array(n);
+                                       arrayCacheI32[n] = r;
+                               }
+
+                               for (let i = 0; i !== n; ++i) {
+                                       r[i] = textures.allocateTextureUnit();
+                               }
+
+                               return r;
+                       } // --- Setters ---
+                       // Note: Defining these methods externally, because they come in a bunch
+                       // and this way their names minify.
+                       // Single scalar
+
+
+                       function setValueV1f(gl, v) {
+                               const cache = this.cache;
+                               if (cache[0] === v) return;
+                               gl.uniform1f(this.addr, v);
+                               cache[0] = v;
+                       } // Single float vector (from flat array or THREE.VectorN)
+
+
+                       function setValueV2f(gl, v) {
+                               const cache = this.cache;
+
+                               if (v.x !== undefined) {
+                                       if (cache[0] !== v.x || cache[1] !== v.y) {
+                                               gl.uniform2f(this.addr, v.x, v.y);
+                                               cache[0] = v.x;
+                                               cache[1] = v.y;
+                                       }
+                               } else {
+                                       if (arraysEqual(cache, v)) return;
+                                       gl.uniform2fv(this.addr, v);
+                                       copyArray(cache, v);
+                               }
+                       }
+
+                       function setValueV3f(gl, v) {
+                               const cache = this.cache;
+
+                               if (v.x !== undefined) {
+                                       if (cache[0] !== v.x || cache[1] !== v.y || cache[2] !== v.z) {
+                                               gl.uniform3f(this.addr, v.x, v.y, v.z);
+                                               cache[0] = v.x;
+                                               cache[1] = v.y;
+                                               cache[2] = v.z;
+                                       }
+                               } else if (v.r !== undefined) {
+                                       if (cache[0] !== v.r || cache[1] !== v.g || cache[2] !== v.b) {
+                                               gl.uniform3f(this.addr, v.r, v.g, v.b);
+                                               cache[0] = v.r;
+                                               cache[1] = v.g;
+                                               cache[2] = v.b;
+                                       }
+                               } else {
+                                       if (arraysEqual(cache, v)) return;
+                                       gl.uniform3fv(this.addr, v);
+                                       copyArray(cache, v);
+                               }
+                       }
+
+                       function setValueV4f(gl, v) {
+                               const cache = this.cache;
+
+                               if (v.x !== undefined) {
+                                       if (cache[0] !== v.x || cache[1] !== v.y || cache[2] !== v.z || cache[3] !== v.w) {
+                                               gl.uniform4f(this.addr, v.x, v.y, v.z, v.w);
+                                               cache[0] = v.x;
+                                               cache[1] = v.y;
+                                               cache[2] = v.z;
+                                               cache[3] = v.w;
+                                       }
+                               } else {
+                                       if (arraysEqual(cache, v)) return;
+                                       gl.uniform4fv(this.addr, v);
+                                       copyArray(cache, v);
+                               }
+                       } // Single matrix (from flat array or THREE.MatrixN)
+
+
+                       function setValueM2(gl, v) {
+                               const cache = this.cache;
+                               const elements = v.elements;
+
+                               if (elements === undefined) {
+                                       if (arraysEqual(cache, v)) return;
+                                       gl.uniformMatrix2fv(this.addr, false, v);
+                                       copyArray(cache, v);
+                               } else {
+                                       if (arraysEqual(cache, elements)) return;
+                                       mat2array.set(elements);
+                                       gl.uniformMatrix2fv(this.addr, false, mat2array);
+                                       copyArray(cache, elements);
+                               }
+                       }
+
+                       function setValueM3(gl, v) {
+                               const cache = this.cache;
+                               const elements = v.elements;
+
+                               if (elements === undefined) {
+                                       if (arraysEqual(cache, v)) return;
+                                       gl.uniformMatrix3fv(this.addr, false, v);
+                                       copyArray(cache, v);
+                               } else {
+                                       if (arraysEqual(cache, elements)) return;
+                                       mat3array.set(elements);
+                                       gl.uniformMatrix3fv(this.addr, false, mat3array);
+                                       copyArray(cache, elements);
+                               }
+                       }
+
+                       function setValueM4(gl, v) {
+                               const cache = this.cache;
+                               const elements = v.elements;
+
+                               if (elements === undefined) {
+                                       if (arraysEqual(cache, v)) return;
+                                       gl.uniformMatrix4fv(this.addr, false, v);
+                                       copyArray(cache, v);
+                               } else {
+                                       if (arraysEqual(cache, elements)) return;
+                                       mat4array.set(elements);
+                                       gl.uniformMatrix4fv(this.addr, false, mat4array);
+                                       copyArray(cache, elements);
+                               }
+                       } // Single integer / boolean
+
+
+                       function setValueV1i(gl, v) {
+                               const cache = this.cache;
+                               if (cache[0] === v) return;
+                               gl.uniform1i(this.addr, v);
+                               cache[0] = v;
+                       } // Single integer / boolean vector (from flat array)
+
+
+                       function setValueV2i(gl, v) {
+                               const cache = this.cache;
+                               if (arraysEqual(cache, v)) return;
+                               gl.uniform2iv(this.addr, v);
+                               copyArray(cache, v);
+                       }
+
+                       function setValueV3i(gl, v) {
+                               const cache = this.cache;
+                               if (arraysEqual(cache, v)) return;
+                               gl.uniform3iv(this.addr, v);
+                               copyArray(cache, v);
+                       }
+
+                       function setValueV4i(gl, v) {
+                               const cache = this.cache;
+                               if (arraysEqual(cache, v)) return;
+                               gl.uniform4iv(this.addr, v);
+                               copyArray(cache, v);
+                       } // Single unsigned integer
+
+
+                       function setValueV1ui(gl, v) {
+                               const cache = this.cache;
+                               if (cache[0] === v) return;
+                               gl.uniform1ui(this.addr, v);
+                               cache[0] = v;
+                       } // Single unsigned integer vector (from flat array)
+
+
+                       function setValueV2ui(gl, v) {
+                               const cache = this.cache;
+                               if (arraysEqual(cache, v)) return;
+                               gl.uniform2uiv(this.addr, v);
+                               copyArray(cache, v);
+                       }
+
+                       function setValueV3ui(gl, v) {
+                               const cache = this.cache;
+                               if (arraysEqual(cache, v)) return;
+                               gl.uniform3uiv(this.addr, v);
+                               copyArray(cache, v);
+                       }
+
+                       function setValueV4ui(gl, v) {
+                               const cache = this.cache;
+                               if (arraysEqual(cache, v)) return;
+                               gl.uniform4uiv(this.addr, v);
+                               copyArray(cache, v);
+                       } // Single texture (2D / Cube)
+
+
+                       function setValueT1(gl, v, textures) {
+                               const cache = this.cache;
+                               const unit = textures.allocateTextureUnit();
+
+                               if (cache[0] !== unit) {
+                                       gl.uniform1i(this.addr, unit);
+                                       cache[0] = unit;
+                               }
+
+                               textures.safeSetTexture2D(v || emptyTexture, unit);
+                       }
+
+                       function setValueT3D1(gl, v, textures) {
+                               const cache = this.cache;
+                               const unit = textures.allocateTextureUnit();
+
+                               if (cache[0] !== unit) {
+                                       gl.uniform1i(this.addr, unit);
+                                       cache[0] = unit;
+                               }
+
+                               textures.setTexture3D(v || emptyTexture3d, unit);
+                       }
+
+                       function setValueT6(gl, v, textures) {
+                               const cache = this.cache;
+                               const unit = textures.allocateTextureUnit();
+
+                               if (cache[0] !== unit) {
+                                       gl.uniform1i(this.addr, unit);
+                                       cache[0] = unit;
+                               }
+
+                               textures.safeSetTextureCube(v || emptyCubeTexture, unit);
+                       }
+
+                       function setValueT2DArray1(gl, v, textures) {
+                               const cache = this.cache;
+                               const unit = textures.allocateTextureUnit();
+
+                               if (cache[0] !== unit) {
+                                       gl.uniform1i(this.addr, unit);
+                                       cache[0] = unit;
+                               }
+
+                               textures.setTexture2DArray(v || emptyTexture2dArray, unit);
+                       } // Helper to pick the right setter for the singular case
+
+
+                       function getSingularSetter(type) {
+                               switch (type) {
+                                       case 0x1406:
+                                               return setValueV1f;
+                                       // FLOAT
+
+                                       case 0x8b50:
+                                               return setValueV2f;
+                                       // _VEC2
+
+                                       case 0x8b51:
+                                               return setValueV3f;
+                                       // _VEC3
+
+                                       case 0x8b52:
+                                               return setValueV4f;
+                                       // _VEC4
+
+                                       case 0x8b5a:
+                                               return setValueM2;
+                                       // _MAT2
+
+                                       case 0x8b5b:
+                                               return setValueM3;
+                                       // _MAT3
+
+                                       case 0x8b5c:
+                                               return setValueM4;
+                                       // _MAT4
+
+                                       case 0x1404:
+                                       case 0x8b56:
+                                               return setValueV1i;
+                                       // INT, BOOL
+
+                                       case 0x8b53:
+                                       case 0x8b57:
+                                               return setValueV2i;
+                                       // _VEC2
+
+                                       case 0x8b54:
+                                       case 0x8b58:
+                                               return setValueV3i;
+                                       // _VEC3
+
+                                       case 0x8b55:
+                                       case 0x8b59:
+                                               return setValueV4i;
+                                       // _VEC4
+
+                                       case 0x1405:
+                                               return setValueV1ui;
+                                       // UINT
+
+                                       case 0x8dc6:
+                                               return setValueV2ui;
+                                       // _VEC2
+
+                                       case 0x8dc7:
+                                               return setValueV3ui;
+                                       // _VEC3
+
+                                       case 0x8dc8:
+                                               return setValueV4ui;
+                                       // _VEC4
+
+                                       case 0x8b5e: // SAMPLER_2D
+
+                                       case 0x8d66: // SAMPLER_EXTERNAL_OES
+
+                                       case 0x8dca: // INT_SAMPLER_2D
+
+                                       case 0x8dd2: // UNSIGNED_INT_SAMPLER_2D
+
+                                       case 0x8b62:
+                                               // SAMPLER_2D_SHADOW
+                                               return setValueT1;
+
+                                       case 0x8b5f: // SAMPLER_3D
+
+                                       case 0x8dcb: // INT_SAMPLER_3D
+
+                                       case 0x8dd3:
+                                               // UNSIGNED_INT_SAMPLER_3D
+                                               return setValueT3D1;
+
+                                       case 0x8b60: // SAMPLER_CUBE
+
+                                       case 0x8dcc: // INT_SAMPLER_CUBE
+
+                                       case 0x8dd4: // UNSIGNED_INT_SAMPLER_CUBE
+
+                                       case 0x8dc5:
+                                               // SAMPLER_CUBE_SHADOW
+                                               return setValueT6;
+
+                                       case 0x8dc1: // SAMPLER_2D_ARRAY
+
+                                       case 0x8dcf: // INT_SAMPLER_2D_ARRAY
+
+                                       case 0x8dd7: // UNSIGNED_INT_SAMPLER_2D_ARRAY
+
+                                       case 0x8dc4:
+                                               // SAMPLER_2D_ARRAY_SHADOW
+                                               return setValueT2DArray1;
+                               }
+                       } // Array of scalars
+
+
+                       function setValueV1fArray(gl, v) {
+                               gl.uniform1fv(this.addr, v);
+                       } // Array of vectors (from flat array or array of THREE.VectorN)
+
+
+                       function setValueV2fArray(gl, v) {
+                               const data = flatten(v, this.size, 2);
+                               gl.uniform2fv(this.addr, data);
+                       }
+
+                       function setValueV3fArray(gl, v) {
+                               const data = flatten(v, this.size, 3);
+                               gl.uniform3fv(this.addr, data);
+                       }
+
+                       function setValueV4fArray(gl, v) {
+                               const data = flatten(v, this.size, 4);
+                               gl.uniform4fv(this.addr, data);
+                       } // Array of matrices (from flat array or array of THREE.MatrixN)
+
+
+                       function setValueM2Array(gl, v) {
+                               const data = flatten(v, this.size, 4);
+                               gl.uniformMatrix2fv(this.addr, false, data);
+                       }
+
+                       function setValueM3Array(gl, v) {
+                               const data = flatten(v, this.size, 9);
+                               gl.uniformMatrix3fv(this.addr, false, data);
+                       }
+
+                       function setValueM4Array(gl, v) {
+                               const data = flatten(v, this.size, 16);
+                               gl.uniformMatrix4fv(this.addr, false, data);
+                       } // Array of integer / boolean
+
+
+                       function setValueV1iArray(gl, v) {
+                               gl.uniform1iv(this.addr, v);
+                       } // Array of integer / boolean vectors (from flat array)
+
+
+                       function setValueV2iArray(gl, v) {
+                               gl.uniform2iv(this.addr, v);
+                       }
+
+                       function setValueV3iArray(gl, v) {
+                               gl.uniform3iv(this.addr, v);
+                       }
+
+                       function setValueV4iArray(gl, v) {
+                               gl.uniform4iv(this.addr, v);
+                       } // Array of unsigned integer
+
+
+                       function setValueV1uiArray(gl, v) {
+                               gl.uniform1uiv(this.addr, v);
+                       } // Array of unsigned integer vectors (from flat array)
+
+
+                       function setValueV2uiArray(gl, v) {
+                               gl.uniform2uiv(this.addr, v);
+                       }
+
+                       function setValueV3uiArray(gl, v) {
+                               gl.uniform3uiv(this.addr, v);
+                       }
+
+                       function setValueV4uiArray(gl, v) {
+                               gl.uniform4uiv(this.addr, v);
+                       } // Array of textures (2D / Cube)
+
+
+                       function setValueT1Array(gl, v, textures) {
+                               const n = v.length;
+                               const units = allocTexUnits(textures, n);
+                               gl.uniform1iv(this.addr, units);
+
+                               for (let i = 0; i !== n; ++i) {
+                                       textures.safeSetTexture2D(v[i] || emptyTexture, units[i]);
+                               }
+                       }
+
+                       function setValueT6Array(gl, v, textures) {
+                               const n = v.length;
+                               const units = allocTexUnits(textures, n);
+                               gl.uniform1iv(this.addr, units);
+
+                               for (let i = 0; i !== n; ++i) {
+                                       textures.safeSetTextureCube(v[i] || emptyCubeTexture, units[i]);
+                               }
+                       } // Helper to pick the right setter for a pure (bottom-level) array
+
+
+                       function getPureArraySetter(type) {
+                               switch (type) {
+                                       case 0x1406:
+                                               return setValueV1fArray;
+                                       // FLOAT
+
+                                       case 0x8b50:
+                                               return setValueV2fArray;
+                                       // _VEC2
+
+                                       case 0x8b51:
+                                               return setValueV3fArray;
+                                       // _VEC3
+
+                                       case 0x8b52:
+                                               return setValueV4fArray;
+                                       // _VEC4
+
+                                       case 0x8b5a:
+                                               return setValueM2Array;
+                                       // _MAT2
+
+                                       case 0x8b5b:
+                                               return setValueM3Array;
+                                       // _MAT3
+
+                                       case 0x8b5c:
+                                               return setValueM4Array;
+                                       // _MAT4
+
+                                       case 0x1404:
+                                       case 0x8b56:
+                                               return setValueV1iArray;
+                                       // INT, BOOL
+
+                                       case 0x8b53:
+                                       case 0x8b57:
+                                               return setValueV2iArray;
+                                       // _VEC2
+
+                                       case 0x8b54:
+                                       case 0x8b58:
+                                               return setValueV3iArray;
+                                       // _VEC3
+
+                                       case 0x8b55:
+                                       case 0x8b59:
+                                               return setValueV4iArray;
+                                       // _VEC4
+
+                                       case 0x1405:
+                                               return setValueV1uiArray;
+                                       // UINT
+
+                                       case 0x8dc6:
+                                               return setValueV2uiArray;
+                                       // _VEC2
+
+                                       case 0x8dc7:
+                                               return setValueV3uiArray;
+                                       // _VEC3
+
+                                       case 0x8dc8:
+                                               return setValueV4uiArray;
+                                       // _VEC4
+
+                                       case 0x8b5e: // SAMPLER_2D
+
+                                       case 0x8d66: // SAMPLER_EXTERNAL_OES
+
+                                       case 0x8dca: // INT_SAMPLER_2D
+
+                                       case 0x8dd2: // UNSIGNED_INT_SAMPLER_2D
+
+                                       case 0x8b62:
+                                               // SAMPLER_2D_SHADOW
+                                               return setValueT1Array;
+
+                                       case 0x8b60: // SAMPLER_CUBE
+
+                                       case 0x8dcc: // INT_SAMPLER_CUBE
+
+                                       case 0x8dd4: // UNSIGNED_INT_SAMPLER_CUBE
+
+                                       case 0x8dc5:
+                                               // SAMPLER_CUBE_SHADOW
+                                               return setValueT6Array;
+                               }
+                       } // --- Uniform Classes ---
+
+
+                       function SingleUniform(id, activeInfo, addr) {
+                               this.id = id;
+                               this.addr = addr;
+                               this.cache = [];
+                               this.setValue = getSingularSetter(activeInfo.type); // this.path = activeInfo.name; // DEBUG
+                       }
+
+                       function PureArrayUniform(id, activeInfo, addr) {
+                               this.id = id;
+                               this.addr = addr;
+                               this.cache = [];
+                               this.size = activeInfo.size;
+                               this.setValue = getPureArraySetter(activeInfo.type); // this.path = activeInfo.name; // DEBUG
+                       }
+
+                       PureArrayUniform.prototype.updateCache = function (data) {
+                               const cache = this.cache;
+
+                               if (data instanceof Float32Array && cache.length !== data.length) {
+                                       this.cache = new Float32Array(data.length);
+                               }
+
+                               copyArray(cache, data);
+                       };
+
+                       function StructuredUniform(id) {
+                               this.id = id;
+                               this.seq = [];
+                               this.map = {};
+                       }
+
+                       StructuredUniform.prototype.setValue = function (gl, value, textures) {
+                               const seq = this.seq;
+
+                               for (let i = 0, n = seq.length; i !== n; ++i) {
+                                       const u = seq[i];
+                                       u.setValue(gl, value[u.id], textures);
+                               }
+                       }; // --- Top-level ---
+                       // Parser - builds up the property tree from the path strings
+
+
+                       const RePathPart = /(\w+)(\])?(\[|\.)?/g; // extracts
+                       //      - the identifier (member name or array index)
+                       //      - followed by an optional right bracket (found when array index)
+                       //      - followed by an optional left bracket or dot (type of subscript)
+                       //
+                       // Note: These portions can be read in a non-overlapping fashion and
+                       // allow straightforward parsing of the hierarchy that WebGL encodes
+                       // in the uniform names.
+
+                       function addUniform(container, uniformObject) {
+                               container.seq.push(uniformObject);
+                               container.map[uniformObject.id] = uniformObject;
+                       }
+
+                       function parseUniform(activeInfo, addr, container) {
+                               const path = activeInfo.name,
+                                       pathLength = path.length; // reset RegExp object, because of the early exit of a previous run
+
+                               RePathPart.lastIndex = 0;
+
+                               while (true) {
+                                       const match = RePathPart.exec(path),
+                                               matchEnd = RePathPart.lastIndex;
+                                       let id = match[1];
+                                       const idIsIndex = match[2] === ']',
+                                               subscript = match[3];
+                                       if (idIsIndex) id = id | 0; // convert to integer
+
+                                       if (subscript === undefined || subscript === '[' && matchEnd + 2 === pathLength) {
+                                               // bare name or "pure" bottom-level array "[0]" suffix
+                                               addUniform(container, subscript === undefined ? new SingleUniform(id, activeInfo, addr) : new PureArrayUniform(id, activeInfo, addr));
+                                               break;
+                                       } else {
+                                               // step into inner node / create it in case it doesn't exist
+                                               const map = container.map;
+                                               let next = map[id];
+
+                                               if (next === undefined) {
+                                                       next = new StructuredUniform(id);
+                                                       addUniform(container, next);
+                                               }
+
+                                               container = next;
+                                       }
+                               }
+                       } // Root Container
+
+
+                       function WebGLUniforms(gl, program) {
+                               this.seq = [];
+                               this.map = {};
+                               const n = gl.getProgramParameter(program, gl.ACTIVE_UNIFORMS);
+
+                               for (let i = 0; i < n; ++i) {
+                                       const info = gl.getActiveUniform(program, i),
+                                               addr = gl.getUniformLocation(program, info.name);
+                                       parseUniform(info, addr, this);
+                               }
+                       }
+
+                       WebGLUniforms.prototype.setValue = function (gl, name, value, textures) {
+                               const u = this.map[name];
+                               if (u !== undefined) u.setValue(gl, value, textures);
+                       };
+
+                       WebGLUniforms.prototype.setOptional = function (gl, object, name) {
+                               const v = object[name];
+                               if (v !== undefined) this.setValue(gl, name, v);
+                       }; // Static interface
+
+
+                       WebGLUniforms.upload = function (gl, seq, values, textures) {
+                               for (let i = 0, n = seq.length; i !== n; ++i) {
+                                       const u = seq[i],
+                                               v = values[u.id];
+
+                                       if (v.needsUpdate !== false) {
+                                               // note: always updating when .needsUpdate is undefined
+                                               u.setValue(gl, v.value, textures);
+                                       }
+                               }
+                       };
+
+                       WebGLUniforms.seqWithValue = function (seq, values) {
+                               const r = [];
+
+                               for (let i = 0, n = seq.length; i !== n; ++i) {
+                                       const u = seq[i];
+                                       if (u.id in values) r.push(u);
+                               }
+
+                               return r;
+                       };
+
+                       function WebGLShader(gl, type, string) {
+                               const shader = gl.createShader(type);
+                               gl.shaderSource(shader, string);
+                               gl.compileShader(shader);
+                               return shader;
+                       }
+
+                       let programIdCount = 0;
+
+                       function addLineNumbers(string) {
+                               const lines = string.split('\n');
+
+                               for (let i = 0; i < lines.length; i++) {
+                                       lines[i] = i + 1 + ': ' + lines[i];
+                               }
+
+                               return lines.join('\n');
+                       }
+
+                       function getEncodingComponents(encoding) {
+                               switch (encoding) {
+                                       case LinearEncoding:
+                                               return ['Linear', '( value )'];
+
+                                       case sRGBEncoding:
+                                               return ['sRGB', '( value )'];
+
+                                       case RGBEEncoding:
+                                               return ['RGBE', '( value )'];
+
+                                       case RGBM7Encoding:
+                                               return ['RGBM', '( value, 7.0 )'];
+
+                                       case RGBM16Encoding:
+                                               return ['RGBM', '( value, 16.0 )'];
+
+                                       case RGBDEncoding:
+                                               return ['RGBD', '( value, 256.0 )'];
+
+                                       case GammaEncoding:
+                                               return ['Gamma', '( value, float( GAMMA_FACTOR ) )'];
+
+                                       case LogLuvEncoding:
+                                               return ['LogLuv', '( value )'];
+
+                                       default:
+                                               console.warn('THREE.WebGLProgram: Unsupported encoding:', encoding);
+                                               return ['Linear', '( value )'];
+                               }
+                       }
+
+                       function getShaderErrors(gl, shader, type) {
+                               const status = gl.getShaderParameter(shader, gl.COMPILE_STATUS);
+                               const errors = gl.getShaderInfoLog(shader).trim();
+                               if (status && errors === '') return ''; // --enable-privileged-webgl-extension
+                               // console.log( '**' + type + '**', gl.getExtension( 'WEBGL_debug_shaders' ).getTranslatedShaderSource( shader ) );
+
+                               return type.toUpperCase() + '\n\n' + errors + '\n\n' + addLineNumbers(gl.getShaderSource(shader));
+                       }
+
+                       function getTexelDecodingFunction(functionName, encoding) {
+                               const components = getEncodingComponents(encoding);
+                               return 'vec4 ' + functionName + '( vec4 value ) { return ' + components[0] + 'ToLinear' + components[1] + '; }';
+                       }
+
+                       function getTexelEncodingFunction(functionName, encoding) {
+                               const components = getEncodingComponents(encoding);
+                               return 'vec4 ' + functionName + '( vec4 value ) { return LinearTo' + components[0] + components[1] + '; }';
+                       }
+
+                       function getToneMappingFunction(functionName, toneMapping) {
+                               let toneMappingName;
+
+                               switch (toneMapping) {
+                                       case LinearToneMapping:
+                                               toneMappingName = 'Linear';
+                                               break;
+
+                                       case ReinhardToneMapping:
+                                               toneMappingName = 'Reinhard';
+                                               break;
+
+                                       case CineonToneMapping:
+                                               toneMappingName = 'OptimizedCineon';
+                                               break;
+
+                                       case ACESFilmicToneMapping:
+                                               toneMappingName = 'ACESFilmic';
+                                               break;
+
+                                       case CustomToneMapping:
+                                               toneMappingName = 'Custom';
+                                               break;
+
+                                       default:
+                                               console.warn('THREE.WebGLProgram: Unsupported toneMapping:', toneMapping);
+                                               toneMappingName = 'Linear';
+                               }
+
+                               return 'vec3 ' + functionName + '( vec3 color ) { return ' + toneMappingName + 'ToneMapping( color ); }';
+                       }
+
+                       function generateExtensions(parameters) {
+                               const chunks = [parameters.extensionDerivatives || parameters.envMapCubeUV || parameters.bumpMap || parameters.tangentSpaceNormalMap || parameters.clearcoatNormalMap || parameters.flatShading || parameters.shaderID === 'physical' ? '#extension GL_OES_standard_derivatives : enable' : '', (parameters.extensionFragDepth || parameters.logarithmicDepthBuffer) && parameters.rendererExtensionFragDepth ? '#extension GL_EXT_frag_depth : enable' : '', parameters.extensionDrawBuffers && parameters.rendererExtensionDrawBuffers ? '#extension GL_EXT_draw_buffers : require' : '', (parameters.extensionShaderTextureLOD || parameters.envMap || parameters.transmission) && parameters.rendererExtensionShaderTextureLod ? '#extension GL_EXT_shader_texture_lod : enable' : ''];
+                               return chunks.filter(filterEmptyLine).join('\n');
+                       }
+
+                       function generateDefines(defines) {
+                               const chunks = [];
+
+                               for (const name in defines) {
+                                       const value = defines[name];
+                                       if (value === false) continue;
+                                       chunks.push('#define ' + name + ' ' + value);
+                               }
+
+                               return chunks.join('\n');
+                       }
+
+                       function fetchAttributeLocations(gl, program) {
+                               const attributes = {};
+                               const n = gl.getProgramParameter(program, gl.ACTIVE_ATTRIBUTES);
+
+                               for (let i = 0; i < n; i++) {
+                                       const info = gl.getActiveAttrib(program, i);
+                                       const name = info.name;
+                                       let locationSize = 1;
+                                       if (info.type === gl.FLOAT_MAT2) locationSize = 2;
+                                       if (info.type === gl.FLOAT_MAT3) locationSize = 3;
+                                       if (info.type === gl.FLOAT_MAT4) locationSize = 4; // console.log( 'THREE.WebGLProgram: ACTIVE VERTEX ATTRIBUTE:', name, i );
+
+                                       attributes[name] = {
+                                               type: info.type,
+                                               location: gl.getAttribLocation(program, name),
+                                               locationSize: locationSize
+                                       };
+                               }
+
+                               return attributes;
+                       }
+
+                       function filterEmptyLine(string) {
+                               return string !== '';
+                       }
+
+                       function replaceLightNums(string, parameters) {
+                               return string.replace(/NUM_DIR_LIGHTS/g, parameters.numDirLights).replace(/NUM_SPOT_LIGHTS/g, parameters.numSpotLights).replace(/NUM_RECT_AREA_LIGHTS/g, parameters.numRectAreaLights).replace(/NUM_POINT_LIGHTS/g, parameters.numPointLights).replace(/NUM_HEMI_LIGHTS/g, parameters.numHemiLights).replace(/NUM_DIR_LIGHT_SHADOWS/g, parameters.numDirLightShadows).replace(/NUM_SPOT_LIGHT_SHADOWS/g, parameters.numSpotLightShadows).replace(/NUM_POINT_LIGHT_SHADOWS/g, parameters.numPointLightShadows);
+                       }
+
+                       function replaceClippingPlaneNums(string, parameters) {
+                               return string.replace(/NUM_CLIPPING_PLANES/g, parameters.numClippingPlanes).replace(/UNION_CLIPPING_PLANES/g, parameters.numClippingPlanes - parameters.numClipIntersection);
+                       } // Resolve Includes
+
+
+                       const includePattern = /^[ \t]*#include +<([\w\d./]+)>/gm;
+
+                       function resolveIncludes(string) {
+                               return string.replace(includePattern, includeReplacer);
+                       }
+
+                       function includeReplacer(match, include) {
+                               const string = ShaderChunk[include];
+
+                               if (string === undefined) {
+                                       throw new Error('Can not resolve #include <' + include + '>');
+                               }
+
+                               return resolveIncludes(string);
+                       } // Unroll Loops
+
+
+                       const deprecatedUnrollLoopPattern = /#pragma unroll_loop[\s]+?for \( int i \= (\d+)\; i < (\d+)\; i \+\+ \) \{([\s\S]+?)(?=\})\}/g;
+                       const unrollLoopPattern = /#pragma unroll_loop_start\s+for\s*\(\s*int\s+i\s*=\s*(\d+)\s*;\s*i\s*<\s*(\d+)\s*;\s*i\s*\+\+\s*\)\s*{([\s\S]+?)}\s+#pragma unroll_loop_end/g;
+
+                       function unrollLoops(string) {
+                               return string.replace(unrollLoopPattern, loopReplacer).replace(deprecatedUnrollLoopPattern, deprecatedLoopReplacer);
+                       }
+
+                       function deprecatedLoopReplacer(match, start, end, snippet) {
+                               console.warn('WebGLProgram: #pragma unroll_loop shader syntax is deprecated. Please use #pragma unroll_loop_start syntax instead.');
+                               return loopReplacer(match, start, end, snippet);
+                       }
+
+                       function loopReplacer(match, start, end, snippet) {
+                               let string = '';
+
+                               for (let i = parseInt(start); i < parseInt(end); i++) {
+                                       string += snippet.replace(/\[\s*i\s*\]/g, '[ ' + i + ' ]').replace(/UNROLLED_LOOP_INDEX/g, i);
+                               }
+
+                               return string;
+                       } //
+
+
+                       function generatePrecision(parameters) {
+                               let precisionstring = 'precision ' + parameters.precision + ' float;\nprecision ' + parameters.precision + ' int;';
+
+                               if (parameters.precision === 'highp') {
+                                       precisionstring += '\n#define HIGH_PRECISION';
+                               } else if (parameters.precision === 'mediump') {
+                                       precisionstring += '\n#define MEDIUM_PRECISION';
+                               } else if (parameters.precision === 'lowp') {
+                                       precisionstring += '\n#define LOW_PRECISION';
+                               }
+
+                               return precisionstring;
+                       }
+
+                       function generateShadowMapTypeDefine(parameters) {
+                               let shadowMapTypeDefine = 'SHADOWMAP_TYPE_BASIC';
+
+                               if (parameters.shadowMapType === PCFShadowMap) {
+                                       shadowMapTypeDefine = 'SHADOWMAP_TYPE_PCF';
+                               } else if (parameters.shadowMapType === PCFSoftShadowMap) {
+                                       shadowMapTypeDefine = 'SHADOWMAP_TYPE_PCF_SOFT';
+                               } else if (parameters.shadowMapType === VSMShadowMap) {
+                                       shadowMapTypeDefine = 'SHADOWMAP_TYPE_VSM';
+                               }
+
+                               return shadowMapTypeDefine;
+                       }
+
+                       function generateEnvMapTypeDefine(parameters) {
+                               let envMapTypeDefine = 'ENVMAP_TYPE_CUBE';
+
+                               if (parameters.envMap) {
+                                       switch (parameters.envMapMode) {
+                                               case CubeReflectionMapping:
+                                               case CubeRefractionMapping:
+                                                       envMapTypeDefine = 'ENVMAP_TYPE_CUBE';
+                                                       break;
+
+                                               case CubeUVReflectionMapping:
+                                               case CubeUVRefractionMapping:
+                                                       envMapTypeDefine = 'ENVMAP_TYPE_CUBE_UV';
+                                                       break;
+                                       }
+                               }
+
+                               return envMapTypeDefine;
+                       }
+
+                       function generateEnvMapModeDefine(parameters) {
+                               let envMapModeDefine = 'ENVMAP_MODE_REFLECTION';
+
+                               if (parameters.envMap) {
+                                       switch (parameters.envMapMode) {
+                                               case CubeRefractionMapping:
+                                               case CubeUVRefractionMapping:
+                                                       envMapModeDefine = 'ENVMAP_MODE_REFRACTION';
+                                                       break;
+                                       }
+                               }
+
+                               return envMapModeDefine;
+                       }
+
+                       function generateEnvMapBlendingDefine(parameters) {
+                               let envMapBlendingDefine = 'ENVMAP_BLENDING_NONE';
+
+                               if (parameters.envMap) {
+                                       switch (parameters.combine) {
+                                               case MultiplyOperation:
+                                                       envMapBlendingDefine = 'ENVMAP_BLENDING_MULTIPLY';
+                                                       break;
+
+                                               case MixOperation:
+                                                       envMapBlendingDefine = 'ENVMAP_BLENDING_MIX';
+                                                       break;
+
+                                               case AddOperation:
+                                                       envMapBlendingDefine = 'ENVMAP_BLENDING_ADD';
+                                                       break;
+                                       }
+                               }
+
+                               return envMapBlendingDefine;
+                       }
+
+                       function WebGLProgram(renderer, cacheKey, parameters, bindingStates) {
+                               // TODO Send this event to Three.js DevTools
+                               // console.log( 'WebGLProgram', cacheKey );
+                               const gl = renderer.getContext();
+                               const defines = parameters.defines;
+                               let vertexShader = parameters.vertexShader;
+                               let fragmentShader = parameters.fragmentShader;
+                               const shadowMapTypeDefine = generateShadowMapTypeDefine(parameters);
+                               const envMapTypeDefine = generateEnvMapTypeDefine(parameters);
+                               const envMapModeDefine = generateEnvMapModeDefine(parameters);
+                               const envMapBlendingDefine = generateEnvMapBlendingDefine(parameters);
+                               const gammaFactorDefine = renderer.gammaFactor > 0 ? renderer.gammaFactor : 1.0;
+                               const customExtensions = parameters.isWebGL2 ? '' : generateExtensions(parameters);
+                               const customDefines = generateDefines(defines);
+                               const program = gl.createProgram();
+                               let prefixVertex, prefixFragment;
+                               let versionString = parameters.glslVersion ? '#version ' + parameters.glslVersion + '\n' : '';
+
+                               if (parameters.isRawShaderMaterial) {
+                                       prefixVertex = [customDefines].filter(filterEmptyLine).join('\n');
+
+                                       if (prefixVertex.length > 0) {
+                                               prefixVertex += '\n';
+                                       }
+
+                                       prefixFragment = [customExtensions, customDefines].filter(filterEmptyLine).join('\n');
+
+                                       if (prefixFragment.length > 0) {
+                                               prefixFragment += '\n';
+                                       }
+                               } else {
+                                       prefixVertex = [generatePrecision(parameters), '#define SHADER_NAME ' + parameters.shaderName, customDefines, parameters.instancing ? '#define USE_INSTANCING' : '', parameters.instancingColor ? '#define USE_INSTANCING_COLOR' : '', parameters.supportsVertexTextures ? '#define VERTEX_TEXTURES' : '', '#define GAMMA_FACTOR ' + gammaFactorDefine, '#define MAX_BONES ' + parameters.maxBones, parameters.useFog && parameters.fog ? '#define USE_FOG' : '', parameters.useFog && parameters.fogExp2 ? '#define FOG_EXP2' : '', parameters.map ? '#define USE_MAP' : '', parameters.envMap ? '#define USE_ENVMAP' : '', parameters.envMap ? '#define ' + envMapModeDefine : '', parameters.lightMap ? '#define USE_LIGHTMAP' : '', parameters.aoMap ? '#define USE_AOMAP' : '', parameters.emissiveMap ? '#define USE_EMISSIVEMAP' : '', parameters.bumpMap ? '#define USE_BUMPMAP' : '', parameters.normalMap ? '#define USE_NORMALMAP' : '', parameters.normalMap && parameters.objectSpaceNormalMap ? '#define OBJECTSPACE_NORMALMAP' : '', parameters.normalMap && parameters.tangentSpaceNormalMap ? '#define TANGENTSPACE_NORMALMAP' : '', parameters.clearcoatMap ? '#define USE_CLEARCOATMAP' : '', parameters.clearcoatRoughnessMap ? '#define USE_CLEARCOAT_ROUGHNESSMAP' : '', parameters.clearcoatNormalMap ? '#define USE_CLEARCOAT_NORMALMAP' : '', parameters.displacementMap && parameters.supportsVertexTextures ? '#define USE_DISPLACEMENTMAP' : '', parameters.specularMap ? '#define USE_SPECULARMAP' : '', parameters.specularIntensityMap ? '#define USE_SPECULARINTENSITYMAP' : '', parameters.specularTintMap ? '#define USE_SPECULARTINTMAP' : '', parameters.roughnessMap ? '#define USE_ROUGHNESSMAP' : '', parameters.metalnessMap ? '#define USE_METALNESSMAP' : '', parameters.alphaMap ? '#define USE_ALPHAMAP' : '', parameters.transmission ? '#define USE_TRANSMISSION' : '', parameters.transmissionMap ? '#define USE_TRANSMISSIONMAP' : '', parameters.thicknessMap ? '#define USE_THICKNESSMAP' : '', parameters.vertexTangents ? '#define USE_TANGENT' : '', parameters.vertexColors ? '#define USE_COLOR' : '', parameters.vertexAlphas ? '#define USE_COLOR_ALPHA' : '', parameters.vertexUvs ? '#define USE_UV' : '', parameters.uvsVertexOnly ? '#define UVS_VERTEX_ONLY' : '', parameters.flatShading ? '#define FLAT_SHADED' : '', parameters.skinning ? '#define USE_SKINNING' : '', parameters.useVertexTexture ? '#define BONE_TEXTURE' : '', parameters.morphTargets ? '#define USE_MORPHTARGETS' : '', parameters.morphNormals && parameters.flatShading === false ? '#define USE_MORPHNORMALS' : '', parameters.doubleSided ? '#define DOUBLE_SIDED' : '', parameters.flipSided ? '#define FLIP_SIDED' : '', parameters.shadowMapEnabled ? '#define USE_SHADOWMAP' : '', parameters.shadowMapEnabled ? '#define ' + shadowMapTypeDefine : '', parameters.sizeAttenuation ? '#define USE_SIZEATTENUATION' : '', parameters.logarithmicDepthBuffer ? '#define USE_LOGDEPTHBUF' : '', parameters.logarithmicDepthBuffer && parameters.rendererExtensionFragDepth ? '#define USE_LOGDEPTHBUF_EXT' : '', 'uniform mat4 modelMatrix;', 'uniform mat4 modelViewMatrix;', 'uniform mat4 projectionMatrix;', 'uniform mat4 viewMatrix;', 'uniform mat3 normalMatrix;', 'uniform vec3 cameraPosition;', 'uniform bool isOrthographic;', '#ifdef USE_INSTANCING', '       attribute mat4 instanceMatrix;', '#endif', '#ifdef USE_INSTANCING_COLOR', '     attribute vec3 instanceColor;', '#endif', 'attribute vec3 position;', 'attribute vec3 normal;', 'attribute vec2 uv;', '#ifdef USE_TANGENT', '   attribute vec4 tangent;', '#endif', '#if defined( USE_COLOR_ALPHA )', ' attribute vec4 color;', '#elif defined( USE_COLOR )', ' attribute vec3 color;', '#endif', '#ifdef USE_MORPHTARGETS', '  attribute vec3 morphTarget0;', '        attribute vec3 morphTarget1;', '        attribute vec3 morphTarget2;', '        attribute vec3 morphTarget3;', '        #ifdef USE_MORPHNORMALS', '             attribute vec3 morphNormal0;', '                attribute vec3 morphNormal1;', '                attribute vec3 morphNormal2;', '                attribute vec3 morphNormal3;', '        #else', '               attribute vec3 morphTarget4;', '                attribute vec3 morphTarget5;', '                attribute vec3 morphTarget6;', '                attribute vec3 morphTarget7;', '        #endif', '#endif', '#ifdef USE_SKINNING', '     attribute vec4 skinIndex;', '   attribute vec4 skinWeight;', '#endif', '\n'].filter(filterEmptyLine).join('\n');
+                                       prefixFragment = [customExtensions, generatePrecision(parameters), '#define SHADER_NAME ' + parameters.shaderName, customDefines, '#define GAMMA_FACTOR ' + gammaFactorDefine, parameters.useFog && parameters.fog ? '#define USE_FOG' : '', parameters.useFog && parameters.fogExp2 ? '#define FOG_EXP2' : '', parameters.map ? '#define USE_MAP' : '', parameters.matcap ? '#define USE_MATCAP' : '', parameters.envMap ? '#define USE_ENVMAP' : '', parameters.envMap ? '#define ' + envMapTypeDefine : '', parameters.envMap ? '#define ' + envMapModeDefine : '', parameters.envMap ? '#define ' + envMapBlendingDefine : '', parameters.lightMap ? '#define USE_LIGHTMAP' : '', parameters.aoMap ? '#define USE_AOMAP' : '', parameters.emissiveMap ? '#define USE_EMISSIVEMAP' : '', parameters.bumpMap ? '#define USE_BUMPMAP' : '', parameters.normalMap ? '#define USE_NORMALMAP' : '', parameters.normalMap && parameters.objectSpaceNormalMap ? '#define OBJECTSPACE_NORMALMAP' : '', parameters.normalMap && parameters.tangentSpaceNormalMap ? '#define TANGENTSPACE_NORMALMAP' : '', parameters.clearcoat ? '#define USE_CLEARCOAT' : '', parameters.clearcoatMap ? '#define USE_CLEARCOATMAP' : '', parameters.clearcoatRoughnessMap ? '#define USE_CLEARCOAT_ROUGHNESSMAP' : '', parameters.clearcoatNormalMap ? '#define USE_CLEARCOAT_NORMALMAP' : '', parameters.specularMap ? '#define USE_SPECULARMAP' : '', parameters.specularIntensityMap ? '#define USE_SPECULARINTENSITYMAP' : '', parameters.specularTintMap ? '#define USE_SPECULARTINTMAP' : '', parameters.roughnessMap ? '#define USE_ROUGHNESSMAP' : '', parameters.metalnessMap ? '#define USE_METALNESSMAP' : '', parameters.alphaMap ? '#define USE_ALPHAMAP' : '', parameters.alphaTest ? '#define USE_ALPHATEST' : '', parameters.sheenTint ? '#define USE_SHEEN' : '', parameters.transmission ? '#define USE_TRANSMISSION' : '', parameters.transmissionMap ? '#define USE_TRANSMISSIONMAP' : '', parameters.thicknessMap ? '#define USE_THICKNESSMAP' : '', parameters.vertexTangents ? '#define USE_TANGENT' : '', parameters.vertexColors || parameters.instancingColor ? '#define USE_COLOR' : '', parameters.vertexAlphas ? '#define USE_COLOR_ALPHA' : '', parameters.vertexUvs ? '#define USE_UV' : '', parameters.uvsVertexOnly ? '#define UVS_VERTEX_ONLY' : '', parameters.gradientMap ? '#define USE_GRADIENTMAP' : '', parameters.flatShading ? '#define FLAT_SHADED' : '', parameters.doubleSided ? '#define DOUBLE_SIDED' : '', parameters.flipSided ? '#define FLIP_SIDED' : '', parameters.shadowMapEnabled ? '#define USE_SHADOWMAP' : '', parameters.shadowMapEnabled ? '#define ' + shadowMapTypeDefine : '', parameters.premultipliedAlpha ? '#define PREMULTIPLIED_ALPHA' : '', parameters.physicallyCorrectLights ? '#define PHYSICALLY_CORRECT_LIGHTS' : '', parameters.logarithmicDepthBuffer ? '#define USE_LOGDEPTHBUF' : '', parameters.logarithmicDepthBuffer && parameters.rendererExtensionFragDepth ? '#define USE_LOGDEPTHBUF_EXT' : '', (parameters.extensionShaderTextureLOD || parameters.envMap) && parameters.rendererExtensionShaderTextureLod ? '#define TEXTURE_LOD_EXT' : '', 'uniform mat4 viewMatrix;', 'uniform vec3 cameraPosition;', 'uniform bool isOrthographic;', parameters.toneMapping !== NoToneMapping ? '#define TONE_MAPPING' : '', parameters.toneMapping !== NoToneMapping ? ShaderChunk['tonemapping_pars_fragment'] : '', // this code is required here because it is used by the toneMapping() function defined below
+                                               parameters.toneMapping !== NoToneMapping ? getToneMappingFunction('toneMapping', parameters.toneMapping) : '', parameters.dithering ? '#define DITHERING' : '', parameters.format === RGBFormat ? '#define OPAQUE' : '', ShaderChunk['encodings_pars_fragment'], // this code is required here because it is used by the various encoding/decoding function defined below
+                                               parameters.map ? getTexelDecodingFunction('mapTexelToLinear', parameters.mapEncoding) : '', parameters.matcap ? getTexelDecodingFunction('matcapTexelToLinear', parameters.matcapEncoding) : '', parameters.envMap ? getTexelDecodingFunction('envMapTexelToLinear', parameters.envMapEncoding) : '', parameters.emissiveMap ? getTexelDecodingFunction('emissiveMapTexelToLinear', parameters.emissiveMapEncoding) : '', parameters.specularTintMap ? getTexelDecodingFunction('specularTintMapTexelToLinear', parameters.specularTintMapEncoding) : '', parameters.lightMap ? getTexelDecodingFunction('lightMapTexelToLinear', parameters.lightMapEncoding) : '', getTexelEncodingFunction('linearToOutputTexel', parameters.outputEncoding), parameters.depthPacking ? '#define DEPTH_PACKING ' + parameters.depthPacking : '', '\n'].filter(filterEmptyLine).join('\n');
+                               }
+
+                               vertexShader = resolveIncludes(vertexShader);
+                               vertexShader = replaceLightNums(vertexShader, parameters);
+                               vertexShader = replaceClippingPlaneNums(vertexShader, parameters);
+                               fragmentShader = resolveIncludes(fragmentShader);
+                               fragmentShader = replaceLightNums(fragmentShader, parameters);
+                               fragmentShader = replaceClippingPlaneNums(fragmentShader, parameters);
+                               vertexShader = unrollLoops(vertexShader);
+                               fragmentShader = unrollLoops(fragmentShader);
+
+                               if (parameters.isWebGL2 && parameters.isRawShaderMaterial !== true) {
+                                       // GLSL 3.0 conversion for built-in materials and ShaderMaterial
+                                       versionString = '#version 300 es\n';
+                                       prefixVertex = ['#define attribute in', '#define varying out', '#define texture2D texture'].join('\n') + '\n' + prefixVertex;
+                                       prefixFragment = ['#define varying in', parameters.glslVersion === GLSL3 ? '' : 'out highp vec4 pc_fragColor;', parameters.glslVersion === GLSL3 ? '' : '#define gl_FragColor pc_fragColor', '#define gl_FragDepthEXT gl_FragDepth', '#define texture2D texture', '#define textureCube texture', '#define texture2DProj textureProj', '#define texture2DLodEXT textureLod', '#define texture2DProjLodEXT textureProjLod', '#define textureCubeLodEXT textureLod', '#define texture2DGradEXT textureGrad', '#define texture2DProjGradEXT textureProjGrad', '#define textureCubeGradEXT textureGrad'].join('\n') + '\n' + prefixFragment;
+                               }
+
+                               const vertexGlsl = versionString + prefixVertex + vertexShader;
+                               const fragmentGlsl = versionString + prefixFragment + fragmentShader; // console.log( '*VERTEX*', vertexGlsl );
+                               // console.log( '*FRAGMENT*', fragmentGlsl );
+
+                               const glVertexShader = WebGLShader(gl, gl.VERTEX_SHADER, vertexGlsl);
+                               const glFragmentShader = WebGLShader(gl, gl.FRAGMENT_SHADER, fragmentGlsl);
+                               gl.attachShader(program, glVertexShader);
+                               gl.attachShader(program, glFragmentShader); // Force a particular attribute to index 0.
+
+                               if (parameters.index0AttributeName !== undefined) {
+                                       gl.bindAttribLocation(program, 0, parameters.index0AttributeName);
+                               } else if (parameters.morphTargets === true) {
+                                       // programs with morphTargets displace position out of attribute 0
+                                       gl.bindAttribLocation(program, 0, 'position');
+                               }
+
+                               gl.linkProgram(program); // check for link errors
+
+                               if (renderer.debug.checkShaderErrors) {
+                                       const programLog = gl.getProgramInfoLog(program).trim();
+                                       const vertexLog = gl.getShaderInfoLog(glVertexShader).trim();
+                                       const fragmentLog = gl.getShaderInfoLog(glFragmentShader).trim();
+                                       let runnable = true;
+                                       let haveDiagnostics = true;
+
+                                       if (gl.getProgramParameter(program, gl.LINK_STATUS) === false) {
+                                               runnable = false;
+                                               const vertexErrors = getShaderErrors(gl, glVertexShader, 'vertex');
+                                               const fragmentErrors = getShaderErrors(gl, glFragmentShader, 'fragment');
+                                               console.error('THREE.WebGLProgram: Shader Error ' + gl.getError() + ' - ' + 'VALIDATE_STATUS ' + gl.getProgramParameter(program, gl.VALIDATE_STATUS) + '\n\n' + 'Program Info Log: ' + programLog + '\n' + vertexErrors + '\n' + fragmentErrors);
+                                       } else if (programLog !== '') {
+                                               console.warn('THREE.WebGLProgram: Program Info Log:', programLog);
+                                       } else if (vertexLog === '' || fragmentLog === '') {
+                                               haveDiagnostics = false;
+                                       }
+
+                                       if (haveDiagnostics) {
+                                               this.diagnostics = {
+                                                       runnable: runnable,
+                                                       programLog: programLog,
+                                                       vertexShader: {
+                                                               log: vertexLog,
+                                                               prefix: prefixVertex
+                                                       },
+                                                       fragmentShader: {
+                                                               log: fragmentLog,
+                                                               prefix: prefixFragment
+                                                       }
+                                               };
+                                       }
+                               } // Clean up
+                               // Crashes in iOS9 and iOS10. #18402
+                               // gl.detachShader( program, glVertexShader );
+                               // gl.detachShader( program, glFragmentShader );
+
+
+                               gl.deleteShader(glVertexShader);
+                               gl.deleteShader(glFragmentShader); // set up caching for uniform locations
+
+                               let cachedUniforms;
+
+                               this.getUniforms = function () {
+                                       if (cachedUniforms === undefined) {
+                                               cachedUniforms = new WebGLUniforms(gl, program);
+                                       }
+
+                                       return cachedUniforms;
+                               }; // set up caching for attribute locations
+
+
+                               let cachedAttributes;
+
+                               this.getAttributes = function () {
+                                       if (cachedAttributes === undefined) {
+                                               cachedAttributes = fetchAttributeLocations(gl, program);
+                                       }
+
+                                       return cachedAttributes;
+                               }; // free resource
+
+
+                               this.destroy = function () {
+                                       bindingStates.releaseStatesOfProgram(this);
+                                       gl.deleteProgram(program);
+                                       this.program = undefined;
+                               }; //
+
+
+                               this.name = parameters.shaderName;
+                               this.id = programIdCount++;
+                               this.cacheKey = cacheKey;
+                               this.usedTimes = 1;
+                               this.program = program;
+                               this.vertexShader = glVertexShader;
+                               this.fragmentShader = glFragmentShader;
+                               return this;
+                       }
+
+                       function WebGLPrograms(renderer, cubemaps, cubeuvmaps, extensions, capabilities, bindingStates, clipping) {
+                               const programs = [];
+                               const isWebGL2 = capabilities.isWebGL2;
+                               const logarithmicDepthBuffer = capabilities.logarithmicDepthBuffer;
+                               const floatVertexTextures = capabilities.floatVertexTextures;
+                               const maxVertexUniforms = capabilities.maxVertexUniforms;
+                               const vertexTextures = capabilities.vertexTextures;
+                               let precision = capabilities.precision;
+                               const shaderIDs = {
+                                       MeshDepthMaterial: 'depth',
+                                       MeshDistanceMaterial: 'distanceRGBA',
+                                       MeshNormalMaterial: 'normal',
+                                       MeshBasicMaterial: 'basic',
+                                       MeshLambertMaterial: 'lambert',
+                                       MeshPhongMaterial: 'phong',
+                                       MeshToonMaterial: 'toon',
+                                       MeshStandardMaterial: 'physical',
+                                       MeshPhysicalMaterial: 'physical',
+                                       MeshMatcapMaterial: 'matcap',
+                                       LineBasicMaterial: 'basic',
+                                       LineDashedMaterial: 'dashed',
+                                       PointsMaterial: 'points',
+                                       ShadowMaterial: 'shadow',
+                                       SpriteMaterial: 'sprite'
+                               };
+                               const parameterNames = ['precision', 'isWebGL2', 'supportsVertexTextures', 'outputEncoding', 'instancing', 'instancingColor', 'map', 'mapEncoding', 'matcap', 'matcapEncoding', 'envMap', 'envMapMode', 'envMapEncoding', 'envMapCubeUV', 'lightMap', 'lightMapEncoding', 'aoMap', 'emissiveMap', 'emissiveMapEncoding', 'bumpMap', 'normalMap', 'objectSpaceNormalMap', 'tangentSpaceNormalMap', 'clearcoat', 'clearcoatMap', 'clearcoatRoughnessMap', 'clearcoatNormalMap', 'displacementMap', 'specularMap', 'specularIntensityMap', 'specularTintMap', 'specularTintMapEncoding', 'roughnessMap', 'metalnessMap', 'gradientMap', 'alphaMap', 'alphaTest', 'combine', 'vertexColors', 'vertexAlphas', 'vertexTangents', 'vertexUvs', 'uvsVertexOnly', 'fog', 'useFog', 'fogExp2', 'flatShading', 'sizeAttenuation', 'logarithmicDepthBuffer', 'skinning', 'maxBones', 'useVertexTexture', 'morphTargets', 'morphNormals', 'premultipliedAlpha', 'numDirLights', 'numPointLights', 'numSpotLights', 'numHemiLights', 'numRectAreaLights', 'numDirLightShadows', 'numPointLightShadows', 'numSpotLightShadows', 'shadowMapEnabled', 'shadowMapType', 'toneMapping', 'physicallyCorrectLights', 'doubleSided', 'flipSided', 'numClippingPlanes', 'numClipIntersection', 'depthPacking', 'dithering', 'format', 'sheenTint', 'transmission', 'transmissionMap', 'thicknessMap'];
+
+                               function getMaxBones(object) {
+                                       const skeleton = object.skeleton;
+                                       const bones = skeleton.bones;
+
+                                       if (floatVertexTextures) {
+                                               return 1024;
+                                       } else {
+                                               // default for when object is not specified
+                                               // ( for example when prebuilding shader to be used with multiple objects )
+                                               //
+                                               //      - leave some extra space for other uniforms
+                                               //      - limit here is ANGLE's 254 max uniform vectors
+                                               //              (up to 54 should be safe)
+                                               const nVertexUniforms = maxVertexUniforms;
+                                               const nVertexMatrices = Math.floor((nVertexUniforms - 20) / 4);
+                                               const maxBones = Math.min(nVertexMatrices, bones.length);
+
+                                               if (maxBones < bones.length) {
+                                                       console.warn('THREE.WebGLRenderer: Skeleton has ' + bones.length + ' bones. This GPU supports ' + maxBones + '.');
+                                                       return 0;
+                                               }
+
+                                               return maxBones;
+                                       }
+                               }
+
+                               function getTextureEncodingFromMap(map) {
+                                       let encoding;
+
+                                       if (map && map.isTexture) {
+                                               encoding = map.encoding;
+                                       } else if (map && map.isWebGLRenderTarget) {
+                                               console.warn('THREE.WebGLPrograms.getTextureEncodingFromMap: don\'t use render targets as textures. Use their .texture property instead.');
+                                               encoding = map.texture.encoding;
+                                       } else {
+                                               encoding = LinearEncoding;
+                                       }
+
+                                       return encoding;
+                               }
+
+                               function getParameters(material, lights, shadows, scene, object) {
+                                       const fog = scene.fog;
+                                       const environment = material.isMeshStandardMaterial ? scene.environment : null;
+                                       const envMap = (material.isMeshStandardMaterial ? cubeuvmaps : cubemaps).get(material.envMap || environment);
+                                       const shaderID = shaderIDs[material.type]; // heuristics to create shader parameters according to lights in the scene
+                                       // (not to blow over maxLights budget)
+
+                                       const maxBones = object.isSkinnedMesh ? getMaxBones(object) : 0;
+
+                                       if (material.precision !== null) {
+                                               precision = capabilities.getMaxPrecision(material.precision);
+
+                                               if (precision !== material.precision) {
+                                                       console.warn('THREE.WebGLProgram.getParameters:', material.precision, 'not supported, using', precision, 'instead.');
+                                               }
+                                       }
+
+                                       let vertexShader, fragmentShader;
+
+                                       if (shaderID) {
+                                               const shader = ShaderLib[shaderID];
+                                               vertexShader = shader.vertexShader;
+                                               fragmentShader = shader.fragmentShader;
+                                       } else {
+                                               vertexShader = material.vertexShader;
+                                               fragmentShader = material.fragmentShader;
+                                       }
+
+                                       const currentRenderTarget = renderer.getRenderTarget();
+                                       const useAlphaTest = material.alphaTest > 0;
+                                       const useClearcoat = material.clearcoat > 0;
+                                       const parameters = {
+                                               isWebGL2: isWebGL2,
+                                               shaderID: shaderID,
+                                               shaderName: material.type,
+                                               vertexShader: vertexShader,
+                                               fragmentShader: fragmentShader,
+                                               defines: material.defines,
+                                               isRawShaderMaterial: material.isRawShaderMaterial === true,
+                                               glslVersion: material.glslVersion,
+                                               precision: precision,
+                                               instancing: object.isInstancedMesh === true,
+                                               instancingColor: object.isInstancedMesh === true && object.instanceColor !== null,
+                                               supportsVertexTextures: vertexTextures,
+                                               outputEncoding: currentRenderTarget !== null ? getTextureEncodingFromMap(currentRenderTarget.texture) : renderer.outputEncoding,
+                                               map: !!material.map,
+                                               mapEncoding: getTextureEncodingFromMap(material.map),
+                                               matcap: !!material.matcap,
+                                               matcapEncoding: getTextureEncodingFromMap(material.matcap),
+                                               envMap: !!envMap,
+                                               envMapMode: envMap && envMap.mapping,
+                                               envMapEncoding: getTextureEncodingFromMap(envMap),
+                                               envMapCubeUV: !!envMap && (envMap.mapping === CubeUVReflectionMapping || envMap.mapping === CubeUVRefractionMapping),
+                                               lightMap: !!material.lightMap,
+                                               lightMapEncoding: getTextureEncodingFromMap(material.lightMap),
+                                               aoMap: !!material.aoMap,
+                                               emissiveMap: !!material.emissiveMap,
+                                               emissiveMapEncoding: getTextureEncodingFromMap(material.emissiveMap),
+                                               bumpMap: !!material.bumpMap,
+                                               normalMap: !!material.normalMap,
+                                               objectSpaceNormalMap: material.normalMapType === ObjectSpaceNormalMap,
+                                               tangentSpaceNormalMap: material.normalMapType === TangentSpaceNormalMap,
+                                               clearcoat: useClearcoat,
+                                               clearcoatMap: useClearcoat && !!material.clearcoatMap,
+                                               clearcoatRoughnessMap: useClearcoat && !!material.clearcoatRoughnessMap,
+                                               clearcoatNormalMap: useClearcoat && !!material.clearcoatNormalMap,
+                                               displacementMap: !!material.displacementMap,
+                                               roughnessMap: !!material.roughnessMap,
+                                               metalnessMap: !!material.metalnessMap,
+                                               specularMap: !!material.specularMap,
+                                               specularIntensityMap: !!material.specularIntensityMap,
+                                               specularTintMap: !!material.specularTintMap,
+                                               specularTintMapEncoding: getTextureEncodingFromMap(material.specularTintMap),
+                                               alphaMap: !!material.alphaMap,
+                                               alphaTest: useAlphaTest,
+                                               gradientMap: !!material.gradientMap,
+                                               sheenTint: !!material.sheenTint && (material.sheenTint.r > 0 || material.sheenTint.g > 0 || material.sheenTint.b > 0),
+                                               transmission: material.transmission > 0,
+                                               transmissionMap: !!material.transmissionMap,
+                                               thicknessMap: !!material.thicknessMap,
+                                               combine: material.combine,
+                                               vertexTangents: !!material.normalMap && !!object.geometry && !!object.geometry.attributes.tangent,
+                                               vertexColors: material.vertexColors,
+                                               vertexAlphas: material.vertexColors === true && !!object.geometry && !!object.geometry.attributes.color && object.geometry.attributes.color.itemSize === 4,
+                                               vertexUvs: !!material.map || !!material.bumpMap || !!material.normalMap || !!material.specularMap || !!material.alphaMap || !!material.emissiveMap || !!material.roughnessMap || !!material.metalnessMap || !!material.clearcoatMap || !!material.clearcoatRoughnessMap || !!material.clearcoatNormalMap || !!material.displacementMap || !!material.transmissionMap || !!material.thicknessMap || !!material.specularIntensityMap || !!material.specularTintMap,
+                                               uvsVertexOnly: !(!!material.map || !!material.bumpMap || !!material.normalMap || !!material.specularMap || !!material.alphaMap || !!material.emissiveMap || !!material.roughnessMap || !!material.metalnessMap || !!material.clearcoatNormalMap || material.transmission > 0 || !!material.transmissionMap || !!material.thicknessMap || !!material.specularIntensityMap || !!material.specularTintMap) && !!material.displacementMap,
+                                               fog: !!fog,
+                                               useFog: material.fog,
+                                               fogExp2: fog && fog.isFogExp2,
+                                               flatShading: !!material.flatShading,
+                                               sizeAttenuation: material.sizeAttenuation,
+                                               logarithmicDepthBuffer: logarithmicDepthBuffer,
+                                               skinning: object.isSkinnedMesh === true && maxBones > 0,
+                                               maxBones: maxBones,
+                                               useVertexTexture: floatVertexTextures,
+                                               morphTargets: !!object.geometry && !!object.geometry.morphAttributes.position,
+                                               morphNormals: !!object.geometry && !!object.geometry.morphAttributes.normal,
+                                               numDirLights: lights.directional.length,
+                                               numPointLights: lights.point.length,
+                                               numSpotLights: lights.spot.length,
+                                               numRectAreaLights: lights.rectArea.length,
+                                               numHemiLights: lights.hemi.length,
+                                               numDirLightShadows: lights.directionalShadowMap.length,
+                                               numPointLightShadows: lights.pointShadowMap.length,
+                                               numSpotLightShadows: lights.spotShadowMap.length,
+                                               numClippingPlanes: clipping.numPlanes,
+                                               numClipIntersection: clipping.numIntersection,
+                                               format: material.format,
+                                               dithering: material.dithering,
+                                               shadowMapEnabled: renderer.shadowMap.enabled && shadows.length > 0,
+                                               shadowMapType: renderer.shadowMap.type,
+                                               toneMapping: material.toneMapped ? renderer.toneMapping : NoToneMapping,
+                                               physicallyCorrectLights: renderer.physicallyCorrectLights,
+                                               premultipliedAlpha: material.premultipliedAlpha,
+                                               doubleSided: material.side === DoubleSide,
+                                               flipSided: material.side === BackSide,
+                                               depthPacking: material.depthPacking !== undefined ? material.depthPacking : false,
+                                               index0AttributeName: material.index0AttributeName,
+                                               extensionDerivatives: material.extensions && material.extensions.derivatives,
+                                               extensionFragDepth: material.extensions && material.extensions.fragDepth,
+                                               extensionDrawBuffers: material.extensions && material.extensions.drawBuffers,
+                                               extensionShaderTextureLOD: material.extensions && material.extensions.shaderTextureLOD,
+                                               rendererExtensionFragDepth: isWebGL2 || extensions.has('EXT_frag_depth'),
+                                               rendererExtensionDrawBuffers: isWebGL2 || extensions.has('WEBGL_draw_buffers'),
+                                               rendererExtensionShaderTextureLod: isWebGL2 || extensions.has('EXT_shader_texture_lod'),
+                                               customProgramCacheKey: material.customProgramCacheKey()
+                                       };
+                                       return parameters;
+                               }
+
+                               function getProgramCacheKey(parameters) {
+                                       const array = [];
+
+                                       if (parameters.shaderID) {
+                                               array.push(parameters.shaderID);
+                                       } else {
+                                               array.push(parameters.fragmentShader);
+                                               array.push(parameters.vertexShader);
+                                       }
+
+                                       if (parameters.defines !== undefined) {
+                                               for (const name in parameters.defines) {
+                                                       array.push(name);
+                                                       array.push(parameters.defines[name]);
+                                               }
+                                       }
+
+                                       if (parameters.isRawShaderMaterial === false) {
+                                               for (let i = 0; i < parameterNames.length; i++) {
+                                                       array.push(parameters[parameterNames[i]]);
+                                               }
+
+                                               array.push(renderer.outputEncoding);
+                                               array.push(renderer.gammaFactor);
+                                       }
+
+                                       array.push(parameters.customProgramCacheKey);
+                                       return array.join();
+                               }
+
+                               function getUniforms(material) {
+                                       const shaderID = shaderIDs[material.type];
+                                       let uniforms;
+
+                                       if (shaderID) {
+                                               const shader = ShaderLib[shaderID];
+                                               uniforms = UniformsUtils.clone(shader.uniforms);
+                                       } else {
+                                               uniforms = material.uniforms;
+                                       }
+
+                                       return uniforms;
+                               }
+
+                               function acquireProgram(parameters, cacheKey) {
+                                       let program; // Check if code has been already compiled
+
+                                       for (let p = 0, pl = programs.length; p < pl; p++) {
+                                               const preexistingProgram = programs[p];
+
+                                               if (preexistingProgram.cacheKey === cacheKey) {
+                                                       program = preexistingProgram;
+                                                       ++program.usedTimes;
+                                                       break;
+                                               }
+                                       }
+
+                                       if (program === undefined) {
+                                               program = new WebGLProgram(renderer, cacheKey, parameters, bindingStates);
+                                               programs.push(program);
+                                       }
+
+                                       return program;
+                               }
+
+                               function releaseProgram(program) {
+                                       if (--program.usedTimes === 0) {
+                                               // Remove from unordered set
+                                               const i = programs.indexOf(program);
+                                               programs[i] = programs[programs.length - 1];
+                                               programs.pop(); // Free WebGL resources
+
+                                               program.destroy();
+                                       }
+                               }
+
+                               return {
+                                       getParameters: getParameters,
+                                       getProgramCacheKey: getProgramCacheKey,
+                                       getUniforms: getUniforms,
+                                       acquireProgram: acquireProgram,
+                                       releaseProgram: releaseProgram,
+                                       // Exposed for resource monitoring & error feedback via renderer.info:
+                                       programs: programs
+                               };
+                       }
+
+                       function WebGLProperties() {
+                               let properties = new WeakMap();
+
+                               function get(object) {
+                                       let map = properties.get(object);
+
+                                       if (map === undefined) {
+                                               map = {};
+                                               properties.set(object, map);
+                                       }
+
+                                       return map;
+                               }
+
+                               function remove(object) {
+                                       properties.delete(object);
+                               }
+
+                               function update(object, key, value) {
+                                       properties.get(object)[key] = value;
+                               }
+
+                               function dispose() {
+                                       properties = new WeakMap();
+                               }
+
+                               return {
+                                       get: get,
+                                       remove: remove,
+                                       update: update,
+                                       dispose: dispose
+                               };
+                       }
+
+                       function painterSortStable(a, b) {
+                               if (a.groupOrder !== b.groupOrder) {
+                                       return a.groupOrder - b.groupOrder;
+                               } else if (a.renderOrder !== b.renderOrder) {
+                                       return a.renderOrder - b.renderOrder;
+                               } else if (a.program !== b.program) {
+                                       return a.program.id - b.program.id;
+                               } else if (a.material.id !== b.material.id) {
+                                       return a.material.id - b.material.id;
+                               } else if (a.z !== b.z) {
+                                       return a.z - b.z;
+                               } else {
+                                       return a.id - b.id;
+                               }
+                       }
+
+                       function reversePainterSortStable(a, b) {
+                               if (a.groupOrder !== b.groupOrder) {
+                                       return a.groupOrder - b.groupOrder;
+                               } else if (a.renderOrder !== b.renderOrder) {
+                                       return a.renderOrder - b.renderOrder;
+                               } else if (a.z !== b.z) {
+                                       return b.z - a.z;
+                               } else {
+                                       return a.id - b.id;
+                               }
+                       }
+
+                       function WebGLRenderList(properties) {
+                               const renderItems = [];
+                               let renderItemsIndex = 0;
+                               const opaque = [];
+                               const transmissive = [];
+                               const transparent = [];
+                               const defaultProgram = {
+                                       id: -1
+                               };
+
+                               function init() {
+                                       renderItemsIndex = 0;
+                                       opaque.length = 0;
+                                       transmissive.length = 0;
+                                       transparent.length = 0;
+                               }
+
+                               function getNextRenderItem(object, geometry, material, groupOrder, z, group) {
+                                       let renderItem = renderItems[renderItemsIndex];
+                                       const materialProperties = properties.get(material);
+
+                                       if (renderItem === undefined) {
+                                               renderItem = {
+                                                       id: object.id,
+                                                       object: object,
+                                                       geometry: geometry,
+                                                       material: material,
+                                                       program: materialProperties.program || defaultProgram,
+                                                       groupOrder: groupOrder,
+                                                       renderOrder: object.renderOrder,
+                                                       z: z,
+                                                       group: group
+                                               };
+                                               renderItems[renderItemsIndex] = renderItem;
+                                       } else {
+                                               renderItem.id = object.id;
+                                               renderItem.object = object;
+                                               renderItem.geometry = geometry;
+                                               renderItem.material = material;
+                                               renderItem.program = materialProperties.program || defaultProgram;
+                                               renderItem.groupOrder = groupOrder;
+                                               renderItem.renderOrder = object.renderOrder;
+                                               renderItem.z = z;
+                                               renderItem.group = group;
+                                       }
+
+                                       renderItemsIndex++;
+                                       return renderItem;
+                               }
+
+                               function push(object, geometry, material, groupOrder, z, group) {
+                                       const renderItem = getNextRenderItem(object, geometry, material, groupOrder, z, group);
+
+                                       if (material.transmission > 0.0) {
+                                               transmissive.push(renderItem);
+                                       } else if (material.transparent === true) {
+                                               transparent.push(renderItem);
+                                       } else {
+                                               opaque.push(renderItem);
+                                       }
+                               }
+
+                               function unshift(object, geometry, material, groupOrder, z, group) {
+                                       const renderItem = getNextRenderItem(object, geometry, material, groupOrder, z, group);
+
+                                       if (material.transmission > 0.0) {
+                                               transmissive.unshift(renderItem);
+                                       } else if (material.transparent === true) {
+                                               transparent.unshift(renderItem);
+                                       } else {
+                                               opaque.unshift(renderItem);
+                                       }
+                               }
+
+                               function sort(customOpaqueSort, customTransparentSort) {
+                                       if (opaque.length > 1) opaque.sort(customOpaqueSort || painterSortStable);
+                                       if (transmissive.length > 1) transmissive.sort(customTransparentSort || reversePainterSortStable);
+                                       if (transparent.length > 1) transparent.sort(customTransparentSort || reversePainterSortStable);
+                               }
+
+                               function finish() {
+                                       // Clear references from inactive renderItems in the list
+                                       for (let i = renderItemsIndex, il = renderItems.length; i < il; i++) {
+                                               const renderItem = renderItems[i];
+                                               if (renderItem.id === null) break;
+                                               renderItem.id = null;
+                                               renderItem.object = null;
+                                               renderItem.geometry = null;
+                                               renderItem.material = null;
+                                               renderItem.program = null;
+                                               renderItem.group = null;
+                                       }
+                               }
+
+                               return {
+                                       opaque: opaque,
+                                       transmissive: transmissive,
+                                       transparent: transparent,
+                                       init: init,
+                                       push: push,
+                                       unshift: unshift,
+                                       finish: finish,
+                                       sort: sort
+                               };
+                       }
+
+                       function WebGLRenderLists(properties) {
+                               let lists = new WeakMap();
+
+                               function get(scene, renderCallDepth) {
+                                       let list;
+
+                                       if (lists.has(scene) === false) {
+                                               list = new WebGLRenderList(properties);
+                                               lists.set(scene, [list]);
+                                       } else {
+                                               if (renderCallDepth >= lists.get(scene).length) {
+                                                       list = new WebGLRenderList(properties);
+                                                       lists.get(scene).push(list);
+                                               } else {
+                                                       list = lists.get(scene)[renderCallDepth];
+                                               }
+                                       }
+
+                                       return list;
+                               }
+
+                               function dispose() {
+                                       lists = new WeakMap();
+                               }
+
+                               return {
+                                       get: get,
+                                       dispose: dispose
+                               };
+                       }
+
+                       function UniformsCache() {
+                               const lights = {};
+                               return {
+                                       get: function (light) {
+                                               if (lights[light.id] !== undefined) {
+                                                       return lights[light.id];
+                                               }
+
+                                               let uniforms;
+
+                                               switch (light.type) {
+                                                       case 'DirectionalLight':
+                                                               uniforms = {
+                                                                       direction: new Vector3(),
+                                                                       color: new Color()
+                                                               };
+                                                               break;
+
+                                                       case 'SpotLight':
+                                                               uniforms = {
+                                                                       position: new Vector3(),
+                                                                       direction: new Vector3(),
+                                                                       color: new Color(),
+                                                                       distance: 0,
+                                                                       coneCos: 0,
+                                                                       penumbraCos: 0,
+                                                                       decay: 0
+                                                               };
+                                                               break;
+
+                                                       case 'PointLight':
+                                                               uniforms = {
+                                                                       position: new Vector3(),
+                                                                       color: new Color(),
+                                                                       distance: 0,
+                                                                       decay: 0
+                                                               };
+                                                               break;
+
+                                                       case 'HemisphereLight':
+                                                               uniforms = {
+                                                                       direction: new Vector3(),
+                                                                       skyColor: new Color(),
+                                                                       groundColor: new Color()
+                                                               };
+                                                               break;
+
+                                                       case 'RectAreaLight':
+                                                               uniforms = {
+                                                                       color: new Color(),
+                                                                       position: new Vector3(),
+                                                                       halfWidth: new Vector3(),
+                                                                       halfHeight: new Vector3()
+                                                               };
+                                                               break;
+                                               }
+
+                                               lights[light.id] = uniforms;
+                                               return uniforms;
+                                       }
+                               };
+                       }
+
+                       function ShadowUniformsCache() {
+                               const lights = {};
+                               return {
+                                       get: function (light) {
+                                               if (lights[light.id] !== undefined) {
+                                                       return lights[light.id];
+                                               }
+
+                                               let uniforms;
+
+                                               switch (light.type) {
+                                                       case 'DirectionalLight':
+                                                               uniforms = {
+                                                                       shadowBias: 0,
+                                                                       shadowNormalBias: 0,
+                                                                       shadowRadius: 1,
+                                                                       shadowMapSize: new Vector2()
+                                                               };
+                                                               break;
+
+                                                       case 'SpotLight':
+                                                               uniforms = {
+                                                                       shadowBias: 0,
+                                                                       shadowNormalBias: 0,
+                                                                       shadowRadius: 1,
+                                                                       shadowMapSize: new Vector2()
+                                                               };
+                                                               break;
+
+                                                       case 'PointLight':
+                                                               uniforms = {
+                                                                       shadowBias: 0,
+                                                                       shadowNormalBias: 0,
+                                                                       shadowRadius: 1,
+                                                                       shadowMapSize: new Vector2(),
+                                                                       shadowCameraNear: 1,
+                                                                       shadowCameraFar: 1000
+                                                               };
+                                                               break;
+                                                       // TODO (abelnation): set RectAreaLight shadow uniforms
+                                               }
+
+                                               lights[light.id] = uniforms;
+                                               return uniforms;
+                                       }
+                               };
+                       }
+
+                       let nextVersion = 0;
+
+                       function shadowCastingLightsFirst(lightA, lightB) {
+                               return (lightB.castShadow ? 1 : 0) - (lightA.castShadow ? 1 : 0);
+                       }
+
+                       function WebGLLights(extensions, capabilities) {
+                               const cache = new UniformsCache();
+                               const shadowCache = ShadowUniformsCache();
+                               const state = {
+                                       version: 0,
+                                       hash: {
+                                               directionalLength: -1,
+                                               pointLength: -1,
+                                               spotLength: -1,
+                                               rectAreaLength: -1,
+                                               hemiLength: -1,
+                                               numDirectionalShadows: -1,
+                                               numPointShadows: -1,
+                                               numSpotShadows: -1
+                                       },
+                                       ambient: [0, 0, 0],
+                                       probe: [],
+                                       directional: [],
+                                       directionalShadow: [],
+                                       directionalShadowMap: [],
+                                       directionalShadowMatrix: [],
+                                       spot: [],
+                                       spotShadow: [],
+                                       spotShadowMap: [],
+                                       spotShadowMatrix: [],
+                                       rectArea: [],
+                                       rectAreaLTC1: null,
+                                       rectAreaLTC2: null,
+                                       point: [],
+                                       pointShadow: [],
+                                       pointShadowMap: [],
+                                       pointShadowMatrix: [],
+                                       hemi: []
+                               };
+
+                               for (let i = 0; i < 9; i++) state.probe.push(new Vector3());
+
+                               const vector3 = new Vector3();
+                               const matrix4 = new Matrix4();
+                               const matrix42 = new Matrix4();
+
+                               function setup(lights, physicallyCorrectLights) {
+                                       let r = 0,
+                                               g = 0,
+                                               b = 0;
+
+                                       for (let i = 0; i < 9; i++) state.probe[i].set(0, 0, 0);
+
+                                       let directionalLength = 0;
+                                       let pointLength = 0;
+                                       let spotLength = 0;
+                                       let rectAreaLength = 0;
+                                       let hemiLength = 0;
+                                       let numDirectionalShadows = 0;
+                                       let numPointShadows = 0;
+                                       let numSpotShadows = 0;
+                                       lights.sort(shadowCastingLightsFirst); // artist-friendly light intensity scaling factor
+
+                                       const scaleFactor = physicallyCorrectLights !== true ? Math.PI : 1;
+
+                                       for (let i = 0, l = lights.length; i < l; i++) {
+                                               const light = lights[i];
+                                               const color = light.color;
+                                               const intensity = light.intensity;
+                                               const distance = light.distance;
+                                               const shadowMap = light.shadow && light.shadow.map ? light.shadow.map.texture : null;
+
+                                               if (light.isAmbientLight) {
+                                                       r += color.r * intensity * scaleFactor;
+                                                       g += color.g * intensity * scaleFactor;
+                                                       b += color.b * intensity * scaleFactor;
+                                               } else if (light.isLightProbe) {
+                                                       for (let j = 0; j < 9; j++) {
+                                                               state.probe[j].addScaledVector(light.sh.coefficients[j], intensity);
+                                                       }
+                                               } else if (light.isDirectionalLight) {
+                                                       const uniforms = cache.get(light);
+                                                       uniforms.color.copy(light.color).multiplyScalar(light.intensity * scaleFactor);
+
+                                                       if (light.castShadow) {
+                                                               const shadow = light.shadow;
+                                                               const shadowUniforms = shadowCache.get(light);
+                                                               shadowUniforms.shadowBias = shadow.bias;
+                                                               shadowUniforms.shadowNormalBias = shadow.normalBias;
+                                                               shadowUniforms.shadowRadius = shadow.radius;
+                                                               shadowUniforms.shadowMapSize = shadow.mapSize;
+                                                               state.directionalShadow[directionalLength] = shadowUniforms;
+                                                               state.directionalShadowMap[directionalLength] = shadowMap;
+                                                               state.directionalShadowMatrix[directionalLength] = light.shadow.matrix;
+                                                               numDirectionalShadows++;
+                                                       }
+
+                                                       state.directional[directionalLength] = uniforms;
+                                                       directionalLength++;
+                                               } else if (light.isSpotLight) {
+                                                       const uniforms = cache.get(light);
+                                                       uniforms.position.setFromMatrixPosition(light.matrixWorld);
+                                                       uniforms.color.copy(color).multiplyScalar(intensity * scaleFactor);
+                                                       uniforms.distance = distance;
+                                                       uniforms.coneCos = Math.cos(light.angle);
+                                                       uniforms.penumbraCos = Math.cos(light.angle * (1 - light.penumbra));
+                                                       uniforms.decay = light.decay;
+
+                                                       if (light.castShadow) {
+                                                               const shadow = light.shadow;
+                                                               const shadowUniforms = shadowCache.get(light);
+                                                               shadowUniforms.shadowBias = shadow.bias;
+                                                               shadowUniforms.shadowNormalBias = shadow.normalBias;
+                                                               shadowUniforms.shadowRadius = shadow.radius;
+                                                               shadowUniforms.shadowMapSize = shadow.mapSize;
+                                                               state.spotShadow[spotLength] = shadowUniforms;
+                                                               state.spotShadowMap[spotLength] = shadowMap;
+                                                               state.spotShadowMatrix[spotLength] = light.shadow.matrix;
+                                                               numSpotShadows++;
+                                                       }
+
+                                                       state.spot[spotLength] = uniforms;
+                                                       spotLength++;
+                                               } else if (light.isRectAreaLight) {
+                                                       const uniforms = cache.get(light); // (a) intensity is the total visible light emitted
+                                                       //uniforms.color.copy( color ).multiplyScalar( intensity / ( light.width * light.height * Math.PI ) );
+                                                       // (b) intensity is the brightness of the light
+
+                                                       uniforms.color.copy(color).multiplyScalar(intensity);
+                                                       uniforms.halfWidth.set(light.width * 0.5, 0.0, 0.0);
+                                                       uniforms.halfHeight.set(0.0, light.height * 0.5, 0.0);
+                                                       state.rectArea[rectAreaLength] = uniforms;
+                                                       rectAreaLength++;
+                                               } else if (light.isPointLight) {
+                                                       const uniforms = cache.get(light);
+                                                       uniforms.color.copy(light.color).multiplyScalar(light.intensity * scaleFactor);
+                                                       uniforms.distance = light.distance;
+                                                       uniforms.decay = light.decay;
+
+                                                       if (light.castShadow) {
+                                                               const shadow = light.shadow;
+                                                               const shadowUniforms = shadowCache.get(light);
+                                                               shadowUniforms.shadowBias = shadow.bias;
+                                                               shadowUniforms.shadowNormalBias = shadow.normalBias;
+                                                               shadowUniforms.shadowRadius = shadow.radius;
+                                                               shadowUniforms.shadowMapSize = shadow.mapSize;
+                                                               shadowUniforms.shadowCameraNear = shadow.camera.near;
+                                                               shadowUniforms.shadowCameraFar = shadow.camera.far;
+                                                               state.pointShadow[pointLength] = shadowUniforms;
+                                                               state.pointShadowMap[pointLength] = shadowMap;
+                                                               state.pointShadowMatrix[pointLength] = light.shadow.matrix;
+                                                               numPointShadows++;
+                                                       }
+
+                                                       state.point[pointLength] = uniforms;
+                                                       pointLength++;
+                                               } else if (light.isHemisphereLight) {
+                                                       const uniforms = cache.get(light);
+                                                       uniforms.skyColor.copy(light.color).multiplyScalar(intensity * scaleFactor);
+                                                       uniforms.groundColor.copy(light.groundColor).multiplyScalar(intensity * scaleFactor);
+                                                       state.hemi[hemiLength] = uniforms;
+                                                       hemiLength++;
+                                               }
+                                       }
+
+                                       if (rectAreaLength > 0) {
+                                               if (capabilities.isWebGL2) {
+                                                       // WebGL 2
+                                                       state.rectAreaLTC1 = UniformsLib.LTC_FLOAT_1;
+                                                       state.rectAreaLTC2 = UniformsLib.LTC_FLOAT_2;
+                                               } else {
+                                                       // WebGL 1
+                                                       if (extensions.has('OES_texture_float_linear') === true) {
+                                                               state.rectAreaLTC1 = UniformsLib.LTC_FLOAT_1;
+                                                               state.rectAreaLTC2 = UniformsLib.LTC_FLOAT_2;
+                                                       } else if (extensions.has('OES_texture_half_float_linear') === true) {
+                                                               state.rectAreaLTC1 = UniformsLib.LTC_HALF_1;
+                                                               state.rectAreaLTC2 = UniformsLib.LTC_HALF_2;
+                                                       } else {
+                                                               console.error('THREE.WebGLRenderer: Unable to use RectAreaLight. Missing WebGL extensions.');
+                                                       }
+                                               }
+                                       }
+
+                                       state.ambient[0] = r;
+                                       state.ambient[1] = g;
+                                       state.ambient[2] = b;
+                                       const hash = state.hash;
+
+                                       if (hash.directionalLength !== directionalLength || hash.pointLength !== pointLength || hash.spotLength !== spotLength || hash.rectAreaLength !== rectAreaLength || hash.hemiLength !== hemiLength || hash.numDirectionalShadows !== numDirectionalShadows || hash.numPointShadows !== numPointShadows || hash.numSpotShadows !== numSpotShadows) {
+                                               state.directional.length = directionalLength;
+                                               state.spot.length = spotLength;
+                                               state.rectArea.length = rectAreaLength;
+                                               state.point.length = pointLength;
+                                               state.hemi.length = hemiLength;
+                                               state.directionalShadow.length = numDirectionalShadows;
+                                               state.directionalShadowMap.length = numDirectionalShadows;
+                                               state.pointShadow.length = numPointShadows;
+                                               state.pointShadowMap.length = numPointShadows;
+                                               state.spotShadow.length = numSpotShadows;
+                                               state.spotShadowMap.length = numSpotShadows;
+                                               state.directionalShadowMatrix.length = numDirectionalShadows;
+                                               state.pointShadowMatrix.length = numPointShadows;
+                                               state.spotShadowMatrix.length = numSpotShadows;
+                                               hash.directionalLength = directionalLength;
+                                               hash.pointLength = pointLength;
+                                               hash.spotLength = spotLength;
+                                               hash.rectAreaLength = rectAreaLength;
+                                               hash.hemiLength = hemiLength;
+                                               hash.numDirectionalShadows = numDirectionalShadows;
+                                               hash.numPointShadows = numPointShadows;
+                                               hash.numSpotShadows = numSpotShadows;
+                                               state.version = nextVersion++;
+                                       }
+                               }
+
+                               function setupView(lights, camera) {
+                                       let directionalLength = 0;
+                                       let pointLength = 0;
+                                       let spotLength = 0;
+                                       let rectAreaLength = 0;
+                                       let hemiLength = 0;
+                                       const viewMatrix = camera.matrixWorldInverse;
+
+                                       for (let i = 0, l = lights.length; i < l; i++) {
+                                               const light = lights[i];
+
+                                               if (light.isDirectionalLight) {
+                                                       const uniforms = state.directional[directionalLength];
+                                                       uniforms.direction.setFromMatrixPosition(light.matrixWorld);
+                                                       vector3.setFromMatrixPosition(light.target.matrixWorld);
+                                                       uniforms.direction.sub(vector3);
+                                                       uniforms.direction.transformDirection(viewMatrix);
+                                                       directionalLength++;
+                                               } else if (light.isSpotLight) {
+                                                       const uniforms = state.spot[spotLength];
+                                                       uniforms.position.setFromMatrixPosition(light.matrixWorld);
+                                                       uniforms.position.applyMatrix4(viewMatrix);
+                                                       uniforms.direction.setFromMatrixPosition(light.matrixWorld);
+                                                       vector3.setFromMatrixPosition(light.target.matrixWorld);
+                                                       uniforms.direction.sub(vector3);
+                                                       uniforms.direction.transformDirection(viewMatrix);
+                                                       spotLength++;
+                                               } else if (light.isRectAreaLight) {
+                                                       const uniforms = state.rectArea[rectAreaLength];
+                                                       uniforms.position.setFromMatrixPosition(light.matrixWorld);
+                                                       uniforms.position.applyMatrix4(viewMatrix); // extract local rotation of light to derive width/height half vectors
+
+                                                       matrix42.identity();
+                                                       matrix4.copy(light.matrixWorld);
+                                                       matrix4.premultiply(viewMatrix);
+                                                       matrix42.extractRotation(matrix4);
+                                                       uniforms.halfWidth.set(light.width * 0.5, 0.0, 0.0);
+                                                       uniforms.halfHeight.set(0.0, light.height * 0.5, 0.0);
+                                                       uniforms.halfWidth.applyMatrix4(matrix42);
+                                                       uniforms.halfHeight.applyMatrix4(matrix42);
+                                                       rectAreaLength++;
+                                               } else if (light.isPointLight) {
+                                                       const uniforms = state.point[pointLength];
+                                                       uniforms.position.setFromMatrixPosition(light.matrixWorld);
+                                                       uniforms.position.applyMatrix4(viewMatrix);
+                                                       pointLength++;
+                                               } else if (light.isHemisphereLight) {
+                                                       const uniforms = state.hemi[hemiLength];
+                                                       uniforms.direction.setFromMatrixPosition(light.matrixWorld);
+                                                       uniforms.direction.transformDirection(viewMatrix);
+                                                       uniforms.direction.normalize();
+                                                       hemiLength++;
+                                               }
+                                       }
+                               }
+
+                               return {
+                                       setup: setup,
+                                       setupView: setupView,
+                                       state: state
+                               };
+                       }
+
+                       function WebGLRenderState(extensions, capabilities) {
+                               const lights = new WebGLLights(extensions, capabilities);
+                               const lightsArray = [];
+                               const shadowsArray = [];
+
+                               function init() {
+                                       lightsArray.length = 0;
+                                       shadowsArray.length = 0;
+                               }
+
+                               function pushLight(light) {
+                                       lightsArray.push(light);
+                               }
+
+                               function pushShadow(shadowLight) {
+                                       shadowsArray.push(shadowLight);
+                               }
+
+                               function setupLights(physicallyCorrectLights) {
+                                       lights.setup(lightsArray, physicallyCorrectLights);
+                               }
+
+                               function setupLightsView(camera) {
+                                       lights.setupView(lightsArray, camera);
+                               }
+
+                               const state = {
+                                       lightsArray: lightsArray,
+                                       shadowsArray: shadowsArray,
+                                       lights: lights
+                               };
+                               return {
+                                       init: init,
+                                       state: state,
+                                       setupLights: setupLights,
+                                       setupLightsView: setupLightsView,
+                                       pushLight: pushLight,
+                                       pushShadow: pushShadow
+                               };
+                       }
+
+                       function WebGLRenderStates(extensions, capabilities) {
+                               let renderStates = new WeakMap();
+
+                               function get(scene, renderCallDepth = 0) {
+                                       let renderState;
+
+                                       if (renderStates.has(scene) === false) {
+                                               renderState = new WebGLRenderState(extensions, capabilities);
+                                               renderStates.set(scene, [renderState]);
+                                       } else {
+                                               if (renderCallDepth >= renderStates.get(scene).length) {
+                                                       renderState = new WebGLRenderState(extensions, capabilities);
+                                                       renderStates.get(scene).push(renderState);
+                                               } else {
+                                                       renderState = renderStates.get(scene)[renderCallDepth];
+                                               }
+                                       }
+
+                                       return renderState;
+                               }
+
+                               function dispose() {
+                                       renderStates = new WeakMap();
+                               }
+
+                               return {
+                                       get: get,
+                                       dispose: dispose
+                               };
+                       }
+
+                       /**
+                        * parameters = {
+                        *
+                        *      opacity: <float>,
+                        *
+                        *      map: new THREE.Texture( <Image> ),
+                        *
+                        *      alphaMap: new THREE.Texture( <Image> ),
+                        *
+                        *      displacementMap: new THREE.Texture( <Image> ),
+                        *      displacementScale: <float>,
+                        *      displacementBias: <float>,
+                        *
+                        *      wireframe: <boolean>,
+                        *      wireframeLinewidth: <float>
+                        * }
+                        */
+
+                       class MeshDepthMaterial extends Material {
+                               constructor(parameters) {
+                                       super();
+                                       this.type = 'MeshDepthMaterial';
+                                       this.depthPacking = BasicDepthPacking;
+                                       this.map = null;
+                                       this.alphaMap = null;
+                                       this.displacementMap = null;
+                                       this.displacementScale = 1;
+                                       this.displacementBias = 0;
+                                       this.wireframe = false;
+                                       this.wireframeLinewidth = 1;
+                                       this.fog = false;
+                                       this.setValues(parameters);
+                               }
+
+                               copy(source) {
+                                       super.copy(source);
+                                       this.depthPacking = source.depthPacking;
+                                       this.map = source.map;
+                                       this.alphaMap = source.alphaMap;
+                                       this.displacementMap = source.displacementMap;
+                                       this.displacementScale = source.displacementScale;
+                                       this.displacementBias = source.displacementBias;
+                                       this.wireframe = source.wireframe;
+                                       this.wireframeLinewidth = source.wireframeLinewidth;
+                                       return this;
+                               }
+
+                       }
+
+                       MeshDepthMaterial.prototype.isMeshDepthMaterial = true;
+
+                       /**
+                        * parameters = {
+                        *
+                        *      referencePosition: <float>,
+                        *      nearDistance: <float>,
+                        *      farDistance: <float>,
+                        *
+                        *      map: new THREE.Texture( <Image> ),
+                        *
+                        *      alphaMap: new THREE.Texture( <Image> ),
+                        *
+                        *      displacementMap: new THREE.Texture( <Image> ),
+                        *      displacementScale: <float>,
+                        *      displacementBias: <float>
+                        *
+                        * }
+                        */
+
+                       class MeshDistanceMaterial extends Material {
+                               constructor(parameters) {
+                                       super();
+                                       this.type = 'MeshDistanceMaterial';
+                                       this.referencePosition = new Vector3();
+                                       this.nearDistance = 1;
+                                       this.farDistance = 1000;
+                                       this.map = null;
+                                       this.alphaMap = null;
+                                       this.displacementMap = null;
+                                       this.displacementScale = 1;
+                                       this.displacementBias = 0;
+                                       this.fog = false;
+                                       this.setValues(parameters);
+                               }
+
+                               copy(source) {
+                                       super.copy(source);
+                                       this.referencePosition.copy(source.referencePosition);
+                                       this.nearDistance = source.nearDistance;
+                                       this.farDistance = source.farDistance;
+                                       this.map = source.map;
+                                       this.alphaMap = source.alphaMap;
+                                       this.displacementMap = source.displacementMap;
+                                       this.displacementScale = source.displacementScale;
+                                       this.displacementBias = source.displacementBias;
+                                       return this;
+                               }
+
+                       }
+
+                       MeshDistanceMaterial.prototype.isMeshDistanceMaterial = true;
+
+                       var vsm_frag = "uniform sampler2D shadow_pass;\nuniform vec2 resolution;\nuniform float radius;\nuniform float samples;\n#include <packing>\nvoid main() {\n\tfloat mean = 0.0;\n\tfloat squared_mean = 0.0;\n\tfloat uvStride = samples <= 1.0 ? 0.0 : 2.0 / ( samples - 1.0 );\n\tfloat uvStart = samples <= 1.0 ? 0.0 : - 1.0;\n\tfor ( float i = 0.0; i < samples; i ++ ) {\n\t\tfloat uvOffset = uvStart + i * uvStride;\n\t\t#ifdef HORIZONTAL_PASS\n\t\t\tvec2 distribution = unpackRGBATo2Half( texture2D( shadow_pass, ( gl_FragCoord.xy + vec2( uvOffset, 0.0 ) * radius ) / resolution ) );\n\t\t\tmean += distribution.x;\n\t\t\tsquared_mean += distribution.y * distribution.y + distribution.x * distribution.x;\n\t\t#else\n\t\t\tfloat depth = unpackRGBAToDepth( texture2D( shadow_pass, ( gl_FragCoord.xy + vec2( 0.0, uvOffset ) * radius ) / resolution ) );\n\t\t\tmean += depth;\n\t\t\tsquared_mean += depth * depth;\n\t\t#endif\n\t}\n\tmean = mean / samples;\n\tsquared_mean = squared_mean / samples;\n\tfloat std_dev = sqrt( squared_mean - mean * mean );\n\tgl_FragColor = pack2HalfToRGBA( vec2( mean, std_dev ) );\n}";
+
+                       var vsm_vert = "void main() {\n\tgl_Position = vec4( position, 1.0 );\n}";
+
+                       function WebGLShadowMap(_renderer, _objects, _capabilities) {
+                               let _frustum = new Frustum();
+
+                               const _shadowMapSize = new Vector2(),
+                                       _viewportSize = new Vector2(),
+                                       _viewport = new Vector4(),
+                                       _depthMaterial = new MeshDepthMaterial({
+                                               depthPacking: RGBADepthPacking
+                                       }),
+                                       _distanceMaterial = new MeshDistanceMaterial(),
+                                       _materialCache = {},
+                                       _maxTextureSize = _capabilities.maxTextureSize;
+
+                               const shadowSide = {
+                                       0: BackSide,
+                                       1: FrontSide,
+                                       2: DoubleSide
+                               };
+                               const shadowMaterialVertical = new ShaderMaterial({
+                                       uniforms: {
+                                               shadow_pass: {
+                                                       value: null
+                                               },
+                                               resolution: {
+                                                       value: new Vector2()
+                                               },
+                                               radius: {
+                                                       value: 4.0
+                                               },
+                                               samples: {
+                                                       value: 8.0
+                                               }
+                                       },
+                                       vertexShader: vsm_vert,
+                                       fragmentShader: vsm_frag
+                               });
+                               const shadowMaterialHorizontal = shadowMaterialVertical.clone();
+                               shadowMaterialHorizontal.defines.HORIZONTAL_PASS = 1;
+                               const fullScreenTri = new BufferGeometry();
+                               fullScreenTri.setAttribute('position', new BufferAttribute(new Float32Array([-1, -1, 0.5, 3, -1, 0.5, -1, 3, 0.5]), 3));
+                               const fullScreenMesh = new Mesh(fullScreenTri, shadowMaterialVertical);
+                               const scope = this;
+                               this.enabled = false;
+                               this.autoUpdate = true;
+                               this.needsUpdate = false;
+                               this.type = PCFShadowMap;
+
+                               this.render = function (lights, scene, camera) {
+                                       if (scope.enabled === false) return;
+                                       if (scope.autoUpdate === false && scope.needsUpdate === false) return;
+                                       if (lights.length === 0) return;
+
+                                       const currentRenderTarget = _renderer.getRenderTarget();
+
+                                       const activeCubeFace = _renderer.getActiveCubeFace();
+
+                                       const activeMipmapLevel = _renderer.getActiveMipmapLevel();
+
+                                       const _state = _renderer.state; // Set GL state for depth map.
+
+                                       _state.setBlending(NoBlending);
+
+                                       _state.buffers.color.setClear(1, 1, 1, 1);
+
+                                       _state.buffers.depth.setTest(true);
+
+                                       _state.setScissorTest(false); // render depth map
+
+
+                                       for (let i = 0, il = lights.length; i < il; i++) {
+                                               const light = lights[i];
+                                               const shadow = light.shadow;
+
+                                               if (shadow === undefined) {
+                                                       console.warn('THREE.WebGLShadowMap:', light, 'has no shadow.');
+                                                       continue;
+                                               }
+
+                                               if (shadow.autoUpdate === false && shadow.needsUpdate === false) continue;
+
+                                               _shadowMapSize.copy(shadow.mapSize);
+
+                                               const shadowFrameExtents = shadow.getFrameExtents();
+
+                                               _shadowMapSize.multiply(shadowFrameExtents);
+
+                                               _viewportSize.copy(shadow.mapSize);
+
+                                               if (_shadowMapSize.x > _maxTextureSize || _shadowMapSize.y > _maxTextureSize) {
+                                                       if (_shadowMapSize.x > _maxTextureSize) {
+                                                               _viewportSize.x = Math.floor(_maxTextureSize / shadowFrameExtents.x);
+                                                               _shadowMapSize.x = _viewportSize.x * shadowFrameExtents.x;
+                                                               shadow.mapSize.x = _viewportSize.x;
+                                                       }
+
+                                                       if (_shadowMapSize.y > _maxTextureSize) {
+                                                               _viewportSize.y = Math.floor(_maxTextureSize / shadowFrameExtents.y);
+                                                               _shadowMapSize.y = _viewportSize.y * shadowFrameExtents.y;
+                                                               shadow.mapSize.y = _viewportSize.y;
+                                                       }
+                                               }
+
+                                               if (shadow.map === null && !shadow.isPointLightShadow && this.type === VSMShadowMap) {
+                                                       const pars = {
+                                                               minFilter: LinearFilter,
+                                                               magFilter: LinearFilter,
+                                                               format: RGBAFormat
+                                                       };
+                                                       shadow.map = new WebGLRenderTarget(_shadowMapSize.x, _shadowMapSize.y, pars);
+                                                       shadow.map.texture.name = light.name + '.shadowMap';
+                                                       shadow.mapPass = new WebGLRenderTarget(_shadowMapSize.x, _shadowMapSize.y, pars);
+                                                       shadow.camera.updateProjectionMatrix();
+                                               }
+
+                                               if (shadow.map === null) {
+                                                       const pars = {
+                                                               minFilter: NearestFilter,
+                                                               magFilter: NearestFilter,
+                                                               format: RGBAFormat
+                                                       };
+                                                       shadow.map = new WebGLRenderTarget(_shadowMapSize.x, _shadowMapSize.y, pars);
+                                                       shadow.map.texture.name = light.name + '.shadowMap';
+                                                       shadow.camera.updateProjectionMatrix();
+                                               }
+
+                                               _renderer.setRenderTarget(shadow.map);
+
+                                               _renderer.clear();
+
+                                               const viewportCount = shadow.getViewportCount();
+
+                                               for (let vp = 0; vp < viewportCount; vp++) {
+                                                       const viewport = shadow.getViewport(vp);
+
+                                                       _viewport.set(_viewportSize.x * viewport.x, _viewportSize.y * viewport.y, _viewportSize.x * viewport.z, _viewportSize.y * viewport.w);
+
+                                                       _state.viewport(_viewport);
+
+                                                       shadow.updateMatrices(light, vp);
+                                                       _frustum = shadow.getFrustum();
+                                                       renderObject(scene, camera, shadow.camera, light, this.type);
+                                               } // do blur pass for VSM
+
+
+                                               if (!shadow.isPointLightShadow && this.type === VSMShadowMap) {
+                                                       VSMPass(shadow, camera);
+                                               }
+
+                                               shadow.needsUpdate = false;
+                                       }
+
+                                       scope.needsUpdate = false;
+
+                                       _renderer.setRenderTarget(currentRenderTarget, activeCubeFace, activeMipmapLevel);
+                               };
+
+                               function VSMPass(shadow, camera) {
+                                       const geometry = _objects.update(fullScreenMesh); // vertical pass
+
+
+                                       shadowMaterialVertical.uniforms.shadow_pass.value = shadow.map.texture;
+                                       shadowMaterialVertical.uniforms.resolution.value = shadow.mapSize;
+                                       shadowMaterialVertical.uniforms.radius.value = shadow.radius;
+                                       shadowMaterialVertical.uniforms.samples.value = shadow.blurSamples;
+
+                                       _renderer.setRenderTarget(shadow.mapPass);
+
+                                       _renderer.clear();
+
+                                       _renderer.renderBufferDirect(camera, null, geometry, shadowMaterialVertical, fullScreenMesh, null); // horizontal pass
+
+
+                                       shadowMaterialHorizontal.uniforms.shadow_pass.value = shadow.mapPass.texture;
+                                       shadowMaterialHorizontal.uniforms.resolution.value = shadow.mapSize;
+                                       shadowMaterialHorizontal.uniforms.radius.value = shadow.radius;
+                                       shadowMaterialHorizontal.uniforms.samples.value = shadow.blurSamples;
+
+                                       _renderer.setRenderTarget(shadow.map);
+
+                                       _renderer.clear();
+
+                                       _renderer.renderBufferDirect(camera, null, geometry, shadowMaterialHorizontal, fullScreenMesh, null);
+                               }
+
+                               function getDepthMaterial(object, geometry, material, light, shadowCameraNear, shadowCameraFar, type) {
+                                       let result = null;
+                                       const customMaterial = light.isPointLight === true ? object.customDistanceMaterial : object.customDepthMaterial;
+
+                                       if (customMaterial !== undefined) {
+                                               result = customMaterial;
+                                       } else {
+                                               result = light.isPointLight === true ? _distanceMaterial : _depthMaterial;
+                                       }
+
+                                       if (_renderer.localClippingEnabled && material.clipShadows === true && material.clippingPlanes.length !== 0 || material.displacementMap && material.displacementScale !== 0 || material.alphaMap && material.alphaTest > 0) {
+                                               // in this case we need a unique material instance reflecting the
+                                               // appropriate state
+                                               const keyA = result.uuid,
+                                                       keyB = material.uuid;
+                                               let materialsForVariant = _materialCache[keyA];
+
+                                               if (materialsForVariant === undefined) {
+                                                       materialsForVariant = {};
+                                                       _materialCache[keyA] = materialsForVariant;
+                                               }
+
+                                               let cachedMaterial = materialsForVariant[keyB];
+
+                                               if (cachedMaterial === undefined) {
+                                                       cachedMaterial = result.clone();
+                                                       materialsForVariant[keyB] = cachedMaterial;
+                                               }
+
+                                               result = cachedMaterial;
+                                       }
+
+                                       result.visible = material.visible;
+                                       result.wireframe = material.wireframe;
+
+                                       if (type === VSMShadowMap) {
+                                               result.side = material.shadowSide !== null ? material.shadowSide : material.side;
+                                       } else {
+                                               result.side = material.shadowSide !== null ? material.shadowSide : shadowSide[material.side];
+                                       }
+
+                                       result.alphaMap = material.alphaMap;
+                                       result.alphaTest = material.alphaTest;
+                                       result.clipShadows = material.clipShadows;
+                                       result.clippingPlanes = material.clippingPlanes;
+                                       result.clipIntersection = material.clipIntersection;
+                                       result.displacementMap = material.displacementMap;
+                                       result.displacementScale = material.displacementScale;
+                                       result.displacementBias = material.displacementBias;
+                                       result.wireframeLinewidth = material.wireframeLinewidth;
+                                       result.linewidth = material.linewidth;
+
+                                       if (light.isPointLight === true && result.isMeshDistanceMaterial === true) {
+                                               result.referencePosition.setFromMatrixPosition(light.matrixWorld);
+                                               result.nearDistance = shadowCameraNear;
+                                               result.farDistance = shadowCameraFar;
+                                       }
+
+                                       return result;
+                               }
+
+                               function renderObject(object, camera, shadowCamera, light, type) {
+                                       if (object.visible === false) return;
+                                       const visible = object.layers.test(camera.layers);
+
+                                       if (visible && (object.isMesh || object.isLine || object.isPoints)) {
+                                               if ((object.castShadow || object.receiveShadow && type === VSMShadowMap) && (!object.frustumCulled || _frustum.intersectsObject(object))) {
+                                                       object.modelViewMatrix.multiplyMatrices(shadowCamera.matrixWorldInverse, object.matrixWorld);
+
+                                                       const geometry = _objects.update(object);
+
+                                                       const material = object.material;
+
+                                                       if (Array.isArray(material)) {
+                                                               const groups = geometry.groups;
+
+                                                               for (let k = 0, kl = groups.length; k < kl; k++) {
+                                                                       const group = groups[k];
+                                                                       const groupMaterial = material[group.materialIndex];
+
+                                                                       if (groupMaterial && groupMaterial.visible) {
+                                                                               const depthMaterial = getDepthMaterial(object, geometry, groupMaterial, light, shadowCamera.near, shadowCamera.far, type);
+
+                                                                               _renderer.renderBufferDirect(shadowCamera, null, geometry, depthMaterial, object, group);
+                                                                       }
+                                                               }
+                                                       } else if (material.visible) {
+                                                               const depthMaterial = getDepthMaterial(object, geometry, material, light, shadowCamera.near, shadowCamera.far, type);
+
+                                                               _renderer.renderBufferDirect(shadowCamera, null, geometry, depthMaterial, object, null);
+                                                       }
+                                               }
+                                       }
+
+                                       const children = object.children;
+
+                                       for (let i = 0, l = children.length; i < l; i++) {
+                                               renderObject(children[i], camera, shadowCamera, light, type);
+                                       }
+                               }
+                       }
+
+                       function WebGLState(gl, extensions, capabilities) {
+                               const isWebGL2 = capabilities.isWebGL2;
+
+                               function ColorBuffer() {
+                                       let locked = false;
+                                       const color = new Vector4();
+                                       let currentColorMask = null;
+                                       const currentColorClear = new Vector4(0, 0, 0, 0);
+                                       return {
+                                               setMask: function (colorMask) {
+                                                       if (currentColorMask !== colorMask && !locked) {
+                                                               gl.colorMask(colorMask, colorMask, colorMask, colorMask);
+                                                               currentColorMask = colorMask;
+                                                       }
+                                               },
+                                               setLocked: function (lock) {
+                                                       locked = lock;
+                                               },
+                                               setClear: function (r, g, b, a, premultipliedAlpha) {
+                                                       if (premultipliedAlpha === true) {
+                                                               r *= a;
+                                                               g *= a;
+                                                               b *= a;
+                                                       }
+
+                                                       color.set(r, g, b, a);
+
+                                                       if (currentColorClear.equals(color) === false) {
+                                                               gl.clearColor(r, g, b, a);
+                                                               currentColorClear.copy(color);
+                                                       }
+                                               },
+                                               reset: function () {
+                                                       locked = false;
+                                                       currentColorMask = null;
+                                                       currentColorClear.set(-1, 0, 0, 0); // set to invalid state
+                                               }
+                                       };
+                               }
+
+                               function DepthBuffer() {
+                                       let locked = false;
+                                       let currentDepthMask = null;
+                                       let currentDepthFunc = null;
+                                       let currentDepthClear = null;
+                                       return {
+                                               setTest: function (depthTest) {
+                                                       if (depthTest) {
+                                                               enable(gl.DEPTH_TEST);
+                                                       } else {
+                                                               disable(gl.DEPTH_TEST);
+                                                       }
+                                               },
+                                               setMask: function (depthMask) {
+                                                       if (currentDepthMask !== depthMask && !locked) {
+                                                               gl.depthMask(depthMask);
+                                                               currentDepthMask = depthMask;
+                                                       }
+                                               },
+                                               setFunc: function (depthFunc) {
+                                                       if (currentDepthFunc !== depthFunc) {
+                                                               if (depthFunc) {
+                                                                       switch (depthFunc) {
+                                                                               case NeverDepth:
+                                                                                       gl.depthFunc(gl.NEVER);
+                                                                                       break;
+
+                                                                               case AlwaysDepth:
+                                                                                       gl.depthFunc(gl.ALWAYS);
+                                                                                       break;
+
+                                                                               case LessDepth:
+                                                                                       gl.depthFunc(gl.LESS);
+                                                                                       break;
+
+                                                                               case LessEqualDepth:
+                                                                                       gl.depthFunc(gl.LEQUAL);
+                                                                                       break;
+
+                                                                               case EqualDepth:
+                                                                                       gl.depthFunc(gl.EQUAL);
+                                                                                       break;
+
+                                                                               case GreaterEqualDepth:
+                                                                                       gl.depthFunc(gl.GEQUAL);
+                                                                                       break;
+
+                                                                               case GreaterDepth:
+                                                                                       gl.depthFunc(gl.GREATER);
+                                                                                       break;
+
+                                                                               case NotEqualDepth:
+                                                                                       gl.depthFunc(gl.NOTEQUAL);
+                                                                                       break;
+
+                                                                               default:
+                                                                                       gl.depthFunc(gl.LEQUAL);
+                                                                       }
+                                                               } else {
+                                                                       gl.depthFunc(gl.LEQUAL);
+                                                               }
+
+                                                               currentDepthFunc = depthFunc;
+                                                       }
+                                               },
+                                               setLocked: function (lock) {
+                                                       locked = lock;
+                                               },
+                                               setClear: function (depth) {
+                                                       if (currentDepthClear !== depth) {
+                                                               gl.clearDepth(depth);
+                                                               currentDepthClear = depth;
+                                                       }
+                                               },
+                                               reset: function () {
+                                                       locked = false;
+                                                       currentDepthMask = null;
+                                                       currentDepthFunc = null;
+                                                       currentDepthClear = null;
+                                               }
+                                       };
+                               }
+
+                               function StencilBuffer() {
+                                       let locked = false;
+                                       let currentStencilMask = null;
+                                       let currentStencilFunc = null;
+                                       let currentStencilRef = null;
+                                       let currentStencilFuncMask = null;
+                                       let currentStencilFail = null;
+                                       let currentStencilZFail = null;
+                                       let currentStencilZPass = null;
+                                       let currentStencilClear = null;
+                                       return {
+                                               setTest: function (stencilTest) {
+                                                       if (!locked) {
+                                                               if (stencilTest) {
+                                                                       enable(gl.STENCIL_TEST);
+                                                               } else {
+                                                                       disable(gl.STENCIL_TEST);
+                                                               }
+                                                       }
+                                               },
+                                               setMask: function (stencilMask) {
+                                                       if (currentStencilMask !== stencilMask && !locked) {
+                                                               gl.stencilMask(stencilMask);
+                                                               currentStencilMask = stencilMask;
+                                                       }
+                                               },
+                                               setFunc: function (stencilFunc, stencilRef, stencilMask) {
+                                                       if (currentStencilFunc !== stencilFunc || currentStencilRef !== stencilRef || currentStencilFuncMask !== stencilMask) {
+                                                               gl.stencilFunc(stencilFunc, stencilRef, stencilMask);
+                                                               currentStencilFunc = stencilFunc;
+                                                               currentStencilRef = stencilRef;
+                                                               currentStencilFuncMask = stencilMask;
+                                                       }
+                                               },
+                                               setOp: function (stencilFail, stencilZFail, stencilZPass) {
+                                                       if (currentStencilFail !== stencilFail || currentStencilZFail !== stencilZFail || currentStencilZPass !== stencilZPass) {
+                                                               gl.stencilOp(stencilFail, stencilZFail, stencilZPass);
+                                                               currentStencilFail = stencilFail;
+                                                               currentStencilZFail = stencilZFail;
+                                                               currentStencilZPass = stencilZPass;
+                                                       }
+                                               },
+                                               setLocked: function (lock) {
+                                                       locked = lock;
+                                               },
+                                               setClear: function (stencil) {
+                                                       if (currentStencilClear !== stencil) {
+                                                               gl.clearStencil(stencil);
+                                                               currentStencilClear = stencil;
+                                                       }
+                                               },
+                                               reset: function () {
+                                                       locked = false;
+                                                       currentStencilMask = null;
+                                                       currentStencilFunc = null;
+                                                       currentStencilRef = null;
+                                                       currentStencilFuncMask = null;
+                                                       currentStencilFail = null;
+                                                       currentStencilZFail = null;
+                                                       currentStencilZPass = null;
+                                                       currentStencilClear = null;
+                                               }
+                                       };
+                               } //
+
+
+                               const colorBuffer = new ColorBuffer();
+                               const depthBuffer = new DepthBuffer();
+                               const stencilBuffer = new StencilBuffer();
+                               let enabledCapabilities = {};
+                               let xrFramebuffer = null;
+                               let currentBoundFramebuffers = {};
+                               let currentProgram = null;
+                               let currentBlendingEnabled = false;
+                               let currentBlending = null;
+                               let currentBlendEquation = null;
+                               let currentBlendSrc = null;
+                               let currentBlendDst = null;
+                               let currentBlendEquationAlpha = null;
+                               let currentBlendSrcAlpha = null;
+                               let currentBlendDstAlpha = null;
+                               let currentPremultipledAlpha = false;
+                               let currentFlipSided = null;
+                               let currentCullFace = null;
+                               let currentLineWidth = null;
+                               let currentPolygonOffsetFactor = null;
+                               let currentPolygonOffsetUnits = null;
+                               const maxTextures = gl.getParameter(gl.MAX_COMBINED_TEXTURE_IMAGE_UNITS);
+                               let lineWidthAvailable = false;
+                               let version = 0;
+                               const glVersion = gl.getParameter(gl.VERSION);
+
+                               if (glVersion.indexOf('WebGL') !== -1) {
+                                       version = parseFloat(/^WebGL (\d)/.exec(glVersion)[1]);
+                                       lineWidthAvailable = version >= 1.0;
+                               } else if (glVersion.indexOf('OpenGL ES') !== -1) {
+                                       version = parseFloat(/^OpenGL ES (\d)/.exec(glVersion)[1]);
+                                       lineWidthAvailable = version >= 2.0;
+                               }
+
+                               let currentTextureSlot = null;
+                               let currentBoundTextures = {};
+                               const scissorParam = gl.getParameter(gl.SCISSOR_BOX);
+                               const viewportParam = gl.getParameter(gl.VIEWPORT);
+                               const currentScissor = new Vector4().fromArray(scissorParam);
+                               const currentViewport = new Vector4().fromArray(viewportParam);
+
+                               function createTexture(type, target, count) {
+                                       const data = new Uint8Array(4); // 4 is required to match default unpack alignment of 4.
+
+                                       const texture = gl.createTexture();
+                                       gl.bindTexture(type, texture);
+                                       gl.texParameteri(type, gl.TEXTURE_MIN_FILTER, gl.NEAREST);
+                                       gl.texParameteri(type, gl.TEXTURE_MAG_FILTER, gl.NEAREST);
+
+                                       for (let i = 0; i < count; i++) {
+                                               gl.texImage2D(target + i, 0, gl.RGBA, 1, 1, 0, gl.RGBA, gl.UNSIGNED_BYTE, data);
+                                       }
+
+                                       return texture;
+                               }
+
+                               const emptyTextures = {};
+                               emptyTextures[gl.TEXTURE_2D] = createTexture(gl.TEXTURE_2D, gl.TEXTURE_2D, 1);
+                               emptyTextures[gl.TEXTURE_CUBE_MAP] = createTexture(gl.TEXTURE_CUBE_MAP, gl.TEXTURE_CUBE_MAP_POSITIVE_X, 6); // init
+
+                               colorBuffer.setClear(0, 0, 0, 1);
+                               depthBuffer.setClear(1);
+                               stencilBuffer.setClear(0);
+                               enable(gl.DEPTH_TEST);
+                               depthBuffer.setFunc(LessEqualDepth);
+                               setFlipSided(false);
+                               setCullFace(CullFaceBack);
+                               enable(gl.CULL_FACE);
+                               setBlending(NoBlending); //
+
+                               function enable(id) {
+                                       if (enabledCapabilities[id] !== true) {
+                                               gl.enable(id);
+                                               enabledCapabilities[id] = true;
+                                       }
+                               }
+
+                               function disable(id) {
+                                       if (enabledCapabilities[id] !== false) {
+                                               gl.disable(id);
+                                               enabledCapabilities[id] = false;
+                                       }
+                               }
+
+                               function bindXRFramebuffer(framebuffer) {
+                                       if (framebuffer !== xrFramebuffer) {
+                                               gl.bindFramebuffer(gl.FRAMEBUFFER, framebuffer);
+                                               xrFramebuffer = framebuffer;
+                                       }
+                               }
+
+                               function bindFramebuffer(target, framebuffer) {
+                                       if (framebuffer === null && xrFramebuffer !== null) framebuffer = xrFramebuffer; // use active XR framebuffer if available
+
+                                       if (currentBoundFramebuffers[target] !== framebuffer) {
+                                               gl.bindFramebuffer(target, framebuffer);
+                                               currentBoundFramebuffers[target] = framebuffer;
+
+                                               if (isWebGL2) {
+                                                       // gl.DRAW_FRAMEBUFFER is equivalent to gl.FRAMEBUFFER
+                                                       if (target === gl.DRAW_FRAMEBUFFER) {
+                                                               currentBoundFramebuffers[gl.FRAMEBUFFER] = framebuffer;
+                                                       }
+
+                                                       if (target === gl.FRAMEBUFFER) {
+                                                               currentBoundFramebuffers[gl.DRAW_FRAMEBUFFER] = framebuffer;
+                                                       }
+                                               }
+
+                                               return true;
+                                       }
+
+                                       return false;
+                               }
+
+                               function useProgram(program) {
+                                       if (currentProgram !== program) {
+                                               gl.useProgram(program);
+                                               currentProgram = program;
+                                               return true;
+                                       }
+
+                                       return false;
+                               }
+
+                               const equationToGL = {
+                                       [AddEquation]: gl.FUNC_ADD,
+                                       [SubtractEquation]: gl.FUNC_SUBTRACT,
+                                       [ReverseSubtractEquation]: gl.FUNC_REVERSE_SUBTRACT
+                               };
+
+                               if (isWebGL2) {
+                                       equationToGL[MinEquation] = gl.MIN;
+                                       equationToGL[MaxEquation] = gl.MAX;
+                               } else {
+                                       const extension = extensions.get('EXT_blend_minmax');
+
+                                       if (extension !== null) {
+                                               equationToGL[MinEquation] = extension.MIN_EXT;
+                                               equationToGL[MaxEquation] = extension.MAX_EXT;
+                                       }
+                               }
+
+                               const factorToGL = {
+                                       [ZeroFactor]: gl.ZERO,
+                                       [OneFactor]: gl.ONE,
+                                       [SrcColorFactor]: gl.SRC_COLOR,
+                                       [SrcAlphaFactor]: gl.SRC_ALPHA,
+                                       [SrcAlphaSaturateFactor]: gl.SRC_ALPHA_SATURATE,
+                                       [DstColorFactor]: gl.DST_COLOR,
+                                       [DstAlphaFactor]: gl.DST_ALPHA,
+                                       [OneMinusSrcColorFactor]: gl.ONE_MINUS_SRC_COLOR,
+                                       [OneMinusSrcAlphaFactor]: gl.ONE_MINUS_SRC_ALPHA,
+                                       [OneMinusDstColorFactor]: gl.ONE_MINUS_DST_COLOR,
+                                       [OneMinusDstAlphaFactor]: gl.ONE_MINUS_DST_ALPHA
+                               };
+
+                               function setBlending(blending, blendEquation, blendSrc, blendDst, blendEquationAlpha, blendSrcAlpha, blendDstAlpha, premultipliedAlpha) {
+                                       if (blending === NoBlending) {
+                                               if (currentBlendingEnabled === true) {
+                                                       disable(gl.BLEND);
+                                                       currentBlendingEnabled = false;
+                                               }
+
+                                               return;
+                                       }
+
+                                       if (currentBlendingEnabled === false) {
+                                               enable(gl.BLEND);
+                                               currentBlendingEnabled = true;
+                                       }
+
+                                       if (blending !== CustomBlending) {
+                                               if (blending !== currentBlending || premultipliedAlpha !== currentPremultipledAlpha) {
+                                                       if (currentBlendEquation !== AddEquation || currentBlendEquationAlpha !== AddEquation) {
+                                                               gl.blendEquation(gl.FUNC_ADD);
+                                                               currentBlendEquation = AddEquation;
+                                                               currentBlendEquationAlpha = AddEquation;
+                                                       }
+
+                                                       if (premultipliedAlpha) {
+                                                               switch (blending) {
+                                                                       case NormalBlending:
+                                                                               gl.blendFuncSeparate(gl.ONE, gl.ONE_MINUS_SRC_ALPHA, gl.ONE, gl.ONE_MINUS_SRC_ALPHA);
+                                                                               break;
+
+                                                                       case AdditiveBlending:
+                                                                               gl.blendFunc(gl.ONE, gl.ONE);
+                                                                               break;
+
+                                                                       case SubtractiveBlending:
+                                                                               gl.blendFuncSeparate(gl.ZERO, gl.ZERO, gl.ONE_MINUS_SRC_COLOR, gl.ONE_MINUS_SRC_ALPHA);
+                                                                               break;
+
+                                                                       case MultiplyBlending:
+                                                                               gl.blendFuncSeparate(gl.ZERO, gl.SRC_COLOR, gl.ZERO, gl.SRC_ALPHA);
+                                                                               break;
+
+                                                                       default:
+                                                                               console.error('THREE.WebGLState: Invalid blending: ', blending);
+                                                                               break;
+                                                               }
+                                                       } else {
+                                                               switch (blending) {
+                                                                       case NormalBlending:
+                                                                               gl.blendFuncSeparate(gl.SRC_ALPHA, gl.ONE_MINUS_SRC_ALPHA, gl.ONE, gl.ONE_MINUS_SRC_ALPHA);
+                                                                               break;
+
+                                                                       case AdditiveBlending:
+                                                                               gl.blendFunc(gl.SRC_ALPHA, gl.ONE);
+                                                                               break;
+
+                                                                       case SubtractiveBlending:
+                                                                               gl.blendFunc(gl.ZERO, gl.ONE_MINUS_SRC_COLOR);
+                                                                               break;
+
+                                                                       case MultiplyBlending:
+                                                                               gl.blendFunc(gl.ZERO, gl.SRC_COLOR);
+                                                                               break;
+
+                                                                       default:
+                                                                               console.error('THREE.WebGLState: Invalid blending: ', blending);
+                                                                               break;
+                                                               }
+                                                       }
+
+                                                       currentBlendSrc = null;
+                                                       currentBlendDst = null;
+                                                       currentBlendSrcAlpha = null;
+                                                       currentBlendDstAlpha = null;
+                                                       currentBlending = blending;
+                                                       currentPremultipledAlpha = premultipliedAlpha;
+                                               }
+
+                                               return;
+                                       } // custom blending
+
+
+                                       blendEquationAlpha = blendEquationAlpha || blendEquation;
+                                       blendSrcAlpha = blendSrcAlpha || blendSrc;
+                                       blendDstAlpha = blendDstAlpha || blendDst;
+
+                                       if (blendEquation !== currentBlendEquation || blendEquationAlpha !== currentBlendEquationAlpha) {
+                                               gl.blendEquationSeparate(equationToGL[blendEquation], equationToGL[blendEquationAlpha]);
+                                               currentBlendEquation = blendEquation;
+                                               currentBlendEquationAlpha = blendEquationAlpha;
+                                       }
+
+                                       if (blendSrc !== currentBlendSrc || blendDst !== currentBlendDst || blendSrcAlpha !== currentBlendSrcAlpha || blendDstAlpha !== currentBlendDstAlpha) {
+                                               gl.blendFuncSeparate(factorToGL[blendSrc], factorToGL[blendDst], factorToGL[blendSrcAlpha], factorToGL[blendDstAlpha]);
+                                               currentBlendSrc = blendSrc;
+                                               currentBlendDst = blendDst;
+                                               currentBlendSrcAlpha = blendSrcAlpha;
+                                               currentBlendDstAlpha = blendDstAlpha;
+                                       }
+
+                                       currentBlending = blending;
+                                       currentPremultipledAlpha = null;
+                               }
+
+                               function setMaterial(material, frontFaceCW) {
+                                       material.side === DoubleSide ? disable(gl.CULL_FACE) : enable(gl.CULL_FACE);
+                                       let flipSided = material.side === BackSide;
+                                       if (frontFaceCW) flipSided = !flipSided;
+                                       setFlipSided(flipSided);
+                                       material.blending === NormalBlending && material.transparent === false ? setBlending(NoBlending) : setBlending(material.blending, material.blendEquation, material.blendSrc, material.blendDst, material.blendEquationAlpha, material.blendSrcAlpha, material.blendDstAlpha, material.premultipliedAlpha);
+                                       depthBuffer.setFunc(material.depthFunc);
+                                       depthBuffer.setTest(material.depthTest);
+                                       depthBuffer.setMask(material.depthWrite);
+                                       colorBuffer.setMask(material.colorWrite);
+                                       const stencilWrite = material.stencilWrite;
+                                       stencilBuffer.setTest(stencilWrite);
+
+                                       if (stencilWrite) {
+                                               stencilBuffer.setMask(material.stencilWriteMask);
+                                               stencilBuffer.setFunc(material.stencilFunc, material.stencilRef, material.stencilFuncMask);
+                                               stencilBuffer.setOp(material.stencilFail, material.stencilZFail, material.stencilZPass);
+                                       }
+
+                                       setPolygonOffset(material.polygonOffset, material.polygonOffsetFactor, material.polygonOffsetUnits);
+                                       material.alphaToCoverage === true ? enable(gl.SAMPLE_ALPHA_TO_COVERAGE) : disable(gl.SAMPLE_ALPHA_TO_COVERAGE);
+                               } //
+
+
+                               function setFlipSided(flipSided) {
+                                       if (currentFlipSided !== flipSided) {
+                                               if (flipSided) {
+                                                       gl.frontFace(gl.CW);
+                                               } else {
+                                                       gl.frontFace(gl.CCW);
+                                               }
+
+                                               currentFlipSided = flipSided;
+                                       }
+                               }
+
+                               function setCullFace(cullFace) {
+                                       if (cullFace !== CullFaceNone) {
+                                               enable(gl.CULL_FACE);
+
+                                               if (cullFace !== currentCullFace) {
+                                                       if (cullFace === CullFaceBack) {
+                                                               gl.cullFace(gl.BACK);
+                                                       } else if (cullFace === CullFaceFront) {
+                                                               gl.cullFace(gl.FRONT);
+                                                       } else {
+                                                               gl.cullFace(gl.FRONT_AND_BACK);
+                                                       }
+                                               }
+                                       } else {
+                                               disable(gl.CULL_FACE);
+                                       }
+
+                                       currentCullFace = cullFace;
+                               }
+
+                               function setLineWidth(width) {
+                                       if (width !== currentLineWidth) {
+                                               if (lineWidthAvailable) gl.lineWidth(width);
+                                               currentLineWidth = width;
+                                       }
+                               }
+
+                               function setPolygonOffset(polygonOffset, factor, units) {
+                                       if (polygonOffset) {
+                                               enable(gl.POLYGON_OFFSET_FILL);
+
+                                               if (currentPolygonOffsetFactor !== factor || currentPolygonOffsetUnits !== units) {
+                                                       gl.polygonOffset(factor, units);
+                                                       currentPolygonOffsetFactor = factor;
+                                                       currentPolygonOffsetUnits = units;
+                                               }
+                                       } else {
+                                               disable(gl.POLYGON_OFFSET_FILL);
+                                       }
+                               }
+
+                               function setScissorTest(scissorTest) {
+                                       if (scissorTest) {
+                                               enable(gl.SCISSOR_TEST);
+                                       } else {
+                                               disable(gl.SCISSOR_TEST);
+                                       }
+                               } // texture
+
+
+                               function activeTexture(webglSlot) {
+                                       if (webglSlot === undefined) webglSlot = gl.TEXTURE0 + maxTextures - 1;
+
+                                       if (currentTextureSlot !== webglSlot) {
+                                               gl.activeTexture(webglSlot);
+                                               currentTextureSlot = webglSlot;
+                                       }
+                               }
+
+                               function bindTexture(webglType, webglTexture) {
+                                       if (currentTextureSlot === null) {
+                                               activeTexture();
+                                       }
+
+                                       let boundTexture = currentBoundTextures[currentTextureSlot];
+
+                                       if (boundTexture === undefined) {
+                                               boundTexture = {
+                                                       type: undefined,
+                                                       texture: undefined
+                                               };
+                                               currentBoundTextures[currentTextureSlot] = boundTexture;
+                                       }
+
+                                       if (boundTexture.type !== webglType || boundTexture.texture !== webglTexture) {
+                                               gl.bindTexture(webglType, webglTexture || emptyTextures[webglType]);
+                                               boundTexture.type = webglType;
+                                               boundTexture.texture = webglTexture;
+                                       }
+                               }
+
+                               function unbindTexture() {
+                                       const boundTexture = currentBoundTextures[currentTextureSlot];
+
+                                       if (boundTexture !== undefined && boundTexture.type !== undefined) {
+                                               gl.bindTexture(boundTexture.type, null);
+                                               boundTexture.type = undefined;
+                                               boundTexture.texture = undefined;
+                                       }
+                               }
+
+                               function compressedTexImage2D() {
+                                       try {
+                                               gl.compressedTexImage2D.apply(gl, arguments);
+                                       } catch (error) {
+                                               console.error('THREE.WebGLState:', error);
+                                       }
+                               }
+
+                               function texImage2D() {
+                                       try {
+                                               gl.texImage2D.apply(gl, arguments);
+                                       } catch (error) {
+                                               console.error('THREE.WebGLState:', error);
+                                       }
+                               }
+
+                               function texImage3D() {
+                                       try {
+                                               gl.texImage3D.apply(gl, arguments);
+                                       } catch (error) {
+                                               console.error('THREE.WebGLState:', error);
+                                       }
+                               } //
+
+
+                               function scissor(scissor) {
+                                       if (currentScissor.equals(scissor) === false) {
+                                               gl.scissor(scissor.x, scissor.y, scissor.z, scissor.w);
+                                               currentScissor.copy(scissor);
+                                       }
+                               }
+
+                               function viewport(viewport) {
+                                       if (currentViewport.equals(viewport) === false) {
+                                               gl.viewport(viewport.x, viewport.y, viewport.z, viewport.w);
+                                               currentViewport.copy(viewport);
+                                       }
+                               } //
+
+
+                               function reset() {
+                                       // reset state
+                                       gl.disable(gl.BLEND);
+                                       gl.disable(gl.CULL_FACE);
+                                       gl.disable(gl.DEPTH_TEST);
+                                       gl.disable(gl.POLYGON_OFFSET_FILL);
+                                       gl.disable(gl.SCISSOR_TEST);
+                                       gl.disable(gl.STENCIL_TEST);
+                                       gl.disable(gl.SAMPLE_ALPHA_TO_COVERAGE);
+                                       gl.blendEquation(gl.FUNC_ADD);
+                                       gl.blendFunc(gl.ONE, gl.ZERO);
+                                       gl.blendFuncSeparate(gl.ONE, gl.ZERO, gl.ONE, gl.ZERO);
+                                       gl.colorMask(true, true, true, true);
+                                       gl.clearColor(0, 0, 0, 0);
+                                       gl.depthMask(true);
+                                       gl.depthFunc(gl.LESS);
+                                       gl.clearDepth(1);
+                                       gl.stencilMask(0xffffffff);
+                                       gl.stencilFunc(gl.ALWAYS, 0, 0xffffffff);
+                                       gl.stencilOp(gl.KEEP, gl.KEEP, gl.KEEP);
+                                       gl.clearStencil(0);
+                                       gl.cullFace(gl.BACK);
+                                       gl.frontFace(gl.CCW);
+                                       gl.polygonOffset(0, 0);
+                                       gl.activeTexture(gl.TEXTURE0);
+                                       gl.bindFramebuffer(gl.FRAMEBUFFER, null);
+
+                                       if (isWebGL2 === true) {
+                                               gl.bindFramebuffer(gl.DRAW_FRAMEBUFFER, null);
+                                               gl.bindFramebuffer(gl.READ_FRAMEBUFFER, null);
+                                       }
+
+                                       gl.useProgram(null);
+                                       gl.lineWidth(1);
+                                       gl.scissor(0, 0, gl.canvas.width, gl.canvas.height);
+                                       gl.viewport(0, 0, gl.canvas.width, gl.canvas.height); // reset internals
+
+                                       enabledCapabilities = {};
+                                       currentTextureSlot = null;
+                                       currentBoundTextures = {};
+                                       xrFramebuffer = null;
+                                       currentBoundFramebuffers = {};
+                                       currentProgram = null;
+                                       currentBlendingEnabled = false;
+                                       currentBlending = null;
+                                       currentBlendEquation = null;
+                                       currentBlendSrc = null;
+                                       currentBlendDst = null;
+                                       currentBlendEquationAlpha = null;
+                                       currentBlendSrcAlpha = null;
+                                       currentBlendDstAlpha = null;
+                                       currentPremultipledAlpha = false;
+                                       currentFlipSided = null;
+                                       currentCullFace = null;
+                                       currentLineWidth = null;
+                                       currentPolygonOffsetFactor = null;
+                                       currentPolygonOffsetUnits = null;
+                                       currentScissor.set(0, 0, gl.canvas.width, gl.canvas.height);
+                                       currentViewport.set(0, 0, gl.canvas.width, gl.canvas.height);
+                                       colorBuffer.reset();
+                                       depthBuffer.reset();
+                                       stencilBuffer.reset();
+                               }
+
+                               return {
+                                       buffers: {
+                                               color: colorBuffer,
+                                               depth: depthBuffer,
+                                               stencil: stencilBuffer
+                                       },
+                                       enable: enable,
+                                       disable: disable,
+                                       bindFramebuffer: bindFramebuffer,
+                                       bindXRFramebuffer: bindXRFramebuffer,
+                                       useProgram: useProgram,
+                                       setBlending: setBlending,
+                                       setMaterial: setMaterial,
+                                       setFlipSided: setFlipSided,
+                                       setCullFace: setCullFace,
+                                       setLineWidth: setLineWidth,
+                                       setPolygonOffset: setPolygonOffset,
+                                       setScissorTest: setScissorTest,
+                                       activeTexture: activeTexture,
+                                       bindTexture: bindTexture,
+                                       unbindTexture: unbindTexture,
+                                       compressedTexImage2D: compressedTexImage2D,
+                                       texImage2D: texImage2D,
+                                       texImage3D: texImage3D,
+                                       scissor: scissor,
+                                       viewport: viewport,
+                                       reset: reset
+                               };
+                       }
+
+                       function WebGLTextures(_gl, extensions, state, properties, capabilities, utils, info) {
+                               const isWebGL2 = capabilities.isWebGL2;
+                               const maxTextures = capabilities.maxTextures;
+                               const maxCubemapSize = capabilities.maxCubemapSize;
+                               const maxTextureSize = capabilities.maxTextureSize;
+                               const maxSamples = capabilities.maxSamples;
+
+                               const _videoTextures = new WeakMap();
+
+                               let _canvas; // cordova iOS (as of 5.0) still uses UIWebView, which provides OffscreenCanvas,
+                               // also OffscreenCanvas.getContext("webgl"), but not OffscreenCanvas.getContext("2d")!
+                               // Some implementations may only implement OffscreenCanvas partially (e.g. lacking 2d).
+
+
+                               let useOffscreenCanvas = false;
+
+                               try {
+                                       useOffscreenCanvas = typeof OffscreenCanvas !== 'undefined' && new OffscreenCanvas(1, 1).getContext('2d') !== null;
+                               } catch (err) {// Ignore any errors
+                               }
+
+                               function createCanvas(width, height) {
+                                       // Use OffscreenCanvas when available. Specially needed in web workers
+                                       return useOffscreenCanvas ? new OffscreenCanvas(width, height) : document.createElementNS('http://www.w3.org/1999/xhtml', 'canvas');
+                               }
+
+                               function resizeImage(image, needsPowerOfTwo, needsNewCanvas, maxSize) {
+                                       let scale = 1; // handle case if texture exceeds max size
+
+                                       if (image.width > maxSize || image.height > maxSize) {
+                                               scale = maxSize / Math.max(image.width, image.height);
+                                       } // only perform resize if necessary
+
+
+                                       if (scale < 1 || needsPowerOfTwo === true) {
+                                               // only perform resize for certain image types
+                                               if (typeof HTMLImageElement !== 'undefined' && image instanceof HTMLImageElement || typeof HTMLCanvasElement !== 'undefined' && image instanceof HTMLCanvasElement || typeof ImageBitmap !== 'undefined' && image instanceof ImageBitmap) {
+                                                       const floor = needsPowerOfTwo ? floorPowerOfTwo : Math.floor;
+                                                       const width = floor(scale * image.width);
+                                                       const height = floor(scale * image.height);
+                                                       if (_canvas === undefined) _canvas = createCanvas(width, height); // cube textures can't reuse the same canvas
+
+                                                       const canvas = needsNewCanvas ? createCanvas(width, height) : _canvas;
+                                                       canvas.width = width;
+                                                       canvas.height = height;
+                                                       const context = canvas.getContext('2d');
+                                                       context.drawImage(image, 0, 0, width, height);
+                                                       console.warn('THREE.WebGLRenderer: Texture has been resized from (' + image.width + 'x' + image.height + ') to (' + width + 'x' + height + ').');
+                                                       return canvas;
+                                               } else {
+                                                       if ('data' in image) {
+                                                               console.warn('THREE.WebGLRenderer: Image in DataTexture is too big (' + image.width + 'x' + image.height + ').');
+                                                       }
+
+                                                       return image;
+                                               }
+                                       }
+
+                                       return image;
+                               }
+
+                               function isPowerOfTwo$1(image) {
+                                       return isPowerOfTwo(image.width) && isPowerOfTwo(image.height);
+                               }
+
+                               function textureNeedsPowerOfTwo(texture) {
+                                       if (isWebGL2) return false;
+                                       return texture.wrapS !== ClampToEdgeWrapping || texture.wrapT !== ClampToEdgeWrapping || texture.minFilter !== NearestFilter && texture.minFilter !== LinearFilter;
+                               }
+
+                               function textureNeedsGenerateMipmaps(texture, supportsMips) {
+                                       return texture.generateMipmaps && supportsMips && texture.minFilter !== NearestFilter && texture.minFilter !== LinearFilter;
+                               }
+
+                               function generateMipmap(target, texture, width, height, depth = 1) {
+                                       _gl.generateMipmap(target);
+
+                                       const textureProperties = properties.get(texture);
+                                       textureProperties.__maxMipLevel = Math.log2(Math.max(width, height, depth));
+                               }
+
+                               function getInternalFormat(internalFormatName, glFormat, glType) {
+                                       if (isWebGL2 === false) return glFormat;
+
+                                       if (internalFormatName !== null) {
+                                               if (_gl[internalFormatName] !== undefined) return _gl[internalFormatName];
+                                               console.warn('THREE.WebGLRenderer: Attempt to use non-existing WebGL internal format \'' + internalFormatName + '\'');
+                                       }
+
+                                       let internalFormat = glFormat;
+
+                                       if (glFormat === _gl.RED) {
+                                               if (glType === _gl.FLOAT) internalFormat = _gl.R32F;
+                                               if (glType === _gl.HALF_FLOAT) internalFormat = _gl.R16F;
+                                               if (glType === _gl.UNSIGNED_BYTE) internalFormat = _gl.R8;
+                                       }
+
+                                       if (glFormat === _gl.RGB) {
+                                               if (glType === _gl.FLOAT) internalFormat = _gl.RGB32F;
+                                               if (glType === _gl.HALF_FLOAT) internalFormat = _gl.RGB16F;
+                                               if (glType === _gl.UNSIGNED_BYTE) internalFormat = _gl.RGB8;
+                                       }
+
+                                       if (glFormat === _gl.RGBA) {
+                                               if (glType === _gl.FLOAT) internalFormat = _gl.RGBA32F;
+                                               if (glType === _gl.HALF_FLOAT) internalFormat = _gl.RGBA16F;
+                                               if (glType === _gl.UNSIGNED_BYTE) internalFormat = _gl.RGBA8;
+                                       }
+
+                                       if (internalFormat === _gl.R16F || internalFormat === _gl.R32F || internalFormat === _gl.RGBA16F || internalFormat === _gl.RGBA32F) {
+                                               extensions.get('EXT_color_buffer_float');
+                                       }
+
+                                       return internalFormat;
+                               } // Fallback filters for non-power-of-2 textures
+
+
+                               function filterFallback(f) {
+                                       if (f === NearestFilter || f === NearestMipmapNearestFilter || f === NearestMipmapLinearFilter) {
+                                               return _gl.NEAREST;
+                                       }
+
+                                       return _gl.LINEAR;
+                               } //
+
+
+                               function onTextureDispose(event) {
+                                       const texture = event.target;
+                                       texture.removeEventListener('dispose', onTextureDispose);
+                                       deallocateTexture(texture);
+
+                                       if (texture.isVideoTexture) {
+                                               _videoTextures.delete(texture);
+                                       }
+
+                                       info.memory.textures--;
+                               }
+
+                               function onRenderTargetDispose(event) {
+                                       const renderTarget = event.target;
+                                       renderTarget.removeEventListener('dispose', onRenderTargetDispose);
+                                       deallocateRenderTarget(renderTarget);
+                               } //
+
+
+                               function deallocateTexture(texture) {
+                                       const textureProperties = properties.get(texture);
+                                       if (textureProperties.__webglInit === undefined) return;
+
+                                       _gl.deleteTexture(textureProperties.__webglTexture);
+
+                                       properties.remove(texture);
+                               }
+
+                               function deallocateRenderTarget(renderTarget) {
+                                       const texture = renderTarget.texture;
+                                       const renderTargetProperties = properties.get(renderTarget);
+                                       const textureProperties = properties.get(texture);
+                                       if (!renderTarget) return;
+
+                                       if (textureProperties.__webglTexture !== undefined) {
+                                               _gl.deleteTexture(textureProperties.__webglTexture);
+
+                                               info.memory.textures--;
+                                       }
+
+                                       if (renderTarget.depthTexture) {
+                                               renderTarget.depthTexture.dispose();
+                                       }
+
+                                       if (renderTarget.isWebGLCubeRenderTarget) {
+                                               for (let i = 0; i < 6; i++) {
+                                                       _gl.deleteFramebuffer(renderTargetProperties.__webglFramebuffer[i]);
+
+                                                       if (renderTargetProperties.__webglDepthbuffer) _gl.deleteRenderbuffer(renderTargetProperties.__webglDepthbuffer[i]);
+                                               }
+                                       } else {
+                                               _gl.deleteFramebuffer(renderTargetProperties.__webglFramebuffer);
+
+                                               if (renderTargetProperties.__webglDepthbuffer) _gl.deleteRenderbuffer(renderTargetProperties.__webglDepthbuffer);
+                                               if (renderTargetProperties.__webglMultisampledFramebuffer) _gl.deleteFramebuffer(renderTargetProperties.__webglMultisampledFramebuffer);
+                                               if (renderTargetProperties.__webglColorRenderbuffer) _gl.deleteRenderbuffer(renderTargetProperties.__webglColorRenderbuffer);
+                                               if (renderTargetProperties.__webglDepthRenderbuffer) _gl.deleteRenderbuffer(renderTargetProperties.__webglDepthRenderbuffer);
+                                       }
+
+                                       if (renderTarget.isWebGLMultipleRenderTargets) {
+                                               for (let i = 0, il = texture.length; i < il; i++) {
+                                                       const attachmentProperties = properties.get(texture[i]);
+
+                                                       if (attachmentProperties.__webglTexture) {
+                                                               _gl.deleteTexture(attachmentProperties.__webglTexture);
+
+                                                               info.memory.textures--;
+                                                       }
+
+                                                       properties.remove(texture[i]);
+                                               }
+                                       }
+
+                                       properties.remove(texture);
+                                       properties.remove(renderTarget);
+                               } //
+
+
+                               let textureUnits = 0;
+
+                               function resetTextureUnits() {
+                                       textureUnits = 0;
+                               }
+
+                               function allocateTextureUnit() {
+                                       const textureUnit = textureUnits;
+
+                                       if (textureUnit >= maxTextures) {
+                                               console.warn('THREE.WebGLTextures: Trying to use ' + textureUnit + ' texture units while this GPU supports only ' + maxTextures);
+                                       }
+
+                                       textureUnits += 1;
+                                       return textureUnit;
+                               } //
+
+
+                               function setTexture2D(texture, slot) {
+                                       const textureProperties = properties.get(texture);
+                                       if (texture.isVideoTexture) updateVideoTexture(texture);
+
+                                       if (texture.version > 0 && textureProperties.__version !== texture.version) {
+                                               const image = texture.image;
+
+                                               if (image === undefined) {
+                                                       console.warn('THREE.WebGLRenderer: Texture marked for update but image is undefined');
+                                               } else if (image.complete === false) {
+                                                       console.warn('THREE.WebGLRenderer: Texture marked for update but image is incomplete');
+                                               } else {
+                                                       uploadTexture(textureProperties, texture, slot);
+                                                       return;
+                                               }
+                                       }
+
+                                       state.activeTexture(_gl.TEXTURE0 + slot);
+                                       state.bindTexture(_gl.TEXTURE_2D, textureProperties.__webglTexture);
+                               }
+
+                               function setTexture2DArray(texture, slot) {
+                                       const textureProperties = properties.get(texture);
+
+                                       if (texture.version > 0 && textureProperties.__version !== texture.version) {
+                                               uploadTexture(textureProperties, texture, slot);
+                                               return;
+                                       }
+
+                                       state.activeTexture(_gl.TEXTURE0 + slot);
+                                       state.bindTexture(_gl.TEXTURE_2D_ARRAY, textureProperties.__webglTexture);
+                               }
+
+                               function setTexture3D(texture, slot) {
+                                       const textureProperties = properties.get(texture);
+
+                                       if (texture.version > 0 && textureProperties.__version !== texture.version) {
+                                               uploadTexture(textureProperties, texture, slot);
+                                               return;
+                                       }
+
+                                       state.activeTexture(_gl.TEXTURE0 + slot);
+                                       state.bindTexture(_gl.TEXTURE_3D, textureProperties.__webglTexture);
+                               }
+
+                               function setTextureCube(texture, slot) {
+                                       const textureProperties = properties.get(texture);
+
+                                       if (texture.version > 0 && textureProperties.__version !== texture.version) {
+                                               uploadCubeTexture(textureProperties, texture, slot);
+                                               return;
+                                       }
+
+                                       state.activeTexture(_gl.TEXTURE0 + slot);
+                                       state.bindTexture(_gl.TEXTURE_CUBE_MAP, textureProperties.__webglTexture);
+                               }
+
+                               const wrappingToGL = {
+                                       [RepeatWrapping]: _gl.REPEAT,
+                                       [ClampToEdgeWrapping]: _gl.CLAMP_TO_EDGE,
+                                       [MirroredRepeatWrapping]: _gl.MIRRORED_REPEAT
+                               };
+                               const filterToGL = {
+                                       [NearestFilter]: _gl.NEAREST,
+                                       [NearestMipmapNearestFilter]: _gl.NEAREST_MIPMAP_NEAREST,
+                                       [NearestMipmapLinearFilter]: _gl.NEAREST_MIPMAP_LINEAR,
+                                       [LinearFilter]: _gl.LINEAR,
+                                       [LinearMipmapNearestFilter]: _gl.LINEAR_MIPMAP_NEAREST,
+                                       [LinearMipmapLinearFilter]: _gl.LINEAR_MIPMAP_LINEAR
+                               };
+
+                               function setTextureParameters(textureType, texture, supportsMips) {
+                                       if (supportsMips) {
+                                               _gl.texParameteri(textureType, _gl.TEXTURE_WRAP_S, wrappingToGL[texture.wrapS]);
+
+                                               _gl.texParameteri(textureType, _gl.TEXTURE_WRAP_T, wrappingToGL[texture.wrapT]);
+
+                                               if (textureType === _gl.TEXTURE_3D || textureType === _gl.TEXTURE_2D_ARRAY) {
+                                                       _gl.texParameteri(textureType, _gl.TEXTURE_WRAP_R, wrappingToGL[texture.wrapR]);
+                                               }
+
+                                               _gl.texParameteri(textureType, _gl.TEXTURE_MAG_FILTER, filterToGL[texture.magFilter]);
+
+                                               _gl.texParameteri(textureType, _gl.TEXTURE_MIN_FILTER, filterToGL[texture.minFilter]);
+                                       } else {
+                                               _gl.texParameteri(textureType, _gl.TEXTURE_WRAP_S, _gl.CLAMP_TO_EDGE);
+
+                                               _gl.texParameteri(textureType, _gl.TEXTURE_WRAP_T, _gl.CLAMP_TO_EDGE);
+
+                                               if (textureType === _gl.TEXTURE_3D || textureType === _gl.TEXTURE_2D_ARRAY) {
+                                                       _gl.texParameteri(textureType, _gl.TEXTURE_WRAP_R, _gl.CLAMP_TO_EDGE);
+                                               }
+
+                                               if (texture.wrapS !== ClampToEdgeWrapping || texture.wrapT !== ClampToEdgeWrapping) {
+                                                       console.warn('THREE.WebGLRenderer: Texture is not power of two. Texture.wrapS and Texture.wrapT should be set to THREE.ClampToEdgeWrapping.');
+                                               }
+
+                                               _gl.texParameteri(textureType, _gl.TEXTURE_MAG_FILTER, filterFallback(texture.magFilter));
+
+                                               _gl.texParameteri(textureType, _gl.TEXTURE_MIN_FILTER, filterFallback(texture.minFilter));
+
+                                               if (texture.minFilter !== NearestFilter && texture.minFilter !== LinearFilter) {
+                                                       console.warn('THREE.WebGLRenderer: Texture is not power of two. Texture.minFilter should be set to THREE.NearestFilter or THREE.LinearFilter.');
+                                               }
+                                       }
+
+                                       if (extensions.has('EXT_texture_filter_anisotropic') === true) {
+                                               const extension = extensions.get('EXT_texture_filter_anisotropic');
+                                               if (texture.type === FloatType && extensions.has('OES_texture_float_linear') === false) return; // verify extension for WebGL 1 and WebGL 2
+
+                                               if (isWebGL2 === false && texture.type === HalfFloatType && extensions.has('OES_texture_half_float_linear') === false) return; // verify extension for WebGL 1 only
+
+                                               if (texture.anisotropy > 1 || properties.get(texture).__currentAnisotropy) {
+                                                       _gl.texParameterf(textureType, extension.TEXTURE_MAX_ANISOTROPY_EXT, Math.min(texture.anisotropy, capabilities.getMaxAnisotropy()));
+
+                                                       properties.get(texture).__currentAnisotropy = texture.anisotropy;
+                                               }
+                                       }
+                               }
+
+                               function initTexture(textureProperties, texture) {
+                                       if (textureProperties.__webglInit === undefined) {
+                                               textureProperties.__webglInit = true;
+                                               texture.addEventListener('dispose', onTextureDispose);
+                                               textureProperties.__webglTexture = _gl.createTexture();
+                                               info.memory.textures++;
+                                       }
+                               }
+
+                               function uploadTexture(textureProperties, texture, slot) {
+                                       let textureType = _gl.TEXTURE_2D;
+                                       if (texture.isDataTexture2DArray) textureType = _gl.TEXTURE_2D_ARRAY;
+                                       if (texture.isDataTexture3D) textureType = _gl.TEXTURE_3D;
+                                       initTexture(textureProperties, texture);
+                                       state.activeTexture(_gl.TEXTURE0 + slot);
+                                       state.bindTexture(textureType, textureProperties.__webglTexture);
+
+                                       _gl.pixelStorei(_gl.UNPACK_FLIP_Y_WEBGL, texture.flipY);
+
+                                       _gl.pixelStorei(_gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL, texture.premultiplyAlpha);
+
+                                       _gl.pixelStorei(_gl.UNPACK_ALIGNMENT, texture.unpackAlignment);
+
+                                       _gl.pixelStorei(_gl.UNPACK_COLORSPACE_CONVERSION_WEBGL, _gl.NONE);
+
+                                       const needsPowerOfTwo = textureNeedsPowerOfTwo(texture) && isPowerOfTwo$1(texture.image) === false;
+                                       const image = resizeImage(texture.image, needsPowerOfTwo, false, maxTextureSize);
+                                       const supportsMips = isPowerOfTwo$1(image) || isWebGL2,
+                                               glFormat = utils.convert(texture.format);
+                                       let glType = utils.convert(texture.type),
+                                               glInternalFormat = getInternalFormat(texture.internalFormat, glFormat, glType);
+                                       setTextureParameters(textureType, texture, supportsMips);
+                                       let mipmap;
+                                       const mipmaps = texture.mipmaps;
+
+                                       if (texture.isDepthTexture) {
+                                               // populate depth texture with dummy data
+                                               glInternalFormat = _gl.DEPTH_COMPONENT;
+
+                                               if (isWebGL2) {
+                                                       if (texture.type === FloatType) {
+                                                               glInternalFormat = _gl.DEPTH_COMPONENT32F;
+                                                       } else if (texture.type === UnsignedIntType) {
+                                                               glInternalFormat = _gl.DEPTH_COMPONENT24;
+                                                       } else if (texture.type === UnsignedInt248Type) {
+                                                               glInternalFormat = _gl.DEPTH24_STENCIL8;
+                                                       } else {
+                                                               glInternalFormat = _gl.DEPTH_COMPONENT16; // WebGL2 requires sized internalformat for glTexImage2D
+                                                       }
+                                               } else {
+                                                       if (texture.type === FloatType) {
+                                                               console.error('WebGLRenderer: Floating point depth texture requires WebGL2.');
+                                                       }
+                                               } // validation checks for WebGL 1
+
+
+                                               if (texture.format === DepthFormat && glInternalFormat === _gl.DEPTH_COMPONENT) {
+                                                       // The error INVALID_OPERATION is generated by texImage2D if format and internalformat are
+                                                       // DEPTH_COMPONENT and type is not UNSIGNED_SHORT or UNSIGNED_INT
+                                                       // (https://www.khronos.org/registry/webgl/extensions/WEBGL_depth_texture/)
+                                                       if (texture.type !== UnsignedShortType && texture.type !== UnsignedIntType) {
+                                                               console.warn('THREE.WebGLRenderer: Use UnsignedShortType or UnsignedIntType for DepthFormat DepthTexture.');
+                                                               texture.type = UnsignedShortType;
+                                                               glType = utils.convert(texture.type);
+                                                       }
+                                               }
+
+                                               if (texture.format === DepthStencilFormat && glInternalFormat === _gl.DEPTH_COMPONENT) {
+                                                       // Depth stencil textures need the DEPTH_STENCIL internal format
+                                                       // (https://www.khronos.org/registry/webgl/extensions/WEBGL_depth_texture/)
+                                                       glInternalFormat = _gl.DEPTH_STENCIL; // The error INVALID_OPERATION is generated by texImage2D if format and internalformat are
+                                                       // DEPTH_STENCIL and type is not UNSIGNED_INT_24_8_WEBGL.
+                                                       // (https://www.khronos.org/registry/webgl/extensions/WEBGL_depth_texture/)
+
+                                                       if (texture.type !== UnsignedInt248Type) {
+                                                               console.warn('THREE.WebGLRenderer: Use UnsignedInt248Type for DepthStencilFormat DepthTexture.');
+                                                               texture.type = UnsignedInt248Type;
+                                                               glType = utils.convert(texture.type);
+                                                       }
+                                               } //
+
+
+                                               state.texImage2D(_gl.TEXTURE_2D, 0, glInternalFormat, image.width, image.height, 0, glFormat, glType, null);
+                                       } else if (texture.isDataTexture) {
+                                               // use manually created mipmaps if available
+                                               // if there are no manual mipmaps
+                                               // set 0 level mipmap and then use GL to generate other mipmap levels
+                                               if (mipmaps.length > 0 && supportsMips) {
+                                                       for (let i = 0, il = mipmaps.length; i < il; i++) {
+                                                               mipmap = mipmaps[i];
+                                                               state.texImage2D(_gl.TEXTURE_2D, i, glInternalFormat, mipmap.width, mipmap.height, 0, glFormat, glType, mipmap.data);
+                                                       }
+
+                                                       texture.generateMipmaps = false;
+                                                       textureProperties.__maxMipLevel = mipmaps.length - 1;
+                                               } else {
+                                                       state.texImage2D(_gl.TEXTURE_2D, 0, glInternalFormat, image.width, image.height, 0, glFormat, glType, image.data);
+                                                       textureProperties.__maxMipLevel = 0;
+                                               }
+                                       } else if (texture.isCompressedTexture) {
+                                               for (let i = 0, il = mipmaps.length; i < il; i++) {
+                                                       mipmap = mipmaps[i];
+
+                                                       if (texture.format !== RGBAFormat && texture.format !== RGBFormat) {
+                                                               if (glFormat !== null) {
+                                                                       state.compressedTexImage2D(_gl.TEXTURE_2D, i, glInternalFormat, mipmap.width, mipmap.height, 0, mipmap.data);
+                                                               } else {
+                                                                       console.warn('THREE.WebGLRenderer: Attempt to load unsupported compressed texture format in .uploadTexture()');
+                                                               }
+                                                       } else {
+                                                               state.texImage2D(_gl.TEXTURE_2D, i, glInternalFormat, mipmap.width, mipmap.height, 0, glFormat, glType, mipmap.data);
+                                                       }
+                                               }
+
+                                               textureProperties.__maxMipLevel = mipmaps.length - 1;
+                                       } else if (texture.isDataTexture2DArray) {
+                                               state.texImage3D(_gl.TEXTURE_2D_ARRAY, 0, glInternalFormat, image.width, image.height, image.depth, 0, glFormat, glType, image.data);
+                                               textureProperties.__maxMipLevel = 0;
+                                       } else if (texture.isDataTexture3D) {
+                                               state.texImage3D(_gl.TEXTURE_3D, 0, glInternalFormat, image.width, image.height, image.depth, 0, glFormat, glType, image.data);
+                                               textureProperties.__maxMipLevel = 0;
+                                       } else {
+                                               // regular Texture (image, video, canvas)
+                                               // use manually created mipmaps if available
+                                               // if there are no manual mipmaps
+                                               // set 0 level mipmap and then use GL to generate other mipmap levels
+                                               if (mipmaps.length > 0 && supportsMips) {
+                                                       for (let i = 0, il = mipmaps.length; i < il; i++) {
+                                                               mipmap = mipmaps[i];
+                                                               state.texImage2D(_gl.TEXTURE_2D, i, glInternalFormat, glFormat, glType, mipmap);
+                                                       }
+
+                                                       texture.generateMipmaps = false;
+                                                       textureProperties.__maxMipLevel = mipmaps.length - 1;
+                                               } else {
+                                                       state.texImage2D(_gl.TEXTURE_2D, 0, glInternalFormat, glFormat, glType, image);
+                                                       textureProperties.__maxMipLevel = 0;
+                                               }
+                                       }
+
+                                       if (textureNeedsGenerateMipmaps(texture, supportsMips)) {
+                                               generateMipmap(textureType, texture, image.width, image.height);
+                                       }
+
+                                       textureProperties.__version = texture.version;
+                                       if (texture.onUpdate) texture.onUpdate(texture);
+                               }
+
+                               function uploadCubeTexture(textureProperties, texture, slot) {
+                                       if (texture.image.length !== 6) return;
+                                       initTexture(textureProperties, texture);
+                                       state.activeTexture(_gl.TEXTURE0 + slot);
+                                       state.bindTexture(_gl.TEXTURE_CUBE_MAP, textureProperties.__webglTexture);
+
+                                       _gl.pixelStorei(_gl.UNPACK_FLIP_Y_WEBGL, texture.flipY);
+
+                                       _gl.pixelStorei(_gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL, texture.premultiplyAlpha);
+
+                                       _gl.pixelStorei(_gl.UNPACK_ALIGNMENT, texture.unpackAlignment);
+
+                                       _gl.pixelStorei(_gl.UNPACK_COLORSPACE_CONVERSION_WEBGL, _gl.NONE);
+
+                                       const isCompressed = texture && (texture.isCompressedTexture || texture.image[0].isCompressedTexture);
+                                       const isDataTexture = texture.image[0] && texture.image[0].isDataTexture;
+                                       const cubeImage = [];
+
+                                       for (let i = 0; i < 6; i++) {
+                                               if (!isCompressed && !isDataTexture) {
+                                                       cubeImage[i] = resizeImage(texture.image[i], false, true, maxCubemapSize);
+                                               } else {
+                                                       cubeImage[i] = isDataTexture ? texture.image[i].image : texture.image[i];
+                                               }
+                                       }
+
+                                       const image = cubeImage[0],
+                                               supportsMips = isPowerOfTwo$1(image) || isWebGL2,
+                                               glFormat = utils.convert(texture.format),
+                                               glType = utils.convert(texture.type),
+                                               glInternalFormat = getInternalFormat(texture.internalFormat, glFormat, glType);
+                                       setTextureParameters(_gl.TEXTURE_CUBE_MAP, texture, supportsMips);
+                                       let mipmaps;
+
+                                       if (isCompressed) {
+                                               for (let i = 0; i < 6; i++) {
+                                                       mipmaps = cubeImage[i].mipmaps;
+
+                                                       for (let j = 0; j < mipmaps.length; j++) {
+                                                               const mipmap = mipmaps[j];
+
+                                                               if (texture.format !== RGBAFormat && texture.format !== RGBFormat) {
+                                                                       if (glFormat !== null) {
+                                                                               state.compressedTexImage2D(_gl.TEXTURE_CUBE_MAP_POSITIVE_X + i, j, glInternalFormat, mipmap.width, mipmap.height, 0, mipmap.data);
+                                                                       } else {
+                                                                               console.warn('THREE.WebGLRenderer: Attempt to load unsupported compressed texture format in .setTextureCube()');
+                                                                       }
+                                                               } else {
+                                                                       state.texImage2D(_gl.TEXTURE_CUBE_MAP_POSITIVE_X + i, j, glInternalFormat, mipmap.width, mipmap.height, 0, glFormat, glType, mipmap.data);
+                                                               }
+                                                       }
+                                               }
+
+                                               textureProperties.__maxMipLevel = mipmaps.length - 1;
+                                       } else {
+                                               mipmaps = texture.mipmaps;
+
+                                               for (let i = 0; i < 6; i++) {
+                                                       if (isDataTexture) {
+                                                               state.texImage2D(_gl.TEXTURE_CUBE_MAP_POSITIVE_X + i, 0, glInternalFormat, cubeImage[i].width, cubeImage[i].height, 0, glFormat, glType, cubeImage[i].data);
+
+                                                               for (let j = 0; j < mipmaps.length; j++) {
+                                                                       const mipmap = mipmaps[j];
+                                                                       const mipmapImage = mipmap.image[i].image;
+                                                                       state.texImage2D(_gl.TEXTURE_CUBE_MAP_POSITIVE_X + i, j + 1, glInternalFormat, mipmapImage.width, mipmapImage.height, 0, glFormat, glType, mipmapImage.data);
+                                                               }
+                                                       } else {
+                                                               state.texImage2D(_gl.TEXTURE_CUBE_MAP_POSITIVE_X + i, 0, glInternalFormat, glFormat, glType, cubeImage[i]);
+
+                                                               for (let j = 0; j < mipmaps.length; j++) {
+                                                                       const mipmap = mipmaps[j];
+                                                                       state.texImage2D(_gl.TEXTURE_CUBE_MAP_POSITIVE_X + i, j + 1, glInternalFormat, glFormat, glType, mipmap.image[i]);
+                                                               }
+                                                       }
+                                               }
+
+                                               textureProperties.__maxMipLevel = mipmaps.length;
+                                       }
+
+                                       if (textureNeedsGenerateMipmaps(texture, supportsMips)) {
+                                               // We assume images for cube map have the same size.
+                                               generateMipmap(_gl.TEXTURE_CUBE_MAP, texture, image.width, image.height);
+                                       }
+
+                                       textureProperties.__version = texture.version;
+                                       if (texture.onUpdate) texture.onUpdate(texture);
+                               } // Render targets
+                               // Setup storage for target texture and bind it to correct framebuffer
+
+
+                               function setupFrameBufferTexture(framebuffer, renderTarget, texture, attachment, textureTarget) {
+                                       const glFormat = utils.convert(texture.format);
+                                       const glType = utils.convert(texture.type);
+                                       const glInternalFormat = getInternalFormat(texture.internalFormat, glFormat, glType);
+
+                                       if (textureTarget === _gl.TEXTURE_3D || textureTarget === _gl.TEXTURE_2D_ARRAY) {
+                                               state.texImage3D(textureTarget, 0, glInternalFormat, renderTarget.width, renderTarget.height, renderTarget.depth, 0, glFormat, glType, null);
+                                       } else {
+                                               state.texImage2D(textureTarget, 0, glInternalFormat, renderTarget.width, renderTarget.height, 0, glFormat, glType, null);
+                                       }
+
+                                       state.bindFramebuffer(_gl.FRAMEBUFFER, framebuffer);
+
+                                       _gl.framebufferTexture2D(_gl.FRAMEBUFFER, attachment, textureTarget, properties.get(texture).__webglTexture, 0);
+
+                                       state.bindFramebuffer(_gl.FRAMEBUFFER, null);
+                               } // Setup storage for internal depth/stencil buffers and bind to correct framebuffer
+
+
+                               function setupRenderBufferStorage(renderbuffer, renderTarget, isMultisample) {
+                                       _gl.bindRenderbuffer(_gl.RENDERBUFFER, renderbuffer);
+
+                                       if (renderTarget.depthBuffer && !renderTarget.stencilBuffer) {
+                                               let glInternalFormat = _gl.DEPTH_COMPONENT16;
+
+                                               if (isMultisample) {
+                                                       const depthTexture = renderTarget.depthTexture;
+
+                                                       if (depthTexture && depthTexture.isDepthTexture) {
+                                                               if (depthTexture.type === FloatType) {
+                                                                       glInternalFormat = _gl.DEPTH_COMPONENT32F;
+                                                               } else if (depthTexture.type === UnsignedIntType) {
+                                                                       glInternalFormat = _gl.DEPTH_COMPONENT24;
+                                                               }
+                                                       }
+
+                                                       const samples = getRenderTargetSamples(renderTarget);
+
+                                                       _gl.renderbufferStorageMultisample(_gl.RENDERBUFFER, samples, glInternalFormat, renderTarget.width, renderTarget.height);
+                                               } else {
+                                                       _gl.renderbufferStorage(_gl.RENDERBUFFER, glInternalFormat, renderTarget.width, renderTarget.height);
+                                               }
+
+                                               _gl.framebufferRenderbuffer(_gl.FRAMEBUFFER, _gl.DEPTH_ATTACHMENT, _gl.RENDERBUFFER, renderbuffer);
+                                       } else if (renderTarget.depthBuffer && renderTarget.stencilBuffer) {
+                                               if (isMultisample) {
+                                                       const samples = getRenderTargetSamples(renderTarget);
+
+                                                       _gl.renderbufferStorageMultisample(_gl.RENDERBUFFER, samples, _gl.DEPTH24_STENCIL8, renderTarget.width, renderTarget.height);
+                                               } else {
+                                                       _gl.renderbufferStorage(_gl.RENDERBUFFER, _gl.DEPTH_STENCIL, renderTarget.width, renderTarget.height);
+                                               }
+
+                                               _gl.framebufferRenderbuffer(_gl.FRAMEBUFFER, _gl.DEPTH_STENCIL_ATTACHMENT, _gl.RENDERBUFFER, renderbuffer);
+                                       } else {
+                                               // Use the first texture for MRT so far
+                                               const texture = renderTarget.isWebGLMultipleRenderTargets === true ? renderTarget.texture[0] : renderTarget.texture;
+                                               const glFormat = utils.convert(texture.format);
+                                               const glType = utils.convert(texture.type);
+                                               const glInternalFormat = getInternalFormat(texture.internalFormat, glFormat, glType);
+
+                                               if (isMultisample) {
+                                                       const samples = getRenderTargetSamples(renderTarget);
+
+                                                       _gl.renderbufferStorageMultisample(_gl.RENDERBUFFER, samples, glInternalFormat, renderTarget.width, renderTarget.height);
+                                               } else {
+                                                       _gl.renderbufferStorage(_gl.RENDERBUFFER, glInternalFormat, renderTarget.width, renderTarget.height);
+                                               }
+                                       }
+
+                                       _gl.bindRenderbuffer(_gl.RENDERBUFFER, null);
+                               } // Setup resources for a Depth Texture for a FBO (needs an extension)
+
+
+                               function setupDepthTexture(framebuffer, renderTarget) {
+                                       const isCube = renderTarget && renderTarget.isWebGLCubeRenderTarget;
+                                       if (isCube) throw new Error('Depth Texture with cube render targets is not supported');
+                                       state.bindFramebuffer(_gl.FRAMEBUFFER, framebuffer);
+
+                                       if (!(renderTarget.depthTexture && renderTarget.depthTexture.isDepthTexture)) {
+                                               throw new Error('renderTarget.depthTexture must be an instance of THREE.DepthTexture');
+                                       } // upload an empty depth texture with framebuffer size
+
+
+                                       if (!properties.get(renderTarget.depthTexture).__webglTexture || renderTarget.depthTexture.image.width !== renderTarget.width || renderTarget.depthTexture.image.height !== renderTarget.height) {
+                                               renderTarget.depthTexture.image.width = renderTarget.width;
+                                               renderTarget.depthTexture.image.height = renderTarget.height;
+                                               renderTarget.depthTexture.needsUpdate = true;
+                                       }
+
+                                       setTexture2D(renderTarget.depthTexture, 0);
+
+                                       const webglDepthTexture = properties.get(renderTarget.depthTexture).__webglTexture;
+
+                                       if (renderTarget.depthTexture.format === DepthFormat) {
+                                               _gl.framebufferTexture2D(_gl.FRAMEBUFFER, _gl.DEPTH_ATTACHMENT, _gl.TEXTURE_2D, webglDepthTexture, 0);
+                                       } else if (renderTarget.depthTexture.format === DepthStencilFormat) {
+                                               _gl.framebufferTexture2D(_gl.FRAMEBUFFER, _gl.DEPTH_STENCIL_ATTACHMENT, _gl.TEXTURE_2D, webglDepthTexture, 0);
+                                       } else {
+                                               throw new Error('Unknown depthTexture format');
+                                       }
+                               } // Setup GL resources for a non-texture depth buffer
+
+
+                               function setupDepthRenderbuffer(renderTarget) {
+                                       const renderTargetProperties = properties.get(renderTarget);
+                                       const isCube = renderTarget.isWebGLCubeRenderTarget === true;
+
+                                       if (renderTarget.depthTexture) {
+                                               if (isCube) throw new Error('target.depthTexture not supported in Cube render targets');
+                                               setupDepthTexture(renderTargetProperties.__webglFramebuffer, renderTarget);
+                                       } else {
+                                               if (isCube) {
+                                                       renderTargetProperties.__webglDepthbuffer = [];
+
+                                                       for (let i = 0; i < 6; i++) {
+                                                               state.bindFramebuffer(_gl.FRAMEBUFFER, renderTargetProperties.__webglFramebuffer[i]);
+                                                               renderTargetProperties.__webglDepthbuffer[i] = _gl.createRenderbuffer();
+                                                               setupRenderBufferStorage(renderTargetProperties.__webglDepthbuffer[i], renderTarget, false);
+                                                       }
+                                               } else {
+                                                       state.bindFramebuffer(_gl.FRAMEBUFFER, renderTargetProperties.__webglFramebuffer);
+                                                       renderTargetProperties.__webglDepthbuffer = _gl.createRenderbuffer();
+                                                       setupRenderBufferStorage(renderTargetProperties.__webglDepthbuffer, renderTarget, false);
+                                               }
+                                       }
+
+                                       state.bindFramebuffer(_gl.FRAMEBUFFER, null);
+                               } // Set up GL resources for the render target
+
+
+                               function setupRenderTarget(renderTarget) {
+                                       const texture = renderTarget.texture;
+                                       const renderTargetProperties = properties.get(renderTarget);
+                                       const textureProperties = properties.get(texture);
+                                       renderTarget.addEventListener('dispose', onRenderTargetDispose);
+
+                                       if (renderTarget.isWebGLMultipleRenderTargets !== true) {
+                                               textureProperties.__webglTexture = _gl.createTexture();
+                                               textureProperties.__version = texture.version;
+                                               info.memory.textures++;
+                                       }
+
+                                       const isCube = renderTarget.isWebGLCubeRenderTarget === true;
+                                       const isMultipleRenderTargets = renderTarget.isWebGLMultipleRenderTargets === true;
+                                       const isMultisample = renderTarget.isWebGLMultisampleRenderTarget === true;
+                                       const isRenderTarget3D = texture.isDataTexture3D || texture.isDataTexture2DArray;
+                                       const supportsMips = isPowerOfTwo$1(renderTarget) || isWebGL2; // Handles WebGL2 RGBFormat fallback - #18858
+
+                                       if (isWebGL2 && texture.format === RGBFormat && (texture.type === FloatType || texture.type === HalfFloatType)) {
+                                               texture.format = RGBAFormat;
+                                               console.warn('THREE.WebGLRenderer: Rendering to textures with RGB format is not supported. Using RGBA format instead.');
+                                       } // Setup framebuffer
+
+
+                                       if (isCube) {
+                                               renderTargetProperties.__webglFramebuffer = [];
+
+                                               for (let i = 0; i < 6; i++) {
+                                                       renderTargetProperties.__webglFramebuffer[i] = _gl.createFramebuffer();
+                                               }
+                                       } else {
+                                               renderTargetProperties.__webglFramebuffer = _gl.createFramebuffer();
+
+                                               if (isMultipleRenderTargets) {
+                                                       if (capabilities.drawBuffers) {
+                                                               const textures = renderTarget.texture;
+
+                                                               for (let i = 0, il = textures.length; i < il; i++) {
+                                                                       const attachmentProperties = properties.get(textures[i]);
+
+                                                                       if (attachmentProperties.__webglTexture === undefined) {
+                                                                               attachmentProperties.__webglTexture = _gl.createTexture();
+                                                                               info.memory.textures++;
+                                                                       }
+                                                               }
+                                                       } else {
+                                                               console.warn('THREE.WebGLRenderer: WebGLMultipleRenderTargets can only be used with WebGL2 or WEBGL_draw_buffers extension.');
+                                                       }
+                                               } else if (isMultisample) {
+                                                       if (isWebGL2) {
+                                                               renderTargetProperties.__webglMultisampledFramebuffer = _gl.createFramebuffer();
+                                                               renderTargetProperties.__webglColorRenderbuffer = _gl.createRenderbuffer();
+
+                                                               _gl.bindRenderbuffer(_gl.RENDERBUFFER, renderTargetProperties.__webglColorRenderbuffer);
+
+                                                               const glFormat = utils.convert(texture.format);
+                                                               const glType = utils.convert(texture.type);
+                                                               const glInternalFormat = getInternalFormat(texture.internalFormat, glFormat, glType);
+                                                               const samples = getRenderTargetSamples(renderTarget);
+
+                                                               _gl.renderbufferStorageMultisample(_gl.RENDERBUFFER, samples, glInternalFormat, renderTarget.width, renderTarget.height);
+
+                                                               state.bindFramebuffer(_gl.FRAMEBUFFER, renderTargetProperties.__webglMultisampledFramebuffer);
+
+                                                               _gl.framebufferRenderbuffer(_gl.FRAMEBUFFER, _gl.COLOR_ATTACHMENT0, _gl.RENDERBUFFER, renderTargetProperties.__webglColorRenderbuffer);
+
+                                                               _gl.bindRenderbuffer(_gl.RENDERBUFFER, null);
+
+                                                               if (renderTarget.depthBuffer) {
+                                                                       renderTargetProperties.__webglDepthRenderbuffer = _gl.createRenderbuffer();
+                                                                       setupRenderBufferStorage(renderTargetProperties.__webglDepthRenderbuffer, renderTarget, true);
+                                                               }
+
+                                                               state.bindFramebuffer(_gl.FRAMEBUFFER, null);
+                                                       } else {
+                                                               console.warn('THREE.WebGLRenderer: WebGLMultisampleRenderTarget can only be used with WebGL2.');
+                                                       }
+                                               }
+                                       } // Setup color buffer
+
+
+                                       if (isCube) {
+                                               state.bindTexture(_gl.TEXTURE_CUBE_MAP, textureProperties.__webglTexture);
+                                               setTextureParameters(_gl.TEXTURE_CUBE_MAP, texture, supportsMips);
+
+                                               for (let i = 0; i < 6; i++) {
+                                                       setupFrameBufferTexture(renderTargetProperties.__webglFramebuffer[i], renderTarget, texture, _gl.COLOR_ATTACHMENT0, _gl.TEXTURE_CUBE_MAP_POSITIVE_X + i);
+                                               }
+
+                                               if (textureNeedsGenerateMipmaps(texture, supportsMips)) {
+                                                       generateMipmap(_gl.TEXTURE_CUBE_MAP, texture, renderTarget.width, renderTarget.height);
+                                               }
+
+                                               state.unbindTexture();
+                                       } else if (isMultipleRenderTargets) {
+                                               const textures = renderTarget.texture;
+
+                                               for (let i = 0, il = textures.length; i < il; i++) {
+                                                       const attachment = textures[i];
+                                                       const attachmentProperties = properties.get(attachment);
+                                                       state.bindTexture(_gl.TEXTURE_2D, attachmentProperties.__webglTexture);
+                                                       setTextureParameters(_gl.TEXTURE_2D, attachment, supportsMips);
+                                                       setupFrameBufferTexture(renderTargetProperties.__webglFramebuffer, renderTarget, attachment, _gl.COLOR_ATTACHMENT0 + i, _gl.TEXTURE_2D);
+
+                                                       if (textureNeedsGenerateMipmaps(attachment, supportsMips)) {
+                                                               generateMipmap(_gl.TEXTURE_2D, attachment, renderTarget.width, renderTarget.height);
+                                                       }
+                                               }
+
+                                               state.unbindTexture();
+                                       } else {
+                                               let glTextureType = _gl.TEXTURE_2D;
+
+                                               if (isRenderTarget3D) {
+                                                       // Render targets containing layers, i.e: Texture 3D and 2d arrays
+                                                       if (isWebGL2) {
+                                                               const isTexture3D = texture.isDataTexture3D;
+                                                               glTextureType = isTexture3D ? _gl.TEXTURE_3D : _gl.TEXTURE_2D_ARRAY;
+                                                       } else {
+                                                               console.warn('THREE.DataTexture3D and THREE.DataTexture2DArray only supported with WebGL2.');
+                                                       }
+                                               }
+
+                                               state.bindTexture(glTextureType, textureProperties.__webglTexture);
+                                               setTextureParameters(glTextureType, texture, supportsMips);
+                                               setupFrameBufferTexture(renderTargetProperties.__webglFramebuffer, renderTarget, texture, _gl.COLOR_ATTACHMENT0, glTextureType);
+
+                                               if (textureNeedsGenerateMipmaps(texture, supportsMips)) {
+                                                       generateMipmap(glTextureType, texture, renderTarget.width, renderTarget.height, renderTarget.depth);
+                                               }
+
+                                               state.unbindTexture();
+                                       } // Setup depth and stencil buffers
+
+
+                                       if (renderTarget.depthBuffer) {
+                                               setupDepthRenderbuffer(renderTarget);
+                                       }
+                               }
+
+                               function updateRenderTargetMipmap(renderTarget) {
+                                       const supportsMips = isPowerOfTwo$1(renderTarget) || isWebGL2;
+                                       const textures = renderTarget.isWebGLMultipleRenderTargets === true ? renderTarget.texture : [renderTarget.texture];
+
+                                       for (let i = 0, il = textures.length; i < il; i++) {
+                                               const texture = textures[i];
+
+                                               if (textureNeedsGenerateMipmaps(texture, supportsMips)) {
+                                                       const target = renderTarget.isWebGLCubeRenderTarget ? _gl.TEXTURE_CUBE_MAP : _gl.TEXTURE_2D;
+
+                                                       const webglTexture = properties.get(texture).__webglTexture;
+
+                                                       state.bindTexture(target, webglTexture);
+                                                       generateMipmap(target, texture, renderTarget.width, renderTarget.height);
+                                                       state.unbindTexture();
+                                               }
+                                       }
+                               }
+
+                               function updateMultisampleRenderTarget(renderTarget) {
+                                       if (renderTarget.isWebGLMultisampleRenderTarget) {
+                                               if (isWebGL2) {
+                                                       const width = renderTarget.width;
+                                                       const height = renderTarget.height;
+                                                       let mask = _gl.COLOR_BUFFER_BIT;
+                                                       if (renderTarget.depthBuffer) mask |= _gl.DEPTH_BUFFER_BIT;
+                                                       if (renderTarget.stencilBuffer) mask |= _gl.STENCIL_BUFFER_BIT;
+                                                       const renderTargetProperties = properties.get(renderTarget);
+                                                       state.bindFramebuffer(_gl.READ_FRAMEBUFFER, renderTargetProperties.__webglMultisampledFramebuffer);
+                                                       state.bindFramebuffer(_gl.DRAW_FRAMEBUFFER, renderTargetProperties.__webglFramebuffer);
+
+                                                       _gl.blitFramebuffer(0, 0, width, height, 0, 0, width, height, mask, _gl.NEAREST);
+
+                                                       state.bindFramebuffer(_gl.READ_FRAMEBUFFER, null);
+                                                       state.bindFramebuffer(_gl.DRAW_FRAMEBUFFER, renderTargetProperties.__webglMultisampledFramebuffer);
+                                               } else {
+                                                       console.warn('THREE.WebGLRenderer: WebGLMultisampleRenderTarget can only be used with WebGL2.');
+                                               }
+                                       }
+                               }
+
+                               function getRenderTargetSamples(renderTarget) {
+                                       return isWebGL2 && renderTarget.isWebGLMultisampleRenderTarget ? Math.min(maxSamples, renderTarget.samples) : 0;
+                               }
+
+                               function updateVideoTexture(texture) {
+                                       const frame = info.render.frame; // Check the last frame we updated the VideoTexture
+
+                                       if (_videoTextures.get(texture) !== frame) {
+                                               _videoTextures.set(texture, frame);
+
+                                               texture.update();
+                                       }
+                               } // backwards compatibility
+
+
+                               let warnedTexture2D = false;
+                               let warnedTextureCube = false;
+
+                               function safeSetTexture2D(texture, slot) {
+                                       if (texture && texture.isWebGLRenderTarget) {
+                                               if (warnedTexture2D === false) {
+                                                       console.warn('THREE.WebGLTextures.safeSetTexture2D: don\'t use render targets as textures. Use their .texture property instead.');
+                                                       warnedTexture2D = true;
+                                               }
+
+                                               texture = texture.texture;
+                                       }
+
+                                       setTexture2D(texture, slot);
+                               }
+
+                               function safeSetTextureCube(texture, slot) {
+                                       if (texture && texture.isWebGLCubeRenderTarget) {
+                                               if (warnedTextureCube === false) {
+                                                       console.warn('THREE.WebGLTextures.safeSetTextureCube: don\'t use cube render targets as textures. Use their .texture property instead.');
+                                                       warnedTextureCube = true;
+                                               }
+
+                                               texture = texture.texture;
+                                       }
+
+                                       setTextureCube(texture, slot);
+                               } //
+
+
+                               this.allocateTextureUnit = allocateTextureUnit;
+                               this.resetTextureUnits = resetTextureUnits;
+                               this.setTexture2D = setTexture2D;
+                               this.setTexture2DArray = setTexture2DArray;
+                               this.setTexture3D = setTexture3D;
+                               this.setTextureCube = setTextureCube;
+                               this.setupRenderTarget = setupRenderTarget;
+                               this.updateRenderTargetMipmap = updateRenderTargetMipmap;
+                               this.updateMultisampleRenderTarget = updateMultisampleRenderTarget;
+                               this.safeSetTexture2D = safeSetTexture2D;
+                               this.safeSetTextureCube = safeSetTextureCube;
+                       }
+
+                       function WebGLUtils(gl, extensions, capabilities) {
+                               const isWebGL2 = capabilities.isWebGL2;
+
+                               function convert(p) {
+                                       let extension;
+                                       if (p === UnsignedByteType) return gl.UNSIGNED_BYTE;
+                                       if (p === UnsignedShort4444Type) return gl.UNSIGNED_SHORT_4_4_4_4;
+                                       if (p === UnsignedShort5551Type) return gl.UNSIGNED_SHORT_5_5_5_1;
+                                       if (p === UnsignedShort565Type) return gl.UNSIGNED_SHORT_5_6_5;
+                                       if (p === ByteType) return gl.BYTE;
+                                       if (p === ShortType) return gl.SHORT;
+                                       if (p === UnsignedShortType) return gl.UNSIGNED_SHORT;
+                                       if (p === IntType) return gl.INT;
+                                       if (p === UnsignedIntType) return gl.UNSIGNED_INT;
+                                       if (p === FloatType) return gl.FLOAT;
+
+                                       if (p === HalfFloatType) {
+                                               if (isWebGL2) return gl.HALF_FLOAT;
+                                               extension = extensions.get('OES_texture_half_float');
+
+                                               if (extension !== null) {
+                                                       return extension.HALF_FLOAT_OES;
+                                               } else {
+                                                       return null;
+                                               }
+                                       }
+
+                                       if (p === AlphaFormat) return gl.ALPHA;
+                                       if (p === RGBFormat) return gl.RGB;
+                                       if (p === RGBAFormat) return gl.RGBA;
+                                       if (p === LuminanceFormat) return gl.LUMINANCE;
+                                       if (p === LuminanceAlphaFormat) return gl.LUMINANCE_ALPHA;
+                                       if (p === DepthFormat) return gl.DEPTH_COMPONENT;
+                                       if (p === DepthStencilFormat) return gl.DEPTH_STENCIL;
+                                       if (p === RedFormat) return gl.RED; // WebGL2 formats.
+
+                                       if (p === RedIntegerFormat) return gl.RED_INTEGER;
+                                       if (p === RGFormat) return gl.RG;
+                                       if (p === RGIntegerFormat) return gl.RG_INTEGER;
+                                       if (p === RGBIntegerFormat) return gl.RGB_INTEGER;
+                                       if (p === RGBAIntegerFormat) return gl.RGBA_INTEGER;
+
+                                       if (p === RGB_S3TC_DXT1_Format || p === RGBA_S3TC_DXT1_Format || p === RGBA_S3TC_DXT3_Format || p === RGBA_S3TC_DXT5_Format) {
+                                               extension = extensions.get('WEBGL_compressed_texture_s3tc');
+
+                                               if (extension !== null) {
+                                                       if (p === RGB_S3TC_DXT1_Format) return extension.COMPRESSED_RGB_S3TC_DXT1_EXT;
+                                                       if (p === RGBA_S3TC_DXT1_Format) return extension.COMPRESSED_RGBA_S3TC_DXT1_EXT;
+                                                       if (p === RGBA_S3TC_DXT3_Format) return extension.COMPRESSED_RGBA_S3TC_DXT3_EXT;
+                                                       if (p === RGBA_S3TC_DXT5_Format) return extension.COMPRESSED_RGBA_S3TC_DXT5_EXT;
+                                               } else {
+                                                       return null;
+                                               }
+                                       }
+
+                                       if (p === RGB_PVRTC_4BPPV1_Format || p === RGB_PVRTC_2BPPV1_Format || p === RGBA_PVRTC_4BPPV1_Format || p === RGBA_PVRTC_2BPPV1_Format) {
+                                               extension = extensions.get('WEBGL_compressed_texture_pvrtc');
+
+                                               if (extension !== null) {
+                                                       if (p === RGB_PVRTC_4BPPV1_Format) return extension.COMPRESSED_RGB_PVRTC_4BPPV1_IMG;
+                                                       if (p === RGB_PVRTC_2BPPV1_Format) return extension.COMPRESSED_RGB_PVRTC_2BPPV1_IMG;
+                                                       if (p === RGBA_PVRTC_4BPPV1_Format) return extension.COMPRESSED_RGBA_PVRTC_4BPPV1_IMG;
+                                                       if (p === RGBA_PVRTC_2BPPV1_Format) return extension.COMPRESSED_RGBA_PVRTC_2BPPV1_IMG;
+                                               } else {
+                                                       return null;
+                                               }
+                                       }
+
+                                       if (p === RGB_ETC1_Format) {
+                                               extension = extensions.get('WEBGL_compressed_texture_etc1');
+
+                                               if (extension !== null) {
+                                                       return extension.COMPRESSED_RGB_ETC1_WEBGL;
+                                               } else {
+                                                       return null;
+                                               }
+                                       }
+
+                                       if (p === RGB_ETC2_Format || p === RGBA_ETC2_EAC_Format) {
+                                               extension = extensions.get('WEBGL_compressed_texture_etc');
+
+                                               if (extension !== null) {
+                                                       if (p === RGB_ETC2_Format) return extension.COMPRESSED_RGB8_ETC2;
+                                                       if (p === RGBA_ETC2_EAC_Format) return extension.COMPRESSED_RGBA8_ETC2_EAC;
+                                               }
+                                       }
+
+                                       if (p === RGBA_ASTC_4x4_Format || p === RGBA_ASTC_5x4_Format || p === RGBA_ASTC_5x5_Format || p === RGBA_ASTC_6x5_Format || p === RGBA_ASTC_6x6_Format || p === RGBA_ASTC_8x5_Format || p === RGBA_ASTC_8x6_Format || p === RGBA_ASTC_8x8_Format || p === RGBA_ASTC_10x5_Format || p === RGBA_ASTC_10x6_Format || p === RGBA_ASTC_10x8_Format || p === RGBA_ASTC_10x10_Format || p === RGBA_ASTC_12x10_Format || p === RGBA_ASTC_12x12_Format || p === SRGB8_ALPHA8_ASTC_4x4_Format || p === SRGB8_ALPHA8_ASTC_5x4_Format || p === SRGB8_ALPHA8_ASTC_5x5_Format || p === SRGB8_ALPHA8_ASTC_6x5_Format || p === SRGB8_ALPHA8_ASTC_6x6_Format || p === SRGB8_ALPHA8_ASTC_8x5_Format || p === SRGB8_ALPHA8_ASTC_8x6_Format || p === SRGB8_ALPHA8_ASTC_8x8_Format || p === SRGB8_ALPHA8_ASTC_10x5_Format || p === SRGB8_ALPHA8_ASTC_10x6_Format || p === SRGB8_ALPHA8_ASTC_10x8_Format || p === SRGB8_ALPHA8_ASTC_10x10_Format || p === SRGB8_ALPHA8_ASTC_12x10_Format || p === SRGB8_ALPHA8_ASTC_12x12_Format) {
+                                               extension = extensions.get('WEBGL_compressed_texture_astc');
+
+                                               if (extension !== null) {
+                                                       // TODO Complete?
+                                                       return p;
+                                               } else {
+                                                       return null;
+                                               }
+                                       }
+
+                                       if (p === RGBA_BPTC_Format) {
+                                               extension = extensions.get('EXT_texture_compression_bptc');
+
+                                               if (extension !== null) {
+                                                       // TODO Complete?
+                                                       return p;
+                                               } else {
+                                                       return null;
+                                               }
+                                       }
+
+                                       if (p === UnsignedInt248Type) {
+                                               if (isWebGL2) return gl.UNSIGNED_INT_24_8;
+                                               extension = extensions.get('WEBGL_depth_texture');
+
+                                               if (extension !== null) {
+                                                       return extension.UNSIGNED_INT_24_8_WEBGL;
+                                               } else {
+                                                       return null;
+                                               }
+                                       }
+                               }
+
+                               return {
+                                       convert: convert
+                               };
+                       }
+
+                       class ArrayCamera extends PerspectiveCamera {
+                               constructor(array = []) {
+                                       super();
+                                       this.cameras = array;
+                               }
+
+                       }
+
+                       ArrayCamera.prototype.isArrayCamera = true;
+
+                       class Group extends Object3D {
+                               constructor() {
+                                       super();
+                                       this.type = 'Group';
+                               }
+
+                       }
+
+                       Group.prototype.isGroup = true;
+
+                       const _moveEvent = {
+                               type: 'move'
+                       };
+
+                       class WebXRController {
+                               constructor() {
+                                       this._targetRay = null;
+                                       this._grip = null;
+                                       this._hand = null;
+                               }
+
+                               getHandSpace() {
+                                       if (this._hand === null) {
+                                               this._hand = new Group();
+                                               this._hand.matrixAutoUpdate = false;
+                                               this._hand.visible = false;
+                                               this._hand.joints = {};
+                                               this._hand.inputState = {
+                                                       pinching: false
+                                               };
+                                       }
+
+                                       return this._hand;
+                               }
+
+                               getTargetRaySpace() {
+                                       if (this._targetRay === null) {
+                                               this._targetRay = new Group();
+                                               this._targetRay.matrixAutoUpdate = false;
+                                               this._targetRay.visible = false;
+                                               this._targetRay.hasLinearVelocity = false;
+                                               this._targetRay.linearVelocity = new Vector3();
+                                               this._targetRay.hasAngularVelocity = false;
+                                               this._targetRay.angularVelocity = new Vector3();
+                                       }
+
+                                       return this._targetRay;
+                               }
+
+                               getGripSpace() {
+                                       if (this._grip === null) {
+                                               this._grip = new Group();
+                                               this._grip.matrixAutoUpdate = false;
+                                               this._grip.visible = false;
+                                               this._grip.hasLinearVelocity = false;
+                                               this._grip.linearVelocity = new Vector3();
+                                               this._grip.hasAngularVelocity = false;
+                                               this._grip.angularVelocity = new Vector3();
+                                       }
+
+                                       return this._grip;
+                               }
+
+                               dispatchEvent(event) {
+                                       if (this._targetRay !== null) {
+                                               this._targetRay.dispatchEvent(event);
+                                       }
+
+                                       if (this._grip !== null) {
+                                               this._grip.dispatchEvent(event);
+                                       }
+
+                                       if (this._hand !== null) {
+                                               this._hand.dispatchEvent(event);
+                                       }
+
+                                       return this;
+                               }
+
+                               disconnect(inputSource) {
+                                       this.dispatchEvent({
+                                               type: 'disconnected',
+                                               data: inputSource
+                                       });
+
+                                       if (this._targetRay !== null) {
+                                               this._targetRay.visible = false;
+                                       }
+
+                                       if (this._grip !== null) {
+                                               this._grip.visible = false;
+                                       }
+
+                                       if (this._hand !== null) {
+                                               this._hand.visible = false;
+                                       }
+
+                                       return this;
+                               }
+
+                               update(inputSource, frame, referenceSpace) {
+                                       let inputPose = null;
+                                       let gripPose = null;
+                                       let handPose = null;
+                                       const targetRay = this._targetRay;
+                                       const grip = this._grip;
+                                       const hand = this._hand;
+
+                                       if (inputSource && frame.session.visibilityState !== 'visible-blurred') {
+                                               if (targetRay !== null) {
+                                                       inputPose = frame.getPose(inputSource.targetRaySpace, referenceSpace);
+
+                                                       if (inputPose !== null) {
+                                                               targetRay.matrix.fromArray(inputPose.transform.matrix);
+                                                               targetRay.matrix.decompose(targetRay.position, targetRay.rotation, targetRay.scale);
+
+                                                               if (inputPose.linearVelocity) {
+                                                                       targetRay.hasLinearVelocity = true;
+                                                                       targetRay.linearVelocity.copy(inputPose.linearVelocity);
+                                                               } else {
+                                                                       targetRay.hasLinearVelocity = false;
+                                                               }
+
+                                                               if (inputPose.angularVelocity) {
+                                                                       targetRay.hasAngularVelocity = true;
+                                                                       targetRay.angularVelocity.copy(inputPose.angularVelocity);
+                                                               } else {
+                                                                       targetRay.hasAngularVelocity = false;
+                                                               }
+
+                                                               this.dispatchEvent(_moveEvent);
+                                                       }
+                                               }
+
+                                               if (hand && inputSource.hand) {
+                                                       handPose = true;
+
+                                                       for (const inputjoint of inputSource.hand.values()) {
+                                                               // Update the joints groups with the XRJoint poses
+                                                               const jointPose = frame.getJointPose(inputjoint, referenceSpace);
+
+                                                               if (hand.joints[inputjoint.jointName] === undefined) {
+                                                                       // The transform of this joint will be updated with the joint pose on each frame
+                                                                       const joint = new Group();
+                                                                       joint.matrixAutoUpdate = false;
+                                                                       joint.visible = false;
+                                                                       hand.joints[inputjoint.jointName] = joint; // ??
+
+                                                                       hand.add(joint);
+                                                               }
+
+                                                               const joint = hand.joints[inputjoint.jointName];
+
+                                                               if (jointPose !== null) {
+                                                                       joint.matrix.fromArray(jointPose.transform.matrix);
+                                                                       joint.matrix.decompose(joint.position, joint.rotation, joint.scale);
+                                                                       joint.jointRadius = jointPose.radius;
+                                                               }
+
+                                                               joint.visible = jointPose !== null;
+                                                       } // Custom events
+                                                       // Check pinchz
+
+
+                                                       const indexTip = hand.joints['index-finger-tip'];
+                                                       const thumbTip = hand.joints['thumb-tip'];
+                                                       const distance = indexTip.position.distanceTo(thumbTip.position);
+                                                       const distanceToPinch = 0.02;
+                                                       const threshold = 0.005;
+
+                                                       if (hand.inputState.pinching && distance > distanceToPinch + threshold) {
+                                                               hand.inputState.pinching = false;
+                                                               this.dispatchEvent({
+                                                                       type: 'pinchend',
+                                                                       handedness: inputSource.handedness,
+                                                                       target: this
+                                                               });
+                                                       } else if (!hand.inputState.pinching && distance <= distanceToPinch - threshold) {
+                                                               hand.inputState.pinching = true;
+                                                               this.dispatchEvent({
+                                                                       type: 'pinchstart',
+                                                                       handedness: inputSource.handedness,
+                                                                       target: this
+                                                               });
+                                                       }
+                                               } else {
+                                                       if (grip !== null && inputSource.gripSpace) {
+                                                               gripPose = frame.getPose(inputSource.gripSpace, referenceSpace);
+
+                                                               if (gripPose !== null) {
+                                                                       grip.matrix.fromArray(gripPose.transform.matrix);
+                                                                       grip.matrix.decompose(grip.position, grip.rotation, grip.scale);
+
+                                                                       if (gripPose.linearVelocity) {
+                                                                               grip.hasLinearVelocity = true;
+                                                                               grip.linearVelocity.copy(gripPose.linearVelocity);
+                                                                       } else {
+                                                                               grip.hasLinearVelocity = false;
+                                                                       }
+
+                                                                       if (gripPose.angularVelocity) {
+                                                                               grip.hasAngularVelocity = true;
+                                                                               grip.angularVelocity.copy(gripPose.angularVelocity);
+                                                                       } else {
+                                                                               grip.hasAngularVelocity = false;
+                                                                       }
+                                                               }
+                                                       }
+                                               }
+                                       }
+
+                                       if (targetRay !== null) {
+                                               targetRay.visible = inputPose !== null;
+                                       }
+
+                                       if (grip !== null) {
+                                               grip.visible = gripPose !== null;
+                                       }
+
+                                       if (hand !== null) {
+                                               hand.visible = handPose !== null;
+                                       }
+
+                                       return this;
+                               }
+
+                       }
+
+                       class WebXRManager extends EventDispatcher {
+                               constructor(renderer, gl) {
+                                       super();
+                                       const scope = this;
+                                       const state = renderer.state;
+                                       let session = null;
+                                       let framebufferScaleFactor = 1.0;
+                                       let referenceSpace = null;
+                                       let referenceSpaceType = 'local-floor';
+                                       let pose = null;
+                                       let glBinding = null;
+                                       let glFramebuffer = null;
+                                       let glProjLayer = null;
+                                       let glBaseLayer = null;
+                                       let isMultisample = false;
+                                       let glMultisampledFramebuffer = null;
+                                       let glColorRenderbuffer = null;
+                                       let glDepthRenderbuffer = null;
+                                       let xrFrame = null;
+                                       let depthStyle = null;
+                                       let clearStyle = null;
+                                       const controllers = [];
+                                       const inputSourcesMap = new Map(); //
+
+                                       const cameraL = new PerspectiveCamera();
+                                       cameraL.layers.enable(1);
+                                       cameraL.viewport = new Vector4();
+                                       const cameraR = new PerspectiveCamera();
+                                       cameraR.layers.enable(2);
+                                       cameraR.viewport = new Vector4();
+                                       const cameras = [cameraL, cameraR];
+                                       const cameraVR = new ArrayCamera();
+                                       cameraVR.layers.enable(1);
+                                       cameraVR.layers.enable(2);
+                                       let _currentDepthNear = null;
+                                       let _currentDepthFar = null; //
+
+                                       this.cameraAutoUpdate = true;
+                                       this.enabled = false;
+                                       this.isPresenting = false;
+
+                                       this.getController = function (index) {
+                                               let controller = controllers[index];
+
+                                               if (controller === undefined) {
+                                                       controller = new WebXRController();
+                                                       controllers[index] = controller;
+                                               }
+
+                                               return controller.getTargetRaySpace();
+                                       };
+
+                                       this.getControllerGrip = function (index) {
+                                               let controller = controllers[index];
+
+                                               if (controller === undefined) {
+                                                       controller = new WebXRController();
+                                                       controllers[index] = controller;
+                                               }
+
+                                               return controller.getGripSpace();
+                                       };
+
+                                       this.getHand = function (index) {
+                                               let controller = controllers[index];
+
+                                               if (controller === undefined) {
+                                                       controller = new WebXRController();
+                                                       controllers[index] = controller;
+                                               }
+
+                                               return controller.getHandSpace();
+                                       }; //
+
+
+                                       function onSessionEvent(event) {
+                                               const controller = inputSourcesMap.get(event.inputSource);
+
+                                               if (controller) {
+                                                       controller.dispatchEvent({
+                                                               type: event.type,
+                                                               data: event.inputSource
+                                                       });
+                                               }
+                                       }
+
+                                       function onSessionEnd() {
+                                               inputSourcesMap.forEach(function (controller, inputSource) {
+                                                       controller.disconnect(inputSource);
+                                               });
+                                               inputSourcesMap.clear();
+                                               _currentDepthNear = null;
+                                               _currentDepthFar = null; // restore framebuffer/rendering state
+
+                                               state.bindXRFramebuffer(null);
+                                               renderer.setRenderTarget(renderer.getRenderTarget());
+                                               if (glFramebuffer) gl.deleteFramebuffer(glFramebuffer);
+                                               if (glMultisampledFramebuffer) gl.deleteFramebuffer(glMultisampledFramebuffer);
+                                               if (glColorRenderbuffer) gl.deleteRenderbuffer(glColorRenderbuffer);
+                                               if (glDepthRenderbuffer) gl.deleteRenderbuffer(glDepthRenderbuffer);
+                                               glFramebuffer = null;
+                                               glMultisampledFramebuffer = null;
+                                               glColorRenderbuffer = null;
+                                               glDepthRenderbuffer = null;
+                                               glBaseLayer = null;
+                                               glProjLayer = null;
+                                               glBinding = null;
+                                               session = null; //
+
+                                               animation.stop();
+                                               scope.isPresenting = false;
+                                               scope.dispatchEvent({
+                                                       type: 'sessionend'
+                                               });
+                                       }
+
+                                       this.setFramebufferScaleFactor = function (value) {
+                                               framebufferScaleFactor = value;
+
+                                               if (scope.isPresenting === true) {
+                                                       console.warn('THREE.WebXRManager: Cannot change framebuffer scale while presenting.');
+                                               }
+                                       };
+
+                                       this.setReferenceSpaceType = function (value) {
+                                               referenceSpaceType = value;
+
+                                               if (scope.isPresenting === true) {
+                                                       console.warn('THREE.WebXRManager: Cannot change reference space type while presenting.');
+                                               }
+                                       };
+
+                                       this.getReferenceSpace = function () {
+                                               return referenceSpace;
+                                       };
+
+                                       this.getBaseLayer = function () {
+                                               return glProjLayer !== null ? glProjLayer : glBaseLayer;
+                                       };
+
+                                       this.getBinding = function () {
+                                               return glBinding;
+                                       };
+
+                                       this.getFrame = function () {
+                                               return xrFrame;
+                                       };
+
+                                       this.getSession = function () {
+                                               return session;
+                                       };
+
+                                       this.setSession = async function (value) {
+                                               session = value;
+
+                                               if (session !== null) {
+                                                       session.addEventListener('select', onSessionEvent);
+                                                       session.addEventListener('selectstart', onSessionEvent);
+                                                       session.addEventListener('selectend', onSessionEvent);
+                                                       session.addEventListener('squeeze', onSessionEvent);
+                                                       session.addEventListener('squeezestart', onSessionEvent);
+                                                       session.addEventListener('squeezeend', onSessionEvent);
+                                                       session.addEventListener('end', onSessionEnd);
+                                                       session.addEventListener('inputsourceschange', onInputSourcesChange);
+                                                       const attributes = gl.getContextAttributes();
+
+                                                       if (attributes.xrCompatible !== true) {
+                                                               await gl.makeXRCompatible();
+                                                       }
+
+                                                       if (session.renderState.layers === undefined) {
+                                                               const layerInit = {
+                                                                       antialias: attributes.antialias,
+                                                                       alpha: attributes.alpha,
+                                                                       depth: attributes.depth,
+                                                                       stencil: attributes.stencil,
+                                                                       framebufferScaleFactor: framebufferScaleFactor
+                                                               };
+                                                               glBaseLayer = new XRWebGLLayer(session, gl, layerInit);
+                                                               session.updateRenderState({
+                                                                       baseLayer: glBaseLayer
+                                                               });
+                                                       } else if (gl instanceof WebGLRenderingContext) {
+                                                               // Use old style webgl layer because we can't use MSAA
+                                                               // WebGL2 support.
+                                                               const layerInit = {
+                                                                       antialias: true,
+                                                                       alpha: attributes.alpha,
+                                                                       depth: attributes.depth,
+                                                                       stencil: attributes.stencil,
+                                                                       framebufferScaleFactor: framebufferScaleFactor
+                                                               };
+                                                               glBaseLayer = new XRWebGLLayer(session, gl, layerInit);
+                                                               session.updateRenderState({
+                                                                       layers: [glBaseLayer]
+                                                               });
+                                                       } else {
+                                                               isMultisample = attributes.antialias;
+                                                               let depthFormat = null;
+
+                                                               if (attributes.depth) {
+                                                                       clearStyle = gl.DEPTH_BUFFER_BIT;
+                                                                       if (attributes.stencil) clearStyle |= gl.STENCIL_BUFFER_BIT;
+                                                                       depthStyle = attributes.stencil ? gl.DEPTH_STENCIL_ATTACHMENT : gl.DEPTH_ATTACHMENT;
+                                                                       depthFormat = attributes.stencil ? gl.DEPTH24_STENCIL8 : gl.DEPTH_COMPONENT24;
+                                                               }
+
+                                                               const projectionlayerInit = {
+                                                                       colorFormat: attributes.alpha ? gl.RGBA8 : gl.RGB8,
+                                                                       depthFormat: depthFormat,
+                                                                       scaleFactor: framebufferScaleFactor
+                                                               };
+                                                               glBinding = new XRWebGLBinding(session, gl);
+                                                               glProjLayer = glBinding.createProjectionLayer(projectionlayerInit);
+                                                               glFramebuffer = gl.createFramebuffer();
+                                                               session.updateRenderState({
+                                                                       layers: [glProjLayer]
+                                                               });
+
+                                                               if (isMultisample) {
+                                                                       glMultisampledFramebuffer = gl.createFramebuffer();
+                                                                       glColorRenderbuffer = gl.createRenderbuffer();
+                                                                       gl.bindRenderbuffer(gl.RENDERBUFFER, glColorRenderbuffer);
+                                                                       gl.renderbufferStorageMultisample(gl.RENDERBUFFER, 4, gl.RGBA8, glProjLayer.textureWidth, glProjLayer.textureHeight);
+                                                                       state.bindFramebuffer(gl.FRAMEBUFFER, glMultisampledFramebuffer);
+                                                                       gl.framebufferRenderbuffer(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.RENDERBUFFER, glColorRenderbuffer);
+                                                                       gl.bindRenderbuffer(gl.RENDERBUFFER, null);
+
+                                                                       if (depthFormat !== null) {
+                                                                               glDepthRenderbuffer = gl.createRenderbuffer();
+                                                                               gl.bindRenderbuffer(gl.RENDERBUFFER, glDepthRenderbuffer);
+                                                                               gl.renderbufferStorageMultisample(gl.RENDERBUFFER, 4, depthFormat, glProjLayer.textureWidth, glProjLayer.textureHeight);
+                                                                               gl.framebufferRenderbuffer(gl.FRAMEBUFFER, depthStyle, gl.RENDERBUFFER, glDepthRenderbuffer);
+                                                                               gl.bindRenderbuffer(gl.RENDERBUFFER, null);
+                                                                       }
+
+                                                                       state.bindFramebuffer(gl.FRAMEBUFFER, null);
+                                                               }
+                                                       }
+
+                                                       referenceSpace = await session.requestReferenceSpace(referenceSpaceType);
+                                                       animation.setContext(session);
+                                                       animation.start();
+                                                       scope.isPresenting = true;
+                                                       scope.dispatchEvent({
+                                                               type: 'sessionstart'
+                                                       });
+                                               }
+                                       };
+
+                                       function onInputSourcesChange(event) {
+                                               const inputSources = session.inputSources; // Assign inputSources to available controllers
+
+                                               for (let i = 0; i < controllers.length; i++) {
+                                                       inputSourcesMap.set(inputSources[i], controllers[i]);
+                                               } // Notify disconnected
+
+
+                                               for (let i = 0; i < event.removed.length; i++) {
+                                                       const inputSource = event.removed[i];
+                                                       const controller = inputSourcesMap.get(inputSource);
+
+                                                       if (controller) {
+                                                               controller.dispatchEvent({
+                                                                       type: 'disconnected',
+                                                                       data: inputSource
+                                                               });
+                                                               inputSourcesMap.delete(inputSource);
+                                                       }
+                                               } // Notify connected
+
+
+                                               for (let i = 0; i < event.added.length; i++) {
+                                                       const inputSource = event.added[i];
+                                                       const controller = inputSourcesMap.get(inputSource);
+
+                                                       if (controller) {
+                                                               controller.dispatchEvent({
+                                                                       type: 'connected',
+                                                                       data: inputSource
+                                                               });
+                                                       }
+                                               }
+                                       } //
+
+
+                                       const cameraLPos = new Vector3();
+                                       const cameraRPos = new Vector3();
+
+                                       /**
+                                        * Assumes 2 cameras that are parallel and share an X-axis, and that
+                                        * the cameras' projection and world matrices have already been set.
+                                        * And that near and far planes are identical for both cameras.
+                                        * Visualization of this technique: https://computergraphics.stackexchange.com/a/4765
+                                        */
+
+                                       function setProjectionFromUnion(camera, cameraL, cameraR) {
+                                               cameraLPos.setFromMatrixPosition(cameraL.matrixWorld);
+                                               cameraRPos.setFromMatrixPosition(cameraR.matrixWorld);
+                                               const ipd = cameraLPos.distanceTo(cameraRPos);
+                                               const projL = cameraL.projectionMatrix.elements;
+                                               const projR = cameraR.projectionMatrix.elements; // VR systems will have identical far and near planes, and
+                                               // most likely identical top and bottom frustum extents.
+                                               // Use the left camera for these values.
+
+                                               const near = projL[14] / (projL[10] - 1);
+                                               const far = projL[14] / (projL[10] + 1);
+                                               const topFov = (projL[9] + 1) / projL[5];
+                                               const bottomFov = (projL[9] - 1) / projL[5];
+                                               const leftFov = (projL[8] - 1) / projL[0];
+                                               const rightFov = (projR[8] + 1) / projR[0];
+                                               const left = near * leftFov;
+                                               const right = near * rightFov; // Calculate the new camera's position offset from the
+                                               // left camera. xOffset should be roughly half `ipd`.
+
+                                               const zOffset = ipd / (-leftFov + rightFov);
+                                               const xOffset = zOffset * -leftFov; // TODO: Better way to apply this offset?
+
+                                               cameraL.matrixWorld.decompose(camera.position, camera.quaternion, camera.scale);
+                                               camera.translateX(xOffset);
+                                               camera.translateZ(zOffset);
+                                               camera.matrixWorld.compose(camera.position, camera.quaternion, camera.scale);
+                                               camera.matrixWorldInverse.copy(camera.matrixWorld).invert(); // Find the union of the frustum values of the cameras and scale
+                                               // the values so that the near plane's position does not change in world space,
+                                               // although must now be relative to the new union camera.
+
+                                               const near2 = near + zOffset;
+                                               const far2 = far + zOffset;
+                                               const left2 = left - xOffset;
+                                               const right2 = right + (ipd - xOffset);
+                                               const top2 = topFov * far / far2 * near2;
+                                               const bottom2 = bottomFov * far / far2 * near2;
+                                               camera.projectionMatrix.makePerspective(left2, right2, top2, bottom2, near2, far2);
+                                       }
+
+                                       function updateCamera(camera, parent) {
+                                               if (parent === null) {
+                                                       camera.matrixWorld.copy(camera.matrix);
+                                               } else {
+                                                       camera.matrixWorld.multiplyMatrices(parent.matrixWorld, camera.matrix);
+                                               }
+
+                                               camera.matrixWorldInverse.copy(camera.matrixWorld).invert();
+                                       }
+
+                                       this.updateCamera = function (camera) {
+                                               if (session === null) return;
+                                               cameraVR.near = cameraR.near = cameraL.near = camera.near;
+                                               cameraVR.far = cameraR.far = cameraL.far = camera.far;
+
+                                               if (_currentDepthNear !== cameraVR.near || _currentDepthFar !== cameraVR.far) {
+                                                       // Note that the new renderState won't apply until the next frame. See #18320
+                                                       session.updateRenderState({
+                                                               depthNear: cameraVR.near,
+                                                               depthFar: cameraVR.far
+                                                       });
+                                                       _currentDepthNear = cameraVR.near;
+                                                       _currentDepthFar = cameraVR.far;
+                                               }
+
+                                               const parent = camera.parent;
+                                               const cameras = cameraVR.cameras;
+                                               updateCamera(cameraVR, parent);
+
+                                               for (let i = 0; i < cameras.length; i++) {
+                                                       updateCamera(cameras[i], parent);
+                                               }
+
+                                               cameraVR.matrixWorld.decompose(cameraVR.position, cameraVR.quaternion, cameraVR.scale); // update user camera and its children
+
+                                               camera.position.copy(cameraVR.position);
+                                               camera.quaternion.copy(cameraVR.quaternion);
+                                               camera.scale.copy(cameraVR.scale);
+                                               camera.matrix.copy(cameraVR.matrix);
+                                               camera.matrixWorld.copy(cameraVR.matrixWorld);
+                                               const children = camera.children;
+
+                                               for (let i = 0, l = children.length; i < l; i++) {
+                                                       children[i].updateMatrixWorld(true);
+                                               } // update projection matrix for proper view frustum culling
+
+
+                                               if (cameras.length === 2) {
+                                                       setProjectionFromUnion(cameraVR, cameraL, cameraR);
+                                               } else {
+                                                       // assume single camera setup (AR)
+                                                       cameraVR.projectionMatrix.copy(cameraL.projectionMatrix);
+                                               }
+                                       };
+
+                                       this.getCamera = function () {
+                                               return cameraVR;
+                                       };
+
+                                       this.getFoveation = function () {
+                                               if (glProjLayer !== null) {
+                                                       return glProjLayer.fixedFoveation;
+                                               }
+
+                                               if (glBaseLayer !== null) {
+                                                       return glBaseLayer.fixedFoveation;
+                                               }
+
+                                               return undefined;
+                                       };
+
+                                       this.setFoveation = function (foveation) {
+                                               // 0 = no foveation = full resolution
+                                               // 1 = maximum foveation = the edges render at lower resolution
+                                               if (glProjLayer !== null) {
+                                                       glProjLayer.fixedFoveation = foveation;
+                                               }
+
+                                               if (glBaseLayer !== null && glBaseLayer.fixedFoveation !== undefined) {
+                                                       glBaseLayer.fixedFoveation = foveation;
+                                               }
+                                       }; // Animation Loop
+
+
+                                       let onAnimationFrameCallback = null;
+
+                                       function onAnimationFrame(time, frame) {
+                                               pose = frame.getViewerPose(referenceSpace);
+                                               xrFrame = frame;
+
+                                               if (pose !== null) {
+                                                       const views = pose.views;
+
+                                                       if (glBaseLayer !== null) {
+                                                               state.bindXRFramebuffer(glBaseLayer.framebuffer);
+                                                       }
+
+                                                       let cameraVRNeedsUpdate = false; // check if it's necessary to rebuild cameraVR's camera list
+
+                                                       if (views.length !== cameraVR.cameras.length) {
+                                                               cameraVR.cameras.length = 0;
+                                                               cameraVRNeedsUpdate = true;
+                                                       }
+
+                                                       for (let i = 0; i < views.length; i++) {
+                                                               const view = views[i];
+                                                               let viewport = null;
+
+                                                               if (glBaseLayer !== null) {
+                                                                       viewport = glBaseLayer.getViewport(view);
+                                                               } else {
+                                                                       const glSubImage = glBinding.getViewSubImage(glProjLayer, view);
+                                                                       state.bindXRFramebuffer(glFramebuffer);
+
+                                                                       if (glSubImage.depthStencilTexture !== undefined) {
+                                                                               gl.framebufferTexture2D(gl.FRAMEBUFFER, depthStyle, gl.TEXTURE_2D, glSubImage.depthStencilTexture, 0);
+                                                                       }
+
+                                                                       gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, glSubImage.colorTexture, 0);
+                                                                       viewport = glSubImage.viewport;
+                                                               }
+
+                                                               const camera = cameras[i];
+                                                               camera.matrix.fromArray(view.transform.matrix);
+                                                               camera.projectionMatrix.fromArray(view.projectionMatrix);
+                                                               camera.viewport.set(viewport.x, viewport.y, viewport.width, viewport.height);
+
+                                                               if (i === 0) {
+                                                                       cameraVR.matrix.copy(camera.matrix);
+                                                               }
+
+                                                               if (cameraVRNeedsUpdate === true) {
+                                                                       cameraVR.cameras.push(camera);
+                                                               }
+                                                       }
+
+                                                       if (isMultisample) {
+                                                               state.bindXRFramebuffer(glMultisampledFramebuffer);
+                                                               if (clearStyle !== null) gl.clear(clearStyle);
+                                                       }
+                                               } //
+
+
+                                               const inputSources = session.inputSources;
+
+                                               for (let i = 0; i < controllers.length; i++) {
+                                                       const controller = controllers[i];
+                                                       const inputSource = inputSources[i];
+                                                       controller.update(inputSource, frame, referenceSpace);
+                                               }
+
+                                               if (onAnimationFrameCallback) onAnimationFrameCallback(time, frame);
+
+                                               if (isMultisample) {
+                                                       const width = glProjLayer.textureWidth;
+                                                       const height = glProjLayer.textureHeight;
+                                                       state.bindFramebuffer(gl.READ_FRAMEBUFFER, glMultisampledFramebuffer);
+                                                       state.bindFramebuffer(gl.DRAW_FRAMEBUFFER, glFramebuffer); // Invalidate the depth here to avoid flush of the depth data to main memory.
+
+                                                       gl.invalidateFramebuffer(gl.READ_FRAMEBUFFER, [depthStyle]);
+                                                       gl.invalidateFramebuffer(gl.DRAW_FRAMEBUFFER, [depthStyle]);
+                                                       gl.blitFramebuffer(0, 0, width, height, 0, 0, width, height, gl.COLOR_BUFFER_BIT, gl.NEAREST); // Invalidate the MSAA buffer because it's not needed anymore.
+
+                                                       gl.invalidateFramebuffer(gl.READ_FRAMEBUFFER, [gl.COLOR_ATTACHMENT0]);
+                                                       state.bindFramebuffer(gl.READ_FRAMEBUFFER, null);
+                                                       state.bindFramebuffer(gl.DRAW_FRAMEBUFFER, null);
+                                                       state.bindFramebuffer(gl.FRAMEBUFFER, glMultisampledFramebuffer);
+                                               }
+
+                                               xrFrame = null;
+                                       }
+
+                                       const animation = new WebGLAnimation();
+                                       animation.setAnimationLoop(onAnimationFrame);
+
+                                       this.setAnimationLoop = function (callback) {
+                                               onAnimationFrameCallback = callback;
+                                       };
+
+                                       this.dispose = function () {
+                                       };
+                               }
+
+                       }
+
+                       function WebGLMaterials(properties) {
+                               function refreshFogUniforms(uniforms, fog) {
+                                       uniforms.fogColor.value.copy(fog.color);
+
+                                       if (fog.isFog) {
+                                               uniforms.fogNear.value = fog.near;
+                                               uniforms.fogFar.value = fog.far;
+                                       } else if (fog.isFogExp2) {
+                                               uniforms.fogDensity.value = fog.density;
+                                       }
+                               }
+
+                               function refreshMaterialUniforms(uniforms, material, pixelRatio, height, transmissionRenderTarget) {
+                                       if (material.isMeshBasicMaterial) {
+                                               refreshUniformsCommon(uniforms, material);
+                                       } else if (material.isMeshLambertMaterial) {
+                                               refreshUniformsCommon(uniforms, material);
+                                               refreshUniformsLambert(uniforms, material);
+                                       } else if (material.isMeshToonMaterial) {
+                                               refreshUniformsCommon(uniforms, material);
+                                               refreshUniformsToon(uniforms, material);
+                                       } else if (material.isMeshPhongMaterial) {
+                                               refreshUniformsCommon(uniforms, material);
+                                               refreshUniformsPhong(uniforms, material);
+                                       } else if (material.isMeshStandardMaterial) {
+                                               refreshUniformsCommon(uniforms, material);
+
+                                               if (material.isMeshPhysicalMaterial) {
+                                                       refreshUniformsPhysical(uniforms, material, transmissionRenderTarget);
+                                               } else {
+                                                       refreshUniformsStandard(uniforms, material);
+                                               }
+                                       } else if (material.isMeshMatcapMaterial) {
+                                               refreshUniformsCommon(uniforms, material);
+                                               refreshUniformsMatcap(uniforms, material);
+                                       } else if (material.isMeshDepthMaterial) {
+                                               refreshUniformsCommon(uniforms, material);
+                                               refreshUniformsDepth(uniforms, material);
+                                       } else if (material.isMeshDistanceMaterial) {
+                                               refreshUniformsCommon(uniforms, material);
+                                               refreshUniformsDistance(uniforms, material);
+                                       } else if (material.isMeshNormalMaterial) {
+                                               refreshUniformsCommon(uniforms, material);
+                                               refreshUniformsNormal(uniforms, material);
+                                       } else if (material.isLineBasicMaterial) {
+                                               refreshUniformsLine(uniforms, material);
+
+                                               if (material.isLineDashedMaterial) {
+                                                       refreshUniformsDash(uniforms, material);
+                                               }
+                                       } else if (material.isPointsMaterial) {
+                                               refreshUniformsPoints(uniforms, material, pixelRatio, height);
+                                       } else if (material.isSpriteMaterial) {
+                                               refreshUniformsSprites(uniforms, material);
+                                       } else if (material.isShadowMaterial) {
+                                               uniforms.color.value.copy(material.color);
+                                               uniforms.opacity.value = material.opacity;
+                                       } else if (material.isShaderMaterial) {
+                                               material.uniformsNeedUpdate = false; // #15581
+                                       }
+                               }
+
+                               function refreshUniformsCommon(uniforms, material) {
+                                       uniforms.opacity.value = material.opacity;
+
+                                       if (material.color) {
+                                               uniforms.diffuse.value.copy(material.color);
+                                       }
+
+                                       if (material.emissive) {
+                                               uniforms.emissive.value.copy(material.emissive).multiplyScalar(material.emissiveIntensity);
+                                       }
+
+                                       if (material.map) {
+                                               uniforms.map.value = material.map;
+                                       }
+
+                                       if (material.alphaMap) {
+                                               uniforms.alphaMap.value = material.alphaMap;
+                                       }
+
+                                       if (material.specularMap) {
+                                               uniforms.specularMap.value = material.specularMap;
+                                       }
+
+                                       if (material.alphaTest > 0) {
+                                               uniforms.alphaTest.value = material.alphaTest;
+                                       }
+
+                                       const envMap = properties.get(material).envMap;
+
+                                       if (envMap) {
+                                               uniforms.envMap.value = envMap;
+                                               uniforms.flipEnvMap.value = envMap.isCubeTexture && envMap.isRenderTargetTexture === false ? -1 : 1;
+                                               uniforms.reflectivity.value = material.reflectivity;
+                                               uniforms.ior.value = material.ior;
+                                               uniforms.refractionRatio.value = material.refractionRatio;
+
+                                               const maxMipLevel = properties.get(envMap).__maxMipLevel;
+
+                                               if (maxMipLevel !== undefined) {
+                                                       uniforms.maxMipLevel.value = maxMipLevel;
+                                               }
+                                       }
+
+                                       if (material.lightMap) {
+                                               uniforms.lightMap.value = material.lightMap;
+                                               uniforms.lightMapIntensity.value = material.lightMapIntensity;
+                                       }
+
+                                       if (material.aoMap) {
+                                               uniforms.aoMap.value = material.aoMap;
+                                               uniforms.aoMapIntensity.value = material.aoMapIntensity;
+                                       } // uv repeat and offset setting priorities
+                                       // 1. color map
+                                       // 2. specular map
+                                       // 3. displacementMap map
+                                       // 4. normal map
+                                       // 5. bump map
+                                       // 6. roughnessMap map
+                                       // 7. metalnessMap map
+                                       // 8. alphaMap map
+                                       // 9. emissiveMap map
+                                       // 10. clearcoat map
+                                       // 11. clearcoat normal map
+                                       // 12. clearcoat roughnessMap map
+                                       // 13. specular intensity map
+                                       // 14. specular tint map
+                                       // 15. transmission map
+                                       // 16. thickness map
+
+
+                                       let uvScaleMap;
+
+                                       if (material.map) {
+                                               uvScaleMap = material.map;
+                                       } else if (material.specularMap) {
+                                               uvScaleMap = material.specularMap;
+                                       } else if (material.displacementMap) {
+                                               uvScaleMap = material.displacementMap;
+                                       } else if (material.normalMap) {
+                                               uvScaleMap = material.normalMap;
+                                       } else if (material.bumpMap) {
+                                               uvScaleMap = material.bumpMap;
+                                       } else if (material.roughnessMap) {
+                                               uvScaleMap = material.roughnessMap;
+                                       } else if (material.metalnessMap) {
+                                               uvScaleMap = material.metalnessMap;
+                                       } else if (material.alphaMap) {
+                                               uvScaleMap = material.alphaMap;
+                                       } else if (material.emissiveMap) {
+                                               uvScaleMap = material.emissiveMap;
+                                       } else if (material.clearcoatMap) {
+                                               uvScaleMap = material.clearcoatMap;
+                                       } else if (material.clearcoatNormalMap) {
+                                               uvScaleMap = material.clearcoatNormalMap;
+                                       } else if (material.clearcoatRoughnessMap) {
+                                               uvScaleMap = material.clearcoatRoughnessMap;
+                                       } else if (material.specularIntensityMap) {
+                                               uvScaleMap = material.specularIntensityMap;
+                                       } else if (material.specularTintMap) {
+                                               uvScaleMap = material.specularTintMap;
+                                       } else if (material.transmissionMap) {
+                                               uvScaleMap = material.transmissionMap;
+                                       } else if (material.thicknessMap) {
+                                               uvScaleMap = material.thicknessMap;
+                                       }
+
+                                       if (uvScaleMap !== undefined) {
+                                               // backwards compatibility
+                                               if (uvScaleMap.isWebGLRenderTarget) {
+                                                       uvScaleMap = uvScaleMap.texture;
+                                               }
+
+                                               if (uvScaleMap.matrixAutoUpdate === true) {
+                                                       uvScaleMap.updateMatrix();
+                                               }
+
+                                               uniforms.uvTransform.value.copy(uvScaleMap.matrix);
+                                       } // uv repeat and offset setting priorities for uv2
+                                       // 1. ao map
+                                       // 2. light map
+
+
+                                       let uv2ScaleMap;
+
+                                       if (material.aoMap) {
+                                               uv2ScaleMap = material.aoMap;
+                                       } else if (material.lightMap) {
+                                               uv2ScaleMap = material.lightMap;
+                                       }
+
+                                       if (uv2ScaleMap !== undefined) {
+                                               // backwards compatibility
+                                               if (uv2ScaleMap.isWebGLRenderTarget) {
+                                                       uv2ScaleMap = uv2ScaleMap.texture;
+                                               }
+
+                                               if (uv2ScaleMap.matrixAutoUpdate === true) {
+                                                       uv2ScaleMap.updateMatrix();
+                                               }
+
+                                               uniforms.uv2Transform.value.copy(uv2ScaleMap.matrix);
+                                       }
+                               }
+
+                               function refreshUniformsLine(uniforms, material) {
+                                       uniforms.diffuse.value.copy(material.color);
+                                       uniforms.opacity.value = material.opacity;
+                               }
+
+                               function refreshUniformsDash(uniforms, material) {
+                                       uniforms.dashSize.value = material.dashSize;
+                                       uniforms.totalSize.value = material.dashSize + material.gapSize;
+                                       uniforms.scale.value = material.scale;
+                               }
+
+                               function refreshUniformsPoints(uniforms, material, pixelRatio, height) {
+                                       uniforms.diffuse.value.copy(material.color);
+                                       uniforms.opacity.value = material.opacity;
+                                       uniforms.size.value = material.size * pixelRatio;
+                                       uniforms.scale.value = height * 0.5;
+
+                                       if (material.map) {
+                                               uniforms.map.value = material.map;
+                                       }
+
+                                       if (material.alphaMap) {
+                                               uniforms.alphaMap.value = material.alphaMap;
+                                       }
+
+                                       if (material.alphaTest > 0) {
+                                               uniforms.alphaTest.value = material.alphaTest;
+                                       } // uv repeat and offset setting priorities
+                                       // 1. color map
+                                       // 2. alpha map
+
+
+                                       let uvScaleMap;
+
+                                       if (material.map) {
+                                               uvScaleMap = material.map;
+                                       } else if (material.alphaMap) {
+                                               uvScaleMap = material.alphaMap;
+                                       }
+
+                                       if (uvScaleMap !== undefined) {
+                                               if (uvScaleMap.matrixAutoUpdate === true) {
+                                                       uvScaleMap.updateMatrix();
+                                               }
+
+                                               uniforms.uvTransform.value.copy(uvScaleMap.matrix);
+                                       }
+                               }
+
+                               function refreshUniformsSprites(uniforms, material) {
+                                       uniforms.diffuse.value.copy(material.color);
+                                       uniforms.opacity.value = material.opacity;
+                                       uniforms.rotation.value = material.rotation;
+
+                                       if (material.map) {
+                                               uniforms.map.value = material.map;
+                                       }
+
+                                       if (material.alphaMap) {
+                                               uniforms.alphaMap.value = material.alphaMap;
+                                       }
+
+                                       if (material.alphaTest > 0) {
+                                               uniforms.alphaTest.value = material.alphaTest;
+                                       } // uv repeat and offset setting priorities
+                                       // 1. color map
+                                       // 2. alpha map
+
+
+                                       let uvScaleMap;
+
+                                       if (material.map) {
+                                               uvScaleMap = material.map;
+                                       } else if (material.alphaMap) {
+                                               uvScaleMap = material.alphaMap;
+                                       }
+
+                                       if (uvScaleMap !== undefined) {
+                                               if (uvScaleMap.matrixAutoUpdate === true) {
+                                                       uvScaleMap.updateMatrix();
+                                               }
+
+                                               uniforms.uvTransform.value.copy(uvScaleMap.matrix);
+                                       }
+                               }
+
+                               function refreshUniformsLambert(uniforms, material) {
+                                       if (material.emissiveMap) {
+                                               uniforms.emissiveMap.value = material.emissiveMap;
+                                       }
+                               }
+
+                               function refreshUniformsPhong(uniforms, material) {
+                                       uniforms.specular.value.copy(material.specular);
+                                       uniforms.shininess.value = Math.max(material.shininess, 1e-4); // to prevent pow( 0.0, 0.0 )
+
+                                       if (material.emissiveMap) {
+                                               uniforms.emissiveMap.value = material.emissiveMap;
+                                       }
+
+                                       if (material.bumpMap) {
+                                               uniforms.bumpMap.value = material.bumpMap;
+                                               uniforms.bumpScale.value = material.bumpScale;
+                                               if (material.side === BackSide) uniforms.bumpScale.value *= -1;
+                                       }
+
+                                       if (material.normalMap) {
+                                               uniforms.normalMap.value = material.normalMap;
+                                               uniforms.normalScale.value.copy(material.normalScale);
+                                               if (material.side === BackSide) uniforms.normalScale.value.negate();
+                                       }
+
+                                       if (material.displacementMap) {
+                                               uniforms.displacementMap.value = material.displacementMap;
+                                               uniforms.displacementScale.value = material.displacementScale;
+                                               uniforms.displacementBias.value = material.displacementBias;
+                                       }
+                               }
+
+                               function refreshUniformsToon(uniforms, material) {
+                                       if (material.gradientMap) {
+                                               uniforms.gradientMap.value = material.gradientMap;
+                                       }
+
+                                       if (material.emissiveMap) {
+                                               uniforms.emissiveMap.value = material.emissiveMap;
+                                       }
+
+                                       if (material.bumpMap) {
+                                               uniforms.bumpMap.value = material.bumpMap;
+                                               uniforms.bumpScale.value = material.bumpScale;
+                                               if (material.side === BackSide) uniforms.bumpScale.value *= -1;
+                                       }
+
+                                       if (material.normalMap) {
+                                               uniforms.normalMap.value = material.normalMap;
+                                               uniforms.normalScale.value.copy(material.normalScale);
+                                               if (material.side === BackSide) uniforms.normalScale.value.negate();
+                                       }
+
+                                       if (material.displacementMap) {
+                                               uniforms.displacementMap.value = material.displacementMap;
+                                               uniforms.displacementScale.value = material.displacementScale;
+                                               uniforms.displacementBias.value = material.displacementBias;
+                                       }
+                               }
+
+                               function refreshUniformsStandard(uniforms, material) {
+                                       uniforms.roughness.value = material.roughness;
+                                       uniforms.metalness.value = material.metalness;
+
+                                       if (material.roughnessMap) {
+                                               uniforms.roughnessMap.value = material.roughnessMap;
+                                       }
+
+                                       if (material.metalnessMap) {
+                                               uniforms.metalnessMap.value = material.metalnessMap;
+                                       }
+
+                                       if (material.emissiveMap) {
+                                               uniforms.emissiveMap.value = material.emissiveMap;
+                                       }
+
+                                       if (material.bumpMap) {
+                                               uniforms.bumpMap.value = material.bumpMap;
+                                               uniforms.bumpScale.value = material.bumpScale;
+                                               if (material.side === BackSide) uniforms.bumpScale.value *= -1;
+                                       }
+
+                                       if (material.normalMap) {
+                                               uniforms.normalMap.value = material.normalMap;
+                                               uniforms.normalScale.value.copy(material.normalScale);
+                                               if (material.side === BackSide) uniforms.normalScale.value.negate();
+                                       }
+
+                                       if (material.displacementMap) {
+                                               uniforms.displacementMap.value = material.displacementMap;
+                                               uniforms.displacementScale.value = material.displacementScale;
+                                               uniforms.displacementBias.value = material.displacementBias;
+                                       }
+
+                                       const envMap = properties.get(material).envMap;
+
+                                       if (envMap) {
+                                               //uniforms.envMap.value = material.envMap; // part of uniforms common
+                                               uniforms.envMapIntensity.value = material.envMapIntensity;
+                                       }
+                               }
+
+                               function refreshUniformsPhysical(uniforms, material, transmissionRenderTarget) {
+                                       refreshUniformsStandard(uniforms, material);
+                                       uniforms.ior.value = material.ior; // also part of uniforms common
+
+                                       if (material.sheenTint) uniforms.sheenTint.value.copy(material.sheenTint);
+
+                                       if (material.clearcoat > 0) {
+                                               uniforms.clearcoat.value = material.clearcoat;
+                                               uniforms.clearcoatRoughness.value = material.clearcoatRoughness;
+
+                                               if (material.clearcoatMap) {
+                                                       uniforms.clearcoatMap.value = material.clearcoatMap;
+                                               }
+
+                                               if (material.clearcoatRoughnessMap) {
+                                                       uniforms.clearcoatRoughnessMap.value = material.clearcoatRoughnessMap;
+                                               }
+
+                                               if (material.clearcoatNormalMap) {
+                                                       uniforms.clearcoatNormalScale.value.copy(material.clearcoatNormalScale);
+                                                       uniforms.clearcoatNormalMap.value = material.clearcoatNormalMap;
+
+                                                       if (material.side === BackSide) {
+                                                               uniforms.clearcoatNormalScale.value.negate();
+                                                       }
+                                               }
+                                       }
+
+                                       if (material.transmission > 0) {
+                                               uniforms.transmission.value = material.transmission;
+                                               uniforms.transmissionSamplerMap.value = transmissionRenderTarget.texture;
+                                               uniforms.transmissionSamplerSize.value.set(transmissionRenderTarget.width, transmissionRenderTarget.height);
+
+                                               if (material.transmissionMap) {
+                                                       uniforms.transmissionMap.value = material.transmissionMap;
+                                               }
+
+                                               uniforms.thickness.value = material.thickness;
+
+                                               if (material.thicknessMap) {
+                                                       uniforms.thicknessMap.value = material.thicknessMap;
+                                               }
+
+                                               uniforms.attenuationDistance.value = material.attenuationDistance;
+                                               uniforms.attenuationTint.value.copy(material.attenuationTint);
+                                       }
+
+                                       uniforms.specularIntensity.value = material.specularIntensity;
+                                       uniforms.specularTint.value.copy(material.specularTint);
+
+                                       if (material.specularIntensityMap) {
+                                               uniforms.specularIntensityMap.value = material.specularIntensityMap;
+                                       }
+
+                                       if (material.specularTintMap) {
+                                               uniforms.specularTintMap.value = material.specularTintMap;
+                                       }
+                               }
+
+                               function refreshUniformsMatcap(uniforms, material) {
+                                       if (material.matcap) {
+                                               uniforms.matcap.value = material.matcap;
+                                       }
+
+                                       if (material.bumpMap) {
+                                               uniforms.bumpMap.value = material.bumpMap;
+                                               uniforms.bumpScale.value = material.bumpScale;
+                                               if (material.side === BackSide) uniforms.bumpScale.value *= -1;
+                                       }
+
+                                       if (material.normalMap) {
+                                               uniforms.normalMap.value = material.normalMap;
+                                               uniforms.normalScale.value.copy(material.normalScale);
+                                               if (material.side === BackSide) uniforms.normalScale.value.negate();
+                                       }
+
+                                       if (material.displacementMap) {
+                                               uniforms.displacementMap.value = material.displacementMap;
+                                               uniforms.displacementScale.value = material.displacementScale;
+                                               uniforms.displacementBias.value = material.displacementBias;
+                                       }
+                               }
+
+                               function refreshUniformsDepth(uniforms, material) {
+                                       if (material.displacementMap) {
+                                               uniforms.displacementMap.value = material.displacementMap;
+                                               uniforms.displacementScale.value = material.displacementScale;
+                                               uniforms.displacementBias.value = material.displacementBias;
+                                       }
+                               }
+
+                               function refreshUniformsDistance(uniforms, material) {
+                                       if (material.displacementMap) {
+                                               uniforms.displacementMap.value = material.displacementMap;
+                                               uniforms.displacementScale.value = material.displacementScale;
+                                               uniforms.displacementBias.value = material.displacementBias;
+                                       }
+
+                                       uniforms.referencePosition.value.copy(material.referencePosition);
+                                       uniforms.nearDistance.value = material.nearDistance;
+                                       uniforms.farDistance.value = material.farDistance;
+                               }
+
+                               function refreshUniformsNormal(uniforms, material) {
+                                       if (material.bumpMap) {
+                                               uniforms.bumpMap.value = material.bumpMap;
+                                               uniforms.bumpScale.value = material.bumpScale;
+                                               if (material.side === BackSide) uniforms.bumpScale.value *= -1;
+                                       }
+
+                                       if (material.normalMap) {
+                                               uniforms.normalMap.value = material.normalMap;
+                                               uniforms.normalScale.value.copy(material.normalScale);
+                                               if (material.side === BackSide) uniforms.normalScale.value.negate();
+                                       }
+
+                                       if (material.displacementMap) {
+                                               uniforms.displacementMap.value = material.displacementMap;
+                                               uniforms.displacementScale.value = material.displacementScale;
+                                               uniforms.displacementBias.value = material.displacementBias;
+                                       }
+                               }
+
+                               return {
+                                       refreshFogUniforms: refreshFogUniforms,
+                                       refreshMaterialUniforms: refreshMaterialUniforms
+                               };
+                       }
+
+                       function createCanvasElement() {
+                               const canvas = document.createElementNS('http://www.w3.org/1999/xhtml', 'canvas');
+                               canvas.style.display = 'block';
+                               return canvas;
+                       }
+
+                       function WebGLRenderer(parameters = {}) {
+                               const _canvas = parameters.canvas !== undefined ? parameters.canvas : createCanvasElement(),
+                                       _context = parameters.context !== undefined ? parameters.context : null,
+                                       _alpha = parameters.alpha !== undefined ? parameters.alpha : false,
+                                       _depth = parameters.depth !== undefined ? parameters.depth : true,
+                                       _stencil = parameters.stencil !== undefined ? parameters.stencil : true,
+                                       _antialias = parameters.antialias !== undefined ? parameters.antialias : false,
+                                       _premultipliedAlpha = parameters.premultipliedAlpha !== undefined ? parameters.premultipliedAlpha : true,
+                                       _preserveDrawingBuffer = parameters.preserveDrawingBuffer !== undefined ? parameters.preserveDrawingBuffer : false,
+                                       _powerPreference = parameters.powerPreference !== undefined ? parameters.powerPreference : 'default',
+                                       _failIfMajorPerformanceCaveat = parameters.failIfMajorPerformanceCaveat !== undefined ? parameters.failIfMajorPerformanceCaveat : false;
+
+                               let currentRenderList = null;
+                               let currentRenderState = null; // render() can be called from within a callback triggered by another render.
+                               // We track this so that the nested render call gets its list and state isolated from the parent render call.
+
+                               const renderListStack = [];
+                               const renderStateStack = []; // public properties
+
+                               this.domElement = _canvas; // Debug configuration container
+
+                               this.debug = {
+                                       /**
+                                        * Enables error checking and reporting when shader programs are being compiled
+                                        * @type {boolean}
+                                        */
+                                       checkShaderErrors: true
+                               }; // clearing
+
+                               this.autoClear = true;
+                               this.autoClearColor = true;
+                               this.autoClearDepth = true;
+                               this.autoClearStencil = true; // scene graph
+
+                               this.sortObjects = true; // user-defined clipping
+
+                               this.clippingPlanes = [];
+                               this.localClippingEnabled = false; // physically based shading
+
+                               this.gammaFactor = 2.0; // for backwards compatibility
+
+                               this.outputEncoding = LinearEncoding; // physical lights
+
+                               this.physicallyCorrectLights = false; // tone mapping
+
+                               this.toneMapping = NoToneMapping;
+                               this.toneMappingExposure = 1.0; // internal properties
+
+                               const _this = this;
+
+                               let _isContextLost = false; // internal state cache
+
+                               let _currentActiveCubeFace = 0;
+                               let _currentActiveMipmapLevel = 0;
+                               let _currentRenderTarget = null;
+
+                               let _currentMaterialId = -1;
+
+                               let _currentCamera = null;
+
+                               const _currentViewport = new Vector4();
+
+                               const _currentScissor = new Vector4();
+
+                               let _currentScissorTest = null; //
+
+                               let _width = _canvas.width;
+                               let _height = _canvas.height;
+                               let _pixelRatio = 1;
+                               let _opaqueSort = null;
+                               let _transparentSort = null;
+
+                               const _viewport = new Vector4(0, 0, _width, _height);
+
+                               const _scissor = new Vector4(0, 0, _width, _height);
+
+                               let _scissorTest = false; //
+
+                               const _currentDrawBuffers = []; // frustum
+
+                               const _frustum = new Frustum(); // clipping
+
+
+                               let _clippingEnabled = false;
+                               let _localClippingEnabled = false; // transmission
+
+                               let _transmissionRenderTarget = null; // camera matrices cache
+
+                               const _projScreenMatrix = new Matrix4();
+
+                               const _vector3 = new Vector3();
+
+                               const _emptyScene = {
+                                       background: null,
+                                       fog: null,
+                                       environment: null,
+                                       overrideMaterial: null,
+                                       isScene: true
+                               };
+
+                               function getTargetPixelRatio() {
+                                       return _currentRenderTarget === null ? _pixelRatio : 1;
+                               } // initialize
+
+
+                               let _gl = _context;
+
+                               function getContext(contextNames, contextAttributes) {
+                                       for (let i = 0; i < contextNames.length; i++) {
+                                               const contextName = contextNames[i];
+
+                                               const context = _canvas.getContext(contextName, contextAttributes);
+
+                                               if (context !== null) return context;
+                                       }
+
+                                       return null;
+                               }
+
+                               try {
+                                       const contextAttributes = {
+                                               alpha: _alpha,
+                                               depth: _depth,
+                                               stencil: _stencil,
+                                               antialias: _antialias,
+                                               premultipliedAlpha: _premultipliedAlpha,
+                                               preserveDrawingBuffer: _preserveDrawingBuffer,
+                                               powerPreference: _powerPreference,
+                                               failIfMajorPerformanceCaveat: _failIfMajorPerformanceCaveat
+                                       }; // event listeners must be registered before WebGL context is created, see #12753
+
+                                       _canvas.addEventListener('webglcontextlost', onContextLost, false);
+
+                                       _canvas.addEventListener('webglcontextrestored', onContextRestore, false);
+
+                                       if (_gl === null) {
+                                               const contextNames = ['webgl2', 'webgl', 'experimental-webgl'];
+
+                                               if (_this.isWebGL1Renderer === true) {
+                                                       contextNames.shift();
+                                               }
+
+                                               _gl = getContext(contextNames, contextAttributes);
+
+                                               if (_gl === null) {
+                                                       if (getContext(contextNames)) {
+                                                               throw new Error('Error creating WebGL context with your selected attributes.');
+                                                       } else {
+                                                               throw new Error('Error creating WebGL context.');
+                                                       }
+                                               }
+                                       } // Some experimental-webgl implementations do not have getShaderPrecisionFormat
+
+
+                                       if (_gl.getShaderPrecisionFormat === undefined) {
+                                               _gl.getShaderPrecisionFormat = function () {
+                                                       return {
+                                                               'rangeMin': 1,
+                                                               'rangeMax': 1,
+                                                               'precision': 1
+                                                       };
+                                               };
+                                       }
+                               } catch (error) {
+                                       console.error('THREE.WebGLRenderer: ' + error.message);
+                                       throw error;
+                               }
+
+                               let extensions, capabilities, state, info;
+                               let properties, textures, cubemaps, cubeuvmaps, attributes, geometries, objects;
+                               let programCache, materials, renderLists, renderStates, clipping, shadowMap;
+                               let background, morphtargets, bufferRenderer, indexedBufferRenderer;
+                               let utils, bindingStates;
+
+                               function initGLContext() {
+                                       extensions = new WebGLExtensions(_gl);
+                                       capabilities = new WebGLCapabilities(_gl, extensions, parameters);
+                                       extensions.init(capabilities);
+                                       utils = new WebGLUtils(_gl, extensions, capabilities);
+                                       state = new WebGLState(_gl, extensions, capabilities);
+                                       _currentDrawBuffers[0] = _gl.BACK;
+                                       info = new WebGLInfo(_gl);
+                                       properties = new WebGLProperties();
+                                       textures = new WebGLTextures(_gl, extensions, state, properties, capabilities, utils, info);
+                                       cubemaps = new WebGLCubeMaps(_this);
+                                       cubeuvmaps = new WebGLCubeUVMaps(_this);
+                                       attributes = new WebGLAttributes(_gl, capabilities);
+                                       bindingStates = new WebGLBindingStates(_gl, extensions, attributes, capabilities);
+                                       geometries = new WebGLGeometries(_gl, attributes, info, bindingStates);
+                                       objects = new WebGLObjects(_gl, geometries, attributes, info);
+                                       morphtargets = new WebGLMorphtargets(_gl);
+                                       clipping = new WebGLClipping(properties);
+                                       programCache = new WebGLPrograms(_this, cubemaps, cubeuvmaps, extensions, capabilities, bindingStates, clipping);
+                                       materials = new WebGLMaterials(properties);
+                                       renderLists = new WebGLRenderLists(properties);
+                                       renderStates = new WebGLRenderStates(extensions, capabilities);
+                                       background = new WebGLBackground(_this, cubemaps, state, objects, _premultipliedAlpha);
+                                       shadowMap = new WebGLShadowMap(_this, objects, capabilities);
+                                       bufferRenderer = new WebGLBufferRenderer(_gl, extensions, info, capabilities);
+                                       indexedBufferRenderer = new WebGLIndexedBufferRenderer(_gl, extensions, info, capabilities);
+                                       info.programs = programCache.programs;
+                                       _this.capabilities = capabilities;
+                                       _this.extensions = extensions;
+                                       _this.properties = properties;
+                                       _this.renderLists = renderLists;
+                                       _this.shadowMap = shadowMap;
+                                       _this.state = state;
+                                       _this.info = info;
+                               }
+
+                               initGLContext(); // xr
+
+                               const xr = new WebXRManager(_this, _gl);
+                               this.xr = xr; // API
+
+                               this.getContext = function () {
+                                       return _gl;
+                               };
+
+                               this.getContextAttributes = function () {
+                                       return _gl.getContextAttributes();
+                               };
+
+                               this.forceContextLoss = function () {
+                                       const extension = extensions.get('WEBGL_lose_context');
+                                       if (extension) extension.loseContext();
+                               };
+
+                               this.forceContextRestore = function () {
+                                       const extension = extensions.get('WEBGL_lose_context');
+                                       if (extension) extension.restoreContext();
+                               };
+
+                               this.getPixelRatio = function () {
+                                       return _pixelRatio;
+                               };
+
+                               this.setPixelRatio = function (value) {
+                                       if (value === undefined) return;
+                                       _pixelRatio = value;
+                                       this.setSize(_width, _height, false);
+                               };
+
+                               this.getSize = function (target) {
+                                       return target.set(_width, _height);
+                               };
+
+                               this.setSize = function (width, height, updateStyle) {
+                                       if (xr.isPresenting) {
+                                               console.warn('THREE.WebGLRenderer: Can\'t change size while VR device is presenting.');
+                                               return;
+                                       }
+
+                                       _width = width;
+                                       _height = height;
+                                       _canvas.width = Math.floor(width * _pixelRatio);
+                                       _canvas.height = Math.floor(height * _pixelRatio);
+
+                                       if (updateStyle !== false) {
+                                               _canvas.style.width = width + 'px';
+                                               _canvas.style.height = height + 'px';
+                                       }
+
+                                       this.setViewport(0, 0, width, height);
+                               };
+
+                               this.getDrawingBufferSize = function (target) {
+                                       return target.set(_width * _pixelRatio, _height * _pixelRatio).floor();
+                               };
+
+                               this.setDrawingBufferSize = function (width, height, pixelRatio) {
+                                       _width = width;
+                                       _height = height;
+                                       _pixelRatio = pixelRatio;
+                                       _canvas.width = Math.floor(width * pixelRatio);
+                                       _canvas.height = Math.floor(height * pixelRatio);
+                                       this.setViewport(0, 0, width, height);
+                               };
+
+                               this.getCurrentViewport = function (target) {
+                                       return target.copy(_currentViewport);
+                               };
+
+                               this.getViewport = function (target) {
+                                       return target.copy(_viewport);
+                               };
+
+                               this.setViewport = function (x, y, width, height) {
+                                       if (x.isVector4) {
+                                               _viewport.set(x.x, x.y, x.z, x.w);
+                                       } else {
+                                               _viewport.set(x, y, width, height);
+                                       }
+
+                                       state.viewport(_currentViewport.copy(_viewport).multiplyScalar(_pixelRatio).floor());
+                               };
+
+                               this.getScissor = function (target) {
+                                       return target.copy(_scissor);
+                               };
+
+                               this.setScissor = function (x, y, width, height) {
+                                       if (x.isVector4) {
+                                               _scissor.set(x.x, x.y, x.z, x.w);
+                                       } else {
+                                               _scissor.set(x, y, width, height);
+                                       }
+
+                                       state.scissor(_currentScissor.copy(_scissor).multiplyScalar(_pixelRatio).floor());
+                               };
+
+                               this.getScissorTest = function () {
+                                       return _scissorTest;
+                               };
+
+                               this.setScissorTest = function (boolean) {
+                                       state.setScissorTest(_scissorTest = boolean);
+                               };
+
+                               this.setOpaqueSort = function (method) {
+                                       _opaqueSort = method;
+                               };
+
+                               this.setTransparentSort = function (method) {
+                                       _transparentSort = method;
+                               }; // Clearing
+
+
+                               this.getClearColor = function (target) {
+                                       return target.copy(background.getClearColor());
+                               };
+
+                               this.setClearColor = function () {
+                                       background.setClearColor.apply(background, arguments);
+                               };
+
+                               this.getClearAlpha = function () {
+                                       return background.getClearAlpha();
+                               };
+
+                               this.setClearAlpha = function () {
+                                       background.setClearAlpha.apply(background, arguments);
+                               };
+
+                               this.clear = function (color, depth, stencil) {
+                                       let bits = 0;
+                                       if (color === undefined || color) bits |= _gl.COLOR_BUFFER_BIT;
+                                       if (depth === undefined || depth) bits |= _gl.DEPTH_BUFFER_BIT;
+                                       if (stencil === undefined || stencil) bits |= _gl.STENCIL_BUFFER_BIT;
+
+                                       _gl.clear(bits);
+                               };
+
+                               this.clearColor = function () {
+                                       this.clear(true, false, false);
+                               };
+
+                               this.clearDepth = function () {
+                                       this.clear(false, true, false);
+                               };
+
+                               this.clearStencil = function () {
+                                       this.clear(false, false, true);
+                               }; //
+
+
+                               this.dispose = function () {
+                                       _canvas.removeEventListener('webglcontextlost', onContextLost, false);
+
+                                       _canvas.removeEventListener('webglcontextrestored', onContextRestore, false);
+
+                                       renderLists.dispose();
+                                       renderStates.dispose();
+                                       properties.dispose();
+                                       cubemaps.dispose();
+                                       cubeuvmaps.dispose();
+                                       objects.dispose();
+                                       bindingStates.dispose();
+                                       xr.dispose();
+                                       xr.removeEventListener('sessionstart', onXRSessionStart);
+                                       xr.removeEventListener('sessionend', onXRSessionEnd);
+
+                                       if (_transmissionRenderTarget) {
+                                               _transmissionRenderTarget.dispose();
+
+                                               _transmissionRenderTarget = null;
+                                       }
+
+                                       animation.stop();
+                               }; // Events
+
+
+                               function onContextLost(event) {
+                                       event.preventDefault();
+                                       console.log('THREE.WebGLRenderer: Context Lost.');
+                                       _isContextLost = true;
+                               }
+
+                               function onContextRestore() {
+                                       console.log('THREE.WebGLRenderer: Context Restored.');
+                                       _isContextLost = false;
+                                       const infoAutoReset = info.autoReset;
+                                       const shadowMapEnabled = shadowMap.enabled;
+                                       const shadowMapAutoUpdate = shadowMap.autoUpdate;
+                                       const shadowMapNeedsUpdate = shadowMap.needsUpdate;
+                                       const shadowMapType = shadowMap.type;
+                                       initGLContext();
+                                       info.autoReset = infoAutoReset;
+                                       shadowMap.enabled = shadowMapEnabled;
+                                       shadowMap.autoUpdate = shadowMapAutoUpdate;
+                                       shadowMap.needsUpdate = shadowMapNeedsUpdate;
+                                       shadowMap.type = shadowMapType;
+                               }
+
+                               function onMaterialDispose(event) {
+                                       const material = event.target;
+                                       material.removeEventListener('dispose', onMaterialDispose);
+                                       deallocateMaterial(material);
+                               } // Buffer deallocation
+
+
+                               function deallocateMaterial(material) {
+                                       releaseMaterialProgramReferences(material);
+                                       properties.remove(material);
+                               }
+
+                               function releaseMaterialProgramReferences(material) {
+                                       const programs = properties.get(material).programs;
+
+                                       if (programs !== undefined) {
+                                               programs.forEach(function (program) {
+                                                       programCache.releaseProgram(program);
+                                               });
+                                       }
+                               } // Buffer rendering
+
+
+                               function renderObjectImmediate(object, program) {
+                                       object.render(function (object) {
+                                               _this.renderBufferImmediate(object, program);
+                                       });
+                               }
+
+                               this.renderBufferImmediate = function (object, program) {
+                                       bindingStates.initAttributes();
+                                       const buffers = properties.get(object);
+                                       if (object.hasPositions && !buffers.position) buffers.position = _gl.createBuffer();
+                                       if (object.hasNormals && !buffers.normal) buffers.normal = _gl.createBuffer();
+                                       if (object.hasUvs && !buffers.uv) buffers.uv = _gl.createBuffer();
+                                       if (object.hasColors && !buffers.color) buffers.color = _gl.createBuffer();
+                                       const programAttributes = program.getAttributes();
+
+                                       if (object.hasPositions) {
+                                               _gl.bindBuffer(_gl.ARRAY_BUFFER, buffers.position);
+
+                                               _gl.bufferData(_gl.ARRAY_BUFFER, object.positionArray, _gl.DYNAMIC_DRAW);
+
+                                               bindingStates.enableAttribute(programAttributes.position.location);
+
+                                               _gl.vertexAttribPointer(programAttributes.position.location, 3, _gl.FLOAT, false, 0, 0);
+                                       }
+
+                                       if (object.hasNormals) {
+                                               _gl.bindBuffer(_gl.ARRAY_BUFFER, buffers.normal);
+
+                                               _gl.bufferData(_gl.ARRAY_BUFFER, object.normalArray, _gl.DYNAMIC_DRAW);
+
+                                               bindingStates.enableAttribute(programAttributes.normal.location);
+
+                                               _gl.vertexAttribPointer(programAttributes.normal.location, 3, _gl.FLOAT, false, 0, 0);
+                                       }
+
+                                       if (object.hasUvs) {
+                                               _gl.bindBuffer(_gl.ARRAY_BUFFER, buffers.uv);
+
+                                               _gl.bufferData(_gl.ARRAY_BUFFER, object.uvArray, _gl.DYNAMIC_DRAW);
+
+                                               bindingStates.enableAttribute(programAttributes.uv.location);
+
+                                               _gl.vertexAttribPointer(programAttributes.uv.location, 2, _gl.FLOAT, false, 0, 0);
+                                       }
+
+                                       if (object.hasColors) {
+                                               _gl.bindBuffer(_gl.ARRAY_BUFFER, buffers.color);
+
+                                               _gl.bufferData(_gl.ARRAY_BUFFER, object.colorArray, _gl.DYNAMIC_DRAW);
+
+                                               bindingStates.enableAttribute(programAttributes.color.location);
+
+                                               _gl.vertexAttribPointer(programAttributes.color.location, 3, _gl.FLOAT, false, 0, 0);
+                                       }
+
+                                       bindingStates.disableUnusedAttributes();
+
+                                       _gl.drawArrays(_gl.TRIANGLES, 0, object.count);
+
+                                       object.count = 0;
+                               };
+
+                               this.renderBufferDirect = function (camera, scene, geometry, material, object, group) {
+                                       if (scene === null) scene = _emptyScene; // renderBufferDirect second parameter used to be fog (could be null)
+
+                                       const frontFaceCW = object.isMesh && object.matrixWorld.determinant() < 0;
+                                       const program = setProgram(camera, scene, material, object);
+                                       state.setMaterial(material, frontFaceCW); //
+
+                                       let index = geometry.index;
+                                       const position = geometry.attributes.position; //
+
+                                       if (index === null) {
+                                               if (position === undefined || position.count === 0) return;
+                                       } else if (index.count === 0) {
+                                               return;
+                                       } //
+
+
+                                       let rangeFactor = 1;
+
+                                       if (material.wireframe === true) {
+                                               index = geometries.getWireframeAttribute(geometry);
+                                               rangeFactor = 2;
+                                       }
+
+                                       if (geometry.morphAttributes.position !== undefined || geometry.morphAttributes.normal !== undefined) {
+                                               morphtargets.update(object, geometry, material, program);
+                                       }
+
+                                       bindingStates.setup(object, material, program, geometry, index);
+                                       let attribute;
+                                       let renderer = bufferRenderer;
+
+                                       if (index !== null) {
+                                               attribute = attributes.get(index);
+                                               renderer = indexedBufferRenderer;
+                                               renderer.setIndex(attribute);
+                                       } //
+
+
+                                       const dataCount = index !== null ? index.count : position.count;
+                                       const rangeStart = geometry.drawRange.start * rangeFactor;
+                                       const rangeCount = geometry.drawRange.count * rangeFactor;
+                                       const groupStart = group !== null ? group.start * rangeFactor : 0;
+                                       const groupCount = group !== null ? group.count * rangeFactor : Infinity;
+                                       const drawStart = Math.max(rangeStart, groupStart);
+                                       const drawEnd = Math.min(dataCount, rangeStart + rangeCount, groupStart + groupCount) - 1;
+                                       const drawCount = Math.max(0, drawEnd - drawStart + 1);
+                                       if (drawCount === 0) return; //
+
+                                       if (object.isMesh) {
+                                               if (material.wireframe === true) {
+                                                       state.setLineWidth(material.wireframeLinewidth * getTargetPixelRatio());
+                                                       renderer.setMode(_gl.LINES);
+                                               } else {
+                                                       renderer.setMode(_gl.TRIANGLES);
+                                               }
+                                       } else if (object.isLine) {
+                                               let lineWidth = material.linewidth;
+                                               if (lineWidth === undefined) lineWidth = 1; // Not using Line*Material
+
+                                               state.setLineWidth(lineWidth * getTargetPixelRatio());
+
+                                               if (object.isLineSegments) {
+                                                       renderer.setMode(_gl.LINES);
+                                               } else if (object.isLineLoop) {
+                                                       renderer.setMode(_gl.LINE_LOOP);
+                                               } else {
+                                                       renderer.setMode(_gl.LINE_STRIP);
+                                               }
+                                       } else if (object.isPoints) {
+                                               renderer.setMode(_gl.POINTS);
+                                       } else if (object.isSprite) {
+                                               renderer.setMode(_gl.TRIANGLES);
+                                       }
+
+                                       if (object.isInstancedMesh) {
+                                               renderer.renderInstances(drawStart, drawCount, object.count);
+                                       } else if (geometry.isInstancedBufferGeometry) {
+                                               const instanceCount = Math.min(geometry.instanceCount, geometry._maxInstanceCount);
+                                               renderer.renderInstances(drawStart, drawCount, instanceCount);
+                                       } else {
+                                               renderer.render(drawStart, drawCount);
+                                       }
+                               }; // Compile
+
+
+                               this.compile = function (scene, camera) {
+                                       currentRenderState = renderStates.get(scene);
+                                       currentRenderState.init();
+                                       renderStateStack.push(currentRenderState);
+                                       scene.traverseVisible(function (object) {
+                                               if (object.isLight && object.layers.test(camera.layers)) {
+                                                       currentRenderState.pushLight(object);
+
+                                                       if (object.castShadow) {
+                                                               currentRenderState.pushShadow(object);
+                                                       }
+                                               }
+                                       });
+                                       currentRenderState.setupLights(_this.physicallyCorrectLights);
+                                       scene.traverse(function (object) {
+                                               const material = object.material;
+
+                                               if (material) {
+                                                       if (Array.isArray(material)) {
+                                                               for (let i = 0; i < material.length; i++) {
+                                                                       const material2 = material[i];
+                                                                       getProgram(material2, scene, object);
+                                                               }
+                                                       } else {
+                                                               getProgram(material, scene, object);
+                                                       }
+                                               }
+                                       });
+                                       renderStateStack.pop();
+                                       currentRenderState = null;
+                               }; // Animation Loop
+
+
+                               let onAnimationFrameCallback = null;
+
+                               function onAnimationFrame(time) {
+                                       if (onAnimationFrameCallback) onAnimationFrameCallback(time);
+                               }
+
+                               function onXRSessionStart() {
+                                       animation.stop();
+                               }
+
+                               function onXRSessionEnd() {
+                                       animation.start();
+                               }
+
+                               const animation = new WebGLAnimation();
+                               animation.setAnimationLoop(onAnimationFrame);
+                               if (typeof window !== 'undefined') animation.setContext(window);
+
+                               this.setAnimationLoop = function (callback) {
+                                       onAnimationFrameCallback = callback;
+                                       xr.setAnimationLoop(callback);
+                                       callback === null ? animation.stop() : animation.start();
+                               };
+
+                               xr.addEventListener('sessionstart', onXRSessionStart);
+                               xr.addEventListener('sessionend', onXRSessionEnd); // Rendering
+
+                               this.render = function (scene, camera) {
+                                       if (camera !== undefined && camera.isCamera !== true) {
+                                               console.error('THREE.WebGLRenderer.render: camera is not an instance of THREE.Camera.');
+                                               return;
+                                       }
+
+                                       if (_isContextLost === true) return; // update scene graph
+
+                                       if (scene.autoUpdate === true) scene.updateMatrixWorld(); // update camera matrices and frustum
+
+                                       if (camera.parent === null) camera.updateMatrixWorld();
+
+                                       if (xr.enabled === true && xr.isPresenting === true) {
+                                               if (xr.cameraAutoUpdate === true) xr.updateCamera(camera);
+                                               camera = xr.getCamera(); // use XR camera for rendering
+                                       } //
+
+
+                                       if (scene.isScene === true) scene.onBeforeRender(_this, scene, camera, _currentRenderTarget);
+                                       currentRenderState = renderStates.get(scene, renderStateStack.length);
+                                       currentRenderState.init();
+                                       renderStateStack.push(currentRenderState);
+
+                                       _projScreenMatrix.multiplyMatrices(camera.projectionMatrix, camera.matrixWorldInverse);
+
+                                       _frustum.setFromProjectionMatrix(_projScreenMatrix);
+
+                                       _localClippingEnabled = this.localClippingEnabled;
+                                       _clippingEnabled = clipping.init(this.clippingPlanes, _localClippingEnabled, camera);
+                                       currentRenderList = renderLists.get(scene, renderListStack.length);
+                                       currentRenderList.init();
+                                       renderListStack.push(currentRenderList);
+                                       projectObject(scene, camera, 0, _this.sortObjects);
+                                       currentRenderList.finish();
+
+                                       if (_this.sortObjects === true) {
+                                               currentRenderList.sort(_opaqueSort, _transparentSort);
+                                       } //
+
+
+                                       if (_clippingEnabled === true) clipping.beginShadows();
+                                       const shadowsArray = currentRenderState.state.shadowsArray;
+                                       shadowMap.render(shadowsArray, scene, camera);
+                                       if (_clippingEnabled === true) clipping.endShadows(); //
+
+                                       if (this.info.autoReset === true) this.info.reset(); //
+
+                                       background.render(currentRenderList, scene); // render scene
+
+                                       currentRenderState.setupLights(_this.physicallyCorrectLights);
+
+                                       if (camera.isArrayCamera) {
+                                               const cameras = camera.cameras;
+
+                                               for (let i = 0, l = cameras.length; i < l; i++) {
+                                                       const camera2 = cameras[i];
+                                                       renderScene(currentRenderList, scene, camera2, camera2.viewport);
+                                               }
+                                       } else {
+                                               renderScene(currentRenderList, scene, camera);
+                                       } //
+
+
+                                       if (_currentRenderTarget !== null) {
+                                               // resolve multisample renderbuffers to a single-sample texture if necessary
+                                               textures.updateMultisampleRenderTarget(_currentRenderTarget); // Generate mipmap if we're using any kind of mipmap filtering
+
+                                               textures.updateRenderTargetMipmap(_currentRenderTarget);
+                                       } //
+
+
+                                       if (scene.isScene === true) scene.onAfterRender(_this, scene, camera); // Ensure depth buffer writing is enabled so it can be cleared on next render
+
+                                       state.buffers.depth.setTest(true);
+                                       state.buffers.depth.setMask(true);
+                                       state.buffers.color.setMask(true);
+                                       state.setPolygonOffset(false); // _gl.finish();
+
+                                       bindingStates.resetDefaultState();
+                                       _currentMaterialId = -1;
+                                       _currentCamera = null;
+                                       renderStateStack.pop();
+
+                                       if (renderStateStack.length > 0) {
+                                               currentRenderState = renderStateStack[renderStateStack.length - 1];
+                                       } else {
+                                               currentRenderState = null;
+                                       }
+
+                                       renderListStack.pop();
+
+                                       if (renderListStack.length > 0) {
+                                               currentRenderList = renderListStack[renderListStack.length - 1];
+                                       } else {
+                                               currentRenderList = null;
+                                       }
+                               };
+
+                               function projectObject(object, camera, groupOrder, sortObjects) {
+                                       if (object.visible === false) return;
+                                       const visible = object.layers.test(camera.layers);
+
+                                       if (visible) {
+                                               if (object.isGroup) {
+                                                       groupOrder = object.renderOrder;
+                                               } else if (object.isLOD) {
+                                                       if (object.autoUpdate === true) object.update(camera);
+                                               } else if (object.isLight) {
+                                                       currentRenderState.pushLight(object);
+
+                                                       if (object.castShadow) {
+                                                               currentRenderState.pushShadow(object);
+                                                       }
+                                               } else if (object.isSprite) {
+                                                       if (!object.frustumCulled || _frustum.intersectsSprite(object)) {
+                                                               if (sortObjects) {
+                                                                       _vector3.setFromMatrixPosition(object.matrixWorld).applyMatrix4(_projScreenMatrix);
+                                                               }
+
+                                                               const geometry = objects.update(object);
+                                                               const material = object.material;
+
+                                                               if (material.visible) {
+                                                                       currentRenderList.push(object, geometry, material, groupOrder, _vector3.z, null);
+                                                               }
+                                                       }
+                                               } else if (object.isImmediateRenderObject) {
+                                                       if (sortObjects) {
+                                                               _vector3.setFromMatrixPosition(object.matrixWorld).applyMatrix4(_projScreenMatrix);
+                                                       }
+
+                                                       currentRenderList.push(object, null, object.material, groupOrder, _vector3.z, null);
+                                               } else if (object.isMesh || object.isLine || object.isPoints) {
+                                                       if (object.isSkinnedMesh) {
+                                                               // update skeleton only once in a frame
+                                                               if (object.skeleton.frame !== info.render.frame) {
+                                                                       object.skeleton.update();
+                                                                       object.skeleton.frame = info.render.frame;
+                                                               }
+                                                       }
+
+                                                       if (!object.frustumCulled || _frustum.intersectsObject(object)) {
+                                                               if (sortObjects) {
+                                                                       _vector3.setFromMatrixPosition(object.matrixWorld).applyMatrix4(_projScreenMatrix);
+                                                               }
+
+                                                               const geometry = objects.update(object);
+                                                               const material = object.material;
+
+                                                               if (Array.isArray(material)) {
+                                                                       const groups = geometry.groups;
+
+                                                                       for (let i = 0, l = groups.length; i < l; i++) {
+                                                                               const group = groups[i];
+                                                                               const groupMaterial = material[group.materialIndex];
+
+                                                                               if (groupMaterial && groupMaterial.visible) {
+                                                                                       currentRenderList.push(object, geometry, groupMaterial, groupOrder, _vector3.z, group);
+                                                                               }
+                                                                       }
+                                                               } else if (material.visible) {
+                                                                       currentRenderList.push(object, geometry, material, groupOrder, _vector3.z, null);
+                                                               }
+                                                       }
+                                               }
+                                       }
+
+                                       const children = object.children;
+
+                                       for (let i = 0, l = children.length; i < l; i++) {
+                                               projectObject(children[i], camera, groupOrder, sortObjects);
+                                       }
+                               }
+
+                               function renderScene(currentRenderList, scene, camera, viewport) {
+                                       const opaqueObjects = currentRenderList.opaque;
+                                       const transmissiveObjects = currentRenderList.transmissive;
+                                       const transparentObjects = currentRenderList.transparent;
+                                       currentRenderState.setupLightsView(camera);
+                                       if (transmissiveObjects.length > 0) renderTransmissionPass(opaqueObjects, scene, camera);
+                                       if (viewport) state.viewport(_currentViewport.copy(viewport));
+                                       if (opaqueObjects.length > 0) renderObjects(opaqueObjects, scene, camera);
+                                       if (transmissiveObjects.length > 0) renderObjects(transmissiveObjects, scene, camera);
+                                       if (transparentObjects.length > 0) renderObjects(transparentObjects, scene, camera);
+                               }
+
+                               function renderTransmissionPass(opaqueObjects, scene, camera) {
+                                       if (_transmissionRenderTarget === null) {
+                                               const needsAntialias = _antialias === true && capabilities.isWebGL2 === true;
+                                               const renderTargetType = needsAntialias ? WebGLMultisampleRenderTarget : WebGLRenderTarget;
+                                               _transmissionRenderTarget = new renderTargetType(1024, 1024, {
+                                                       generateMipmaps: true,
+                                                       type: utils.convert(HalfFloatType) !== null ? HalfFloatType : UnsignedByteType,
+                                                       minFilter: LinearMipmapLinearFilter,
+                                                       magFilter: NearestFilter,
+                                                       wrapS: ClampToEdgeWrapping,
+                                                       wrapT: ClampToEdgeWrapping
+                                               });
+                                       }
+
+                                       const currentRenderTarget = _this.getRenderTarget();
+
+                                       _this.setRenderTarget(_transmissionRenderTarget);
+
+                                       _this.clear(); // Turn off the features which can affect the frag color for opaque objects pass.
+                                       // Otherwise they are applied twice in opaque objects pass and transmission objects pass.
+
+
+                                       const currentToneMapping = _this.toneMapping;
+                                       _this.toneMapping = NoToneMapping;
+                                       renderObjects(opaqueObjects, scene, camera);
+                                       _this.toneMapping = currentToneMapping;
+                                       textures.updateMultisampleRenderTarget(_transmissionRenderTarget);
+                                       textures.updateRenderTargetMipmap(_transmissionRenderTarget);
+
+                                       _this.setRenderTarget(currentRenderTarget);
+                               }
+
+                               function renderObjects(renderList, scene, camera) {
+                                       const overrideMaterial = scene.isScene === true ? scene.overrideMaterial : null;
+
+                                       for (let i = 0, l = renderList.length; i < l; i++) {
+                                               const renderItem = renderList[i];
+                                               const object = renderItem.object;
+                                               const geometry = renderItem.geometry;
+                                               const material = overrideMaterial === null ? renderItem.material : overrideMaterial;
+                                               const group = renderItem.group;
+
+                                               if (object.layers.test(camera.layers)) {
+                                                       renderObject(object, scene, camera, geometry, material, group);
+                                               }
+                                       }
+                               }
+
+                               function renderObject(object, scene, camera, geometry, material, group) {
+                                       object.onBeforeRender(_this, scene, camera, geometry, material, group);
+                                       object.modelViewMatrix.multiplyMatrices(camera.matrixWorldInverse, object.matrixWorld);
+                                       object.normalMatrix.getNormalMatrix(object.modelViewMatrix);
+
+                                       if (object.isImmediateRenderObject) {
+                                               const program = setProgram(camera, scene, material, object);
+                                               state.setMaterial(material);
+                                               bindingStates.reset();
+                                               renderObjectImmediate(object, program);
+                                       } else {
+                                               if (material.transparent === true && material.side === DoubleSide) {
+                                                       material.side = BackSide;
+                                                       material.needsUpdate = true;
+
+                                                       _this.renderBufferDirect(camera, scene, geometry, material, object, group);
+
+                                                       material.side = FrontSide;
+                                                       material.needsUpdate = true;
+
+                                                       _this.renderBufferDirect(camera, scene, geometry, material, object, group);
+
+                                                       material.side = DoubleSide;
+                                               } else {
+                                                       _this.renderBufferDirect(camera, scene, geometry, material, object, group);
+                                               }
+                                       }
+
+                                       object.onAfterRender(_this, scene, camera, geometry, material, group);
+                               }
+
+                               function getProgram(material, scene, object) {
+                                       if (scene.isScene !== true) scene = _emptyScene; // scene could be a Mesh, Line, Points, ...
+
+                                       const materialProperties = properties.get(material);
+                                       const lights = currentRenderState.state.lights;
+                                       const shadowsArray = currentRenderState.state.shadowsArray;
+                                       const lightsStateVersion = lights.state.version;
+                                       const parameters = programCache.getParameters(material, lights.state, shadowsArray, scene, object);
+                                       const programCacheKey = programCache.getProgramCacheKey(parameters);
+                                       let programs = materialProperties.programs; // always update environment and fog - changing these trigger an getProgram call, but it's possible that the program doesn't change
+
+                                       materialProperties.environment = material.isMeshStandardMaterial ? scene.environment : null;
+                                       materialProperties.fog = scene.fog;
+                                       materialProperties.envMap = (material.isMeshStandardMaterial ? cubeuvmaps : cubemaps).get(material.envMap || materialProperties.environment);
+
+                                       if (programs === undefined) {
+                                               // new material
+                                               material.addEventListener('dispose', onMaterialDispose);
+                                               programs = new Map();
+                                               materialProperties.programs = programs;
+                                       }
+
+                                       let program = programs.get(programCacheKey);
+
+                                       if (program !== undefined) {
+                                               // early out if program and light state is identical
+                                               if (materialProperties.currentProgram === program && materialProperties.lightsStateVersion === lightsStateVersion) {
+                                                       updateCommonMaterialProperties(material, parameters);
+                                                       return program;
+                                               }
+                                       } else {
+                                               parameters.uniforms = programCache.getUniforms(material);
+                                               material.onBuild(parameters, _this);
+                                               material.onBeforeCompile(parameters, _this);
+                                               program = programCache.acquireProgram(parameters, programCacheKey);
+                                               programs.set(programCacheKey, program);
+                                               materialProperties.uniforms = parameters.uniforms;
+                                       }
+
+                                       const uniforms = materialProperties.uniforms;
+
+                                       if (!material.isShaderMaterial && !material.isRawShaderMaterial || material.clipping === true) {
+                                               uniforms.clippingPlanes = clipping.uniform;
+                                       }
+
+                                       updateCommonMaterialProperties(material, parameters); // store the light setup it was created for
+
+                                       materialProperties.needsLights = materialNeedsLights(material);
+                                       materialProperties.lightsStateVersion = lightsStateVersion;
+
+                                       if (materialProperties.needsLights) {
+                                               // wire up the material to this renderer's lighting state
+                                               uniforms.ambientLightColor.value = lights.state.ambient;
+                                               uniforms.lightProbe.value = lights.state.probe;
+                                               uniforms.directionalLights.value = lights.state.directional;
+                                               uniforms.directionalLightShadows.value = lights.state.directionalShadow;
+                                               uniforms.spotLights.value = lights.state.spot;
+                                               uniforms.spotLightShadows.value = lights.state.spotShadow;
+                                               uniforms.rectAreaLights.value = lights.state.rectArea;
+                                               uniforms.ltc_1.value = lights.state.rectAreaLTC1;
+                                               uniforms.ltc_2.value = lights.state.rectAreaLTC2;
+                                               uniforms.pointLights.value = lights.state.point;
+                                               uniforms.pointLightShadows.value = lights.state.pointShadow;
+                                               uniforms.hemisphereLights.value = lights.state.hemi;
+                                               uniforms.directionalShadowMap.value = lights.state.directionalShadowMap;
+                                               uniforms.directionalShadowMatrix.value = lights.state.directionalShadowMatrix;
+                                               uniforms.spotShadowMap.value = lights.state.spotShadowMap;
+                                               uniforms.spotShadowMatrix.value = lights.state.spotShadowMatrix;
+                                               uniforms.pointShadowMap.value = lights.state.pointShadowMap;
+                                               uniforms.pointShadowMatrix.value = lights.state.pointShadowMatrix; // TODO (abelnation): add area lights shadow info to uniforms
+                                       }
+
+                                       const progUniforms = program.getUniforms();
+                                       const uniformsList = WebGLUniforms.seqWithValue(progUniforms.seq, uniforms);
+                                       materialProperties.currentProgram = program;
+                                       materialProperties.uniformsList = uniformsList;
+                                       return program;
+                               }
+
+                               function updateCommonMaterialProperties(material, parameters) {
+                                       const materialProperties = properties.get(material);
+                                       materialProperties.outputEncoding = parameters.outputEncoding;
+                                       materialProperties.instancing = parameters.instancing;
+                                       materialProperties.skinning = parameters.skinning;
+                                       materialProperties.morphTargets = parameters.morphTargets;
+                                       materialProperties.morphNormals = parameters.morphNormals;
+                                       materialProperties.numClippingPlanes = parameters.numClippingPlanes;
+                                       materialProperties.numIntersection = parameters.numClipIntersection;
+                                       materialProperties.vertexAlphas = parameters.vertexAlphas;
+                                       materialProperties.vertexTangents = parameters.vertexTangents;
+                               }
+
+                               function setProgram(camera, scene, material, object) {
+                                       if (scene.isScene !== true) scene = _emptyScene; // scene could be a Mesh, Line, Points, ...
+
+                                       textures.resetTextureUnits();
+                                       const fog = scene.fog;
+                                       const environment = material.isMeshStandardMaterial ? scene.environment : null;
+                                       const encoding = _currentRenderTarget === null ? _this.outputEncoding : _currentRenderTarget.texture.encoding;
+                                       const envMap = (material.isMeshStandardMaterial ? cubeuvmaps : cubemaps).get(material.envMap || environment);
+                                       const vertexAlphas = material.vertexColors === true && !!object.geometry && !!object.geometry.attributes.color && object.geometry.attributes.color.itemSize === 4;
+                                       const vertexTangents = !!object.geometry && !!object.geometry.attributes.tangent;
+                                       const morphTargets = !!object.geometry && !!object.geometry.morphAttributes.position;
+                                       const morphNormals = !!object.geometry && !!object.geometry.morphAttributes.normal;
+                                       const materialProperties = properties.get(material);
+                                       const lights = currentRenderState.state.lights;
+
+                                       if (_clippingEnabled === true) {
+                                               if (_localClippingEnabled === true || camera !== _currentCamera) {
+                                                       const useCache = camera === _currentCamera && material.id === _currentMaterialId; // we might want to call this function with some ClippingGroup
+                                                       // object instead of the material, once it becomes feasible
+                                                       // (#8465, #8379)
+
+                                                       clipping.setState(material, camera, useCache);
+                                               }
+                                       } //
+
+
+                                       let needsProgramChange = false;
+
+                                       if (material.version === materialProperties.__version) {
+                                               if (materialProperties.needsLights && materialProperties.lightsStateVersion !== lights.state.version) {
+                                                       needsProgramChange = true;
+                                               } else if (materialProperties.outputEncoding !== encoding) {
+                                                       needsProgramChange = true;
+                                               } else if (object.isInstancedMesh && materialProperties.instancing === false) {
+                                                       needsProgramChange = true;
+                                               } else if (!object.isInstancedMesh && materialProperties.instancing === true) {
+                                                       needsProgramChange = true;
+                                               } else if (object.isSkinnedMesh && materialProperties.skinning === false) {
+                                                       needsProgramChange = true;
+                                               } else if (!object.isSkinnedMesh && materialProperties.skinning === true) {
+                                                       needsProgramChange = true;
+                                               } else if (materialProperties.envMap !== envMap) {
+                                                       needsProgramChange = true;
+                                               } else if (material.fog && materialProperties.fog !== fog) {
+                                                       needsProgramChange = true;
+                                               } else if (materialProperties.numClippingPlanes !== undefined && (materialProperties.numClippingPlanes !== clipping.numPlanes || materialProperties.numIntersection !== clipping.numIntersection)) {
+                                                       needsProgramChange = true;
+                                               } else if (materialProperties.vertexAlphas !== vertexAlphas) {
+                                                       needsProgramChange = true;
+                                               } else if (materialProperties.vertexTangents !== vertexTangents) {
+                                                       needsProgramChange = true;
+                                               } else if (materialProperties.morphTargets !== morphTargets) {
+                                                       needsProgramChange = true;
+                                               } else if (materialProperties.morphNormals !== morphNormals) {
+                                                       needsProgramChange = true;
+                                               }
+                                       } else {
+                                               needsProgramChange = true;
+                                               materialProperties.__version = material.version;
+                                       } //
+
+
+                                       let program = materialProperties.currentProgram;
+
+                                       if (needsProgramChange === true) {
+                                               program = getProgram(material, scene, object);
+                                       }
+
+                                       let refreshProgram = false;
+                                       let refreshMaterial = false;
+                                       let refreshLights = false;
+                                       const p_uniforms = program.getUniforms(),
+                                               m_uniforms = materialProperties.uniforms;
+
+                                       if (state.useProgram(program.program)) {
+                                               refreshProgram = true;
+                                               refreshMaterial = true;
+                                               refreshLights = true;
+                                       }
+
+                                       if (material.id !== _currentMaterialId) {
+                                               _currentMaterialId = material.id;
+                                               refreshMaterial = true;
+                                       }
+
+                                       if (refreshProgram || _currentCamera !== camera) {
+                                               p_uniforms.setValue(_gl, 'projectionMatrix', camera.projectionMatrix);
+
+                                               if (capabilities.logarithmicDepthBuffer) {
+                                                       p_uniforms.setValue(_gl, 'logDepthBufFC', 2.0 / (Math.log(camera.far + 1.0) / Math.LN2));
+                                               }
+
+                                               if (_currentCamera !== camera) {
+                                                       _currentCamera = camera; // lighting uniforms depend on the camera so enforce an update
+                                                       // now, in case this material supports lights - or later, when
+                                                       // the next material that does gets activated:
+
+                                                       refreshMaterial = true; // set to true on material change
+
+                                                       refreshLights = true; // remains set until update done
+                                               } // load material specific uniforms
+                                               // (shader material also gets them for the sake of genericity)
+
+
+                                               if (material.isShaderMaterial || material.isMeshPhongMaterial || material.isMeshToonMaterial || material.isMeshStandardMaterial || material.envMap) {
+                                                       const uCamPos = p_uniforms.map.cameraPosition;
+
+                                                       if (uCamPos !== undefined) {
+                                                               uCamPos.setValue(_gl, _vector3.setFromMatrixPosition(camera.matrixWorld));
+                                                       }
+                                               }
+
+                                               if (material.isMeshPhongMaterial || material.isMeshToonMaterial || material.isMeshLambertMaterial || material.isMeshBasicMaterial || material.isMeshStandardMaterial || material.isShaderMaterial) {
+                                                       p_uniforms.setValue(_gl, 'isOrthographic', camera.isOrthographicCamera === true);
+                                               }
+
+                                               if (material.isMeshPhongMaterial || material.isMeshToonMaterial || material.isMeshLambertMaterial || material.isMeshBasicMaterial || material.isMeshStandardMaterial || material.isShaderMaterial || material.isShadowMaterial || object.isSkinnedMesh) {
+                                                       p_uniforms.setValue(_gl, 'viewMatrix', camera.matrixWorldInverse);
+                                               }
+                                       } // skinning uniforms must be set even if material didn't change
+                                       // auto-setting of texture unit for bone texture must go before other textures
+                                       // otherwise textures used for skinning can take over texture units reserved for other material textures
+
+
+                                       if (object.isSkinnedMesh) {
+                                               p_uniforms.setOptional(_gl, object, 'bindMatrix');
+                                               p_uniforms.setOptional(_gl, object, 'bindMatrixInverse');
+                                               const skeleton = object.skeleton;
+
+                                               if (skeleton) {
+                                                       if (capabilities.floatVertexTextures) {
+                                                               if (skeleton.boneTexture === null) skeleton.computeBoneTexture();
+                                                               p_uniforms.setValue(_gl, 'boneTexture', skeleton.boneTexture, textures);
+                                                               p_uniforms.setValue(_gl, 'boneTextureSize', skeleton.boneTextureSize);
+                                                       } else {
+                                                               p_uniforms.setOptional(_gl, skeleton, 'boneMatrices');
+                                                       }
+                                               }
+                                       }
+
+                                       if (refreshMaterial || materialProperties.receiveShadow !== object.receiveShadow) {
+                                               materialProperties.receiveShadow = object.receiveShadow;
+                                               p_uniforms.setValue(_gl, 'receiveShadow', object.receiveShadow);
+                                       }
+
+                                       if (refreshMaterial) {
+                                               p_uniforms.setValue(_gl, 'toneMappingExposure', _this.toneMappingExposure);
+
+                                               if (materialProperties.needsLights) {
+                                                       // the current material requires lighting info
+                                                       // note: all lighting uniforms are always set correctly
+                                                       // they simply reference the renderer's state for their
+                                                       // values
+                                                       //
+                                                       // use the current material's .needsUpdate flags to set
+                                                       // the GL state when required
+                                                       markUniformsLightsNeedsUpdate(m_uniforms, refreshLights);
+                                               } // refresh uniforms common to several materials
+
+
+                                               if (fog && material.fog) {
+                                                       materials.refreshFogUniforms(m_uniforms, fog);
+                                               }
+
+                                               materials.refreshMaterialUniforms(m_uniforms, material, _pixelRatio, _height, _transmissionRenderTarget);
+                                               WebGLUniforms.upload(_gl, materialProperties.uniformsList, m_uniforms, textures);
+                                       }
+
+                                       if (material.isShaderMaterial && material.uniformsNeedUpdate === true) {
+                                               WebGLUniforms.upload(_gl, materialProperties.uniformsList, m_uniforms, textures);
+                                               material.uniformsNeedUpdate = false;
+                                       }
+
+                                       if (material.isSpriteMaterial) {
+                                               p_uniforms.setValue(_gl, 'center', object.center);
+                                       } // common matrices
+
+
+                                       p_uniforms.setValue(_gl, 'modelViewMatrix', object.modelViewMatrix);
+                                       p_uniforms.setValue(_gl, 'normalMatrix', object.normalMatrix);
+                                       p_uniforms.setValue(_gl, 'modelMatrix', object.matrixWorld);
+                                       return program;
+                               } // If uniforms are marked as clean, they don't need to be loaded to the GPU.
+
+
+                               function markUniformsLightsNeedsUpdate(uniforms, value) {
+                                       uniforms.ambientLightColor.needsUpdate = value;
+                                       uniforms.lightProbe.needsUpdate = value;
+                                       uniforms.directionalLights.needsUpdate = value;
+                                       uniforms.directionalLightShadows.needsUpdate = value;
+                                       uniforms.pointLights.needsUpdate = value;
+                                       uniforms.pointLightShadows.needsUpdate = value;
+                                       uniforms.spotLights.needsUpdate = value;
+                                       uniforms.spotLightShadows.needsUpdate = value;
+                                       uniforms.rectAreaLights.needsUpdate = value;
+                                       uniforms.hemisphereLights.needsUpdate = value;
+                               }
+
+                               function materialNeedsLights(material) {
+                                       return material.isMeshLambertMaterial || material.isMeshToonMaterial || material.isMeshPhongMaterial || material.isMeshStandardMaterial || material.isShadowMaterial || material.isShaderMaterial && material.lights === true;
+                               }
+
+                               this.getActiveCubeFace = function () {
+                                       return _currentActiveCubeFace;
+                               };
+
+                               this.getActiveMipmapLevel = function () {
+                                       return _currentActiveMipmapLevel;
+                               };
+
+                               this.getRenderTarget = function () {
+                                       return _currentRenderTarget;
+                               };
+
+                               this.setRenderTarget = function (renderTarget, activeCubeFace = 0, activeMipmapLevel = 0) {
+                                       _currentRenderTarget = renderTarget;
+                                       _currentActiveCubeFace = activeCubeFace;
+                                       _currentActiveMipmapLevel = activeMipmapLevel;
+
+                                       if (renderTarget && properties.get(renderTarget).__webglFramebuffer === undefined) {
+                                               textures.setupRenderTarget(renderTarget);
+                                       }
+
+                                       let framebuffer = null;
+                                       let isCube = false;
+                                       let isRenderTarget3D = false;
+
+                                       if (renderTarget) {
+                                               const texture = renderTarget.texture;
+
+                                               if (texture.isDataTexture3D || texture.isDataTexture2DArray) {
+                                                       isRenderTarget3D = true;
+                                               }
+
+                                               const __webglFramebuffer = properties.get(renderTarget).__webglFramebuffer;
+
+                                               if (renderTarget.isWebGLCubeRenderTarget) {
+                                                       framebuffer = __webglFramebuffer[activeCubeFace];
+                                                       isCube = true;
+                                               } else if (renderTarget.isWebGLMultisampleRenderTarget) {
+                                                       framebuffer = properties.get(renderTarget).__webglMultisampledFramebuffer;
+                                               } else {
+                                                       framebuffer = __webglFramebuffer;
+                                               }
+
+                                               _currentViewport.copy(renderTarget.viewport);
+
+                                               _currentScissor.copy(renderTarget.scissor);
+
+                                               _currentScissorTest = renderTarget.scissorTest;
+                                       } else {
+                                               _currentViewport.copy(_viewport).multiplyScalar(_pixelRatio).floor();
+
+                                               _currentScissor.copy(_scissor).multiplyScalar(_pixelRatio).floor();
+
+                                               _currentScissorTest = _scissorTest;
+                                       }
+
+                                       const framebufferBound = state.bindFramebuffer(_gl.FRAMEBUFFER, framebuffer);
+
+                                       if (framebufferBound && capabilities.drawBuffers) {
+                                               let needsUpdate = false;
+
+                                               if (renderTarget) {
+                                                       if (renderTarget.isWebGLMultipleRenderTargets) {
+                                                               const textures = renderTarget.texture;
+
+                                                               if (_currentDrawBuffers.length !== textures.length || _currentDrawBuffers[0] !== _gl.COLOR_ATTACHMENT0) {
+                                                                       for (let i = 0, il = textures.length; i < il; i++) {
+                                                                               _currentDrawBuffers[i] = _gl.COLOR_ATTACHMENT0 + i;
+                                                                       }
+
+                                                                       _currentDrawBuffers.length = textures.length;
+                                                                       needsUpdate = true;
+                                                               }
+                                                       } else {
+                                                               if (_currentDrawBuffers.length !== 1 || _currentDrawBuffers[0] !== _gl.COLOR_ATTACHMENT0) {
+                                                                       _currentDrawBuffers[0] = _gl.COLOR_ATTACHMENT0;
+                                                                       _currentDrawBuffers.length = 1;
+                                                                       needsUpdate = true;
+                                                               }
+                                                       }
+                                               } else {
+                                                       if (_currentDrawBuffers.length !== 1 || _currentDrawBuffers[0] !== _gl.BACK) {
+                                                               _currentDrawBuffers[0] = _gl.BACK;
+                                                               _currentDrawBuffers.length = 1;
+                                                               needsUpdate = true;
+                                                       }
+                                               }
+
+                                               if (needsUpdate) {
+                                                       if (capabilities.isWebGL2) {
+                                                               _gl.drawBuffers(_currentDrawBuffers);
+                                                       } else {
+                                                               extensions.get('WEBGL_draw_buffers').drawBuffersWEBGL(_currentDrawBuffers);
+                                                       }
+                                               }
+                                       }
+
+                                       state.viewport(_currentViewport);
+                                       state.scissor(_currentScissor);
+                                       state.setScissorTest(_currentScissorTest);
+
+                                       if (isCube) {
+                                               const textureProperties = properties.get(renderTarget.texture);
+
+                                               _gl.framebufferTexture2D(_gl.FRAMEBUFFER, _gl.COLOR_ATTACHMENT0, _gl.TEXTURE_CUBE_MAP_POSITIVE_X + activeCubeFace, textureProperties.__webglTexture, activeMipmapLevel);
+                                       } else if (isRenderTarget3D) {
+                                               const textureProperties = properties.get(renderTarget.texture);
+                                               const layer = activeCubeFace || 0;
+
+                                               _gl.framebufferTextureLayer(_gl.FRAMEBUFFER, _gl.COLOR_ATTACHMENT0, textureProperties.__webglTexture, activeMipmapLevel || 0, layer);
+                                       }
+
+                                       _currentMaterialId = -1; // reset current material to ensure correct uniform bindings
+                               };
+
+                               this.readRenderTargetPixels = function (renderTarget, x, y, width, height, buffer, activeCubeFaceIndex) {
+                                       if (!(renderTarget && renderTarget.isWebGLRenderTarget)) {
+                                               console.error('THREE.WebGLRenderer.readRenderTargetPixels: renderTarget is not THREE.WebGLRenderTarget.');
+                                               return;
+                                       }
+
+                                       let framebuffer = properties.get(renderTarget).__webglFramebuffer;
+
+                                       if (renderTarget.isWebGLCubeRenderTarget && activeCubeFaceIndex !== undefined) {
+                                               framebuffer = framebuffer[activeCubeFaceIndex];
+                                       }
+
+                                       if (framebuffer) {
+                                               state.bindFramebuffer(_gl.FRAMEBUFFER, framebuffer);
+
+                                               try {
+                                                       const texture = renderTarget.texture;
+                                                       const textureFormat = texture.format;
+                                                       const textureType = texture.type;
+
+                                                       if (textureFormat !== RGBAFormat && utils.convert(textureFormat) !== _gl.getParameter(_gl.IMPLEMENTATION_COLOR_READ_FORMAT)) {
+                                                               console.error('THREE.WebGLRenderer.readRenderTargetPixels: renderTarget is not in RGBA or implementation defined format.');
+                                                               return;
+                                                       }
+
+                                                       const halfFloatSupportedByExt = textureType === HalfFloatType && (extensions.has('EXT_color_buffer_half_float') || capabilities.isWebGL2 && extensions.has('EXT_color_buffer_float'));
+
+                                                       if (textureType !== UnsignedByteType && utils.convert(textureType) !== _gl.getParameter(_gl.IMPLEMENTATION_COLOR_READ_TYPE) && // Edge and Chrome Mac < 52 (#9513)
+                                                               !(textureType === FloatType && (capabilities.isWebGL2 || extensions.has('OES_texture_float') || extensions.has('WEBGL_color_buffer_float'))) && // Chrome Mac >= 52 and Firefox
+                                                               !halfFloatSupportedByExt) {
+                                                               console.error('THREE.WebGLRenderer.readRenderTargetPixels: renderTarget is not in UnsignedByteType or implementation defined type.');
+                                                               return;
+                                                       }
+
+                                                       if (_gl.checkFramebufferStatus(_gl.FRAMEBUFFER) === _gl.FRAMEBUFFER_COMPLETE) {
+                                                               // the following if statement ensures valid read requests (no out-of-bounds pixels, see #8604)
+                                                               if (x >= 0 && x <= renderTarget.width - width && y >= 0 && y <= renderTarget.height - height) {
+                                                                       _gl.readPixels(x, y, width, height, utils.convert(textureFormat), utils.convert(textureType), buffer);
+                                                               }
+                                                       } else {
+                                                               console.error('THREE.WebGLRenderer.readRenderTargetPixels: readPixels from renderTarget failed. Framebuffer not complete.');
+                                                       }
+                                               } finally {
+                                                       // restore framebuffer of current render target if necessary
+                                                       const framebuffer = _currentRenderTarget !== null ? properties.get(_currentRenderTarget).__webglFramebuffer : null;
+                                                       state.bindFramebuffer(_gl.FRAMEBUFFER, framebuffer);
+                                               }
+                                       }
+                               };
+
+                               this.copyFramebufferToTexture = function (position, texture, level = 0) {
+                                       const levelScale = Math.pow(2, -level);
+                                       const width = Math.floor(texture.image.width * levelScale);
+                                       const height = Math.floor(texture.image.height * levelScale);
+                                       let glFormat = utils.convert(texture.format);
+
+                                       if (capabilities.isWebGL2) {
+                                               // Workaround for https://bugs.chromium.org/p/chromium/issues/detail?id=1120100
+                                               // Not needed in Chrome 93+
+                                               if (glFormat === _gl.RGB) glFormat = _gl.RGB8;
+                                               if (glFormat === _gl.RGBA) glFormat = _gl.RGBA8;
+                                       }
+
+                                       textures.setTexture2D(texture, 0);
+
+                                       _gl.copyTexImage2D(_gl.TEXTURE_2D, level, glFormat, position.x, position.y, width, height, 0);
+
+                                       state.unbindTexture();
+                               };
+
+                               this.copyTextureToTexture = function (position, srcTexture, dstTexture, level = 0) {
+                                       const width = srcTexture.image.width;
+                                       const height = srcTexture.image.height;
+                                       const glFormat = utils.convert(dstTexture.format);
+                                       const glType = utils.convert(dstTexture.type);
+                                       textures.setTexture2D(dstTexture, 0); // As another texture upload may have changed pixelStorei
+                                       // parameters, make sure they are correct for the dstTexture
+
+                                       _gl.pixelStorei(_gl.UNPACK_FLIP_Y_WEBGL, dstTexture.flipY);
+
+                                       _gl.pixelStorei(_gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL, dstTexture.premultiplyAlpha);
+
+                                       _gl.pixelStorei(_gl.UNPACK_ALIGNMENT, dstTexture.unpackAlignment);
+
+                                       if (srcTexture.isDataTexture) {
+                                               _gl.texSubImage2D(_gl.TEXTURE_2D, level, position.x, position.y, width, height, glFormat, glType, srcTexture.image.data);
+                                       } else {
+                                               if (srcTexture.isCompressedTexture) {
+                                                       _gl.compressedTexSubImage2D(_gl.TEXTURE_2D, level, position.x, position.y, srcTexture.mipmaps[0].width, srcTexture.mipmaps[0].height, glFormat, srcTexture.mipmaps[0].data);
+                                               } else {
+                                                       _gl.texSubImage2D(_gl.TEXTURE_2D, level, position.x, position.y, glFormat, glType, srcTexture.image);
+                                               }
+                                       } // Generate mipmaps only when copying level 0
+
+
+                                       if (level === 0 && dstTexture.generateMipmaps) _gl.generateMipmap(_gl.TEXTURE_2D);
+                                       state.unbindTexture();
+                               };
+
+                               this.copyTextureToTexture3D = function (sourceBox, position, srcTexture, dstTexture, level = 0) {
+                                       if (_this.isWebGL1Renderer) {
+                                               console.warn('THREE.WebGLRenderer.copyTextureToTexture3D: can only be used with WebGL2.');
+                                               return;
+                                       }
+
+                                       const width = sourceBox.max.x - sourceBox.min.x + 1;
+                                       const height = sourceBox.max.y - sourceBox.min.y + 1;
+                                       const depth = sourceBox.max.z - sourceBox.min.z + 1;
+                                       const glFormat = utils.convert(dstTexture.format);
+                                       const glType = utils.convert(dstTexture.type);
+                                       let glTarget;
+
+                                       if (dstTexture.isDataTexture3D) {
+                                               textures.setTexture3D(dstTexture, 0);
+                                               glTarget = _gl.TEXTURE_3D;
+                                       } else if (dstTexture.isDataTexture2DArray) {
+                                               textures.setTexture2DArray(dstTexture, 0);
+                                               glTarget = _gl.TEXTURE_2D_ARRAY;
+                                       } else {
+                                               console.warn('THREE.WebGLRenderer.copyTextureToTexture3D: only supports THREE.DataTexture3D and THREE.DataTexture2DArray.');
+                                               return;
+                                       }
+
+                                       _gl.pixelStorei(_gl.UNPACK_FLIP_Y_WEBGL, dstTexture.flipY);
+
+                                       _gl.pixelStorei(_gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL, dstTexture.premultiplyAlpha);
+
+                                       _gl.pixelStorei(_gl.UNPACK_ALIGNMENT, dstTexture.unpackAlignment);
+
+                                       const unpackRowLen = _gl.getParameter(_gl.UNPACK_ROW_LENGTH);
+
+                                       const unpackImageHeight = _gl.getParameter(_gl.UNPACK_IMAGE_HEIGHT);
+
+                                       const unpackSkipPixels = _gl.getParameter(_gl.UNPACK_SKIP_PIXELS);
+
+                                       const unpackSkipRows = _gl.getParameter(_gl.UNPACK_SKIP_ROWS);
+
+                                       const unpackSkipImages = _gl.getParameter(_gl.UNPACK_SKIP_IMAGES);
+
+                                       const image = srcTexture.isCompressedTexture ? srcTexture.mipmaps[0] : srcTexture.image;
+
+                                       _gl.pixelStorei(_gl.UNPACK_ROW_LENGTH, image.width);
+
+                                       _gl.pixelStorei(_gl.UNPACK_IMAGE_HEIGHT, image.height);
+
+                                       _gl.pixelStorei(_gl.UNPACK_SKIP_PIXELS, sourceBox.min.x);
+
+                                       _gl.pixelStorei(_gl.UNPACK_SKIP_ROWS, sourceBox.min.y);
+
+                                       _gl.pixelStorei(_gl.UNPACK_SKIP_IMAGES, sourceBox.min.z);
+
+                                       if (srcTexture.isDataTexture || srcTexture.isDataTexture3D) {
+                                               _gl.texSubImage3D(glTarget, level, position.x, position.y, position.z, width, height, depth, glFormat, glType, image.data);
+                                       } else {
+                                               if (srcTexture.isCompressedTexture) {
+                                                       console.warn('THREE.WebGLRenderer.copyTextureToTexture3D: untested support for compressed srcTexture.');
+
+                                                       _gl.compressedTexSubImage3D(glTarget, level, position.x, position.y, position.z, width, height, depth, glFormat, image.data);
+                                               } else {
+                                                       _gl.texSubImage3D(glTarget, level, position.x, position.y, position.z, width, height, depth, glFormat, glType, image);
+                                               }
+                                       }
+
+                                       _gl.pixelStorei(_gl.UNPACK_ROW_LENGTH, unpackRowLen);
+
+                                       _gl.pixelStorei(_gl.UNPACK_IMAGE_HEIGHT, unpackImageHeight);
+
+                                       _gl.pixelStorei(_gl.UNPACK_SKIP_PIXELS, unpackSkipPixels);
+
+                                       _gl.pixelStorei(_gl.UNPACK_SKIP_ROWS, unpackSkipRows);
+
+                                       _gl.pixelStorei(_gl.UNPACK_SKIP_IMAGES, unpackSkipImages); // Generate mipmaps only when copying level 0
+
+
+                                       if (level === 0 && dstTexture.generateMipmaps) _gl.generateMipmap(glTarget);
+                                       state.unbindTexture();
+                               };
+
+                               this.initTexture = function (texture) {
+                                       textures.setTexture2D(texture, 0);
+                                       state.unbindTexture();
+                               };
+
+                               this.resetState = function () {
+                                       _currentActiveCubeFace = 0;
+                                       _currentActiveMipmapLevel = 0;
+                                       _currentRenderTarget = null;
+                                       state.reset();
+                                       bindingStates.reset();
+                               };
+
+                               if (typeof __THREE_DEVTOOLS__ !== 'undefined') {
+                                       __THREE_DEVTOOLS__.dispatchEvent(new CustomEvent('observe', {
+                                               detail: this
+                                       })); // eslint-disable-line no-undef
+
+                               }
+                       }
+
+                       class WebGL1Renderer extends WebGLRenderer {
+                       }
+
+                       WebGL1Renderer.prototype.isWebGL1Renderer = true;
+
+                       class FogExp2 {
+                               constructor(color, density = 0.00025) {
+                                       this.name = '';
+                                       this.color = new Color(color);
+                                       this.density = density;
+                               }
+
+                               clone() {
+                                       return new FogExp2(this.color, this.density);
+                               }
+
+                               toJSON() {
+                                       return {
+                                               type: 'FogExp2',
+                                               color: this.color.getHex(),
+                                               density: this.density
+                                       };
+                               }
+
+                       }
+
+                       FogExp2.prototype.isFogExp2 = true;
+
+                       class Fog {
+                               constructor(color, near = 1, far = 1000) {
+                                       this.name = '';
+                                       this.color = new Color(color);
+                                       this.near = near;
+                                       this.far = far;
+                               }
+
+                               clone() {
+                                       return new Fog(this.color, this.near, this.far);
+                               }
+
+                               toJSON() {
+                                       return {
+                                               type: 'Fog',
+                                               color: this.color.getHex(),
+                                               near: this.near,
+                                               far: this.far
+                                       };
+                               }
+
+                       }
+
+                       Fog.prototype.isFog = true;
+
+                       class Scene extends Object3D {
+                               constructor() {
+                                       super();
+                                       this.type = 'Scene';
+                                       this.background = null;
+                                       this.environment = null;
+                                       this.fog = null;
+                                       this.overrideMaterial = null;
+                                       this.autoUpdate = true; // checked by the renderer
+
+                                       if (typeof __THREE_DEVTOOLS__ !== 'undefined') {
+                                               __THREE_DEVTOOLS__.dispatchEvent(new CustomEvent('observe', {
+                                                       detail: this
+                                               })); // eslint-disable-line no-undef
+
+                                       }
+                               }
+
+                               copy(source, recursive) {
+                                       super.copy(source, recursive);
+                                       if (source.background !== null) this.background = source.background.clone();
+                                       if (source.environment !== null) this.environment = source.environment.clone();
+                                       if (source.fog !== null) this.fog = source.fog.clone();
+                                       if (source.overrideMaterial !== null) this.overrideMaterial = source.overrideMaterial.clone();
+                                       this.autoUpdate = source.autoUpdate;
+                                       this.matrixAutoUpdate = source.matrixAutoUpdate;
+                                       return this;
+                               }
+
+                               toJSON(meta) {
+                                       const data = super.toJSON(meta);
+                                       if (this.fog !== null) data.object.fog = this.fog.toJSON();
+                                       return data;
+                               }
+
+                       }
+
+                       Scene.prototype.isScene = true;
+
+                       class InterleavedBuffer {
+                               constructor(array, stride) {
+                                       this.array = array;
+                                       this.stride = stride;
+                                       this.count = array !== undefined ? array.length / stride : 0;
+                                       this.usage = StaticDrawUsage;
+                                       this.updateRange = {
+                                               offset: 0,
+                                               count: -1
+                                       };
+                                       this.version = 0;
+                                       this.uuid = generateUUID();
+                               }
+
+                               onUploadCallback() {
+                               }
+
+                               set needsUpdate(value) {
+                                       if (value === true) this.version++;
+                               }
+
+                               setUsage(value) {
+                                       this.usage = value;
+                                       return this;
+                               }
+
+                               copy(source) {
+                                       this.array = new source.array.constructor(source.array);
+                                       this.count = source.count;
+                                       this.stride = source.stride;
+                                       this.usage = source.usage;
+                                       return this;
+                               }
+
+                               copyAt(index1, attribute, index2) {
+                                       index1 *= this.stride;
+                                       index2 *= attribute.stride;
+
+                                       for (let i = 0, l = this.stride; i < l; i++) {
+                                               this.array[index1 + i] = attribute.array[index2 + i];
+                                       }
+
+                                       return this;
+                               }
+
+                               set(value, offset = 0) {
+                                       this.array.set(value, offset);
+                                       return this;
+                               }
+
+                               clone(data) {
+                                       if (data.arrayBuffers === undefined) {
+                                               data.arrayBuffers = {};
+                                       }
+
+                                       if (this.array.buffer._uuid === undefined) {
+                                               this.array.buffer._uuid = generateUUID();
+                                       }
+
+                                       if (data.arrayBuffers[this.array.buffer._uuid] === undefined) {
+                                               data.arrayBuffers[this.array.buffer._uuid] = this.array.slice(0).buffer;
+                                       }
+
+                                       const array = new this.array.constructor(data.arrayBuffers[this.array.buffer._uuid]);
+                                       const ib = new this.constructor(array, this.stride);
+                                       ib.setUsage(this.usage);
+                                       return ib;
+                               }
+
+                               onUpload(callback) {
+                                       this.onUploadCallback = callback;
+                                       return this;
+                               }
+
+                               toJSON(data) {
+                                       if (data.arrayBuffers === undefined) {
+                                               data.arrayBuffers = {};
+                                       } // generate UUID for array buffer if necessary
+
+
+                                       if (this.array.buffer._uuid === undefined) {
+                                               this.array.buffer._uuid = generateUUID();
+                                       }
+
+                                       if (data.arrayBuffers[this.array.buffer._uuid] === undefined) {
+                                               data.arrayBuffers[this.array.buffer._uuid] = Array.prototype.slice.call(new Uint32Array(this.array.buffer));
+                                       } //
+
+
+                                       return {
+                                               uuid: this.uuid,
+                                               buffer: this.array.buffer._uuid,
+                                               type: this.array.constructor.name,
+                                               stride: this.stride
+                                       };
+                               }
+
+                       }
+
+                       InterleavedBuffer.prototype.isInterleavedBuffer = true;
+
+                       const _vector$6 = /*@__PURE__*/new Vector3();
+
+                       class InterleavedBufferAttribute {
+                               constructor(interleavedBuffer, itemSize, offset, normalized = false) {
+                                       this.name = '';
+                                       this.data = interleavedBuffer;
+                                       this.itemSize = itemSize;
+                                       this.offset = offset;
+                                       this.normalized = normalized === true;
+                               }
+
+                               get count() {
+                                       return this.data.count;
+                               }
+
+                               get array() {
+                                       return this.data.array;
+                               }
+
+                               set needsUpdate(value) {
+                                       this.data.needsUpdate = value;
+                               }
+
+                               applyMatrix4(m) {
+                                       for (let i = 0, l = this.data.count; i < l; i++) {
+                                               _vector$6.x = this.getX(i);
+                                               _vector$6.y = this.getY(i);
+                                               _vector$6.z = this.getZ(i);
+
+                                               _vector$6.applyMatrix4(m);
+
+                                               this.setXYZ(i, _vector$6.x, _vector$6.y, _vector$6.z);
+                                       }
+
+                                       return this;
+                               }
+
+                               applyNormalMatrix(m) {
+                                       for (let i = 0, l = this.count; i < l; i++) {
+                                               _vector$6.x = this.getX(i);
+                                               _vector$6.y = this.getY(i);
+                                               _vector$6.z = this.getZ(i);
+
+                                               _vector$6.applyNormalMatrix(m);
+
+                                               this.setXYZ(i, _vector$6.x, _vector$6.y, _vector$6.z);
+                                       }
+
+                                       return this;
+                               }
+
+                               transformDirection(m) {
+                                       for (let i = 0, l = this.count; i < l; i++) {
+                                               _vector$6.x = this.getX(i);
+                                               _vector$6.y = this.getY(i);
+                                               _vector$6.z = this.getZ(i);
+
+                                               _vector$6.transformDirection(m);
+
+                                               this.setXYZ(i, _vector$6.x, _vector$6.y, _vector$6.z);
+                                       }
+
+                                       return this;
+                               }
+
+                               setX(index, x) {
+                                       this.data.array[index * this.data.stride + this.offset] = x;
+                                       return this;
+                               }
+
+                               setY(index, y) {
+                                       this.data.array[index * this.data.stride + this.offset + 1] = y;
+                                       return this;
+                               }
+
+                               setZ(index, z) {
+                                       this.data.array[index * this.data.stride + this.offset + 2] = z;
+                                       return this;
+                               }
+
+                               setW(index, w) {
+                                       this.data.array[index * this.data.stride + this.offset + 3] = w;
+                                       return this;
+                               }
+
+                               getX(index) {
+                                       return this.data.array[index * this.data.stride + this.offset];
+                               }
+
+                               getY(index) {
+                                       return this.data.array[index * this.data.stride + this.offset + 1];
+                               }
+
+                               getZ(index) {
+                                       return this.data.array[index * this.data.stride + this.offset + 2];
+                               }
+
+                               getW(index) {
+                                       return this.data.array[index * this.data.stride + this.offset + 3];
+                               }
+
+                               setXY(index, x, y) {
+                                       index = index * this.data.stride + this.offset;
+                                       this.data.array[index + 0] = x;
+                                       this.data.array[index + 1] = y;
+                                       return this;
+                               }
+
+                               setXYZ(index, x, y, z) {
+                                       index = index * this.data.stride + this.offset;
+                                       this.data.array[index + 0] = x;
+                                       this.data.array[index + 1] = y;
+                                       this.data.array[index + 2] = z;
+                                       return this;
+                               }
+
+                               setXYZW(index, x, y, z, w) {
+                                       index = index * this.data.stride + this.offset;
+                                       this.data.array[index + 0] = x;
+                                       this.data.array[index + 1] = y;
+                                       this.data.array[index + 2] = z;
+                                       this.data.array[index + 3] = w;
+                                       return this;
+                               }
+
+                               clone(data) {
+                                       if (data === undefined) {
+                                               console.log('THREE.InterleavedBufferAttribute.clone(): Cloning an interlaved buffer attribute will deinterleave buffer data.');
+                                               const array = [];
+
+                                               for (let i = 0; i < this.count; i++) {
+                                                       const index = i * this.data.stride + this.offset;
+
+                                                       for (let j = 0; j < this.itemSize; j++) {
+                                                               array.push(this.data.array[index + j]);
+                                                       }
+                                               }
+
+                                               return new BufferAttribute(new this.array.constructor(array), this.itemSize, this.normalized);
+                                       } else {
+                                               if (data.interleavedBuffers === undefined) {
+                                                       data.interleavedBuffers = {};
+                                               }
+
+                                               if (data.interleavedBuffers[this.data.uuid] === undefined) {
+                                                       data.interleavedBuffers[this.data.uuid] = this.data.clone(data);
+                                               }
+
+                                               return new InterleavedBufferAttribute(data.interleavedBuffers[this.data.uuid], this.itemSize, this.offset, this.normalized);
+                                       }
+                               }
+
+                               toJSON(data) {
+                                       if (data === undefined) {
+                                               console.log('THREE.InterleavedBufferAttribute.toJSON(): Serializing an interlaved buffer attribute will deinterleave buffer data.');
+                                               const array = [];
+
+                                               for (let i = 0; i < this.count; i++) {
+                                                       const index = i * this.data.stride + this.offset;
+
+                                                       for (let j = 0; j < this.itemSize; j++) {
+                                                               array.push(this.data.array[index + j]);
+                                                       }
+                                               } // deinterleave data and save it as an ordinary buffer attribute for now
+
+
+                                               return {
+                                                       itemSize: this.itemSize,
+                                                       type: this.array.constructor.name,
+                                                       array: array,
+                                                       normalized: this.normalized
+                                               };
+                                       } else {
+                                               // save as true interlaved attribtue
+                                               if (data.interleavedBuffers === undefined) {
+                                                       data.interleavedBuffers = {};
+                                               }
+
+                                               if (data.interleavedBuffers[this.data.uuid] === undefined) {
+                                                       data.interleavedBuffers[this.data.uuid] = this.data.toJSON(data);
+                                               }
+
+                                               return {
+                                                       isInterleavedBufferAttribute: true,
+                                                       itemSize: this.itemSize,
+                                                       data: this.data.uuid,
+                                                       offset: this.offset,
+                                                       normalized: this.normalized
+                                               };
+                                       }
+                               }
+
+                       }
+
+                       InterleavedBufferAttribute.prototype.isInterleavedBufferAttribute = true;
+
+                       /**
+                        * parameters = {
+                        *      color: <hex>,
+                        *      map: new THREE.Texture( <Image> ),
+                        *      alphaMap: new THREE.Texture( <Image> ),
+                        *      rotation: <float>,
+                        *      sizeAttenuation: <bool>
+                        * }
+                        */
+
+                       class SpriteMaterial extends Material {
+                               constructor(parameters) {
+                                       super();
+                                       this.type = 'SpriteMaterial';
+                                       this.color = new Color(0xffffff);
+                                       this.map = null;
+                                       this.alphaMap = null;
+                                       this.rotation = 0;
+                                       this.sizeAttenuation = true;
+                                       this.transparent = true;
+                                       this.setValues(parameters);
+                               }
+
+                               copy(source) {
+                                       super.copy(source);
+                                       this.color.copy(source.color);
+                                       this.map = source.map;
+                                       this.alphaMap = source.alphaMap;
+                                       this.rotation = source.rotation;
+                                       this.sizeAttenuation = source.sizeAttenuation;
+                                       return this;
+                               }
+
+                       }
+
+                       SpriteMaterial.prototype.isSpriteMaterial = true;
+
+                       let _geometry;
+
+                       const _intersectPoint = /*@__PURE__*/new Vector3();
+
+                       const _worldScale = /*@__PURE__*/new Vector3();
+
+                       const _mvPosition = /*@__PURE__*/new Vector3();
+
+                       const _alignedPosition = /*@__PURE__*/new Vector2();
+
+                       const _rotatedPosition = /*@__PURE__*/new Vector2();
+
+                       const _viewWorldMatrix = /*@__PURE__*/new Matrix4();
+
+                       const _vA = /*@__PURE__*/new Vector3();
+
+                       const _vB = /*@__PURE__*/new Vector3();
+
+                       const _vC = /*@__PURE__*/new Vector3();
+
+                       const _uvA = /*@__PURE__*/new Vector2();
+
+                       const _uvB = /*@__PURE__*/new Vector2();
+
+                       const _uvC = /*@__PURE__*/new Vector2();
+
+                       class Sprite extends Object3D {
+                               constructor(material) {
+                                       super();
+                                       this.type = 'Sprite';
+
+                                       if (_geometry === undefined) {
+                                               _geometry = new BufferGeometry();
+                                               const float32Array = new Float32Array([-0.5, -0.5, 0, 0, 0, 0.5, -0.5, 0, 1, 0, 0.5, 0.5, 0, 1, 1, -0.5, 0.5, 0, 0, 1]);
+                                               const interleavedBuffer = new InterleavedBuffer(float32Array, 5);
+
+                                               _geometry.setIndex([0, 1, 2, 0, 2, 3]);
+
+                                               _geometry.setAttribute('position', new InterleavedBufferAttribute(interleavedBuffer, 3, 0, false));
+
+                                               _geometry.setAttribute('uv', new InterleavedBufferAttribute(interleavedBuffer, 2, 3, false));
+                                       }
+
+                                       this.geometry = _geometry;
+                                       this.material = material !== undefined ? material : new SpriteMaterial();
+                                       this.center = new Vector2(0.5, 0.5);
+                               }
+
+                               raycast(raycaster, intersects) {
+                                       if (raycaster.camera === null) {
+                                               console.error('THREE.Sprite: "Raycaster.camera" needs to be set in order to raycast against sprites.');
+                                       }
+
+                                       _worldScale.setFromMatrixScale(this.matrixWorld);
+
+                                       _viewWorldMatrix.copy(raycaster.camera.matrixWorld);
+
+                                       this.modelViewMatrix.multiplyMatrices(raycaster.camera.matrixWorldInverse, this.matrixWorld);
+
+                                       _mvPosition.setFromMatrixPosition(this.modelViewMatrix);
+
+                                       if (raycaster.camera.isPerspectiveCamera && this.material.sizeAttenuation === false) {
+                                               _worldScale.multiplyScalar(-_mvPosition.z);
+                                       }
+
+                                       const rotation = this.material.rotation;
+                                       let sin, cos;
+
+                                       if (rotation !== 0) {
+                                               cos = Math.cos(rotation);
+                                               sin = Math.sin(rotation);
+                                       }
+
+                                       const center = this.center;
+                                       transformVertex(_vA.set(-0.5, -0.5, 0), _mvPosition, center, _worldScale, sin, cos);
+                                       transformVertex(_vB.set(0.5, -0.5, 0), _mvPosition, center, _worldScale, sin, cos);
+                                       transformVertex(_vC.set(0.5, 0.5, 0), _mvPosition, center, _worldScale, sin, cos);
+
+                                       _uvA.set(0, 0);
+
+                                       _uvB.set(1, 0);
+
+                                       _uvC.set(1, 1); // check first triangle
+
+
+                                       let intersect = raycaster.ray.intersectTriangle(_vA, _vB, _vC, false, _intersectPoint);
+
+                                       if (intersect === null) {
+                                               // check second triangle
+                                               transformVertex(_vB.set(-0.5, 0.5, 0), _mvPosition, center, _worldScale, sin, cos);
+
+                                               _uvB.set(0, 1);
+
+                                               intersect = raycaster.ray.intersectTriangle(_vA, _vC, _vB, false, _intersectPoint);
+
+                                               if (intersect === null) {
+                                                       return;
+                                               }
+                                       }
+
+                                       const distance = raycaster.ray.origin.distanceTo(_intersectPoint);
+                                       if (distance < raycaster.near || distance > raycaster.far) return;
+                                       intersects.push({
+                                               distance: distance,
+                                               point: _intersectPoint.clone(),
+                                               uv: Triangle.getUV(_intersectPoint, _vA, _vB, _vC, _uvA, _uvB, _uvC, new Vector2()),
+                                               face: null,
+                                               object: this
+                                       });
+                               }
+
+                               copy(source) {
+                                       super.copy(source);
+                                       if (source.center !== undefined) this.center.copy(source.center);
+                                       this.material = source.material;
+                                       return this;
+                               }
+
+                       }
+
+                       Sprite.prototype.isSprite = true;
+
+                       function transformVertex(vertexPosition, mvPosition, center, scale, sin, cos) {
+                               // compute position in camera space
+                               _alignedPosition.subVectors(vertexPosition, center).addScalar(0.5).multiply(scale); // to check if rotation is not zero
+
+
+                               if (sin !== undefined) {
+                                       _rotatedPosition.x = cos * _alignedPosition.x - sin * _alignedPosition.y;
+                                       _rotatedPosition.y = sin * _alignedPosition.x + cos * _alignedPosition.y;
+                               } else {
+                                       _rotatedPosition.copy(_alignedPosition);
+                               }
+
+                               vertexPosition.copy(mvPosition);
+                               vertexPosition.x += _rotatedPosition.x;
+                               vertexPosition.y += _rotatedPosition.y; // transform to world space
+
+                               vertexPosition.applyMatrix4(_viewWorldMatrix);
+                       }
+
+                       const _v1$2 = /*@__PURE__*/new Vector3();
+
+                       const _v2$1 = /*@__PURE__*/new Vector3();
+
+                       class LOD extends Object3D {
+                               constructor() {
+                                       super();
+                                       this._currentLevel = 0;
+                                       this.type = 'LOD';
+                                       Object.defineProperties(this, {
+                                               levels: {
+                                                       enumerable: true,
+                                                       value: []
+                                               },
+                                               isLOD: {
+                                                       value: true
+                                               }
+                                       });
+                                       this.autoUpdate = true;
+                               }
+
+                               copy(source) {
+                                       super.copy(source, false);
+                                       const levels = source.levels;
+
+                                       for (let i = 0, l = levels.length; i < l; i++) {
+                                               const level = levels[i];
+                                               this.addLevel(level.object.clone(), level.distance);
+                                       }
+
+                                       this.autoUpdate = source.autoUpdate;
+                                       return this;
+                               }
+
+                               addLevel(object, distance = 0) {
+                                       distance = Math.abs(distance);
+                                       const levels = this.levels;
+                                       let l;
+
+                                       for (l = 0; l < levels.length; l++) {
+                                               if (distance < levels[l].distance) {
+                                                       break;
+                                               }
+                                       }
+
+                                       levels.splice(l, 0, {
+                                               distance: distance,
+                                               object: object
+                                       });
+                                       this.add(object);
+                                       return this;
+                               }
+
+                               getCurrentLevel() {
+                                       return this._currentLevel;
+                               }
+
+                               getObjectForDistance(distance) {
+                                       const levels = this.levels;
+
+                                       if (levels.length > 0) {
+                                               let i, l;
+
+                                               for (i = 1, l = levels.length; i < l; i++) {
+                                                       if (distance < levels[i].distance) {
+                                                               break;
+                                                       }
+                                               }
+
+                                               return levels[i - 1].object;
+                                       }
+
+                                       return null;
+                               }
+
+                               raycast(raycaster, intersects) {
+                                       const levels = this.levels;
+
+                                       if (levels.length > 0) {
+                                               _v1$2.setFromMatrixPosition(this.matrixWorld);
+
+                                               const distance = raycaster.ray.origin.distanceTo(_v1$2);
+                                               this.getObjectForDistance(distance).raycast(raycaster, intersects);
+                                       }
+                               }
+
+                               update(camera) {
+                                       const levels = this.levels;
+
+                                       if (levels.length > 1) {
+                                               _v1$2.setFromMatrixPosition(camera.matrixWorld);
+
+                                               _v2$1.setFromMatrixPosition(this.matrixWorld);
+
+                                               const distance = _v1$2.distanceTo(_v2$1) / camera.zoom;
+                                               levels[0].object.visible = true;
+                                               let i, l;
+
+                                               for (i = 1, l = levels.length; i < l; i++) {
+                                                       if (distance >= levels[i].distance) {
+                                                               levels[i - 1].object.visible = false;
+                                                               levels[i].object.visible = true;
+                                                       } else {
+                                                               break;
+                                                       }
+                                               }
+
+                                               this._currentLevel = i - 1;
+
+                                               for (; i < l; i++) {
+                                                       levels[i].object.visible = false;
+                                               }
+                                       }
+                               }
+
+                               toJSON(meta) {
+                                       const data = super.toJSON(meta);
+                                       if (this.autoUpdate === false) data.object.autoUpdate = false;
+                                       data.object.levels = [];
+                                       const levels = this.levels;
+
+                                       for (let i = 0, l = levels.length; i < l; i++) {
+                                               const level = levels[i];
+                                               data.object.levels.push({
+                                                       object: level.object.uuid,
+                                                       distance: level.distance
+                                               });
+                                       }
+
+                                       return data;
+                               }
+
+                       }
+
+                       const _basePosition = /*@__PURE__*/new Vector3();
+
+                       const _skinIndex = /*@__PURE__*/new Vector4();
+
+                       const _skinWeight = /*@__PURE__*/new Vector4();
+
+                       const _vector$5 = /*@__PURE__*/new Vector3();
+
+                       const _matrix = /*@__PURE__*/new Matrix4();
+
+                       class SkinnedMesh extends Mesh {
+                               constructor(geometry, material) {
+                                       super(geometry, material);
+                                       this.type = 'SkinnedMesh';
+                                       this.bindMode = 'attached';
+                                       this.bindMatrix = new Matrix4();
+                                       this.bindMatrixInverse = new Matrix4();
+                               }
+
+                               copy(source) {
+                                       super.copy(source);
+                                       this.bindMode = source.bindMode;
+                                       this.bindMatrix.copy(source.bindMatrix);
+                                       this.bindMatrixInverse.copy(source.bindMatrixInverse);
+                                       this.skeleton = source.skeleton;
+                                       return this;
+                               }
+
+                               bind(skeleton, bindMatrix) {
+                                       this.skeleton = skeleton;
+
+                                       if (bindMatrix === undefined) {
+                                               this.updateMatrixWorld(true);
+                                               this.skeleton.calculateInverses();
+                                               bindMatrix = this.matrixWorld;
+                                       }
+
+                                       this.bindMatrix.copy(bindMatrix);
+                                       this.bindMatrixInverse.copy(bindMatrix).invert();
+                               }
+
+                               pose() {
+                                       this.skeleton.pose();
+                               }
+
+                               normalizeSkinWeights() {
+                                       const vector = new Vector4();
+                                       const skinWeight = this.geometry.attributes.skinWeight;
+
+                                       for (let i = 0, l = skinWeight.count; i < l; i++) {
+                                               vector.x = skinWeight.getX(i);
+                                               vector.y = skinWeight.getY(i);
+                                               vector.z = skinWeight.getZ(i);
+                                               vector.w = skinWeight.getW(i);
+                                               const scale = 1.0 / vector.manhattanLength();
+
+                                               if (scale !== Infinity) {
+                                                       vector.multiplyScalar(scale);
+                                               } else {
+                                                       vector.set(1, 0, 0, 0); // do something reasonable
+                                               }
+
+                                               skinWeight.setXYZW(i, vector.x, vector.y, vector.z, vector.w);
+                                       }
+                               }
+
+                               updateMatrixWorld(force) {
+                                       super.updateMatrixWorld(force);
+
+                                       if (this.bindMode === 'attached') {
+                                               this.bindMatrixInverse.copy(this.matrixWorld).invert();
+                                       } else if (this.bindMode === 'detached') {
+                                               this.bindMatrixInverse.copy(this.bindMatrix).invert();
+                                       } else {
+                                               console.warn('THREE.SkinnedMesh: Unrecognized bindMode: ' + this.bindMode);
+                                       }
+                               }
+
+                               boneTransform(index, target) {
+                                       const skeleton = this.skeleton;
+                                       const geometry = this.geometry;
+
+                                       _skinIndex.fromBufferAttribute(geometry.attributes.skinIndex, index);
+
+                                       _skinWeight.fromBufferAttribute(geometry.attributes.skinWeight, index);
+
+                                       _basePosition.fromBufferAttribute(geometry.attributes.position, index).applyMatrix4(this.bindMatrix);
+
+                                       target.set(0, 0, 0);
+
+                                       for (let i = 0; i < 4; i++) {
+                                               const weight = _skinWeight.getComponent(i);
+
+                                               if (weight !== 0) {
+                                                       const boneIndex = _skinIndex.getComponent(i);
+
+                                                       _matrix.multiplyMatrices(skeleton.bones[boneIndex].matrixWorld, skeleton.boneInverses[boneIndex]);
+
+                                                       target.addScaledVector(_vector$5.copy(_basePosition).applyMatrix4(_matrix), weight);
+                                               }
+                                       }
+
+                                       return target.applyMatrix4(this.bindMatrixInverse);
+                               }
+
+                       }
+
+                       SkinnedMesh.prototype.isSkinnedMesh = true;
+
+                       class Bone extends Object3D {
+                               constructor() {
+                                       super();
+                                       this.type = 'Bone';
+                               }
+
+                       }
+
+                       Bone.prototype.isBone = true;
+
+                       class DataTexture extends Texture {
+                               constructor(data = null, width = 1, height = 1, format, type, mapping, wrapS, wrapT, magFilter = NearestFilter, minFilter = NearestFilter, anisotropy, encoding) {
+                                       super(null, mapping, wrapS, wrapT, magFilter, minFilter, format, type, anisotropy, encoding);
+                                       this.image = {
+                                               data: data,
+                                               width: width,
+                                               height: height
+                                       };
+                                       this.magFilter = magFilter;
+                                       this.minFilter = minFilter;
+                                       this.generateMipmaps = false;
+                                       this.flipY = false;
+                                       this.unpackAlignment = 1;
+                                       this.needsUpdate = true;
+                               }
+
+                       }
+
+                       DataTexture.prototype.isDataTexture = true;
+
+                       const _offsetMatrix = /*@__PURE__*/new Matrix4();
+
+                       const _identityMatrix = /*@__PURE__*/new Matrix4();
+
+                       class Skeleton {
+                               constructor(bones = [], boneInverses = []) {
+                                       this.uuid = generateUUID();
+                                       this.bones = bones.slice(0);
+                                       this.boneInverses = boneInverses;
+                                       this.boneMatrices = null;
+                                       this.boneTexture = null;
+                                       this.boneTextureSize = 0;
+                                       this.frame = -1;
+                                       this.init();
+                               }
+
+                               init() {
+                                       const bones = this.bones;
+                                       const boneInverses = this.boneInverses;
+                                       this.boneMatrices = new Float32Array(bones.length * 16); // calculate inverse bone matrices if necessary
+
+                                       if (boneInverses.length === 0) {
+                                               this.calculateInverses();
+                                       } else {
+                                               // handle special case
+                                               if (bones.length !== boneInverses.length) {
+                                                       console.warn('THREE.Skeleton: Number of inverse bone matrices does not match amount of bones.');
+                                                       this.boneInverses = [];
+
+                                                       for (let i = 0, il = this.bones.length; i < il; i++) {
+                                                               this.boneInverses.push(new Matrix4());
+                                                       }
+                                               }
+                                       }
+                               }
+
+                               calculateInverses() {
+                                       this.boneInverses.length = 0;
+
+                                       for (let i = 0, il = this.bones.length; i < il; i++) {
+                                               const inverse = new Matrix4();
+
+                                               if (this.bones[i]) {
+                                                       inverse.copy(this.bones[i].matrixWorld).invert();
+                                               }
+
+                                               this.boneInverses.push(inverse);
+                                       }
+                               }
+
+                               pose() {
+                                       // recover the bind-time world matrices
+                                       for (let i = 0, il = this.bones.length; i < il; i++) {
+                                               const bone = this.bones[i];
+
+                                               if (bone) {
+                                                       bone.matrixWorld.copy(this.boneInverses[i]).invert();
+                                               }
+                                       } // compute the local matrices, positions, rotations and scales
+
+
+                                       for (let i = 0, il = this.bones.length; i < il; i++) {
+                                               const bone = this.bones[i];
+
+                                               if (bone) {
+                                                       if (bone.parent && bone.parent.isBone) {
+                                                               bone.matrix.copy(bone.parent.matrixWorld).invert();
+                                                               bone.matrix.multiply(bone.matrixWorld);
+                                                       } else {
+                                                               bone.matrix.copy(bone.matrixWorld);
+                                                       }
+
+                                                       bone.matrix.decompose(bone.position, bone.quaternion, bone.scale);
+                                               }
+                                       }
+                               }
+
+                               update() {
+                                       const bones = this.bones;
+                                       const boneInverses = this.boneInverses;
+                                       const boneMatrices = this.boneMatrices;
+                                       const boneTexture = this.boneTexture; // flatten bone matrices to array
+
+                                       for (let i = 0, il = bones.length; i < il; i++) {
+                                               // compute the offset between the current and the original transform
+                                               const matrix = bones[i] ? bones[i].matrixWorld : _identityMatrix;
+
+                                               _offsetMatrix.multiplyMatrices(matrix, boneInverses[i]);
+
+                                               _offsetMatrix.toArray(boneMatrices, i * 16);
+                                       }
+
+                                       if (boneTexture !== null) {
+                                               boneTexture.needsUpdate = true;
+                                       }
+                               }
+
+                               clone() {
+                                       return new Skeleton(this.bones, this.boneInverses);
+                               }
+
+                               computeBoneTexture() {
+                                       // layout (1 matrix = 4 pixels)
+                                       //                      RGBA RGBA RGBA RGBA (=> column1, column2, column3, column4)
+                                       //      with    8x8     pixel texture max        16 bones * 4 pixels =  (8 * 8)
+                                       //                       16x16 pixel texture max         64 bones * 4 pixels = (16 * 16)
+                                       //                       32x32 pixel texture max        256 bones * 4 pixels = (32 * 32)
+                                       //                       64x64 pixel texture max 1024 bones * 4 pixels = (64 * 64)
+                                       let size = Math.sqrt(this.bones.length * 4); // 4 pixels needed for 1 matrix
+
+                                       size = ceilPowerOfTwo(size);
+                                       size = Math.max(size, 4);
+                                       const boneMatrices = new Float32Array(size * size * 4); // 4 floats per RGBA pixel
+
+                                       boneMatrices.set(this.boneMatrices); // copy current values
+
+                                       const boneTexture = new DataTexture(boneMatrices, size, size, RGBAFormat, FloatType);
+                                       this.boneMatrices = boneMatrices;
+                                       this.boneTexture = boneTexture;
+                                       this.boneTextureSize = size;
+                                       return this;
+                               }
+
+                               getBoneByName(name) {
+                                       for (let i = 0, il = this.bones.length; i < il; i++) {
+                                               const bone = this.bones[i];
+
+                                               if (bone.name === name) {
+                                                       return bone;
+                                               }
+                                       }
+
+                                       return undefined;
+                               }
+
+                               dispose() {
+                                       if (this.boneTexture !== null) {
+                                               this.boneTexture.dispose();
+                                               this.boneTexture = null;
+                                       }
+                               }
+
+                               fromJSON(json, bones) {
+                                       this.uuid = json.uuid;
+
+                                       for (let i = 0, l = json.bones.length; i < l; i++) {
+                                               const uuid = json.bones[i];
+                                               let bone = bones[uuid];
+
+                                               if (bone === undefined) {
+                                                       console.warn('THREE.Skeleton: No bone found with UUID:', uuid);
+                                                       bone = new Bone();
+                                               }
+
+                                               this.bones.push(bone);
+                                               this.boneInverses.push(new Matrix4().fromArray(json.boneInverses[i]));
+                                       }
+
+                                       this.init();
+                                       return this;
+                               }
+
+                               toJSON() {
+                                       const data = {
+                                               metadata: {
+                                                       version: 4.5,
+                                                       type: 'Skeleton',
+                                                       generator: 'Skeleton.toJSON'
+                                               },
+                                               bones: [],
+                                               boneInverses: []
+                                       };
+                                       data.uuid = this.uuid;
+                                       const bones = this.bones;
+                                       const boneInverses = this.boneInverses;
+
+                                       for (let i = 0, l = bones.length; i < l; i++) {
+                                               const bone = bones[i];
+                                               data.bones.push(bone.uuid);
+                                               const boneInverse = boneInverses[i];
+                                               data.boneInverses.push(boneInverse.toArray());
+                                       }
+
+                                       return data;
+                               }
+
+                       }
+
+                       class InstancedBufferAttribute extends BufferAttribute {
+                               constructor(array, itemSize, normalized, meshPerAttribute = 1) {
+                                       if (typeof normalized === 'number') {
+                                               meshPerAttribute = normalized;
+                                               normalized = false;
+                                               console.error('THREE.InstancedBufferAttribute: The constructor now expects normalized as the third argument.');
+                                       }
+
+                                       super(array, itemSize, normalized);
+                                       this.meshPerAttribute = meshPerAttribute;
+                               }
+
+                               copy(source) {
+                                       super.copy(source);
+                                       this.meshPerAttribute = source.meshPerAttribute;
+                                       return this;
+                               }
+
+                               toJSON() {
+                                       const data = super.toJSON();
+                                       data.meshPerAttribute = this.meshPerAttribute;
+                                       data.isInstancedBufferAttribute = true;
+                                       return data;
+                               }
+
+                       }
+
+                       InstancedBufferAttribute.prototype.isInstancedBufferAttribute = true;
+
+                       const _instanceLocalMatrix = /*@__PURE__*/new Matrix4();
+
+                       const _instanceWorldMatrix = /*@__PURE__*/new Matrix4();
+
+                       const _instanceIntersects = [];
+
+                       const _mesh = /*@__PURE__*/new Mesh();
+
+                       class InstancedMesh extends Mesh {
+                               constructor(geometry, material, count) {
+                                       super(geometry, material);
+                                       this.instanceMatrix = new InstancedBufferAttribute(new Float32Array(count * 16), 16);
+                                       this.instanceColor = null;
+                                       this.count = count;
+                                       this.frustumCulled = false;
+                               }
+
+                               copy(source) {
+                                       super.copy(source);
+                                       this.instanceMatrix.copy(source.instanceMatrix);
+                                       if (source.instanceColor !== null) this.instanceColor = source.instanceColor.clone();
+                                       this.count = source.count;
+                                       return this;
+                               }
+
+                               getColorAt(index, color) {
+                                       color.fromArray(this.instanceColor.array, index * 3);
+                               }
+
+                               getMatrixAt(index, matrix) {
+                                       matrix.fromArray(this.instanceMatrix.array, index * 16);
+                               }
+
+                               raycast(raycaster, intersects) {
+                                       const matrixWorld = this.matrixWorld;
+                                       const raycastTimes = this.count;
+                                       _mesh.geometry = this.geometry;
+                                       _mesh.material = this.material;
+                                       if (_mesh.material === undefined) return;
+
+                                       for (let instanceId = 0; instanceId < raycastTimes; instanceId++) {
+                                               // calculate the world matrix for each instance
+                                               this.getMatrixAt(instanceId, _instanceLocalMatrix);
+
+                                               _instanceWorldMatrix.multiplyMatrices(matrixWorld, _instanceLocalMatrix); // the mesh represents this single instance
+
+
+                                               _mesh.matrixWorld = _instanceWorldMatrix;
+
+                                               _mesh.raycast(raycaster, _instanceIntersects); // process the result of raycast
+
+
+                                               for (let i = 0, l = _instanceIntersects.length; i < l; i++) {
+                                                       const intersect = _instanceIntersects[i];
+                                                       intersect.instanceId = instanceId;
+                                                       intersect.object = this;
+                                                       intersects.push(intersect);
+                                               }
+
+                                               _instanceIntersects.length = 0;
+                                       }
+                               }
+
+                               setColorAt(index, color) {
+                                       if (this.instanceColor === null) {
+                                               this.instanceColor = new InstancedBufferAttribute(new Float32Array(this.instanceMatrix.count * 3), 3);
+                                       }
+
+                                       color.toArray(this.instanceColor.array, index * 3);
+                               }
+
+                               setMatrixAt(index, matrix) {
+                                       matrix.toArray(this.instanceMatrix.array, index * 16);
+                               }
+
+                               updateMorphTargets() {
+                               }
+
+                               dispose() {
+                                       this.dispatchEvent({
+                                               type: 'dispose'
+                                       });
+                               }
+
+                       }
+
+                       InstancedMesh.prototype.isInstancedMesh = true;
+
+                       /**
+                        * parameters = {
+                        *      color: <hex>,
+                        *      opacity: <float>,
+                        *
+                        *      linewidth: <float>,
+                        *      linecap: "round",
+                        *      linejoin: "round"
+                        * }
+                        */
+
+                       class LineBasicMaterial extends Material {
+                               constructor(parameters) {
+                                       super();
+                                       this.type = 'LineBasicMaterial';
+                                       this.color = new Color(0xffffff);
+                                       this.linewidth = 1;
+                                       this.linecap = 'round';
+                                       this.linejoin = 'round';
+                                       this.setValues(parameters);
+                               }
+
+                               copy(source) {
+                                       super.copy(source);
+                                       this.color.copy(source.color);
+                                       this.linewidth = source.linewidth;
+                                       this.linecap = source.linecap;
+                                       this.linejoin = source.linejoin;
+                                       return this;
+                               }
+
+                       }
+
+                       LineBasicMaterial.prototype.isLineBasicMaterial = true;
+
+                       const _start$1 = /*@__PURE__*/new Vector3();
+
+                       const _end$1 = /*@__PURE__*/new Vector3();
+
+                       const _inverseMatrix$1 = /*@__PURE__*/new Matrix4();
+
+                       const _ray$1 = /*@__PURE__*/new Ray();
+
+                       const _sphere$1 = /*@__PURE__*/new Sphere();
+
+                       class Line extends Object3D {
+                               constructor(geometry = new BufferGeometry(), material = new LineBasicMaterial()) {
+                                       super();
+                                       this.type = 'Line';
+                                       this.geometry = geometry;
+                                       this.material = material;
+                                       this.updateMorphTargets();
+                               }
+
+                               copy(source) {
+                                       super.copy(source);
+                                       this.material = source.material;
+                                       this.geometry = source.geometry;
+                                       return this;
+                               }
+
+                               computeLineDistances() {
+                                       const geometry = this.geometry;
+
+                                       if (geometry.isBufferGeometry) {
+                                               // we assume non-indexed geometry
+                                               if (geometry.index === null) {
+                                                       const positionAttribute = geometry.attributes.position;
+                                                       const lineDistances = [0];
+
+                                                       for (let i = 1, l = positionAttribute.count; i < l; i++) {
+                                                               _start$1.fromBufferAttribute(positionAttribute, i - 1);
+
+                                                               _end$1.fromBufferAttribute(positionAttribute, i);
+
+                                                               lineDistances[i] = lineDistances[i - 1];
+                                                               lineDistances[i] += _start$1.distanceTo(_end$1);
+                                                       }
+
+                                                       geometry.setAttribute('lineDistance', new Float32BufferAttribute(lineDistances, 1));
+                                               } else {
+                                                       console.warn('THREE.Line.computeLineDistances(): Computation only possible with non-indexed BufferGeometry.');
+                                               }
+                                       } else if (geometry.isGeometry) {
+                                               console.error('THREE.Line.computeLineDistances() no longer supports THREE.Geometry. Use THREE.BufferGeometry instead.');
+                                       }
+
+                                       return this;
+                               }
+
+                               raycast(raycaster, intersects) {
+                                       const geometry = this.geometry;
+                                       const matrixWorld = this.matrixWorld;
+                                       const threshold = raycaster.params.Line.threshold;
+                                       const drawRange = geometry.drawRange; // Checking boundingSphere distance to ray
+
+                                       if (geometry.boundingSphere === null) geometry.computeBoundingSphere();
+
+                                       _sphere$1.copy(geometry.boundingSphere);
+
+                                       _sphere$1.applyMatrix4(matrixWorld);
+
+                                       _sphere$1.radius += threshold;
+                                       if (raycaster.ray.intersectsSphere(_sphere$1) === false) return; //
+
+                                       _inverseMatrix$1.copy(matrixWorld).invert();
+
+                                       _ray$1.copy(raycaster.ray).applyMatrix4(_inverseMatrix$1);
+
+                                       const localThreshold = threshold / ((this.scale.x + this.scale.y + this.scale.z) / 3);
+                                       const localThresholdSq = localThreshold * localThreshold;
+                                       const vStart = new Vector3();
+                                       const vEnd = new Vector3();
+                                       const interSegment = new Vector3();
+                                       const interRay = new Vector3();
+                                       const step = this.isLineSegments ? 2 : 1;
+
+                                       if (geometry.isBufferGeometry) {
+                                               const index = geometry.index;
+                                               const attributes = geometry.attributes;
+                                               const positionAttribute = attributes.position;
+
+                                               if (index !== null) {
+                                                       const start = Math.max(0, drawRange.start);
+                                                       const end = Math.min(index.count, drawRange.start + drawRange.count);
+
+                                                       for (let i = start, l = end - 1; i < l; i += step) {
+                                                               const a = index.getX(i);
+                                                               const b = index.getX(i + 1);
+                                                               vStart.fromBufferAttribute(positionAttribute, a);
+                                                               vEnd.fromBufferAttribute(positionAttribute, b);
+
+                                                               const distSq = _ray$1.distanceSqToSegment(vStart, vEnd, interRay, interSegment);
+
+                                                               if (distSq > localThresholdSq) continue;
+                                                               interRay.applyMatrix4(this.matrixWorld); //Move back to world space for distance calculation
+
+                                                               const distance = raycaster.ray.origin.distanceTo(interRay);
+                                                               if (distance < raycaster.near || distance > raycaster.far) continue;
+                                                               intersects.push({
+                                                                       distance: distance,
+                                                                       // What do we want? intersection point on the ray or on the segment??
+                                                                       // point: raycaster.ray.at( distance ),
+                                                                       point: interSegment.clone().applyMatrix4(this.matrixWorld),
+                                                                       index: i,
+                                                                       face: null,
+                                                                       faceIndex: null,
+                                                                       object: this
+                                                               });
+                                                       }
+                                               } else {
+                                                       const start = Math.max(0, drawRange.start);
+                                                       const end = Math.min(positionAttribute.count, drawRange.start + drawRange.count);
+
+                                                       for (let i = start, l = end - 1; i < l; i += step) {
+                                                               vStart.fromBufferAttribute(positionAttribute, i);
+                                                               vEnd.fromBufferAttribute(positionAttribute, i + 1);
+
+                                                               const distSq = _ray$1.distanceSqToSegment(vStart, vEnd, interRay, interSegment);
+
+                                                               if (distSq > localThresholdSq) continue;
+                                                               interRay.applyMatrix4(this.matrixWorld); //Move back to world space for distance calculation
+
+                                                               const distance = raycaster.ray.origin.distanceTo(interRay);
+                                                               if (distance < raycaster.near || distance > raycaster.far) continue;
+                                                               intersects.push({
+                                                                       distance: distance,
+                                                                       // What do we want? intersection point on the ray or on the segment??
+                                                                       // point: raycaster.ray.at( distance ),
+                                                                       point: interSegment.clone().applyMatrix4(this.matrixWorld),
+                                                                       index: i,
+                                                                       face: null,
+                                                                       faceIndex: null,
+                                                                       object: this
+                                                               });
+                                                       }
+                                               }
+                                       } else if (geometry.isGeometry) {
+                                               console.error('THREE.Line.raycast() no longer supports THREE.Geometry. Use THREE.BufferGeometry instead.');
+                                       }
+                               }
+
+                               updateMorphTargets() {
+                                       const geometry = this.geometry;
+
+                                       if (geometry.isBufferGeometry) {
+                                               const morphAttributes = geometry.morphAttributes;
+                                               const keys = Object.keys(morphAttributes);
+
+                                               if (keys.length > 0) {
+                                                       const morphAttribute = morphAttributes[keys[0]];
+
+                                                       if (morphAttribute !== undefined) {
+                                                               this.morphTargetInfluences = [];
+                                                               this.morphTargetDictionary = {};
+
+                                                               for (let m = 0, ml = morphAttribute.length; m < ml; m++) {
+                                                                       const name = morphAttribute[m].name || String(m);
+                                                                       this.morphTargetInfluences.push(0);
+                                                                       this.morphTargetDictionary[name] = m;
+                                                               }
+                                                       }
+                                               }
+                                       } else {
+                                               const morphTargets = geometry.morphTargets;
+
+                                               if (morphTargets !== undefined && morphTargets.length > 0) {
+                                                       console.error('THREE.Line.updateMorphTargets() does not support THREE.Geometry. Use THREE.BufferGeometry instead.');
+                                               }
+                                       }
+                               }
+
+                       }
+
+                       Line.prototype.isLine = true;
+
+                       const _start = /*@__PURE__*/new Vector3();
+
+                       const _end = /*@__PURE__*/new Vector3();
+
+                       class LineSegments extends Line {
+                               constructor(geometry, material) {
+                                       super(geometry, material);
+                                       this.type = 'LineSegments';
+                               }
+
+                               computeLineDistances() {
+                                       const geometry = this.geometry;
+
+                                       if (geometry.isBufferGeometry) {
+                                               // we assume non-indexed geometry
+                                               if (geometry.index === null) {
+                                                       const positionAttribute = geometry.attributes.position;
+                                                       const lineDistances = [];
+
+                                                       for (let i = 0, l = positionAttribute.count; i < l; i += 2) {
+                                                               _start.fromBufferAttribute(positionAttribute, i);
+
+                                                               _end.fromBufferAttribute(positionAttribute, i + 1);
+
+                                                               lineDistances[i] = i === 0 ? 0 : lineDistances[i - 1];
+                                                               lineDistances[i + 1] = lineDistances[i] + _start.distanceTo(_end);
+                                                       }
+
+                                                       geometry.setAttribute('lineDistance', new Float32BufferAttribute(lineDistances, 1));
+                                               } else {
+                                                       console.warn('THREE.LineSegments.computeLineDistances(): Computation only possible with non-indexed BufferGeometry.');
+                                               }
+                                       } else if (geometry.isGeometry) {
+                                               console.error('THREE.LineSegments.computeLineDistances() no longer supports THREE.Geometry. Use THREE.BufferGeometry instead.');
+                                       }
+
+                                       return this;
+                               }
+
+                       }
+
+                       LineSegments.prototype.isLineSegments = true;
+
+                       class LineLoop extends Line {
+                               constructor(geometry, material) {
+                                       super(geometry, material);
+                                       this.type = 'LineLoop';
+                               }
+
+                       }
+
+                       LineLoop.prototype.isLineLoop = true;
+
+                       /**
+                        * parameters = {
+                        *      color: <hex>,
+                        *      opacity: <float>,
+                        *      map: new THREE.Texture( <Image> ),
+                        *      alphaMap: new THREE.Texture( <Image> ),
+                        *
+                        *      size: <float>,
+                        *      sizeAttenuation: <bool>
+                        *
+                        * }
+                        */
+
+                       class PointsMaterial extends Material {
+                               constructor(parameters) {
+                                       super();
+                                       this.type = 'PointsMaterial';
+                                       this.color = new Color(0xffffff);
+                                       this.map = null;
+                                       this.alphaMap = null;
+                                       this.size = 1;
+                                       this.sizeAttenuation = true;
+                                       this.setValues(parameters);
+                               }
+
+                               copy(source) {
+                                       super.copy(source);
+                                       this.color.copy(source.color);
+                                       this.map = source.map;
+                                       this.alphaMap = source.alphaMap;
+                                       this.size = source.size;
+                                       this.sizeAttenuation = source.sizeAttenuation;
+                                       return this;
+                               }
+
+                       }
+
+                       PointsMaterial.prototype.isPointsMaterial = true;
+
+                       const _inverseMatrix = /*@__PURE__*/new Matrix4();
+
+                       const _ray = /*@__PURE__*/new Ray();
+
+                       const _sphere = /*@__PURE__*/new Sphere();
+
+                       const _position$2 = /*@__PURE__*/new Vector3();
+
+                       class Points extends Object3D {
+                               constructor(geometry = new BufferGeometry(), material = new PointsMaterial()) {
+                                       super();
+                                       this.type = 'Points';
+                                       this.geometry = geometry;
+                                       this.material = material;
+                                       this.updateMorphTargets();
+                               }
+
+                               copy(source) {
+                                       super.copy(source);
+                                       this.material = source.material;
+                                       this.geometry = source.geometry;
+                                       return this;
+                               }
+
+                               raycast(raycaster, intersects) {
+                                       const geometry = this.geometry;
+                                       const matrixWorld = this.matrixWorld;
+                                       const threshold = raycaster.params.Points.threshold;
+                                       const drawRange = geometry.drawRange; // Checking boundingSphere distance to ray
+
+                                       if (geometry.boundingSphere === null) geometry.computeBoundingSphere();
+
+                                       _sphere.copy(geometry.boundingSphere);
+
+                                       _sphere.applyMatrix4(matrixWorld);
+
+                                       _sphere.radius += threshold;
+                                       if (raycaster.ray.intersectsSphere(_sphere) === false) return; //
+
+                                       _inverseMatrix.copy(matrixWorld).invert();
+
+                                       _ray.copy(raycaster.ray).applyMatrix4(_inverseMatrix);
+
+                                       const localThreshold = threshold / ((this.scale.x + this.scale.y + this.scale.z) / 3);
+                                       const localThresholdSq = localThreshold * localThreshold;
+
+                                       if (geometry.isBufferGeometry) {
+                                               const index = geometry.index;
+                                               const attributes = geometry.attributes;
+                                               const positionAttribute = attributes.position;
+
+                                               if (index !== null) {
+                                                       const start = Math.max(0, drawRange.start);
+                                                       const end = Math.min(index.count, drawRange.start + drawRange.count);
+
+                                                       for (let i = start, il = end; i < il; i++) {
+                                                               const a = index.getX(i);
+
+                                                               _position$2.fromBufferAttribute(positionAttribute, a);
+
+                                                               testPoint(_position$2, a, localThresholdSq, matrixWorld, raycaster, intersects, this);
+                                                       }
+                                               } else {
+                                                       const start = Math.max(0, drawRange.start);
+                                                       const end = Math.min(positionAttribute.count, drawRange.start + drawRange.count);
+
+                                                       for (let i = start, l = end; i < l; i++) {
+                                                               _position$2.fromBufferAttribute(positionAttribute, i);
+
+                                                               testPoint(_position$2, i, localThresholdSq, matrixWorld, raycaster, intersects, this);
+                                                       }
+                                               }
+                                       } else {
+                                               console.error('THREE.Points.raycast() no longer supports THREE.Geometry. Use THREE.BufferGeometry instead.');
+                                       }
+                               }
+
+                               updateMorphTargets() {
+                                       const geometry = this.geometry;
+
+                                       if (geometry.isBufferGeometry) {
+                                               const morphAttributes = geometry.morphAttributes;
+                                               const keys = Object.keys(morphAttributes);
+
+                                               if (keys.length > 0) {
+                                                       const morphAttribute = morphAttributes[keys[0]];
+
+                                                       if (morphAttribute !== undefined) {
+                                                               this.morphTargetInfluences = [];
+                                                               this.morphTargetDictionary = {};
+
+                                                               for (let m = 0, ml = morphAttribute.length; m < ml; m++) {
+                                                                       const name = morphAttribute[m].name || String(m);
+                                                                       this.morphTargetInfluences.push(0);
+                                                                       this.morphTargetDictionary[name] = m;
+                                                               }
+                                                       }
+                                               }
+                                       } else {
+                                               const morphTargets = geometry.morphTargets;
+
+                                               if (morphTargets !== undefined && morphTargets.length > 0) {
+                                                       console.error('THREE.Points.updateMorphTargets() does not support THREE.Geometry. Use THREE.BufferGeometry instead.');
+                                               }
+                                       }
+                               }
+
+                       }
+
+                       Points.prototype.isPoints = true;
+
+                       function testPoint(point, index, localThresholdSq, matrixWorld, raycaster, intersects, object) {
+                               const rayPointDistanceSq = _ray.distanceSqToPoint(point);
+
+                               if (rayPointDistanceSq < localThresholdSq) {
+                                       const intersectPoint = new Vector3();
+
+                                       _ray.closestPointToPoint(point, intersectPoint);
+
+                                       intersectPoint.applyMatrix4(matrixWorld);
+                                       const distance = raycaster.ray.origin.distanceTo(intersectPoint);
+                                       if (distance < raycaster.near || distance > raycaster.far) return;
+                                       intersects.push({
+                                               distance: distance,
+                                               distanceToRay: Math.sqrt(rayPointDistanceSq),
+                                               point: intersectPoint,
+                                               index: index,
+                                               face: null,
+                                               object: object
+                                       });
+                               }
+                       }
+
+                       class VideoTexture extends Texture {
+                               constructor(video, mapping, wrapS, wrapT, magFilter, minFilter, format, type, anisotropy) {
+                                       super(video, mapping, wrapS, wrapT, magFilter, minFilter, format, type, anisotropy);
+                                       this.format = format !== undefined ? format : RGBFormat;
+                                       this.minFilter = minFilter !== undefined ? minFilter : LinearFilter;
+                                       this.magFilter = magFilter !== undefined ? magFilter : LinearFilter;
+                                       this.generateMipmaps = false;
+                                       const scope = this;
+
+                                       function updateVideo() {
+                                               scope.needsUpdate = true;
+                                               video.requestVideoFrameCallback(updateVideo);
+                                       }
+
+                                       if ('requestVideoFrameCallback' in video) {
+                                               video.requestVideoFrameCallback(updateVideo);
+                                       }
+                               }
+
+                               clone() {
+                                       return new this.constructor(this.image).copy(this);
+                               }
+
+                               update() {
+                                       const video = this.image;
+                                       const hasVideoFrameCallback = ('requestVideoFrameCallback' in video);
+
+                                       if (hasVideoFrameCallback === false && video.readyState >= video.HAVE_CURRENT_DATA) {
+                                               this.needsUpdate = true;
+                                       }
+                               }
+
+                       }
+
+                       VideoTexture.prototype.isVideoTexture = true;
+
+                       class CompressedTexture extends Texture {
+                               constructor(mipmaps, width, height, format, type, mapping, wrapS, wrapT, magFilter, minFilter, anisotropy, encoding) {
+                                       super(null, mapping, wrapS, wrapT, magFilter, minFilter, format, type, anisotropy, encoding);
+                                       this.image = {
+                                               width: width,
+                                               height: height
+                                       };
+                                       this.mipmaps = mipmaps; // no flipping for cube textures
+                                       // (also flipping doesn't work for compressed textures )
+
+                                       this.flipY = false; // can't generate mipmaps for compressed textures
+                                       // mips must be embedded in DDS files
+
+                                       this.generateMipmaps = false;
+                               }
+
+                       }
+
+                       CompressedTexture.prototype.isCompressedTexture = true;
+
+                       class CanvasTexture extends Texture {
+                               constructor(canvas, mapping, wrapS, wrapT, magFilter, minFilter, format, type, anisotropy) {
+                                       super(canvas, mapping, wrapS, wrapT, magFilter, minFilter, format, type, anisotropy);
+                                       this.needsUpdate = true;
+                               }
+
+                       }
+
+                       CanvasTexture.prototype.isCanvasTexture = true;
+
+                       class DepthTexture extends Texture {
+                               constructor(width, height, type, mapping, wrapS, wrapT, magFilter, minFilter, anisotropy, format) {
+                                       format = format !== undefined ? format : DepthFormat;
+
+                                       if (format !== DepthFormat && format !== DepthStencilFormat) {
+                                               throw new Error('DepthTexture format must be either THREE.DepthFormat or THREE.DepthStencilFormat');
+                                       }
+
+                                       if (type === undefined && format === DepthFormat) type = UnsignedShortType;
+                                       if (type === undefined && format === DepthStencilFormat) type = UnsignedInt248Type;
+                                       super(null, mapping, wrapS, wrapT, magFilter, minFilter, format, type, anisotropy);
+                                       this.image = {
+                                               width: width,
+                                               height: height
+                                       };
+                                       this.magFilter = magFilter !== undefined ? magFilter : NearestFilter;
+                                       this.minFilter = minFilter !== undefined ? minFilter : NearestFilter;
+                                       this.flipY = false;
+                                       this.generateMipmaps = false;
+                               }
+
+                       }
+
+                       DepthTexture.prototype.isDepthTexture = true;
+
+                       class CircleGeometry extends BufferGeometry {
+                               constructor(radius = 1, segments = 8, thetaStart = 0, thetaLength = Math.PI * 2) {
+                                       super();
+                                       this.type = 'CircleGeometry';
+                                       this.parameters = {
+                                               radius: radius,
+                                               segments: segments,
+                                               thetaStart: thetaStart,
+                                               thetaLength: thetaLength
+                                       };
+                                       segments = Math.max(3, segments); // buffers
+
+                                       const indices = [];
+                                       const vertices = [];
+                                       const normals = [];
+                                       const uvs = []; // helper variables
+
+                                       const vertex = new Vector3();
+                                       const uv = new Vector2(); // center point
+
+                                       vertices.push(0, 0, 0);
+                                       normals.push(0, 0, 1);
+                                       uvs.push(0.5, 0.5);
+
+                                       for (let s = 0, i = 3; s <= segments; s++, i += 3) {
+                                               const segment = thetaStart + s / segments * thetaLength; // vertex
+
+                                               vertex.x = radius * Math.cos(segment);
+                                               vertex.y = radius * Math.sin(segment);
+                                               vertices.push(vertex.x, vertex.y, vertex.z); // normal
+
+                                               normals.push(0, 0, 1); // uvs
+
+                                               uv.x = (vertices[i] / radius + 1) / 2;
+                                               uv.y = (vertices[i + 1] / radius + 1) / 2;
+                                               uvs.push(uv.x, uv.y);
+                                       } // indices
+
+
+                                       for (let i = 1; i <= segments; i++) {
+                                               indices.push(i, i + 1, 0);
+                                       } // build geometry
+
+
+                                       this.setIndex(indices);
+                                       this.setAttribute('position', new Float32BufferAttribute(vertices, 3));
+                                       this.setAttribute('normal', new Float32BufferAttribute(normals, 3));
+                                       this.setAttribute('uv', new Float32BufferAttribute(uvs, 2));
+                               }
+
+                               static fromJSON(data) {
+                                       return new CircleGeometry(data.radius, data.segments, data.thetaStart, data.thetaLength);
+                               }
+
+                       }
+
+                       class CylinderGeometry extends BufferGeometry {
+                               constructor(radiusTop = 1, radiusBottom = 1, height = 1, radialSegments = 8, heightSegments = 1, openEnded = false, thetaStart = 0, thetaLength = Math.PI * 2) {
+                                       super();
+                                       this.type = 'CylinderGeometry';
+                                       this.parameters = {
+                                               radiusTop: radiusTop,
+                                               radiusBottom: radiusBottom,
+                                               height: height,
+                                               radialSegments: radialSegments,
+                                               heightSegments: heightSegments,
+                                               openEnded: openEnded,
+                                               thetaStart: thetaStart,
+                                               thetaLength: thetaLength
+                                       };
+                                       const scope = this;
+                                       radialSegments = Math.floor(radialSegments);
+                                       heightSegments = Math.floor(heightSegments); // buffers
+
+                                       const indices = [];
+                                       const vertices = [];
+                                       const normals = [];
+                                       const uvs = []; // helper variables
+
+                                       let index = 0;
+                                       const indexArray = [];
+                                       const halfHeight = height / 2;
+                                       let groupStart = 0; // generate geometry
+
+                                       generateTorso();
+
+                                       if (openEnded === false) {
+                                               if (radiusTop > 0) generateCap(true);
+                                               if (radiusBottom > 0) generateCap(false);
+                                       } // build geometry
+
+
+                                       this.setIndex(indices);
+                                       this.setAttribute('position', new Float32BufferAttribute(vertices, 3));
+                                       this.setAttribute('normal', new Float32BufferAttribute(normals, 3));
+                                       this.setAttribute('uv', new Float32BufferAttribute(uvs, 2));
+
+                                       function generateTorso() {
+                                               const normal = new Vector3();
+                                               const vertex = new Vector3();
+                                               let groupCount = 0; // this will be used to calculate the normal
+
+                                               const slope = (radiusBottom - radiusTop) / height; // generate vertices, normals and uvs
+
+                                               for (let y = 0; y <= heightSegments; y++) {
+                                                       const indexRow = [];
+                                                       const v = y / heightSegments; // calculate the radius of the current row
+
+                                                       const radius = v * (radiusBottom - radiusTop) + radiusTop;
+
+                                                       for (let x = 0; x <= radialSegments; x++) {
+                                                               const u = x / radialSegments;
+                                                               const theta = u * thetaLength + thetaStart;
+                                                               const sinTheta = Math.sin(theta);
+                                                               const cosTheta = Math.cos(theta); // vertex
+
+                                                               vertex.x = radius * sinTheta;
+                                                               vertex.y = -v * height + halfHeight;
+                                                               vertex.z = radius * cosTheta;
+                                                               vertices.push(vertex.x, vertex.y, vertex.z); // normal
+
+                                                               normal.set(sinTheta, slope, cosTheta).normalize();
+                                                               normals.push(normal.x, normal.y, normal.z); // uv
+
+                                                               uvs.push(u, 1 - v); // save index of vertex in respective row
+
+                                                               indexRow.push(index++);
+                                                       } // now save vertices of the row in our index array
+
+
+                                                       indexArray.push(indexRow);
+                                               } // generate indices
+
+
+                                               for (let x = 0; x < radialSegments; x++) {
+                                                       for (let y = 0; y < heightSegments; y++) {
+                                                               // we use the index array to access the correct indices
+                                                               const a = indexArray[y][x];
+                                                               const b = indexArray[y + 1][x];
+                                                               const c = indexArray[y + 1][x + 1];
+                                                               const d = indexArray[y][x + 1]; // faces
+
+                                                               indices.push(a, b, d);
+                                                               indices.push(b, c, d); // update group counter
+
+                                                               groupCount += 6;
+                                                       }
+                                               } // add a group to the geometry. this will ensure multi material support
+
+
+                                               scope.addGroup(groupStart, groupCount, 0); // calculate new start value for groups
+
+                                               groupStart += groupCount;
+                                       }
+
+                                       function generateCap(top) {
+                                               // save the index of the first center vertex
+                                               const centerIndexStart = index;
+                                               const uv = new Vector2();
+                                               const vertex = new Vector3();
+                                               let groupCount = 0;
+                                               const radius = top === true ? radiusTop : radiusBottom;
+                                               const sign = top === true ? 1 : -1; // first we generate the center vertex data of the cap.
+                                               // because the geometry needs one set of uvs per face,
+                                               // we must generate a center vertex per face/segment
+
+                                               for (let x = 1; x <= radialSegments; x++) {
+                                                       // vertex
+                                                       vertices.push(0, halfHeight * sign, 0); // normal
+
+                                                       normals.push(0, sign, 0); // uv
+
+                                                       uvs.push(0.5, 0.5); // increase index
+
+                                                       index++;
+                                               } // save the index of the last center vertex
+
+
+                                               const centerIndexEnd = index; // now we generate the surrounding vertices, normals and uvs
+
+                                               for (let x = 0; x <= radialSegments; x++) {
+                                                       const u = x / radialSegments;
+                                                       const theta = u * thetaLength + thetaStart;
+                                                       const cosTheta = Math.cos(theta);
+                                                       const sinTheta = Math.sin(theta); // vertex
+
+                                                       vertex.x = radius * sinTheta;
+                                                       vertex.y = halfHeight * sign;
+                                                       vertex.z = radius * cosTheta;
+                                                       vertices.push(vertex.x, vertex.y, vertex.z); // normal
+
+                                                       normals.push(0, sign, 0); // uv
+
+                                                       uv.x = cosTheta * 0.5 + 0.5;
+                                                       uv.y = sinTheta * 0.5 * sign + 0.5;
+                                                       uvs.push(uv.x, uv.y); // increase index
+
+                                                       index++;
+                                               } // generate indices
+
+
+                                               for (let x = 0; x < radialSegments; x++) {
+                                                       const c = centerIndexStart + x;
+                                                       const i = centerIndexEnd + x;
+
+                                                       if (top === true) {
+                                                               // face top
+                                                               indices.push(i, i + 1, c);
+                                                       } else {
+                                                               // face bottom
+                                                               indices.push(i + 1, i, c);
+                                                       }
+
+                                                       groupCount += 3;
+                                               } // add a group to the geometry. this will ensure multi material support
+
+
+                                               scope.addGroup(groupStart, groupCount, top === true ? 1 : 2); // calculate new start value for groups
+
+                                               groupStart += groupCount;
+                                       }
+                               }
+
+                               static fromJSON(data) {
+                                       return new CylinderGeometry(data.radiusTop, data.radiusBottom, data.height, data.radialSegments, data.heightSegments, data.openEnded, data.thetaStart, data.thetaLength);
+                               }
+
+                       }
+
+                       class ConeGeometry extends CylinderGeometry {
+                               constructor(radius = 1, height = 1, radialSegments = 8, heightSegments = 1, openEnded = false, thetaStart = 0, thetaLength = Math.PI * 2) {
+                                       super(0, radius, height, radialSegments, heightSegments, openEnded, thetaStart, thetaLength);
+                                       this.type = 'ConeGeometry';
+                                       this.parameters = {
+                                               radius: radius,
+                                               height: height,
+                                               radialSegments: radialSegments,
+                                               heightSegments: heightSegments,
+                                               openEnded: openEnded,
+                                               thetaStart: thetaStart,
+                                               thetaLength: thetaLength
+                                       };
+                               }
+
+                               static fromJSON(data) {
+                                       return new ConeGeometry(data.radius, data.height, data.radialSegments, data.heightSegments, data.openEnded, data.thetaStart, data.thetaLength);
+                               }
+
+                       }
+
+                       class PolyhedronGeometry extends BufferGeometry {
+                               constructor(vertices, indices, radius = 1, detail = 0) {
+                                       super();
+                                       this.type = 'PolyhedronGeometry';
+                                       this.parameters = {
+                                               vertices: vertices,
+                                               indices: indices,
+                                               radius: radius,
+                                               detail: detail
+                                       }; // default buffer data
+
+                                       const vertexBuffer = [];
+                                       const uvBuffer = []; // the subdivision creates the vertex buffer data
+
+                                       subdivide(detail); // all vertices should lie on a conceptual sphere with a given radius
+
+                                       applyRadius(radius); // finally, create the uv data
+
+                                       generateUVs(); // build non-indexed geometry
+
+                                       this.setAttribute('position', new Float32BufferAttribute(vertexBuffer, 3));
+                                       this.setAttribute('normal', new Float32BufferAttribute(vertexBuffer.slice(), 3));
+                                       this.setAttribute('uv', new Float32BufferAttribute(uvBuffer, 2));
+
+                                       if (detail === 0) {
+                                               this.computeVertexNormals(); // flat normals
+                                       } else {
+                                               this.normalizeNormals(); // smooth normals
+                                       } // helper functions
+
+
+                                       function subdivide(detail) {
+                                               const a = new Vector3();
+                                               const b = new Vector3();
+                                               const c = new Vector3(); // iterate over all faces and apply a subdivison with the given detail value
+
+                                               for (let i = 0; i < indices.length; i += 3) {
+                                                       // get the vertices of the face
+                                                       getVertexByIndex(indices[i + 0], a);
+                                                       getVertexByIndex(indices[i + 1], b);
+                                                       getVertexByIndex(indices[i + 2], c); // perform subdivision
+
+                                                       subdivideFace(a, b, c, detail);
+                                               }
+                                       }
+
+                                       function subdivideFace(a, b, c, detail) {
+                                               const cols = detail + 1; // we use this multidimensional array as a data structure for creating the subdivision
+
+                                               const v = []; // construct all of the vertices for this subdivision
+
+                                               for (let i = 0; i <= cols; i++) {
+                                                       v[i] = [];
+                                                       const aj = a.clone().lerp(c, i / cols);
+                                                       const bj = b.clone().lerp(c, i / cols);
+                                                       const rows = cols - i;
+
+                                                       for (let j = 0; j <= rows; j++) {
+                                                               if (j === 0 && i === cols) {
+                                                                       v[i][j] = aj;
+                                                               } else {
+                                                                       v[i][j] = aj.clone().lerp(bj, j / rows);
+                                                               }
+                                                       }
+                                               } // construct all of the faces
+
+
+                                               for (let i = 0; i < cols; i++) {
+                                                       for (let j = 0; j < 2 * (cols - i) - 1; j++) {
+                                                               const k = Math.floor(j / 2);
+
+                                                               if (j % 2 === 0) {
+                                                                       pushVertex(v[i][k + 1]);
+                                                                       pushVertex(v[i + 1][k]);
+                                                                       pushVertex(v[i][k]);
+                                                               } else {
+                                                                       pushVertex(v[i][k + 1]);
+                                                                       pushVertex(v[i + 1][k + 1]);
+                                                                       pushVertex(v[i + 1][k]);
+                                                               }
+                                                       }
+                                               }
+                                       }
+
+                                       function applyRadius(radius) {
+                                               const vertex = new Vector3(); // iterate over the entire buffer and apply the radius to each vertex
+
+                                               for (let i = 0; i < vertexBuffer.length; i += 3) {
+                                                       vertex.x = vertexBuffer[i + 0];
+                                                       vertex.y = vertexBuffer[i + 1];
+                                                       vertex.z = vertexBuffer[i + 2];
+                                                       vertex.normalize().multiplyScalar(radius);
+                                                       vertexBuffer[i + 0] = vertex.x;
+                                                       vertexBuffer[i + 1] = vertex.y;
+                                                       vertexBuffer[i + 2] = vertex.z;
+                                               }
+                                       }
+
+                                       function generateUVs() {
+                                               const vertex = new Vector3();
+
+                                               for (let i = 0; i < vertexBuffer.length; i += 3) {
+                                                       vertex.x = vertexBuffer[i + 0];
+                                                       vertex.y = vertexBuffer[i + 1];
+                                                       vertex.z = vertexBuffer[i + 2];
+                                                       const u = azimuth(vertex) / 2 / Math.PI + 0.5;
+                                                       const v = inclination(vertex) / Math.PI + 0.5;
+                                                       uvBuffer.push(u, 1 - v);
+                                               }
+
+                                               correctUVs();
+                                               correctSeam();
+                                       }
+
+                                       function correctSeam() {
+                                               // handle case when face straddles the seam, see #3269
+                                               for (let i = 0; i < uvBuffer.length; i += 6) {
+                                                       // uv data of a single face
+                                                       const x0 = uvBuffer[i + 0];
+                                                       const x1 = uvBuffer[i + 2];
+                                                       const x2 = uvBuffer[i + 4];
+                                                       const max = Math.max(x0, x1, x2);
+                                                       const min = Math.min(x0, x1, x2); // 0.9 is somewhat arbitrary
+
+                                                       if (max > 0.9 && min < 0.1) {
+                                                               if (x0 < 0.2) uvBuffer[i + 0] += 1;
+                                                               if (x1 < 0.2) uvBuffer[i + 2] += 1;
+                                                               if (x2 < 0.2) uvBuffer[i + 4] += 1;
+                                                       }
+                                               }
+                                       }
+
+                                       function pushVertex(vertex) {
+                                               vertexBuffer.push(vertex.x, vertex.y, vertex.z);
+                                       }
+
+                                       function getVertexByIndex(index, vertex) {
+                                               const stride = index * 3;
+                                               vertex.x = vertices[stride + 0];
+                                               vertex.y = vertices[stride + 1];
+                                               vertex.z = vertices[stride + 2];
+                                       }
+
+                                       function correctUVs() {
+                                               const a = new Vector3();
+                                               const b = new Vector3();
+                                               const c = new Vector3();
+                                               const centroid = new Vector3();
+                                               const uvA = new Vector2();
+                                               const uvB = new Vector2();
+                                               const uvC = new Vector2();
+
+                                               for (let i = 0, j = 0; i < vertexBuffer.length; i += 9, j += 6) {
+                                                       a.set(vertexBuffer[i + 0], vertexBuffer[i + 1], vertexBuffer[i + 2]);
+                                                       b.set(vertexBuffer[i + 3], vertexBuffer[i + 4], vertexBuffer[i + 5]);
+                                                       c.set(vertexBuffer[i + 6], vertexBuffer[i + 7], vertexBuffer[i + 8]);
+                                                       uvA.set(uvBuffer[j + 0], uvBuffer[j + 1]);
+                                                       uvB.set(uvBuffer[j + 2], uvBuffer[j + 3]);
+                                                       uvC.set(uvBuffer[j + 4], uvBuffer[j + 5]);
+                                                       centroid.copy(a).add(b).add(c).divideScalar(3);
+                                                       const azi = azimuth(centroid);
+                                                       correctUV(uvA, j + 0, a, azi);
+                                                       correctUV(uvB, j + 2, b, azi);
+                                                       correctUV(uvC, j + 4, c, azi);
+                                               }
+                                       }
+
+                                       function correctUV(uv, stride, vector, azimuth) {
+                                               if (azimuth < 0 && uv.x === 1) {
+                                                       uvBuffer[stride] = uv.x - 1;
+                                               }
+
+                                               if (vector.x === 0 && vector.z === 0) {
+                                                       uvBuffer[stride] = azimuth / 2 / Math.PI + 0.5;
+                                               }
+                                       } // Angle around the Y axis, counter-clockwise when looking from above.
+
+
+                                       function azimuth(vector) {
+                                               return Math.atan2(vector.z, -vector.x);
+                                       } // Angle above the XZ plane.
+
+
+                                       function inclination(vector) {
+                                               return Math.atan2(-vector.y, Math.sqrt(vector.x * vector.x + vector.z * vector.z));
+                                       }
+                               }
+
+                               static fromJSON(data) {
+                                       return new PolyhedronGeometry(data.vertices, data.indices, data.radius, data.details);
+                               }
+
+                       }
+
+                       class DodecahedronGeometry extends PolyhedronGeometry {
+                               constructor(radius = 1, detail = 0) {
+                                       const t = (1 + Math.sqrt(5)) / 2;
+                                       const r = 1 / t;
+                                       const vertices = [// (±1, Â±1, Â±1)
+                                               -1, -1, -1, -1, -1, 1, -1, 1, -1, -1, 1, 1, 1, -1, -1, 1, -1, 1, 1, 1, -1, 1, 1, 1, // (0, Â±1/φ, Â±Ï†)
+                                               0, -r, -t, 0, -r, t, 0, r, -t, 0, r, t, // (±1/φ, Â±Ï†, 0)
+                                               -r, -t, 0, -r, t, 0, r, -t, 0, r, t, 0, // (±φ, 0, Â±1/φ)
+                                               -t, 0, -r, t, 0, -r, -t, 0, r, t, 0, r];
+                                       const indices = [3, 11, 7, 3, 7, 15, 3, 15, 13, 7, 19, 17, 7, 17, 6, 7, 6, 15, 17, 4, 8, 17, 8, 10, 17, 10, 6, 8, 0, 16, 8, 16, 2, 8, 2, 10, 0, 12, 1, 0, 1, 18, 0, 18, 16, 6, 10, 2, 6, 2, 13, 6, 13, 15, 2, 16, 18, 2, 18, 3, 2, 3, 13, 18, 1, 9, 18, 9, 11, 18, 11, 3, 4, 14, 12, 4, 12, 0, 4, 0, 8, 11, 9, 5, 11, 5, 19, 11, 19, 7, 19, 5, 14, 19, 14, 4, 19, 4, 17, 1, 12, 14, 1, 14, 5, 1, 5, 9];
+                                       super(vertices, indices, radius, detail);
+                                       this.type = 'DodecahedronGeometry';
+                                       this.parameters = {
+                                               radius: radius,
+                                               detail: detail
+                                       };
+                               }
+
+                               static fromJSON(data) {
+                                       return new DodecahedronGeometry(data.radius, data.detail);
+                               }
+
+                       }
+
+                       const _v0 = new Vector3();
+
+                       const _v1$1 = new Vector3();
+
+                       const _normal = new Vector3();
+
+                       const _triangle = new Triangle();
+
+                       class EdgesGeometry extends BufferGeometry {
+                               constructor(geometry, thresholdAngle) {
+                                       super();
+                                       this.type = 'EdgesGeometry';
+                                       this.parameters = {
+                                               thresholdAngle: thresholdAngle
+                                       };
+                                       thresholdAngle = thresholdAngle !== undefined ? thresholdAngle : 1;
+
+                                       if (geometry.isGeometry === true) {
+                                               console.error('THREE.EdgesGeometry no longer supports THREE.Geometry. Use THREE.BufferGeometry instead.');
+                                               return;
+                                       }
+
+                                       const precisionPoints = 4;
+                                       const precision = Math.pow(10, precisionPoints);
+                                       const thresholdDot = Math.cos(DEG2RAD * thresholdAngle);
+                                       const indexAttr = geometry.getIndex();
+                                       const positionAttr = geometry.getAttribute('position');
+                                       const indexCount = indexAttr ? indexAttr.count : positionAttr.count;
+                                       const indexArr = [0, 0, 0];
+                                       const vertKeys = ['a', 'b', 'c'];
+                                       const hashes = new Array(3);
+                                       const edgeData = {};
+                                       const vertices = [];
+
+                                       for (let i = 0; i < indexCount; i += 3) {
+                                               if (indexAttr) {
+                                                       indexArr[0] = indexAttr.getX(i);
+                                                       indexArr[1] = indexAttr.getX(i + 1);
+                                                       indexArr[2] = indexAttr.getX(i + 2);
+                                               } else {
+                                                       indexArr[0] = i;
+                                                       indexArr[1] = i + 1;
+                                                       indexArr[2] = i + 2;
+                                               }
+
+                                               const {
+                                                       a,
+                                                       b,
+                                                       c
+                                               } = _triangle;
+                                               a.fromBufferAttribute(positionAttr, indexArr[0]);
+                                               b.fromBufferAttribute(positionAttr, indexArr[1]);
+                                               c.fromBufferAttribute(positionAttr, indexArr[2]);
+
+                                               _triangle.getNormal(_normal); // create hashes for the edge from the vertices
+
+
+                                               hashes[0] = `${Math.round(a.x * precision)},${Math.round(a.y * precision)},${Math.round(a.z * precision)}`;
+                                               hashes[1] = `${Math.round(b.x * precision)},${Math.round(b.y * precision)},${Math.round(b.z * precision)}`;
+                                               hashes[2] = `${Math.round(c.x * precision)},${Math.round(c.y * precision)},${Math.round(c.z * precision)}`; // skip degenerate triangles
+
+                                               if (hashes[0] === hashes[1] || hashes[1] === hashes[2] || hashes[2] === hashes[0]) {
+                                                       continue;
+                                               } // iterate over every edge
+
+
+                                               for (let j = 0; j < 3; j++) {
+                                                       // get the first and next vertex making up the edge
+                                                       const jNext = (j + 1) % 3;
+                                                       const vecHash0 = hashes[j];
+                                                       const vecHash1 = hashes[jNext];
+                                                       const v0 = _triangle[vertKeys[j]];
+                                                       const v1 = _triangle[vertKeys[jNext]];
+                                                       const hash = `${vecHash0}_${vecHash1}`;
+                                                       const reverseHash = `${vecHash1}_${vecHash0}`;
+
+                                                       if (reverseHash in edgeData && edgeData[reverseHash]) {
+                                                               // if we found a sibling edge add it into the vertex array if
+                                                               // it meets the angle threshold and delete the edge from the map.
+                                                               if (_normal.dot(edgeData[reverseHash].normal) <= thresholdDot) {
+                                                                       vertices.push(v0.x, v0.y, v0.z);
+                                                                       vertices.push(v1.x, v1.y, v1.z);
+                                                               }
+
+                                                               edgeData[reverseHash] = null;
+                                                       } else if (!(hash in edgeData)) {
+                                                               // if we've already got an edge here then skip adding a new one
+                                                               edgeData[hash] = {
+                                                                       index0: indexArr[j],
+                                                                       index1: indexArr[jNext],
+                                                                       normal: _normal.clone()
+                                                               };
+                                                       }
+                                               }
+                                       } // iterate over all remaining, unmatched edges and add them to the vertex array
+
+
+                                       for (const key in edgeData) {
+                                               if (edgeData[key]) {
+                                                       const {
+                                                               index0,
+                                                               index1
+                                                       } = edgeData[key];
+
+                                                       _v0.fromBufferAttribute(positionAttr, index0);
+
+                                                       _v1$1.fromBufferAttribute(positionAttr, index1);
+
+                                                       vertices.push(_v0.x, _v0.y, _v0.z);
+                                                       vertices.push(_v1$1.x, _v1$1.y, _v1$1.z);
+                                               }
+                                       }
+
+                                       this.setAttribute('position', new Float32BufferAttribute(vertices, 3));
+                               }
+
+                       }
+
+                       /**
+                        * Extensible curve object.
+                        *
+                        * Some common of curve methods:
+                        * .getPoint( t, optionalTarget ), .getTangent( t, optionalTarget )
+                        * .getPointAt( u, optionalTarget ), .getTangentAt( u, optionalTarget )
+                        * .getPoints(), .getSpacedPoints()
+                        * .getLength()
+                        * .updateArcLengths()
+                        *
+                        * This following curves inherit from THREE.Curve:
+                        *
+                        * -- 2D curves --
+                        * THREE.ArcCurve
+                        * THREE.CubicBezierCurve
+                        * THREE.EllipseCurve
+                        * THREE.LineCurve
+                        * THREE.QuadraticBezierCurve
+                        * THREE.SplineCurve
+                        *
+                        * -- 3D curves --
+                        * THREE.CatmullRomCurve3
+                        * THREE.CubicBezierCurve3
+                        * THREE.LineCurve3
+                        * THREE.QuadraticBezierCurve3
+                        *
+                        * A series of curves can be represented as a THREE.CurvePath.
+                        *
+                        **/
+
+                       class Curve {
+                               constructor() {
+                                       this.type = 'Curve';
+                                       this.arcLengthDivisions = 200;
+                               } // Virtual base class method to overwrite and implement in subclasses
+                               //      - t [0 .. 1]
+
+
+                               getPoint() {
+                                       console.warn('THREE.Curve: .getPoint() not implemented.');
+                                       return null;
+                               } // Get point at relative position in curve according to arc length
+                               // - u [0 .. 1]
+
+
+                               getPointAt(u, optionalTarget) {
+                                       const t = this.getUtoTmapping(u);
+                                       return this.getPoint(t, optionalTarget);
+                               } // Get sequence of points using getPoint( t )
+
+
+                               getPoints(divisions = 5) {
+                                       const points = [];
+
+                                       for (let d = 0; d <= divisions; d++) {
+                                               points.push(this.getPoint(d / divisions));
+                                       }
+
+                                       return points;
+                               } // Get sequence of points using getPointAt( u )
+
+
+                               getSpacedPoints(divisions = 5) {
+                                       const points = [];
+
+                                       for (let d = 0; d <= divisions; d++) {
+                                               points.push(this.getPointAt(d / divisions));
+                                       }
+
+                                       return points;
+                               } // Get total curve arc length
+
+
+                               getLength() {
+                                       const lengths = this.getLengths();
+                                       return lengths[lengths.length - 1];
+                               } // Get list of cumulative segment lengths
+
+
+                               getLengths(divisions = this.arcLengthDivisions) {
+                                       if (this.cacheArcLengths && this.cacheArcLengths.length === divisions + 1 && !this.needsUpdate) {
+                                               return this.cacheArcLengths;
+                                       }
+
+                                       this.needsUpdate = false;
+                                       const cache = [];
+                                       let current,
+                                               last = this.getPoint(0);
+                                       let sum = 0;
+                                       cache.push(0);
+
+                                       for (let p = 1; p <= divisions; p++) {
+                                               current = this.getPoint(p / divisions);
+                                               sum += current.distanceTo(last);
+                                               cache.push(sum);
+                                               last = current;
+                                       }
+
+                                       this.cacheArcLengths = cache;
+                                       return cache; // { sums: cache, sum: sum }; Sum is in the last element.
+                               }
+
+                               updateArcLengths() {
+                                       this.needsUpdate = true;
+                                       this.getLengths();
+                               } // Given u ( 0 .. 1 ), get a t to find p. This gives you points which are equidistant
+
+
+                               getUtoTmapping(u, distance) {
+                                       const arcLengths = this.getLengths();
+                                       let i = 0;
+                                       const il = arcLengths.length;
+                                       let targetArcLength; // The targeted u distance value to get
+
+                                       if (distance) {
+                                               targetArcLength = distance;
+                                       } else {
+                                               targetArcLength = u * arcLengths[il - 1];
+                                       } // binary search for the index with largest value smaller than target u distance
+
+
+                                       let low = 0,
+                                               high = il - 1,
+                                               comparison;
+
+                                       while (low <= high) {
+                                               i = Math.floor(low + (high - low) / 2); // less likely to overflow, though probably not issue here, JS doesn't really have integers, all numbers are floats
+
+                                               comparison = arcLengths[i] - targetArcLength;
+
+                                               if (comparison < 0) {
+                                                       low = i + 1;
+                                               } else if (comparison > 0) {
+                                                       high = i - 1;
+                                               } else {
+                                                       high = i;
+                                                       break; // DONE
+                                               }
+                                       }
+
+                                       i = high;
+
+                                       if (arcLengths[i] === targetArcLength) {
+                                               return i / (il - 1);
+                                       } // we could get finer grain at lengths, or use simple interpolation between two points
+
+
+                                       const lengthBefore = arcLengths[i];
+                                       const lengthAfter = arcLengths[i + 1];
+                                       const segmentLength = lengthAfter - lengthBefore; // determine where we are between the 'before' and 'after' points
+
+                                       const segmentFraction = (targetArcLength - lengthBefore) / segmentLength; // add that fractional amount to t
+
+                                       const t = (i + segmentFraction) / (il - 1);
+                                       return t;
+                               } // Returns a unit vector tangent at t
+                               // In case any sub curve does not implement its tangent derivation,
+                               // 2 points a small delta apart will be used to find its gradient
+                               // which seems to give a reasonable approximation
+
+
+                               getTangent(t, optionalTarget) {
+                                       const delta = 0.0001;
+                                       let t1 = t - delta;
+                                       let t2 = t + delta; // Capping in case of danger
+
+                                       if (t1 < 0) t1 = 0;
+                                       if (t2 > 1) t2 = 1;
+                                       const pt1 = this.getPoint(t1);
+                                       const pt2 = this.getPoint(t2);
+                                       const tangent = optionalTarget || (pt1.isVector2 ? new Vector2() : new Vector3());
+                                       tangent.copy(pt2).sub(pt1).normalize();
+                                       return tangent;
+                               }
+
+                               getTangentAt(u, optionalTarget) {
+                                       const t = this.getUtoTmapping(u);
+                                       return this.getTangent(t, optionalTarget);
+                               }
+
+                               computeFrenetFrames(segments, closed) {
+                                       // see http://www.cs.indiana.edu/pub/techreports/TR425.pdf
+                                       const normal = new Vector3();
+                                       const tangents = [];
+                                       const normals = [];
+                                       const binormals = [];
+                                       const vec = new Vector3();
+                                       const mat = new Matrix4(); // compute the tangent vectors for each segment on the curve
+
+                                       for (let i = 0; i <= segments; i++) {
+                                               const u = i / segments;
+                                               tangents[i] = this.getTangentAt(u, new Vector3());
+                                               tangents[i].normalize();
+                                       } // select an initial normal vector perpendicular to the first tangent vector,
+                                       // and in the direction of the minimum tangent xyz component
+
+
+                                       normals[0] = new Vector3();
+                                       binormals[0] = new Vector3();
+                                       let min = Number.MAX_VALUE;
+                                       const tx = Math.abs(tangents[0].x);
+                                       const ty = Math.abs(tangents[0].y);
+                                       const tz = Math.abs(tangents[0].z);
+
+                                       if (tx <= min) {
+                                               min = tx;
+                                               normal.set(1, 0, 0);
+                                       }
+
+                                       if (ty <= min) {
+                                               min = ty;
+                                               normal.set(0, 1, 0);
+                                       }
+
+                                       if (tz <= min) {
+                                               normal.set(0, 0, 1);
+                                       }
+
+                                       vec.crossVectors(tangents[0], normal).normalize();
+                                       normals[0].crossVectors(tangents[0], vec);
+                                       binormals[0].crossVectors(tangents[0], normals[0]); // compute the slowly-varying normal and binormal vectors for each segment on the curve
+
+                                       for (let i = 1; i <= segments; i++) {
+                                               normals[i] = normals[i - 1].clone();
+                                               binormals[i] = binormals[i - 1].clone();
+                                               vec.crossVectors(tangents[i - 1], tangents[i]);
+
+                                               if (vec.length() > Number.EPSILON) {
+                                                       vec.normalize();
+                                                       const theta = Math.acos(clamp(tangents[i - 1].dot(tangents[i]), -1, 1)); // clamp for floating pt errors
+
+                                                       normals[i].applyMatrix4(mat.makeRotationAxis(vec, theta));
+                                               }
+
+                                               binormals[i].crossVectors(tangents[i], normals[i]);
+                                       } // if the curve is closed, postprocess the vectors so the first and last normal vectors are the same
+
+
+                                       if (closed === true) {
+                                               let theta = Math.acos(clamp(normals[0].dot(normals[segments]), -1, 1));
+                                               theta /= segments;
+
+                                               if (tangents[0].dot(vec.crossVectors(normals[0], normals[segments])) > 0) {
+                                                       theta = -theta;
+                                               }
+
+                                               for (let i = 1; i <= segments; i++) {
+                                                       // twist a little...
+                                                       normals[i].applyMatrix4(mat.makeRotationAxis(tangents[i], theta * i));
+                                                       binormals[i].crossVectors(tangents[i], normals[i]);
+                                               }
+                                       }
+
+                                       return {
+                                               tangents: tangents,
+                                               normals: normals,
+                                               binormals: binormals
+                                       };
+                               }
+
+                               clone() {
+                                       return new this.constructor().copy(this);
+                               }
+
+                               copy(source) {
+                                       this.arcLengthDivisions = source.arcLengthDivisions;
+                                       return this;
+                               }
+
+                               toJSON() {
+                                       const data = {
+                                               metadata: {
+                                                       version: 4.5,
+                                                       type: 'Curve',
+                                                       generator: 'Curve.toJSON'
+                                               }
+                                       };
+                                       data.arcLengthDivisions = this.arcLengthDivisions;
+                                       data.type = this.type;
+                                       return data;
+                               }
+
+                               fromJSON(json) {
+                                       this.arcLengthDivisions = json.arcLengthDivisions;
+                                       return this;
+                               }
+
+                       }
+
+                       class EllipseCurve extends Curve {
+                               constructor(aX = 0, aY = 0, xRadius = 1, yRadius = 1, aStartAngle = 0, aEndAngle = Math.PI * 2, aClockwise = false, aRotation = 0) {
+                                       super();
+                                       this.type = 'EllipseCurve';
+                                       this.aX = aX;
+                                       this.aY = aY;
+                                       this.xRadius = xRadius;
+                                       this.yRadius = yRadius;
+                                       this.aStartAngle = aStartAngle;
+                                       this.aEndAngle = aEndAngle;
+                                       this.aClockwise = aClockwise;
+                                       this.aRotation = aRotation;
+                               }
+
+                               getPoint(t, optionalTarget) {
+                                       const point = optionalTarget || new Vector2();
+                                       const twoPi = Math.PI * 2;
+                                       let deltaAngle = this.aEndAngle - this.aStartAngle;
+                                       const samePoints = Math.abs(deltaAngle) < Number.EPSILON; // ensures that deltaAngle is 0 .. 2 PI
+
+                                       while (deltaAngle < 0) deltaAngle += twoPi;
+
+                                       while (deltaAngle > twoPi) deltaAngle -= twoPi;
+
+                                       if (deltaAngle < Number.EPSILON) {
+                                               if (samePoints) {
+                                                       deltaAngle = 0;
+                                               } else {
+                                                       deltaAngle = twoPi;
+                                               }
+                                       }
+
+                                       if (this.aClockwise === true && !samePoints) {
+                                               if (deltaAngle === twoPi) {
+                                                       deltaAngle = -twoPi;
+                                               } else {
+                                                       deltaAngle = deltaAngle - twoPi;
+                                               }
+                                       }
+
+                                       const angle = this.aStartAngle + t * deltaAngle;
+                                       let x = this.aX + this.xRadius * Math.cos(angle);
+                                       let y = this.aY + this.yRadius * Math.sin(angle);
+
+                                       if (this.aRotation !== 0) {
+                                               const cos = Math.cos(this.aRotation);
+                                               const sin = Math.sin(this.aRotation);
+                                               const tx = x - this.aX;
+                                               const ty = y - this.aY; // Rotate the point about the center of the ellipse.
+
+                                               x = tx * cos - ty * sin + this.aX;
+                                               y = tx * sin + ty * cos + this.aY;
+                                       }
+
+                                       return point.set(x, y);
+                               }
+
+                               copy(source) {
+                                       super.copy(source);
+                                       this.aX = source.aX;
+                                       this.aY = source.aY;
+                                       this.xRadius = source.xRadius;
+                                       this.yRadius = source.yRadius;
+                                       this.aStartAngle = source.aStartAngle;
+                                       this.aEndAngle = source.aEndAngle;
+                                       this.aClockwise = source.aClockwise;
+                                       this.aRotation = source.aRotation;
+                                       return this;
+                               }
+
+                               toJSON() {
+                                       const data = super.toJSON();
+                                       data.aX = this.aX;
+                                       data.aY = this.aY;
+                                       data.xRadius = this.xRadius;
+                                       data.yRadius = this.yRadius;
+                                       data.aStartAngle = this.aStartAngle;
+                                       data.aEndAngle = this.aEndAngle;
+                                       data.aClockwise = this.aClockwise;
+                                       data.aRotation = this.aRotation;
+                                       return data;
+                               }
+
+                               fromJSON(json) {
+                                       super.fromJSON(json);
+                                       this.aX = json.aX;
+                                       this.aY = json.aY;
+                                       this.xRadius = json.xRadius;
+                                       this.yRadius = json.yRadius;
+                                       this.aStartAngle = json.aStartAngle;
+                                       this.aEndAngle = json.aEndAngle;
+                                       this.aClockwise = json.aClockwise;
+                                       this.aRotation = json.aRotation;
+                                       return this;
+                               }
+
+                       }
+
+                       EllipseCurve.prototype.isEllipseCurve = true;
+
+                       class ArcCurve extends EllipseCurve {
+                               constructor(aX, aY, aRadius, aStartAngle, aEndAngle, aClockwise) {
+                                       super(aX, aY, aRadius, aRadius, aStartAngle, aEndAngle, aClockwise);
+                                       this.type = 'ArcCurve';
+                               }
+
+                       }
+
+                       ArcCurve.prototype.isArcCurve = true;
+
+                       /**
+                        * Centripetal CatmullRom Curve - which is useful for avoiding
+                        * cusps and self-intersections in non-uniform catmull rom curves.
+                        * http://www.cemyuksel.com/research/catmullrom_param/catmullrom.pdf
+                        *
+                        * curve.type accepts centripetal(default), chordal and catmullrom
+                        * curve.tension is used for catmullrom which defaults to 0.5
+                        */
+
+                       /*
+       Based on an optimized c++ solution in
+        - http://stackoverflow.com/questions/9489736/catmull-rom-curve-with-no-cusps-and-no-self-intersections/
+        - http://ideone.com/NoEbVM
+
+       This CubicPoly class could be used for reusing some variables and calculations,
+       but for three.js curve use, it could be possible inlined and flatten into a single function call
+       which can be placed in CurveUtils.
+       */
+
+                       function CubicPoly() {
+                               let c0 = 0,
+                                       c1 = 0,
+                                       c2 = 0,
+                                       c3 = 0;
+
+                               /*
+                * Compute coefficients for a cubic polynomial
+                *       p(s) = c0 + c1*s + c2*s^2 + c3*s^3
+                * such that
+                *       p(0) = x0, p(1) = x1
+                *      and
+                *       p'(0) = t0, p'(1) = t1.
+                */
+
+                               function init(x0, x1, t0, t1) {
+                                       c0 = x0;
+                                       c1 = t0;
+                                       c2 = -3 * x0 + 3 * x1 - 2 * t0 - t1;
+                                       c3 = 2 * x0 - 2 * x1 + t0 + t1;
+                               }
+
+                               return {
+                                       initCatmullRom: function (x0, x1, x2, x3, tension) {
+                                               init(x1, x2, tension * (x2 - x0), tension * (x3 - x1));
+                                       },
+                                       initNonuniformCatmullRom: function (x0, x1, x2, x3, dt0, dt1, dt2) {
+                                               // compute tangents when parameterized in [t1,t2]
+                                               let t1 = (x1 - x0) / dt0 - (x2 - x0) / (dt0 + dt1) + (x2 - x1) / dt1;
+                                               let t2 = (x2 - x1) / dt1 - (x3 - x1) / (dt1 + dt2) + (x3 - x2) / dt2; // rescale tangents for parametrization in [0,1]
+
+                                               t1 *= dt1;
+                                               t2 *= dt1;
+                                               init(x1, x2, t1, t2);
+                                       },
+                                       calc: function (t) {
+                                               const t2 = t * t;
+                                               const t3 = t2 * t;
+                                               return c0 + c1 * t + c2 * t2 + c3 * t3;
+                                       }
+                               };
+                       } //
+
+
+                       const tmp = new Vector3();
+                       const px = new CubicPoly(),
+                               py = new CubicPoly(),
+                               pz = new CubicPoly();
+
+                       class CatmullRomCurve3 extends Curve {
+                               constructor(points = [], closed = false, curveType = 'centripetal', tension = 0.5) {
+                                       super();
+                                       this.type = 'CatmullRomCurve3';
+                                       this.points = points;
+                                       this.closed = closed;
+                                       this.curveType = curveType;
+                                       this.tension = tension;
+                               }
+
+                               getPoint(t, optionalTarget = new Vector3()) {
+                                       const point = optionalTarget;
+                                       const points = this.points;
+                                       const l = points.length;
+                                       const p = (l - (this.closed ? 0 : 1)) * t;
+                                       let intPoint = Math.floor(p);
+                                       let weight = p - intPoint;
+
+                                       if (this.closed) {
+                                               intPoint += intPoint > 0 ? 0 : (Math.floor(Math.abs(intPoint) / l) + 1) * l;
+                                       } else if (weight === 0 && intPoint === l - 1) {
+                                               intPoint = l - 2;
+                                               weight = 1;
+                                       }
+
+                                       let p0, p3; // 4 points (p1 & p2 defined below)
+
+                                       if (this.closed || intPoint > 0) {
+                                               p0 = points[(intPoint - 1) % l];
+                                       } else {
+                                               // extrapolate first point
+                                               tmp.subVectors(points[0], points[1]).add(points[0]);
+                                               p0 = tmp;
+                                       }
+
+                                       const p1 = points[intPoint % l];
+                                       const p2 = points[(intPoint + 1) % l];
+
+                                       if (this.closed || intPoint + 2 < l) {
+                                               p3 = points[(intPoint + 2) % l];
+                                       } else {
+                                               // extrapolate last point
+                                               tmp.subVectors(points[l - 1], points[l - 2]).add(points[l - 1]);
+                                               p3 = tmp;
+                                       }
+
+                                       if (this.curveType === 'centripetal' || this.curveType === 'chordal') {
+                                               // init Centripetal / Chordal Catmull-Rom
+                                               const pow = this.curveType === 'chordal' ? 0.5 : 0.25;
+                                               let dt0 = Math.pow(p0.distanceToSquared(p1), pow);
+                                               let dt1 = Math.pow(p1.distanceToSquared(p2), pow);
+                                               let dt2 = Math.pow(p2.distanceToSquared(p3), pow); // safety check for repeated points
+
+                                               if (dt1 < 1e-4) dt1 = 1.0;
+                                               if (dt0 < 1e-4) dt0 = dt1;
+                                               if (dt2 < 1e-4) dt2 = dt1;
+                                               px.initNonuniformCatmullRom(p0.x, p1.x, p2.x, p3.x, dt0, dt1, dt2);
+                                               py.initNonuniformCatmullRom(p0.y, p1.y, p2.y, p3.y, dt0, dt1, dt2);
+                                               pz.initNonuniformCatmullRom(p0.z, p1.z, p2.z, p3.z, dt0, dt1, dt2);
+                                       } else if (this.curveType === 'catmullrom') {
+                                               px.initCatmullRom(p0.x, p1.x, p2.x, p3.x, this.tension);
+                                               py.initCatmullRom(p0.y, p1.y, p2.y, p3.y, this.tension);
+                                               pz.initCatmullRom(p0.z, p1.z, p2.z, p3.z, this.tension);
+                                       }
+
+                                       point.set(px.calc(weight), py.calc(weight), pz.calc(weight));
+                                       return point;
+                               }
+
+                               copy(source) {
+                                       super.copy(source);
+                                       this.points = [];
+
+                                       for (let i = 0, l = source.points.length; i < l; i++) {
+                                               const point = source.points[i];
+                                               this.points.push(point.clone());
+                                       }
+
+                                       this.closed = source.closed;
+                                       this.curveType = source.curveType;
+                                       this.tension = source.tension;
+                                       return this;
+                               }
+
+                               toJSON() {
+                                       const data = super.toJSON();
+                                       data.points = [];
+
+                                       for (let i = 0, l = this.points.length; i < l; i++) {
+                                               const point = this.points[i];
+                                               data.points.push(point.toArray());
+                                       }
+
+                                       data.closed = this.closed;
+                                       data.curveType = this.curveType;
+                                       data.tension = this.tension;
+                                       return data;
+                               }
+
+                               fromJSON(json) {
+                                       super.fromJSON(json);
+                                       this.points = [];
+
+                                       for (let i = 0, l = json.points.length; i < l; i++) {
+                                               const point = json.points[i];
+                                               this.points.push(new Vector3().fromArray(point));
+                                       }
+
+                                       this.closed = json.closed;
+                                       this.curveType = json.curveType;
+                                       this.tension = json.tension;
+                                       return this;
+                               }
+
+                       }
+
+                       CatmullRomCurve3.prototype.isCatmullRomCurve3 = true;
+
+                       /**
+                        * Bezier Curves formulas obtained from
+                        * http://en.wikipedia.org/wiki/Bézier_curve
+                        */
+                       function CatmullRom(t, p0, p1, p2, p3) {
+                               const v0 = (p2 - p0) * 0.5;
+                               const v1 = (p3 - p1) * 0.5;
+                               const t2 = t * t;
+                               const t3 = t * t2;
+                               return (2 * p1 - 2 * p2 + v0 + v1) * t3 + (-3 * p1 + 3 * p2 - 2 * v0 - v1) * t2 + v0 * t + p1;
+                       } //
+
+
+                       function QuadraticBezierP0(t, p) {
+                               const k = 1 - t;
+                               return k * k * p;
+                       }
+
+                       function QuadraticBezierP1(t, p) {
+                               return 2 * (1 - t) * t * p;
+                       }
+
+                       function QuadraticBezierP2(t, p) {
+                               return t * t * p;
+                       }
+
+                       function QuadraticBezier(t, p0, p1, p2) {
+                               return QuadraticBezierP0(t, p0) + QuadraticBezierP1(t, p1) + QuadraticBezierP2(t, p2);
+                       } //
+
+
+                       function CubicBezierP0(t, p) {
+                               const k = 1 - t;
+                               return k * k * k * p;
+                       }
+
+                       function CubicBezierP1(t, p) {
+                               const k = 1 - t;
+                               return 3 * k * k * t * p;
+                       }
+
+                       function CubicBezierP2(t, p) {
+                               return 3 * (1 - t) * t * t * p;
+                       }
+
+                       function CubicBezierP3(t, p) {
+                               return t * t * t * p;
+                       }
+
+                       function CubicBezier(t, p0, p1, p2, p3) {
+                               return CubicBezierP0(t, p0) + CubicBezierP1(t, p1) + CubicBezierP2(t, p2) + CubicBezierP3(t, p3);
+                       }
+
+                       class CubicBezierCurve extends Curve {
+                               constructor(v0 = new Vector2(), v1 = new Vector2(), v2 = new Vector2(), v3 = new Vector2()) {
+                                       super();
+                                       this.type = 'CubicBezierCurve';
+                                       this.v0 = v0;
+                                       this.v1 = v1;
+                                       this.v2 = v2;
+                                       this.v3 = v3;
+                               }
+
+                               getPoint(t, optionalTarget = new Vector2()) {
+                                       const point = optionalTarget;
+                                       const v0 = this.v0,
+                                               v1 = this.v1,
+                                               v2 = this.v2,
+                                               v3 = this.v3;
+                                       point.set(CubicBezier(t, v0.x, v1.x, v2.x, v3.x), CubicBezier(t, v0.y, v1.y, v2.y, v3.y));
+                                       return point;
+                               }
+
+                               copy(source) {
+                                       super.copy(source);
+                                       this.v0.copy(source.v0);
+                                       this.v1.copy(source.v1);
+                                       this.v2.copy(source.v2);
+                                       this.v3.copy(source.v3);
+                                       return this;
+                               }
+
+                               toJSON() {
+                                       const data = super.toJSON();
+                                       data.v0 = this.v0.toArray();
+                                       data.v1 = this.v1.toArray();
+                                       data.v2 = this.v2.toArray();
+                                       data.v3 = this.v3.toArray();
+                                       return data;
+                               }
+
+                               fromJSON(json) {
+                                       super.fromJSON(json);
+                                       this.v0.fromArray(json.v0);
+                                       this.v1.fromArray(json.v1);
+                                       this.v2.fromArray(json.v2);
+                                       this.v3.fromArray(json.v3);
+                                       return this;
+                               }
+
+                       }
+
+                       CubicBezierCurve.prototype.isCubicBezierCurve = true;
+
+                       class CubicBezierCurve3 extends Curve {
+                               constructor(v0 = new Vector3(), v1 = new Vector3(), v2 = new Vector3(), v3 = new Vector3()) {
+                                       super();
+                                       this.type = 'CubicBezierCurve3';
+                                       this.v0 = v0;
+                                       this.v1 = v1;
+                                       this.v2 = v2;
+                                       this.v3 = v3;
+                               }
+
+                               getPoint(t, optionalTarget = new Vector3()) {
+                                       const point = optionalTarget;
+                                       const v0 = this.v0,
+                                               v1 = this.v1,
+                                               v2 = this.v2,
+                                               v3 = this.v3;
+                                       point.set(CubicBezier(t, v0.x, v1.x, v2.x, v3.x), CubicBezier(t, v0.y, v1.y, v2.y, v3.y), CubicBezier(t, v0.z, v1.z, v2.z, v3.z));
+                                       return point;
+                               }
+
+                               copy(source) {
+                                       super.copy(source);
+                                       this.v0.copy(source.v0);
+                                       this.v1.copy(source.v1);
+                                       this.v2.copy(source.v2);
+                                       this.v3.copy(source.v3);
+                                       return this;
+                               }
+
+                               toJSON() {
+                                       const data = super.toJSON();
+                                       data.v0 = this.v0.toArray();
+                                       data.v1 = this.v1.toArray();
+                                       data.v2 = this.v2.toArray();
+                                       data.v3 = this.v3.toArray();
+                                       return data;
+                               }
+
+                               fromJSON(json) {
+                                       super.fromJSON(json);
+                                       this.v0.fromArray(json.v0);
+                                       this.v1.fromArray(json.v1);
+                                       this.v2.fromArray(json.v2);
+                                       this.v3.fromArray(json.v3);
+                                       return this;
+                               }
+
+                       }
+
+                       CubicBezierCurve3.prototype.isCubicBezierCurve3 = true;
+
+                       class LineCurve extends Curve {
+                               constructor(v1 = new Vector2(), v2 = new Vector2()) {
+                                       super();
+                                       this.type = 'LineCurve';
+                                       this.v1 = v1;
+                                       this.v2 = v2;
+                               }
+
+                               getPoint(t, optionalTarget = new Vector2()) {
+                                       const point = optionalTarget;
+
+                                       if (t === 1) {
+                                               point.copy(this.v2);
+                                       } else {
+                                               point.copy(this.v2).sub(this.v1);
+                                               point.multiplyScalar(t).add(this.v1);
+                                       }
+
+                                       return point;
+                               } // Line curve is linear, so we can overwrite default getPointAt
+
+
+                               getPointAt(u, optionalTarget) {
+                                       return this.getPoint(u, optionalTarget);
+                               }
+
+                               getTangent(t, optionalTarget) {
+                                       const tangent = optionalTarget || new Vector2();
+                                       tangent.copy(this.v2).sub(this.v1).normalize();
+                                       return tangent;
+                               }
+
+                               copy(source) {
+                                       super.copy(source);
+                                       this.v1.copy(source.v1);
+                                       this.v2.copy(source.v2);
+                                       return this;
+                               }
+
+                               toJSON() {
+                                       const data = super.toJSON();
+                                       data.v1 = this.v1.toArray();
+                                       data.v2 = this.v2.toArray();
+                                       return data;
+                               }
+
+                               fromJSON(json) {
+                                       super.fromJSON(json);
+                                       this.v1.fromArray(json.v1);
+                                       this.v2.fromArray(json.v2);
+                                       return this;
+                               }
+
+                       }
+
+                       LineCurve.prototype.isLineCurve = true;
+
+                       class LineCurve3 extends Curve {
+                               constructor(v1 = new Vector3(), v2 = new Vector3()) {
+                                       super();
+                                       this.type = 'LineCurve3';
+                                       this.isLineCurve3 = true;
+                                       this.v1 = v1;
+                                       this.v2 = v2;
+                               }
+
+                               getPoint(t, optionalTarget = new Vector3()) {
+                                       const point = optionalTarget;
+
+                                       if (t === 1) {
+                                               point.copy(this.v2);
+                                       } else {
+                                               point.copy(this.v2).sub(this.v1);
+                                               point.multiplyScalar(t).add(this.v1);
+                                       }
+
+                                       return point;
+                               } // Line curve is linear, so we can overwrite default getPointAt
+
+
+                               getPointAt(u, optionalTarget) {
+                                       return this.getPoint(u, optionalTarget);
+                               }
+
+                               copy(source) {
+                                       super.copy(source);
+                                       this.v1.copy(source.v1);
+                                       this.v2.copy(source.v2);
+                                       return this;
+                               }
+
+                               toJSON() {
+                                       const data = super.toJSON();
+                                       data.v1 = this.v1.toArray();
+                                       data.v2 = this.v2.toArray();
+                                       return data;
+                               }
+
+                               fromJSON(json) {
+                                       super.fromJSON(json);
+                                       this.v1.fromArray(json.v1);
+                                       this.v2.fromArray(json.v2);
+                                       return this;
+                               }
+
+                       }
+
+                       class QuadraticBezierCurve extends Curve {
+                               constructor(v0 = new Vector2(), v1 = new Vector2(), v2 = new Vector2()) {
+                                       super();
+                                       this.type = 'QuadraticBezierCurve';
+                                       this.v0 = v0;
+                                       this.v1 = v1;
+                                       this.v2 = v2;
+                               }
+
+                               getPoint(t, optionalTarget = new Vector2()) {
+                                       const point = optionalTarget;
+                                       const v0 = this.v0,
+                                               v1 = this.v1,
+                                               v2 = this.v2;
+                                       point.set(QuadraticBezier(t, v0.x, v1.x, v2.x), QuadraticBezier(t, v0.y, v1.y, v2.y));
+                                       return point;
+                               }
+
+                               copy(source) {
+                                       super.copy(source);
+                                       this.v0.copy(source.v0);
+                                       this.v1.copy(source.v1);
+                                       this.v2.copy(source.v2);
+                                       return this;
+                               }
+
+                               toJSON() {
+                                       const data = super.toJSON();
+                                       data.v0 = this.v0.toArray();
+                                       data.v1 = this.v1.toArray();
+                                       data.v2 = this.v2.toArray();
+                                       return data;
+                               }
+
+                               fromJSON(json) {
+                                       super.fromJSON(json);
+                                       this.v0.fromArray(json.v0);
+                                       this.v1.fromArray(json.v1);
+                                       this.v2.fromArray(json.v2);
+                                       return this;
+                               }
+
+                       }
+
+                       QuadraticBezierCurve.prototype.isQuadraticBezierCurve = true;
+
+                       class QuadraticBezierCurve3 extends Curve {
+                               constructor(v0 = new Vector3(), v1 = new Vector3(), v2 = new Vector3()) {
+                                       super();
+                                       this.type = 'QuadraticBezierCurve3';
+                                       this.v0 = v0;
+                                       this.v1 = v1;
+                                       this.v2 = v2;
+                               }
+
+                               getPoint(t, optionalTarget = new Vector3()) {
+                                       const point = optionalTarget;
+                                       const v0 = this.v0,
+                                               v1 = this.v1,
+                                               v2 = this.v2;
+                                       point.set(QuadraticBezier(t, v0.x, v1.x, v2.x), QuadraticBezier(t, v0.y, v1.y, v2.y), QuadraticBezier(t, v0.z, v1.z, v2.z));
+                                       return point;
+                               }
+
+                               copy(source) {
+                                       super.copy(source);
+                                       this.v0.copy(source.v0);
+                                       this.v1.copy(source.v1);
+                                       this.v2.copy(source.v2);
+                                       return this;
+                               }
+
+                               toJSON() {
+                                       const data = super.toJSON();
+                                       data.v0 = this.v0.toArray();
+                                       data.v1 = this.v1.toArray();
+                                       data.v2 = this.v2.toArray();
+                                       return data;
+                               }
+
+                               fromJSON(json) {
+                                       super.fromJSON(json);
+                                       this.v0.fromArray(json.v0);
+                                       this.v1.fromArray(json.v1);
+                                       this.v2.fromArray(json.v2);
+                                       return this;
+                               }
+
+                       }
+
+                       QuadraticBezierCurve3.prototype.isQuadraticBezierCurve3 = true;
+
+                       class SplineCurve extends Curve {
+                               constructor(points = []) {
+                                       super();
+                                       this.type = 'SplineCurve';
+                                       this.points = points;
+                               }
+
+                               getPoint(t, optionalTarget = new Vector2()) {
+                                       const point = optionalTarget;
+                                       const points = this.points;
+                                       const p = (points.length - 1) * t;
+                                       const intPoint = Math.floor(p);
+                                       const weight = p - intPoint;
+                                       const p0 = points[intPoint === 0 ? intPoint : intPoint - 1];
+                                       const p1 = points[intPoint];
+                                       const p2 = points[intPoint > points.length - 2 ? points.length - 1 : intPoint + 1];
+                                       const p3 = points[intPoint > points.length - 3 ? points.length - 1 : intPoint + 2];
+                                       point.set(CatmullRom(weight, p0.x, p1.x, p2.x, p3.x), CatmullRom(weight, p0.y, p1.y, p2.y, p3.y));
+                                       return point;
+                               }
+
+                               copy(source) {
+                                       super.copy(source);
+                                       this.points = [];
+
+                                       for (let i = 0, l = source.points.length; i < l; i++) {
+                                               const point = source.points[i];
+                                               this.points.push(point.clone());
+                                       }
+
+                                       return this;
+                               }
+
+                               toJSON() {
+                                       const data = super.toJSON();
+                                       data.points = [];
+
+                                       for (let i = 0, l = this.points.length; i < l; i++) {
+                                               const point = this.points[i];
+                                               data.points.push(point.toArray());
+                                       }
+
+                                       return data;
+                               }
+
+                               fromJSON(json) {
+                                       super.fromJSON(json);
+                                       this.points = [];
+
+                                       for (let i = 0, l = json.points.length; i < l; i++) {
+                                               const point = json.points[i];
+                                               this.points.push(new Vector2().fromArray(point));
+                                       }
+
+                                       return this;
+                               }
+
+                       }
+
+                       SplineCurve.prototype.isSplineCurve = true;
+
+                       var Curves = /*#__PURE__*/Object.freeze({
+                               __proto__: null,
+                               ArcCurve: ArcCurve,
+                               CatmullRomCurve3: CatmullRomCurve3,
+                               CubicBezierCurve: CubicBezierCurve,
+                               CubicBezierCurve3: CubicBezierCurve3,
+                               EllipseCurve: EllipseCurve,
+                               LineCurve: LineCurve,
+                               LineCurve3: LineCurve3,
+                               QuadraticBezierCurve: QuadraticBezierCurve,
+                               QuadraticBezierCurve3: QuadraticBezierCurve3,
+                               SplineCurve: SplineCurve
+                       });
+
+                       /**
+                        * Port from https://github.com/mapbox/earcut (v2.2.2)
+                        */
+                       const Earcut = {
+                               triangulate: function (data, holeIndices, dim = 2) {
+                                       const hasHoles = holeIndices && holeIndices.length;
+                                       const outerLen = hasHoles ? holeIndices[0] * dim : data.length;
+                                       let outerNode = linkedList(data, 0, outerLen, dim, true);
+                                       const triangles = [];
+                                       if (!outerNode || outerNode.next === outerNode.prev) return triangles;
+                                       let minX, minY, maxX, maxY, x, y, invSize;
+                                       if (hasHoles) outerNode = eliminateHoles(data, holeIndices, outerNode, dim); // if the shape is not too simple, we'll use z-order curve hash later; calculate polygon bbox
+
+                                       if (data.length > 80 * dim) {
+                                               minX = maxX = data[0];
+                                               minY = maxY = data[1];
+
+                                               for (let i = dim; i < outerLen; i += dim) {
+                                                       x = data[i];
+                                                       y = data[i + 1];
+                                                       if (x < minX) minX = x;
+                                                       if (y < minY) minY = y;
+                                                       if (x > maxX) maxX = x;
+                                                       if (y > maxY) maxY = y;
+                                               } // minX, minY and invSize are later used to transform coords into integers for z-order calculation
+
+
+                                               invSize = Math.max(maxX - minX, maxY - minY);
+                                               invSize = invSize !== 0 ? 1 / invSize : 0;
+                                       }
+
+                                       earcutLinked(outerNode, triangles, dim, minX, minY, invSize);
+                                       return triangles;
+                               }
+                       }; // create a circular doubly linked list from polygon points in the specified winding order
+
+                       function linkedList(data, start, end, dim, clockwise) {
+                               let i, last;
+
+                               if (clockwise === signedArea(data, start, end, dim) > 0) {
+                                       for (i = start; i < end; i += dim) last = insertNode(i, data[i], data[i + 1], last);
+                               } else {
+                                       for (i = end - dim; i >= start; i -= dim) last = insertNode(i, data[i], data[i + 1], last);
+                               }
+
+                               if (last && equals(last, last.next)) {
+                                       removeNode(last);
+                                       last = last.next;
+                               }
+
+                               return last;
+                       } // eliminate colinear or duplicate points
+
+
+                       function filterPoints(start, end) {
+                               if (!start) return start;
+                               if (!end) end = start;
+                               let p = start,
+                                       again;
+
+                               do {
+                                       again = false;
+
+                                       if (!p.steiner && (equals(p, p.next) || area(p.prev, p, p.next) === 0)) {
+                                               removeNode(p);
+                                               p = end = p.prev;
+                                               if (p === p.next) break;
+                                               again = true;
+                                       } else {
+                                               p = p.next;
+                                       }
+                               } while (again || p !== end);
+
+                               return end;
+                       } // main ear slicing loop which triangulates a polygon (given as a linked list)
+
+
+                       function earcutLinked(ear, triangles, dim, minX, minY, invSize, pass) {
+                               if (!ear) return; // interlink polygon nodes in z-order
+
+                               if (!pass && invSize) indexCurve(ear, minX, minY, invSize);
+                               let stop = ear,
+                                       prev,
+                                       next; // iterate through ears, slicing them one by one
+
+                               while (ear.prev !== ear.next) {
+                                       prev = ear.prev;
+                                       next = ear.next;
+
+                                       if (invSize ? isEarHashed(ear, minX, minY, invSize) : isEar(ear)) {
+                                               // cut off the triangle
+                                               triangles.push(prev.i / dim);
+                                               triangles.push(ear.i / dim);
+                                               triangles.push(next.i / dim);
+                                               removeNode(ear); // skipping the next vertex leads to less sliver triangles
+
+                                               ear = next.next;
+                                               stop = next.next;
+                                               continue;
+                                       }
+
+                                       ear = next; // if we looped through the whole remaining polygon and can't find any more ears
+
+                                       if (ear === stop) {
+                                               // try filtering points and slicing again
+                                               if (!pass) {
+                                                       earcutLinked(filterPoints(ear), triangles, dim, minX, minY, invSize, 1); // if this didn't work, try curing all small self-intersections locally
+                                               } else if (pass === 1) {
+                                                       ear = cureLocalIntersections(filterPoints(ear), triangles, dim);
+                                                       earcutLinked(ear, triangles, dim, minX, minY, invSize, 2); // as a last resort, try splitting the remaining polygon into two
+                                               } else if (pass === 2) {
+                                                       splitEarcut(ear, triangles, dim, minX, minY, invSize);
+                                               }
+
+                                               break;
+                                       }
+                               }
+                       } // check whether a polygon node forms a valid ear with adjacent nodes
+
+
+                       function isEar(ear) {
+                               const a = ear.prev,
+                                       b = ear,
+                                       c = ear.next;
+                               if (area(a, b, c) >= 0) return false; // reflex, can't be an ear
+                               // now make sure we don't have other points inside the potential ear
+
+                               let p = ear.next.next;
+
+                               while (p !== ear.prev) {
+                                       if (pointInTriangle(a.x, a.y, b.x, b.y, c.x, c.y, p.x, p.y) && area(p.prev, p, p.next) >= 0) return false;
+                                       p = p.next;
+                               }
+
+                               return true;
+                       }
+
+                       function isEarHashed(ear, minX, minY, invSize) {
+                               const a = ear.prev,
+                                       b = ear,
+                                       c = ear.next;
+                               if (area(a, b, c) >= 0) return false; // reflex, can't be an ear
+                               // triangle bbox; min & max are calculated like this for speed
+
+                               const minTX = a.x < b.x ? a.x < c.x ? a.x : c.x : b.x < c.x ? b.x : c.x,
+                                       minTY = a.y < b.y ? a.y < c.y ? a.y : c.y : b.y < c.y ? b.y : c.y,
+                                       maxTX = a.x > b.x ? a.x > c.x ? a.x : c.x : b.x > c.x ? b.x : c.x,
+                                       maxTY = a.y > b.y ? a.y > c.y ? a.y : c.y : b.y > c.y ? b.y : c.y; // z-order range for the current triangle bbox;
+
+                               const minZ = zOrder(minTX, minTY, minX, minY, invSize),
+                                       maxZ = zOrder(maxTX, maxTY, minX, minY, invSize);
+                               let p = ear.prevZ,
+                                       n = ear.nextZ; // look for points inside the triangle in both directions
+
+                               while (p && p.z >= minZ && n && n.z <= maxZ) {
+                                       if (p !== ear.prev && p !== ear.next && pointInTriangle(a.x, a.y, b.x, b.y, c.x, c.y, p.x, p.y) && area(p.prev, p, p.next) >= 0) return false;
+                                       p = p.prevZ;
+                                       if (n !== ear.prev && n !== ear.next && pointInTriangle(a.x, a.y, b.x, b.y, c.x, c.y, n.x, n.y) && area(n.prev, n, n.next) >= 0) return false;
+                                       n = n.nextZ;
+                               } // look for remaining points in decreasing z-order
+
+
+                               while (p && p.z >= minZ) {
+                                       if (p !== ear.prev && p !== ear.next && pointInTriangle(a.x, a.y, b.x, b.y, c.x, c.y, p.x, p.y) && area(p.prev, p, p.next) >= 0) return false;
+                                       p = p.prevZ;
+                               } // look for remaining points in increasing z-order
+
+
+                               while (n && n.z <= maxZ) {
+                                       if (n !== ear.prev && n !== ear.next && pointInTriangle(a.x, a.y, b.x, b.y, c.x, c.y, n.x, n.y) && area(n.prev, n, n.next) >= 0) return false;
+                                       n = n.nextZ;
+                               }
+
+                               return true;
+                       } // go through all polygon nodes and cure small local self-intersections
+
+
+                       function cureLocalIntersections(start, triangles, dim) {
+                               let p = start;
+
+                               do {
+                                       const a = p.prev,
+                                               b = p.next.next;
+
+                                       if (!equals(a, b) && intersects(a, p, p.next, b) && locallyInside(a, b) && locallyInside(b, a)) {
+                                               triangles.push(a.i / dim);
+                                               triangles.push(p.i / dim);
+                                               triangles.push(b.i / dim); // remove two nodes involved
+
+                                               removeNode(p);
+                                               removeNode(p.next);
+                                               p = start = b;
+                                       }
+
+                                       p = p.next;
+                               } while (p !== start);
+
+                               return filterPoints(p);
+                       } // try splitting polygon into two and triangulate them independently
+
+
+                       function splitEarcut(start, triangles, dim, minX, minY, invSize) {
+                               // look for a valid diagonal that divides the polygon into two
+                               let a = start;
+
+                               do {
+                                       let b = a.next.next;
+
+                                       while (b !== a.prev) {
+                                               if (a.i !== b.i && isValidDiagonal(a, b)) {
+                                                       // split the polygon in two by the diagonal
+                                                       let c = splitPolygon(a, b); // filter colinear points around the cuts
+
+                                                       a = filterPoints(a, a.next);
+                                                       c = filterPoints(c, c.next); // run earcut on each half
+
+                                                       earcutLinked(a, triangles, dim, minX, minY, invSize);
+                                                       earcutLinked(c, triangles, dim, minX, minY, invSize);
+                                                       return;
+                                               }
+
+                                               b = b.next;
+                                       }
+
+                                       a = a.next;
+                               } while (a !== start);
+                       } // link every hole into the outer loop, producing a single-ring polygon without holes
+
+
+                       function eliminateHoles(data, holeIndices, outerNode, dim) {
+                               const queue = [];
+                               let i, len, start, end, list;
+
+                               for (i = 0, len = holeIndices.length; i < len; i++) {
+                                       start = holeIndices[i] * dim;
+                                       end = i < len - 1 ? holeIndices[i + 1] * dim : data.length;
+                                       list = linkedList(data, start, end, dim, false);
+                                       if (list === list.next) list.steiner = true;
+                                       queue.push(getLeftmost(list));
+                               }
+
+                               queue.sort(compareX); // process holes from left to right
+
+                               for (i = 0; i < queue.length; i++) {
+                                       eliminateHole(queue[i], outerNode);
+                                       outerNode = filterPoints(outerNode, outerNode.next);
+                               }
+
+                               return outerNode;
+                       }
+
+                       function compareX(a, b) {
+                               return a.x - b.x;
+                       } // find a bridge between vertices that connects hole with an outer ring and and link it
+
+
+                       function eliminateHole(hole, outerNode) {
+                               outerNode = findHoleBridge(hole, outerNode);
+
+                               if (outerNode) {
+                                       const b = splitPolygon(outerNode, hole); // filter collinear points around the cuts
+
+                                       filterPoints(outerNode, outerNode.next);
+                                       filterPoints(b, b.next);
+                               }
+                       } // David Eberly's algorithm for finding a bridge between hole and outer polygon
+
+
+                       function findHoleBridge(hole, outerNode) {
+                               let p = outerNode;
+                               const hx = hole.x;
+                               const hy = hole.y;
+                               let qx = -Infinity,
+                                       m; // find a segment intersected by a ray from the hole's leftmost point to the left;
+                               // segment's endpoint with lesser x will be potential connection point
+
+                               do {
+                                       if (hy <= p.y && hy >= p.next.y && p.next.y !== p.y) {
+                                               const x = p.x + (hy - p.y) * (p.next.x - p.x) / (p.next.y - p.y);
+
+                                               if (x <= hx && x > qx) {
+                                                       qx = x;
+
+                                                       if (x === hx) {
+                                                               if (hy === p.y) return p;
+                                                               if (hy === p.next.y) return p.next;
+                                                       }
+
+                                                       m = p.x < p.next.x ? p : p.next;
+                                               }
+                                       }
+
+                                       p = p.next;
+                               } while (p !== outerNode);
+
+                               if (!m) return null;
+                               if (hx === qx) return m; // hole touches outer segment; pick leftmost endpoint
+                               // look for points inside the triangle of hole point, segment intersection and endpoint;
+                               // if there are no points found, we have a valid connection;
+                               // otherwise choose the point of the minimum angle with the ray as connection point
+
+                               const stop = m,
+                                       mx = m.x,
+                                       my = m.y;
+                               let tanMin = Infinity,
+                                       tan;
+                               p = m;
+
+                               do {
+                                       if (hx >= p.x && p.x >= mx && hx !== p.x && pointInTriangle(hy < my ? hx : qx, hy, mx, my, hy < my ? qx : hx, hy, p.x, p.y)) {
+                                               tan = Math.abs(hy - p.y) / (hx - p.x); // tangential
+
+                                               if (locallyInside(p, hole) && (tan < tanMin || tan === tanMin && (p.x > m.x || p.x === m.x && sectorContainsSector(m, p)))) {
+                                                       m = p;
+                                                       tanMin = tan;
+                                               }
+                                       }
+
+                                       p = p.next;
+                               } while (p !== stop);
+
+                               return m;
+                       } // whether sector in vertex m contains sector in vertex p in the same coordinates
+
+
+                       function sectorContainsSector(m, p) {
+                               return area(m.prev, m, p.prev) < 0 && area(p.next, m, m.next) < 0;
+                       } // interlink polygon nodes in z-order
+
+
+                       function indexCurve(start, minX, minY, invSize) {
+                               let p = start;
+
+                               do {
+                                       if (p.z === null) p.z = zOrder(p.x, p.y, minX, minY, invSize);
+                                       p.prevZ = p.prev;
+                                       p.nextZ = p.next;
+                                       p = p.next;
+                               } while (p !== start);
+
+                               p.prevZ.nextZ = null;
+                               p.prevZ = null;
+                               sortLinked(p);
+                       } // Simon Tatham's linked list merge sort algorithm
+                       // http://www.chiark.greenend.org.uk/~sgtatham/algorithms/listsort.html
+
+
+                       function sortLinked(list) {
+                               let i,
+                                       p,
+                                       q,
+                                       e,
+                                       tail,
+                                       numMerges,
+                                       pSize,
+                                       qSize,
+                                       inSize = 1;
+
+                               do {
+                                       p = list;
+                                       list = null;
+                                       tail = null;
+                                       numMerges = 0;
+
+                                       while (p) {
+                                               numMerges++;
+                                               q = p;
+                                               pSize = 0;
+
+                                               for (i = 0; i < inSize; i++) {
+                                                       pSize++;
+                                                       q = q.nextZ;
+                                                       if (!q) break;
+                                               }
+
+                                               qSize = inSize;
+
+                                               while (pSize > 0 || qSize > 0 && q) {
+                                                       if (pSize !== 0 && (qSize === 0 || !q || p.z <= q.z)) {
+                                                               e = p;
+                                                               p = p.nextZ;
+                                                               pSize--;
+                                                       } else {
+                                                               e = q;
+                                                               q = q.nextZ;
+                                                               qSize--;
+                                                       }
+
+                                                       if (tail) tail.nextZ = e; else list = e;
+                                                       e.prevZ = tail;
+                                                       tail = e;
+                                               }
+
+                                               p = q;
+                                       }
+
+                                       tail.nextZ = null;
+                                       inSize *= 2;
+                               } while (numMerges > 1);
+
+                               return list;
+                       } // z-order of a point given coords and inverse of the longer side of data bbox
+
+
+                       function zOrder(x, y, minX, minY, invSize) {
+                               // coords are transformed into non-negative 15-bit integer range
+                               x = 32767 * (x - minX) * invSize;
+                               y = 32767 * (y - minY) * invSize;
+                               x = (x | x << 8) & 0x00FF00FF;
+                               x = (x | x << 4) & 0x0F0F0F0F;
+                               x = (x | x << 2) & 0x33333333;
+                               x = (x | x << 1) & 0x55555555;
+                               y = (y | y << 8) & 0x00FF00FF;
+                               y = (y | y << 4) & 0x0F0F0F0F;
+                               y = (y | y << 2) & 0x33333333;
+                               y = (y | y << 1) & 0x55555555;
+                               return x | y << 1;
+                       } // find the leftmost node of a polygon ring
+
+
+                       function getLeftmost(start) {
+                               let p = start,
+                                       leftmost = start;
+
+                               do {
+                                       if (p.x < leftmost.x || p.x === leftmost.x && p.y < leftmost.y) leftmost = p;
+                                       p = p.next;
+                               } while (p !== start);
+
+                               return leftmost;
+                       } // check if a point lies within a convex triangle
+
+
+                       function pointInTriangle(ax, ay, bx, by, cx, cy, px, py) {
+                               return (cx - px) * (ay - py) - (ax - px) * (cy - py) >= 0 && (ax - px) * (by - py) - (bx - px) * (ay - py) >= 0 && (bx - px) * (cy - py) - (cx - px) * (by - py) >= 0;
+                       } // check if a diagonal between two polygon nodes is valid (lies in polygon interior)
+
+
+                       function isValidDiagonal(a, b) {
+                               return a.next.i !== b.i && a.prev.i !== b.i && !intersectsPolygon(a, b) && (locallyInside(a, b) && locallyInside(b, a) && middleInside(a, b) && (area(a.prev, a, b.prev) || area(a, b.prev, b)) || // does not create opposite-facing sectors
+                                       equals(a, b) && area(a.prev, a, a.next) > 0 && area(b.prev, b, b.next) > 0); // special zero-length case
+                       } // signed area of a triangle
+
+
+                       function area(p, q, r) {
+                               return (q.y - p.y) * (r.x - q.x) - (q.x - p.x) * (r.y - q.y);
+                       } // check if two points are equal
+
+
+                       function equals(p1, p2) {
+                               return p1.x === p2.x && p1.y === p2.y;
+                       } // check if two segments intersect
+
+
+                       function intersects(p1, q1, p2, q2) {
+                               const o1 = sign(area(p1, q1, p2));
+                               const o2 = sign(area(p1, q1, q2));
+                               const o3 = sign(area(p2, q2, p1));
+                               const o4 = sign(area(p2, q2, q1));
+                               if (o1 !== o2 && o3 !== o4) return true; // general case
+
+                               if (o1 === 0 && onSegment(p1, p2, q1)) return true; // p1, q1 and p2 are collinear and p2 lies on p1q1
+
+                               if (o2 === 0 && onSegment(p1, q2, q1)) return true; // p1, q1 and q2 are collinear and q2 lies on p1q1
+
+                               if (o3 === 0 && onSegment(p2, p1, q2)) return true; // p2, q2 and p1 are collinear and p1 lies on p2q2
+
+                               if (o4 === 0 && onSegment(p2, q1, q2)) return true; // p2, q2 and q1 are collinear and q1 lies on p2q2
+
+                               return false;
+                       } // for collinear points p, q, r, check if point q lies on segment pr
+
+
+                       function onSegment(p, q, r) {
+                               return q.x <= Math.max(p.x, r.x) && q.x >= Math.min(p.x, r.x) && q.y <= Math.max(p.y, r.y) && q.y >= Math.min(p.y, r.y);
+                       }
+
+                       function sign(num) {
+                               return num > 0 ? 1 : num < 0 ? -1 : 0;
+                       } // check if a polygon diagonal intersects any polygon segments
+
+
+                       function intersectsPolygon(a, b) {
+                               let p = a;
+
+                               do {
+                                       if (p.i !== a.i && p.next.i !== a.i && p.i !== b.i && p.next.i !== b.i && intersects(p, p.next, a, b)) return true;
+                                       p = p.next;
+                               } while (p !== a);
+
+                               return false;
+                       } // check if a polygon diagonal is locally inside the polygon
+
+
+                       function locallyInside(a, b) {
+                               return area(a.prev, a, a.next) < 0 ? area(a, b, a.next) >= 0 && area(a, a.prev, b) >= 0 : area(a, b, a.prev) < 0 || area(a, a.next, b) < 0;
+                       } // check if the middle point of a polygon diagonal is inside the polygon
+
+
+                       function middleInside(a, b) {
+                               let p = a,
+                                       inside = false;
+                               const px = (a.x + b.x) / 2,
+                                       py = (a.y + b.y) / 2;
+
+                               do {
+                                       if (p.y > py !== p.next.y > py && p.next.y !== p.y && px < (p.next.x - p.x) * (py - p.y) / (p.next.y - p.y) + p.x) inside = !inside;
+                                       p = p.next;
+                               } while (p !== a);
+
+                               return inside;
+                       } // link two polygon vertices with a bridge; if the vertices belong to the same ring, it splits polygon into two;
+                       // if one belongs to the outer ring and another to a hole, it merges it into a single ring
+
+
+                       function splitPolygon(a, b) {
+                               const a2 = new Node(a.i, a.x, a.y),
+                                       b2 = new Node(b.i, b.x, b.y),
+                                       an = a.next,
+                                       bp = b.prev;
+                               a.next = b;
+                               b.prev = a;
+                               a2.next = an;
+                               an.prev = a2;
+                               b2.next = a2;
+                               a2.prev = b2;
+                               bp.next = b2;
+                               b2.prev = bp;
+                               return b2;
+                       } // create a node and optionally link it with previous one (in a circular doubly linked list)
+
+
+                       function insertNode(i, x, y, last) {
+                               const p = new Node(i, x, y);
+
+                               if (!last) {
+                                       p.prev = p;
+                                       p.next = p;
+                               } else {
+                                       p.next = last.next;
+                                       p.prev = last;
+                                       last.next.prev = p;
+                                       last.next = p;
+                               }
+
+                               return p;
+                       }
+
+                       function removeNode(p) {
+                               p.next.prev = p.prev;
+                               p.prev.next = p.next;
+                               if (p.prevZ) p.prevZ.nextZ = p.nextZ;
+                               if (p.nextZ) p.nextZ.prevZ = p.prevZ;
+                       }
+
+                       function Node(i, x, y) {
+                               // vertex index in coordinates array
+                               this.i = i; // vertex coordinates
+
+                               this.x = x;
+                               this.y = y; // previous and next vertex nodes in a polygon ring
+
+                               this.prev = null;
+                               this.next = null; // z-order curve value
+
+                               this.z = null; // previous and next nodes in z-order
+
+                               this.prevZ = null;
+                               this.nextZ = null; // indicates whether this is a steiner point
+
+                               this.steiner = false;
+                       }
+
+                       function signedArea(data, start, end, dim) {
+                               let sum = 0;
+
+                               for (let i = start, j = end - dim; i < end; i += dim) {
+                                       sum += (data[j] - data[i]) * (data[i + 1] + data[j + 1]);
+                                       j = i;
+                               }
+
+                               return sum;
+                       }
+
+                       class ShapeUtils {
+                               // calculate area of the contour polygon
+                               static area(contour) {
+                                       const n = contour.length;
+                                       let a = 0.0;
+
+                                       for (let p = n - 1, q = 0; q < n; p = q++) {
+                                               a += contour[p].x * contour[q].y - contour[q].x * contour[p].y;
+                                       }
+
+                                       return a * 0.5;
+                               }
+
+                               static isClockWise(pts) {
+                                       return ShapeUtils.area(pts) < 0;
+                               }
+
+                               static triangulateShape(contour, holes) {
+                                       const vertices = []; // flat array of vertices like [ x0,y0, x1,y1, x2,y2, ... ]
+
+                                       const holeIndices = []; // array of hole indices
+
+                                       const faces = []; // final array of vertex indices like [ [ a,b,d ], [ b,c,d ] ]
+
+                                       removeDupEndPts(contour);
+                                       addContour(vertices, contour); //
+
+                                       let holeIndex = contour.length;
+                                       holes.forEach(removeDupEndPts);
+
+                                       for (let i = 0; i < holes.length; i++) {
+                                               holeIndices.push(holeIndex);
+                                               holeIndex += holes[i].length;
+                                               addContour(vertices, holes[i]);
+                                       } //
+
+
+                                       const triangles = Earcut.triangulate(vertices, holeIndices); //
+
+                                       for (let i = 0; i < triangles.length; i += 3) {
+                                               faces.push(triangles.slice(i, i + 3));
+                                       }
+
+                                       return faces;
+                               }
+
+                       }
+
+                       function removeDupEndPts(points) {
+                               const l = points.length;
+
+                               if (l > 2 && points[l - 1].equals(points[0])) {
+                                       points.pop();
+                               }
+                       }
+
+                       function addContour(vertices, contour) {
+                               for (let i = 0; i < contour.length; i++) {
+                                       vertices.push(contour[i].x);
+                                       vertices.push(contour[i].y);
+                               }
+                       }
+
+                       /**
+                        * Creates extruded geometry from a path shape.
+                        *
+                        * parameters = {
+                        *
+                        *      curveSegments: <int>, // number of points on the curves
+                        *      steps: <int>, // number of points for z-side extrusions / used for subdividing segments of extrude spline too
+                        *      depth: <float>, // Depth to extrude the shape
+                        *
+                        *      bevelEnabled: <bool>, // turn on bevel
+                        *      bevelThickness: <float>, // how deep into the original shape bevel goes
+                        *      bevelSize: <float>, // how far from shape outline (including bevelOffset) is bevel
+                        *      bevelOffset: <float>, // how far from shape outline does bevel start
+                        *      bevelSegments: <int>, // number of bevel layers
+                        *
+                        *      extrudePath: <THREE.Curve> // curve to extrude shape along
+                        *
+                        *      UVGenerator: <Object> // object that provides UV generator functions
+                        *
+                        * }
+                        */
+
+                       class ExtrudeGeometry extends BufferGeometry {
+                               constructor(shapes, options) {
+                                       super();
+                                       this.type = 'ExtrudeGeometry';
+                                       this.parameters = {
+                                               shapes: shapes,
+                                               options: options
+                                       };
+                                       shapes = Array.isArray(shapes) ? shapes : [shapes];
+                                       const scope = this;
+                                       const verticesArray = [];
+                                       const uvArray = [];
+
+                                       for (let i = 0, l = shapes.length; i < l; i++) {
+                                               const shape = shapes[i];
+                                               addShape(shape);
+                                       } // build geometry
+
+
+                                       this.setAttribute('position', new Float32BufferAttribute(verticesArray, 3));
+                                       this.setAttribute('uv', new Float32BufferAttribute(uvArray, 2));
+                                       this.computeVertexNormals(); // functions
+
+                                       function addShape(shape) {
+                                               const placeholder = []; // options
+
+                                               const curveSegments = options.curveSegments !== undefined ? options.curveSegments : 12;
+                                               const steps = options.steps !== undefined ? options.steps : 1;
+                                               let depth = options.depth !== undefined ? options.depth : 100;
+                                               let bevelEnabled = options.bevelEnabled !== undefined ? options.bevelEnabled : true;
+                                               let bevelThickness = options.bevelThickness !== undefined ? options.bevelThickness : 6;
+                                               let bevelSize = options.bevelSize !== undefined ? options.bevelSize : bevelThickness - 2;
+                                               let bevelOffset = options.bevelOffset !== undefined ? options.bevelOffset : 0;
+                                               let bevelSegments = options.bevelSegments !== undefined ? options.bevelSegments : 3;
+                                               const extrudePath = options.extrudePath;
+                                               const uvgen = options.UVGenerator !== undefined ? options.UVGenerator : WorldUVGenerator; // deprecated options
+
+                                               if (options.amount !== undefined) {
+                                                       console.warn('THREE.ExtrudeBufferGeometry: amount has been renamed to depth.');
+                                                       depth = options.amount;
+                                               } //
+
+
+                                               let extrudePts,
+                                                       extrudeByPath = false;
+                                               let splineTube, binormal, normal, position2;
+
+                                               if (extrudePath) {
+                                                       extrudePts = extrudePath.getSpacedPoints(steps);
+                                                       extrudeByPath = true;
+                                                       bevelEnabled = false; // bevels not supported for path extrusion
+                                                       // SETUP TNB variables
+                                                       // TODO1 - have a .isClosed in spline?
+
+                                                       splineTube = extrudePath.computeFrenetFrames(steps, false); // console.log(splineTube, 'splineTube', splineTube.normals.length, 'steps', steps, 'extrudePts', extrudePts.length);
+
+                                                       binormal = new Vector3();
+                                                       normal = new Vector3();
+                                                       position2 = new Vector3();
+                                               } // Safeguards if bevels are not enabled
+
+
+                                               if (!bevelEnabled) {
+                                                       bevelSegments = 0;
+                                                       bevelThickness = 0;
+                                                       bevelSize = 0;
+                                                       bevelOffset = 0;
+                                               } // Variables initialization
+
+
+                                               const shapePoints = shape.extractPoints(curveSegments);
+                                               let vertices = shapePoints.shape;
+                                               const holes = shapePoints.holes;
+                                               const reverse = !ShapeUtils.isClockWise(vertices);
+
+                                               if (reverse) {
+                                                       vertices = vertices.reverse(); // Maybe we should also check if holes are in the opposite direction, just to be safe ...
+
+                                                       for (let h = 0, hl = holes.length; h < hl; h++) {
+                                                               const ahole = holes[h];
+
+                                                               if (ShapeUtils.isClockWise(ahole)) {
+                                                                       holes[h] = ahole.reverse();
+                                                               }
+                                                       }
+                                               }
+
+                                               const faces = ShapeUtils.triangulateShape(vertices, holes);
+                                               /* Vertices */
+
+                                               const contour = vertices; // vertices has all points but contour has only points of circumference
+
+                                               for (let h = 0, hl = holes.length; h < hl; h++) {
+                                                       const ahole = holes[h];
+                                                       vertices = vertices.concat(ahole);
+                                               }
+
+                                               function scalePt2(pt, vec, size) {
+                                                       if (!vec) console.error('THREE.ExtrudeGeometry: vec does not exist');
+                                                       return vec.clone().multiplyScalar(size).add(pt);
+                                               }
+
+                                               const vlen = vertices.length,
+                                                       flen = faces.length; // Find directions for point movement
+
+                                               function getBevelVec(inPt, inPrev, inNext) {
+                                                       // computes for inPt the corresponding point inPt' on a new contour
+                                                       //       shifted by 1 unit (length of normalized vector) to the left
+                                                       // if we walk along contour clockwise, this new contour is outside the old one
+                                                       //
+                                                       // inPt' is the intersection of the two lines parallel to the two
+                                                       //      adjacent edges of inPt at a distance of 1 unit on the left side.
+                                                       let v_trans_x, v_trans_y, shrink_by; // resulting translation vector for inPt
+                                                       // good reading for geometry algorithms (here: line-line intersection)
+                                                       // http://geomalgorithms.com/a05-_intersect-1.html
+
+                                                       const v_prev_x = inPt.x - inPrev.x,
+                                                               v_prev_y = inPt.y - inPrev.y;
+                                                       const v_next_x = inNext.x - inPt.x,
+                                                               v_next_y = inNext.y - inPt.y;
+                                                       const v_prev_lensq = v_prev_x * v_prev_x + v_prev_y * v_prev_y; // check for collinear edges
+
+                                                       const collinear0 = v_prev_x * v_next_y - v_prev_y * v_next_x;
+
+                                                       if (Math.abs(collinear0) > Number.EPSILON) {
+                                                               // not collinear
+                                                               // length of vectors for normalizing
+                                                               const v_prev_len = Math.sqrt(v_prev_lensq);
+                                                               const v_next_len = Math.sqrt(v_next_x * v_next_x + v_next_y * v_next_y); // shift adjacent points by unit vectors to the left
+
+                                                               const ptPrevShift_x = inPrev.x - v_prev_y / v_prev_len;
+                                                               const ptPrevShift_y = inPrev.y + v_prev_x / v_prev_len;
+                                                               const ptNextShift_x = inNext.x - v_next_y / v_next_len;
+                                                               const ptNextShift_y = inNext.y + v_next_x / v_next_len; // scaling factor for v_prev to intersection point
+
+                                                               const sf = ((ptNextShift_x - ptPrevShift_x) * v_next_y - (ptNextShift_y - ptPrevShift_y) * v_next_x) / (v_prev_x * v_next_y - v_prev_y * v_next_x); // vector from inPt to intersection point
+
+                                                               v_trans_x = ptPrevShift_x + v_prev_x * sf - inPt.x;
+                                                               v_trans_y = ptPrevShift_y + v_prev_y * sf - inPt.y; // Don't normalize!, otherwise sharp corners become ugly
+                                                               //      but prevent crazy spikes
+
+                                                               const v_trans_lensq = v_trans_x * v_trans_x + v_trans_y * v_trans_y;
+
+                                                               if (v_trans_lensq <= 2) {
+                                                                       return new Vector2(v_trans_x, v_trans_y);
+                                                               } else {
+                                                                       shrink_by = Math.sqrt(v_trans_lensq / 2);
+                                                               }
+                                                       } else {
+                                                               // handle special case of collinear edges
+                                                               let direction_eq = false; // assumes: opposite
+
+                                                               if (v_prev_x > Number.EPSILON) {
+                                                                       if (v_next_x > Number.EPSILON) {
+                                                                               direction_eq = true;
+                                                                       }
+                                                               } else {
+                                                                       if (v_prev_x < -Number.EPSILON) {
+                                                                               if (v_next_x < -Number.EPSILON) {
+                                                                                       direction_eq = true;
+                                                                               }
+                                                                       } else {
+                                                                               if (Math.sign(v_prev_y) === Math.sign(v_next_y)) {
+                                                                                       direction_eq = true;
+                                                                               }
+                                                                       }
+                                                               }
+
+                                                               if (direction_eq) {
+                                                                       // console.log("Warning: lines are a straight sequence");
+                                                                       v_trans_x = -v_prev_y;
+                                                                       v_trans_y = v_prev_x;
+                                                                       shrink_by = Math.sqrt(v_prev_lensq);
+                                                               } else {
+                                                                       // console.log("Warning: lines are a straight spike");
+                                                                       v_trans_x = v_prev_x;
+                                                                       v_trans_y = v_prev_y;
+                                                                       shrink_by = Math.sqrt(v_prev_lensq / 2);
+                                                               }
+                                                       }
+
+                                                       return new Vector2(v_trans_x / shrink_by, v_trans_y / shrink_by);
+                                               }
+
+                                               const contourMovements = [];
+
+                                               for (let i = 0, il = contour.length, j = il - 1, k = i + 1; i < il; i++, j++, k++) {
+                                                       if (j === il) j = 0;
+                                                       if (k === il) k = 0; // (j)---(i)---(k)
+                                                       // console.log('i,j,k', i, j , k)
+
+                                                       contourMovements[i] = getBevelVec(contour[i], contour[j], contour[k]);
+                                               }
+
+                                               const holesMovements = [];
+                                               let oneHoleMovements,
+                                                       verticesMovements = contourMovements.concat();
+
+                                               for (let h = 0, hl = holes.length; h < hl; h++) {
+                                                       const ahole = holes[h];
+                                                       oneHoleMovements = [];
+
+                                                       for (let i = 0, il = ahole.length, j = il - 1, k = i + 1; i < il; i++, j++, k++) {
+                                                               if (j === il) j = 0;
+                                                               if (k === il) k = 0; // (j)---(i)---(k)
+
+                                                               oneHoleMovements[i] = getBevelVec(ahole[i], ahole[j], ahole[k]);
+                                                       }
+
+                                                       holesMovements.push(oneHoleMovements);
+                                                       verticesMovements = verticesMovements.concat(oneHoleMovements);
+                                               } // Loop bevelSegments, 1 for the front, 1 for the back
+
+
+                                               for (let b = 0; b < bevelSegments; b++) {
+                                                       //for ( b = bevelSegments; b > 0; b -- ) {
+                                                       const t = b / bevelSegments;
+                                                       const z = bevelThickness * Math.cos(t * Math.PI / 2);
+                                                       const bs = bevelSize * Math.sin(t * Math.PI / 2) + bevelOffset; // contract shape
+
+                                                       for (let i = 0, il = contour.length; i < il; i++) {
+                                                               const vert = scalePt2(contour[i], contourMovements[i], bs);
+                                                               v(vert.x, vert.y, -z);
+                                                       } // expand holes
+
+
+                                                       for (let h = 0, hl = holes.length; h < hl; h++) {
+                                                               const ahole = holes[h];
+                                                               oneHoleMovements = holesMovements[h];
+
+                                                               for (let i = 0, il = ahole.length; i < il; i++) {
+                                                                       const vert = scalePt2(ahole[i], oneHoleMovements[i], bs);
+                                                                       v(vert.x, vert.y, -z);
+                                                               }
+                                                       }
+                                               }
+
+                                               const bs = bevelSize + bevelOffset; // Back facing vertices
+
+                                               for (let i = 0; i < vlen; i++) {
+                                                       const vert = bevelEnabled ? scalePt2(vertices[i], verticesMovements[i], bs) : vertices[i];
+
+                                                       if (!extrudeByPath) {
+                                                               v(vert.x, vert.y, 0);
+                                                       } else {
+                                                               // v( vert.x, vert.y + extrudePts[ 0 ].y, extrudePts[ 0 ].x );
+                                                               normal.copy(splineTube.normals[0]).multiplyScalar(vert.x);
+                                                               binormal.copy(splineTube.binormals[0]).multiplyScalar(vert.y);
+                                                               position2.copy(extrudePts[0]).add(normal).add(binormal);
+                                                               v(position2.x, position2.y, position2.z);
+                                                       }
+                                               } // Add stepped vertices...
+                                               // Including front facing vertices
+
+
+                                               for (let s = 1; s <= steps; s++) {
+                                                       for (let i = 0; i < vlen; i++) {
+                                                               const vert = bevelEnabled ? scalePt2(vertices[i], verticesMovements[i], bs) : vertices[i];
+
+                                                               if (!extrudeByPath) {
+                                                                       v(vert.x, vert.y, depth / steps * s);
+                                                               } else {
+                                                                       // v( vert.x, vert.y + extrudePts[ s - 1 ].y, extrudePts[ s - 1 ].x );
+                                                                       normal.copy(splineTube.normals[s]).multiplyScalar(vert.x);
+                                                                       binormal.copy(splineTube.binormals[s]).multiplyScalar(vert.y);
+                                                                       position2.copy(extrudePts[s]).add(normal).add(binormal);
+                                                                       v(position2.x, position2.y, position2.z);
+                                                               }
+                                                       }
+                                               } // Add bevel segments planes
+                                               //for ( b = 1; b <= bevelSegments; b ++ ) {
+
+
+                                               for (let b = bevelSegments - 1; b >= 0; b--) {
+                                                       const t = b / bevelSegments;
+                                                       const z = bevelThickness * Math.cos(t * Math.PI / 2);
+                                                       const bs = bevelSize * Math.sin(t * Math.PI / 2) + bevelOffset; // contract shape
+
+                                                       for (let i = 0, il = contour.length; i < il; i++) {
+                                                               const vert = scalePt2(contour[i], contourMovements[i], bs);
+                                                               v(vert.x, vert.y, depth + z);
+                                                       } // expand holes
+
+
+                                                       for (let h = 0, hl = holes.length; h < hl; h++) {
+                                                               const ahole = holes[h];
+                                                               oneHoleMovements = holesMovements[h];
+
+                                                               for (let i = 0, il = ahole.length; i < il; i++) {
+                                                                       const vert = scalePt2(ahole[i], oneHoleMovements[i], bs);
+
+                                                                       if (!extrudeByPath) {
+                                                                               v(vert.x, vert.y, depth + z);
+                                                                       } else {
+                                                                               v(vert.x, vert.y + extrudePts[steps - 1].y, extrudePts[steps - 1].x + z);
+                                                                       }
+                                                               }
+                                                       }
+                                               }
+                                               /* Faces */
+                                               // Top and bottom faces
+
+
+                                               buildLidFaces(); // Sides faces
+
+                                               buildSideFaces(); ///// Internal functions
+
+                                               function buildLidFaces() {
+                                                       const start = verticesArray.length / 3;
+
+                                                       if (bevelEnabled) {
+                                                               let layer = 0; // steps + 1
+
+                                                               let offset = vlen * layer; // Bottom faces
+
+                                                               for (let i = 0; i < flen; i++) {
+                                                                       const face = faces[i];
+                                                                       f3(face[2] + offset, face[1] + offset, face[0] + offset);
+                                                               }
+
+                                                               layer = steps + bevelSegments * 2;
+                                                               offset = vlen * layer; // Top faces
+
+                                                               for (let i = 0; i < flen; i++) {
+                                                                       const face = faces[i];
+                                                                       f3(face[0] + offset, face[1] + offset, face[2] + offset);
+                                                               }
+                                                       } else {
+                                                               // Bottom faces
+                                                               for (let i = 0; i < flen; i++) {
+                                                                       const face = faces[i];
+                                                                       f3(face[2], face[1], face[0]);
+                                                               } // Top faces
+
+
+                                                               for (let i = 0; i < flen; i++) {
+                                                                       const face = faces[i];
+                                                                       f3(face[0] + vlen * steps, face[1] + vlen * steps, face[2] + vlen * steps);
+                                                               }
+                                                       }
+
+                                                       scope.addGroup(start, verticesArray.length / 3 - start, 0);
+                                               } // Create faces for the z-sides of the shape
+
+
+                                               function buildSideFaces() {
+                                                       const start = verticesArray.length / 3;
+                                                       let layeroffset = 0;
+                                                       sidewalls(contour, layeroffset);
+                                                       layeroffset += contour.length;
+
+                                                       for (let h = 0, hl = holes.length; h < hl; h++) {
+                                                               const ahole = holes[h];
+                                                               sidewalls(ahole, layeroffset); //, true
+
+                                                               layeroffset += ahole.length;
+                                                       }
+
+                                                       scope.addGroup(start, verticesArray.length / 3 - start, 1);
+                                               }
+
+                                               function sidewalls(contour, layeroffset) {
+                                                       let i = contour.length;
+
+                                                       while (--i >= 0) {
+                                                               const j = i;
+                                                               let k = i - 1;
+                                                               if (k < 0) k = contour.length - 1; //console.log('b', i,j, i-1, k,vertices.length);
+
+                                                               for (let s = 0, sl = steps + bevelSegments * 2; s < sl; s++) {
+                                                                       const slen1 = vlen * s;
+                                                                       const slen2 = vlen * (s + 1);
+                                                                       const a = layeroffset + j + slen1,
+                                                                               b = layeroffset + k + slen1,
+                                                                               c = layeroffset + k + slen2,
+                                                                               d = layeroffset + j + slen2;
+                                                                       f4(a, b, c, d);
+                                                               }
+                                                       }
+                                               }
+
+                                               function v(x, y, z) {
+                                                       placeholder.push(x);
+                                                       placeholder.push(y);
+                                                       placeholder.push(z);
+                                               }
+
+                                               function f3(a, b, c) {
+                                                       addVertex(a);
+                                                       addVertex(b);
+                                                       addVertex(c);
+                                                       const nextIndex = verticesArray.length / 3;
+                                                       const uvs = uvgen.generateTopUV(scope, verticesArray, nextIndex - 3, nextIndex - 2, nextIndex - 1);
+                                                       addUV(uvs[0]);
+                                                       addUV(uvs[1]);
+                                                       addUV(uvs[2]);
+                                               }
+
+                                               function f4(a, b, c, d) {
+                                                       addVertex(a);
+                                                       addVertex(b);
+                                                       addVertex(d);
+                                                       addVertex(b);
+                                                       addVertex(c);
+                                                       addVertex(d);
+                                                       const nextIndex = verticesArray.length / 3;
+                                                       const uvs = uvgen.generateSideWallUV(scope, verticesArray, nextIndex - 6, nextIndex - 3, nextIndex - 2, nextIndex - 1);
+                                                       addUV(uvs[0]);
+                                                       addUV(uvs[1]);
+                                                       addUV(uvs[3]);
+                                                       addUV(uvs[1]);
+                                                       addUV(uvs[2]);
+                                                       addUV(uvs[3]);
+                                               }
+
+                                               function addVertex(index) {
+                                                       verticesArray.push(placeholder[index * 3 + 0]);
+                                                       verticesArray.push(placeholder[index * 3 + 1]);
+                                                       verticesArray.push(placeholder[index * 3 + 2]);
+                                               }
+
+                                               function addUV(vector2) {
+                                                       uvArray.push(vector2.x);
+                                                       uvArray.push(vector2.y);
+                                               }
+                                       }
+                               }
+
+                               toJSON() {
+                                       const data = super.toJSON();
+                                       const shapes = this.parameters.shapes;
+                                       const options = this.parameters.options;
+                                       return toJSON$1(shapes, options, data);
+                               }
+
+                               static fromJSON(data, shapes) {
+                                       const geometryShapes = [];
+
+                                       for (let j = 0, jl = data.shapes.length; j < jl; j++) {
+                                               const shape = shapes[data.shapes[j]];
+                                               geometryShapes.push(shape);
+                                       }
+
+                                       const extrudePath = data.options.extrudePath;
+
+                                       if (extrudePath !== undefined) {
+                                               data.options.extrudePath = new Curves[extrudePath.type]().fromJSON(extrudePath);
+                                       }
+
+                                       return new ExtrudeGeometry(geometryShapes, data.options);
+                               }
+
+                       }
+
+                       const WorldUVGenerator = {
+                               generateTopUV: function (geometry, vertices, indexA, indexB, indexC) {
+                                       const a_x = vertices[indexA * 3];
+                                       const a_y = vertices[indexA * 3 + 1];
+                                       const b_x = vertices[indexB * 3];
+                                       const b_y = vertices[indexB * 3 + 1];
+                                       const c_x = vertices[indexC * 3];
+                                       const c_y = vertices[indexC * 3 + 1];
+                                       return [new Vector2(a_x, a_y), new Vector2(b_x, b_y), new Vector2(c_x, c_y)];
+                               },
+                               generateSideWallUV: function (geometry, vertices, indexA, indexB, indexC, indexD) {
+                                       const a_x = vertices[indexA * 3];
+                                       const a_y = vertices[indexA * 3 + 1];
+                                       const a_z = vertices[indexA * 3 + 2];
+                                       const b_x = vertices[indexB * 3];
+                                       const b_y = vertices[indexB * 3 + 1];
+                                       const b_z = vertices[indexB * 3 + 2];
+                                       const c_x = vertices[indexC * 3];
+                                       const c_y = vertices[indexC * 3 + 1];
+                                       const c_z = vertices[indexC * 3 + 2];
+                                       const d_x = vertices[indexD * 3];
+                                       const d_y = vertices[indexD * 3 + 1];
+                                       const d_z = vertices[indexD * 3 + 2];
+
+                                       if (Math.abs(a_y - b_y) < Math.abs(a_x - b_x)) {
+                                               return [new Vector2(a_x, 1 - a_z), new Vector2(b_x, 1 - b_z), new Vector2(c_x, 1 - c_z), new Vector2(d_x, 1 - d_z)];
+                                       } else {
+                                               return [new Vector2(a_y, 1 - a_z), new Vector2(b_y, 1 - b_z), new Vector2(c_y, 1 - c_z), new Vector2(d_y, 1 - d_z)];
+                                       }
+                               }
+                       };
+
+                       function toJSON$1(shapes, options, data) {
+                               data.shapes = [];
+
+                               if (Array.isArray(shapes)) {
+                                       for (let i = 0, l = shapes.length; i < l; i++) {
+                                               const shape = shapes[i];
+                                               data.shapes.push(shape.uuid);
+                                       }
+                               } else {
+                                       data.shapes.push(shapes.uuid);
+                               }
+
+                               if (options.extrudePath !== undefined) data.options.extrudePath = options.extrudePath.toJSON();
+                               return data;
+                       }
+
+                       class IcosahedronGeometry extends PolyhedronGeometry {
+                               constructor(radius = 1, detail = 0) {
+                                       const t = (1 + Math.sqrt(5)) / 2;
+                                       const vertices = [-1, t, 0, 1, t, 0, -1, -t, 0, 1, -t, 0, 0, -1, t, 0, 1, t, 0, -1, -t, 0, 1, -t, t, 0, -1, t, 0, 1, -t, 0, -1, -t, 0, 1];
+                                       const indices = [0, 11, 5, 0, 5, 1, 0, 1, 7, 0, 7, 10, 0, 10, 11, 1, 5, 9, 5, 11, 4, 11, 10, 2, 10, 7, 6, 7, 1, 8, 3, 9, 4, 3, 4, 2, 3, 2, 6, 3, 6, 8, 3, 8, 9, 4, 9, 5, 2, 4, 11, 6, 2, 10, 8, 6, 7, 9, 8, 1];
+                                       super(vertices, indices, radius, detail);
+                                       this.type = 'IcosahedronGeometry';
+                                       this.parameters = {
+                                               radius: radius,
+                                               detail: detail
+                                       };
+                               }
+
+                               static fromJSON(data) {
+                                       return new IcosahedronGeometry(data.radius, data.detail);
+                               }
+
+                       }
+
+                       class LatheGeometry extends BufferGeometry {
+                               constructor(points, segments = 12, phiStart = 0, phiLength = Math.PI * 2) {
+                                       super();
+                                       this.type = 'LatheGeometry';
+                                       this.parameters = {
+                                               points: points,
+                                               segments: segments,
+                                               phiStart: phiStart,
+                                               phiLength: phiLength
+                                       };
+                                       segments = Math.floor(segments); // clamp phiLength so it's in range of [ 0, 2PI ]
+
+                                       phiLength = clamp(phiLength, 0, Math.PI * 2); // buffers
+
+                                       const indices = [];
+                                       const vertices = [];
+                                       const uvs = []; // helper variables
+
+                                       const inverseSegments = 1.0 / segments;
+                                       const vertex = new Vector3();
+                                       const uv = new Vector2(); // generate vertices and uvs
+
+                                       for (let i = 0; i <= segments; i++) {
+                                               const phi = phiStart + i * inverseSegments * phiLength;
+                                               const sin = Math.sin(phi);
+                                               const cos = Math.cos(phi);
+
+                                               for (let j = 0; j <= points.length - 1; j++) {
+                                                       // vertex
+                                                       vertex.x = points[j].x * sin;
+                                                       vertex.y = points[j].y;
+                                                       vertex.z = points[j].x * cos;
+                                                       vertices.push(vertex.x, vertex.y, vertex.z); // uv
+
+                                                       uv.x = i / segments;
+                                                       uv.y = j / (points.length - 1);
+                                                       uvs.push(uv.x, uv.y);
+                                               }
+                                       } // indices
+
+
+                                       for (let i = 0; i < segments; i++) {
+                                               for (let j = 0; j < points.length - 1; j++) {
+                                                       const base = j + i * points.length;
+                                                       const a = base;
+                                                       const b = base + points.length;
+                                                       const c = base + points.length + 1;
+                                                       const d = base + 1; // faces
+
+                                                       indices.push(a, b, d);
+                                                       indices.push(b, c, d);
+                                               }
+                                       } // build geometry
+
+
+                                       this.setIndex(indices);
+                                       this.setAttribute('position', new Float32BufferAttribute(vertices, 3));
+                                       this.setAttribute('uv', new Float32BufferAttribute(uvs, 2)); // generate normals
+
+                                       this.computeVertexNormals(); // if the geometry is closed, we need to average the normals along the seam.
+                                       // because the corresponding vertices are identical (but still have different UVs).
+
+                                       if (phiLength === Math.PI * 2) {
+                                               const normals = this.attributes.normal.array;
+                                               const n1 = new Vector3();
+                                               const n2 = new Vector3();
+                                               const n = new Vector3(); // this is the buffer offset for the last line of vertices
+
+                                               const base = segments * points.length * 3;
+
+                                               for (let i = 0, j = 0; i < points.length; i++, j += 3) {
+                                                       // select the normal of the vertex in the first line
+                                                       n1.x = normals[j + 0];
+                                                       n1.y = normals[j + 1];
+                                                       n1.z = normals[j + 2]; // select the normal of the vertex in the last line
+
+                                                       n2.x = normals[base + j + 0];
+                                                       n2.y = normals[base + j + 1];
+                                                       n2.z = normals[base + j + 2]; // average normals
+
+                                                       n.addVectors(n1, n2).normalize(); // assign the new values to both normals
+
+                                                       normals[j + 0] = normals[base + j + 0] = n.x;
+                                                       normals[j + 1] = normals[base + j + 1] = n.y;
+                                                       normals[j + 2] = normals[base + j + 2] = n.z;
+                                               }
+                                       }
+                               }
+
+                               static fromJSON(data) {
+                                       return new LatheGeometry(data.points, data.segments, data.phiStart, data.phiLength);
+                               }
+
+                       }
+
+                       class OctahedronGeometry extends PolyhedronGeometry {
+                               constructor(radius = 1, detail = 0) {
+                                       const vertices = [1, 0, 0, -1, 0, 0, 0, 1, 0, 0, -1, 0, 0, 0, 1, 0, 0, -1];
+                                       const indices = [0, 2, 4, 0, 4, 3, 0, 3, 5, 0, 5, 2, 1, 2, 5, 1, 5, 3, 1, 3, 4, 1, 4, 2];
+                                       super(vertices, indices, radius, detail);
+                                       this.type = 'OctahedronGeometry';
+                                       this.parameters = {
+                                               radius: radius,
+                                               detail: detail
+                                       };
+                               }
+
+                               static fromJSON(data) {
+                                       return new OctahedronGeometry(data.radius, data.detail);
+                               }
+
+                       }
+
+                       /**
+                        * Parametric Surfaces Geometry
+                        * based on the brilliant article by @prideout https://prideout.net/blog/old/blog/index.html@p=44.html
+                        */
+
+                       class ParametricGeometry extends BufferGeometry {
+                               constructor(func, slices, stacks) {
+                                       super();
+                                       this.type = 'ParametricGeometry';
+                                       this.parameters = {
+                                               func: func,
+                                               slices: slices,
+                                               stacks: stacks
+                                       }; // buffers
+
+                                       const indices = [];
+                                       const vertices = [];
+                                       const normals = [];
+                                       const uvs = [];
+                                       const EPS = 0.00001;
+                                       const normal = new Vector3();
+                                       const p0 = new Vector3(),
+                                               p1 = new Vector3();
+                                       const pu = new Vector3(),
+                                               pv = new Vector3();
+
+                                       if (func.length < 3) {
+                                               console.error('THREE.ParametricGeometry: Function must now modify a Vector3 as third parameter.');
+                                       } // generate vertices, normals and uvs
+
+
+                                       const sliceCount = slices + 1;
+
+                                       for (let i = 0; i <= stacks; i++) {
+                                               const v = i / stacks;
+
+                                               for (let j = 0; j <= slices; j++) {
+                                                       const u = j / slices; // vertex
+
+                                                       func(u, v, p0);
+                                                       vertices.push(p0.x, p0.y, p0.z); // normal
+                                                       // approximate tangent vectors via finite differences
+
+                                                       if (u - EPS >= 0) {
+                                                               func(u - EPS, v, p1);
+                                                               pu.subVectors(p0, p1);
+                                                       } else {
+                                                               func(u + EPS, v, p1);
+                                                               pu.subVectors(p1, p0);
+                                                       }
+
+                                                       if (v - EPS >= 0) {
+                                                               func(u, v - EPS, p1);
+                                                               pv.subVectors(p0, p1);
+                                                       } else {
+                                                               func(u, v + EPS, p1);
+                                                               pv.subVectors(p1, p0);
+                                                       } // cross product of tangent vectors returns surface normal
+
+
+                                                       normal.crossVectors(pu, pv).normalize();
+                                                       normals.push(normal.x, normal.y, normal.z); // uv
+
+                                                       uvs.push(u, v);
+                                               }
+                                       } // generate indices
+
+
+                                       for (let i = 0; i < stacks; i++) {
+                                               for (let j = 0; j < slices; j++) {
+                                                       const a = i * sliceCount + j;
+                                                       const b = i * sliceCount + j + 1;
+                                                       const c = (i + 1) * sliceCount + j + 1;
+                                                       const d = (i + 1) * sliceCount + j; // faces one and two
+
+                                                       indices.push(a, b, d);
+                                                       indices.push(b, c, d);
+                                               }
+                                       } // build geometry
+
+
+                                       this.setIndex(indices);
+                                       this.setAttribute('position', new Float32BufferAttribute(vertices, 3));
+                                       this.setAttribute('normal', new Float32BufferAttribute(normals, 3));
+                                       this.setAttribute('uv', new Float32BufferAttribute(uvs, 2));
+                               }
+
+                       }
+
+                       class RingGeometry extends BufferGeometry {
+                               constructor(innerRadius = 0.5, outerRadius = 1, thetaSegments = 8, phiSegments = 1, thetaStart = 0, thetaLength = Math.PI * 2) {
+                                       super();
+                                       this.type = 'RingGeometry';
+                                       this.parameters = {
+                                               innerRadius: innerRadius,
+                                               outerRadius: outerRadius,
+                                               thetaSegments: thetaSegments,
+                                               phiSegments: phiSegments,
+                                               thetaStart: thetaStart,
+                                               thetaLength: thetaLength
+                                       };
+                                       thetaSegments = Math.max(3, thetaSegments);
+                                       phiSegments = Math.max(1, phiSegments); // buffers
+
+                                       const indices = [];
+                                       const vertices = [];
+                                       const normals = [];
+                                       const uvs = []; // some helper variables
+
+                                       let radius = innerRadius;
+                                       const radiusStep = (outerRadius - innerRadius) / phiSegments;
+                                       const vertex = new Vector3();
+                                       const uv = new Vector2(); // generate vertices, normals and uvs
+
+                                       for (let j = 0; j <= phiSegments; j++) {
+                                               for (let i = 0; i <= thetaSegments; i++) {
+                                                       // values are generate from the inside of the ring to the outside
+                                                       const segment = thetaStart + i / thetaSegments * thetaLength; // vertex
+
+                                                       vertex.x = radius * Math.cos(segment);
+                                                       vertex.y = radius * Math.sin(segment);
+                                                       vertices.push(vertex.x, vertex.y, vertex.z); // normal
+
+                                                       normals.push(0, 0, 1); // uv
+
+                                                       uv.x = (vertex.x / outerRadius + 1) / 2;
+                                                       uv.y = (vertex.y / outerRadius + 1) / 2;
+                                                       uvs.push(uv.x, uv.y);
+                                               } // increase the radius for next row of vertices
+
+
+                                               radius += radiusStep;
+                                       } // indices
+
+
+                                       for (let j = 0; j < phiSegments; j++) {
+                                               const thetaSegmentLevel = j * (thetaSegments + 1);
+
+                                               for (let i = 0; i < thetaSegments; i++) {
+                                                       const segment = i + thetaSegmentLevel;
+                                                       const a = segment;
+                                                       const b = segment + thetaSegments + 1;
+                                                       const c = segment + thetaSegments + 2;
+                                                       const d = segment + 1; // faces
+
+                                                       indices.push(a, b, d);
+                                                       indices.push(b, c, d);
+                                               }
+                                       } // build geometry
+
+
+                                       this.setIndex(indices);
+                                       this.setAttribute('position', new Float32BufferAttribute(vertices, 3));
+                                       this.setAttribute('normal', new Float32BufferAttribute(normals, 3));
+                                       this.setAttribute('uv', new Float32BufferAttribute(uvs, 2));
+                               }
+
+                               static fromJSON(data) {
+                                       return new RingGeometry(data.innerRadius, data.outerRadius, data.thetaSegments, data.phiSegments, data.thetaStart, data.thetaLength);
+                               }
+
+                       }
+
+                       class ShapeGeometry extends BufferGeometry {
+                               constructor(shapes, curveSegments = 12) {
+                                       super();
+                                       this.type = 'ShapeGeometry';
+                                       this.parameters = {
+                                               shapes: shapes,
+                                               curveSegments: curveSegments
+                                       }; // buffers
+
+                                       const indices = [];
+                                       const vertices = [];
+                                       const normals = [];
+                                       const uvs = []; // helper variables
+
+                                       let groupStart = 0;
+                                       let groupCount = 0; // allow single and array values for "shapes" parameter
+
+                                       if (Array.isArray(shapes) === false) {
+                                               addShape(shapes);
+                                       } else {
+                                               for (let i = 0; i < shapes.length; i++) {
+                                                       addShape(shapes[i]);
+                                                       this.addGroup(groupStart, groupCount, i); // enables MultiMaterial support
+
+                                                       groupStart += groupCount;
+                                                       groupCount = 0;
+                                               }
+                                       } // build geometry
+
+
+                                       this.setIndex(indices);
+                                       this.setAttribute('position', new Float32BufferAttribute(vertices, 3));
+                                       this.setAttribute('normal', new Float32BufferAttribute(normals, 3));
+                                       this.setAttribute('uv', new Float32BufferAttribute(uvs, 2)); // helper functions
+
+                                       function addShape(shape) {
+                                               const indexOffset = vertices.length / 3;
+                                               const points = shape.extractPoints(curveSegments);
+                                               let shapeVertices = points.shape;
+                                               const shapeHoles = points.holes; // check direction of vertices
+
+                                               if (ShapeUtils.isClockWise(shapeVertices) === false) {
+                                                       shapeVertices = shapeVertices.reverse();
+                                               }
+
+                                               for (let i = 0, l = shapeHoles.length; i < l; i++) {
+                                                       const shapeHole = shapeHoles[i];
+
+                                                       if (ShapeUtils.isClockWise(shapeHole) === true) {
+                                                               shapeHoles[i] = shapeHole.reverse();
+                                                       }
+                                               }
+
+                                               const faces = ShapeUtils.triangulateShape(shapeVertices, shapeHoles); // join vertices of inner and outer paths to a single array
+
+                                               for (let i = 0, l = shapeHoles.length; i < l; i++) {
+                                                       const shapeHole = shapeHoles[i];
+                                                       shapeVertices = shapeVertices.concat(shapeHole);
+                                               } // vertices, normals, uvs
+
+
+                                               for (let i = 0, l = shapeVertices.length; i < l; i++) {
+                                                       const vertex = shapeVertices[i];
+                                                       vertices.push(vertex.x, vertex.y, 0);
+                                                       normals.push(0, 0, 1);
+                                                       uvs.push(vertex.x, vertex.y); // world uvs
+                                               } // incides
+
+
+                                               for (let i = 0, l = faces.length; i < l; i++) {
+                                                       const face = faces[i];
+                                                       const a = face[0] + indexOffset;
+                                                       const b = face[1] + indexOffset;
+                                                       const c = face[2] + indexOffset;
+                                                       indices.push(a, b, c);
+                                                       groupCount += 3;
+                                               }
+                                       }
+                               }
+
+                               toJSON() {
+                                       const data = super.toJSON();
+                                       const shapes = this.parameters.shapes;
+                                       return toJSON(shapes, data);
+                               }
+
+                               static fromJSON(data, shapes) {
+                                       const geometryShapes = [];
+
+                                       for (let j = 0, jl = data.shapes.length; j < jl; j++) {
+                                               const shape = shapes[data.shapes[j]];
+                                               geometryShapes.push(shape);
+                                       }
+
+                                       return new ShapeGeometry(geometryShapes, data.curveSegments);
+                               }
+
+                       }
+
+                       function toJSON(shapes, data) {
+                               data.shapes = [];
+
+                               if (Array.isArray(shapes)) {
+                                       for (let i = 0, l = shapes.length; i < l; i++) {
+                                               const shape = shapes[i];
+                                               data.shapes.push(shape.uuid);
+                                       }
+                               } else {
+                                       data.shapes.push(shapes.uuid);
+                               }
+
+                               return data;
+                       }
+
+                       class SphereGeometry extends BufferGeometry {
+                               constructor(radius = 1, widthSegments = 32, heightSegments = 16, phiStart = 0, phiLength = Math.PI * 2, thetaStart = 0, thetaLength = Math.PI) {
+                                       super();
+                                       this.type = 'SphereGeometry';
+                                       this.parameters = {
+                                               radius: radius,
+                                               widthSegments: widthSegments,
+                                               heightSegments: heightSegments,
+                                               phiStart: phiStart,
+                                               phiLength: phiLength,
+                                               thetaStart: thetaStart,
+                                               thetaLength: thetaLength
+                                       };
+                                       widthSegments = Math.max(3, Math.floor(widthSegments));
+                                       heightSegments = Math.max(2, Math.floor(heightSegments));
+                                       const thetaEnd = Math.min(thetaStart + thetaLength, Math.PI);
+                                       let index = 0;
+                                       const grid = [];
+                                       const vertex = new Vector3();
+                                       const normal = new Vector3(); // buffers
+
+                                       const indices = [];
+                                       const vertices = [];
+                                       const normals = [];
+                                       const uvs = []; // generate vertices, normals and uvs
+
+                                       for (let iy = 0; iy <= heightSegments; iy++) {
+                                               const verticesRow = [];
+                                               const v = iy / heightSegments; // special case for the poles
+
+                                               let uOffset = 0;
+
+                                               if (iy == 0 && thetaStart == 0) {
+                                                       uOffset = 0.5 / widthSegments;
+                                               } else if (iy == heightSegments && thetaEnd == Math.PI) {
+                                                       uOffset = -0.5 / widthSegments;
+                                               }
+
+                                               for (let ix = 0; ix <= widthSegments; ix++) {
+                                                       const u = ix / widthSegments; // vertex
+
+                                                       vertex.x = -radius * Math.cos(phiStart + u * phiLength) * Math.sin(thetaStart + v * thetaLength);
+                                                       vertex.y = radius * Math.cos(thetaStart + v * thetaLength);
+                                                       vertex.z = radius * Math.sin(phiStart + u * phiLength) * Math.sin(thetaStart + v * thetaLength);
+                                                       vertices.push(vertex.x, vertex.y, vertex.z); // normal
+
+                                                       normal.copy(vertex).normalize();
+                                                       normals.push(normal.x, normal.y, normal.z); // uv
+
+                                                       uvs.push(u + uOffset, 1 - v);
+                                                       verticesRow.push(index++);
+                                               }
+
+                                               grid.push(verticesRow);
+                                       } // indices
+
+
+                                       for (let iy = 0; iy < heightSegments; iy++) {
+                                               for (let ix = 0; ix < widthSegments; ix++) {
+                                                       const a = grid[iy][ix + 1];
+                                                       const b = grid[iy][ix];
+                                                       const c = grid[iy + 1][ix];
+                                                       const d = grid[iy + 1][ix + 1];
+                                                       if (iy !== 0 || thetaStart > 0) indices.push(a, b, d);
+                                                       if (iy !== heightSegments - 1 || thetaEnd < Math.PI) indices.push(b, c, d);
+                                               }
+                                       } // build geometry
+
+
+                                       this.setIndex(indices);
+                                       this.setAttribute('position', new Float32BufferAttribute(vertices, 3));
+                                       this.setAttribute('normal', new Float32BufferAttribute(normals, 3));
+                                       this.setAttribute('uv', new Float32BufferAttribute(uvs, 2));
+                               }
+
+                               static fromJSON(data) {
+                                       return new SphereGeometry(data.radius, data.widthSegments, data.heightSegments, data.phiStart, data.phiLength, data.thetaStart, data.thetaLength);
+                               }
+
+                       }
+
+                       class TetrahedronGeometry extends PolyhedronGeometry {
+                               constructor(radius = 1, detail = 0) {
+                                       const vertices = [1, 1, 1, -1, -1, 1, -1, 1, -1, 1, -1, -1];
+                                       const indices = [2, 1, 0, 0, 3, 2, 1, 3, 0, 2, 3, 1];
+                                       super(vertices, indices, radius, detail);
+                                       this.type = 'TetrahedronGeometry';
+                                       this.parameters = {
+                                               radius: radius,
+                                               detail: detail
+                                       };
+                               }
+
+                               static fromJSON(data) {
+                                       return new TetrahedronGeometry(data.radius, data.detail);
+                               }
+
+                       }
+
+                       /**
+                        * Text = 3D Text
+                        *
+                        * parameters = {
+                        *      font: <THREE.Font>, // font
+                        *
+                        *      size: <float>, // size of the text
+                        *      height: <float>, // thickness to extrude text
+                        *      curveSegments: <int>, // number of points on the curves
+                        *
+                        *      bevelEnabled: <bool>, // turn on bevel
+                        *      bevelThickness: <float>, // how deep into text bevel goes
+                        *      bevelSize: <float>, // how far from text outline (including bevelOffset) is bevel
+                        *      bevelOffset: <float> // how far from text outline does bevel start
+                        * }
+                        */
+
+                       class TextGeometry extends ExtrudeGeometry {
+                               constructor(text, parameters = {}) {
+                                       const font = parameters.font;
+
+                                       if (!(font && font.isFont)) {
+                                               console.error('THREE.TextGeometry: font parameter is not an instance of THREE.Font.');
+                                               return new BufferGeometry();
+                                       }
+
+                                       const shapes = font.generateShapes(text, parameters.size); // translate parameters to ExtrudeGeometry API
+
+                                       parameters.depth = parameters.height !== undefined ? parameters.height : 50; // defaults
+
+                                       if (parameters.bevelThickness === undefined) parameters.bevelThickness = 10;
+                                       if (parameters.bevelSize === undefined) parameters.bevelSize = 8;
+                                       if (parameters.bevelEnabled === undefined) parameters.bevelEnabled = false;
+                                       super(shapes, parameters);
+                                       this.type = 'TextGeometry';
+                               }
+
+                       }
+
+                       class TorusGeometry extends BufferGeometry {
+                               constructor(radius = 1, tube = 0.4, radialSegments = 8, tubularSegments = 6, arc = Math.PI * 2) {
+                                       super();
+                                       this.type = 'TorusGeometry';
+                                       this.parameters = {
+                                               radius: radius,
+                                               tube: tube,
+                                               radialSegments: radialSegments,
+                                               tubularSegments: tubularSegments,
+                                               arc: arc
+                                       };
+                                       radialSegments = Math.floor(radialSegments);
+                                       tubularSegments = Math.floor(tubularSegments); // buffers
+
+                                       const indices = [];
+                                       const vertices = [];
+                                       const normals = [];
+                                       const uvs = []; // helper variables
+
+                                       const center = new Vector3();
+                                       const vertex = new Vector3();
+                                       const normal = new Vector3(); // generate vertices, normals and uvs
+
+                                       for (let j = 0; j <= radialSegments; j++) {
+                                               for (let i = 0; i <= tubularSegments; i++) {
+                                                       const u = i / tubularSegments * arc;
+                                                       const v = j / radialSegments * Math.PI * 2; // vertex
+
+                                                       vertex.x = (radius + tube * Math.cos(v)) * Math.cos(u);
+                                                       vertex.y = (radius + tube * Math.cos(v)) * Math.sin(u);
+                                                       vertex.z = tube * Math.sin(v);
+                                                       vertices.push(vertex.x, vertex.y, vertex.z); // normal
+
+                                                       center.x = radius * Math.cos(u);
+                                                       center.y = radius * Math.sin(u);
+                                                       normal.subVectors(vertex, center).normalize();
+                                                       normals.push(normal.x, normal.y, normal.z); // uv
+
+                                                       uvs.push(i / tubularSegments);
+                                                       uvs.push(j / radialSegments);
+                                               }
+                                       } // generate indices
+
+
+                                       for (let j = 1; j <= radialSegments; j++) {
+                                               for (let i = 1; i <= tubularSegments; i++) {
+                                                       // indices
+                                                       const a = (tubularSegments + 1) * j + i - 1;
+                                                       const b = (tubularSegments + 1) * (j - 1) + i - 1;
+                                                       const c = (tubularSegments + 1) * (j - 1) + i;
+                                                       const d = (tubularSegments + 1) * j + i; // faces
+
+                                                       indices.push(a, b, d);
+                                                       indices.push(b, c, d);
+                                               }
+                                       } // build geometry
+
+
+                                       this.setIndex(indices);
+                                       this.setAttribute('position', new Float32BufferAttribute(vertices, 3));
+                                       this.setAttribute('normal', new Float32BufferAttribute(normals, 3));
+                                       this.setAttribute('uv', new Float32BufferAttribute(uvs, 2));
+                               }
+
+                               static fromJSON(data) {
+                                       return new TorusGeometry(data.radius, data.tube, data.radialSegments, data.tubularSegments, data.arc);
+                               }
+
+                       }
+
+                       class TorusKnotGeometry extends BufferGeometry {
+                               constructor(radius = 1, tube = 0.4, tubularSegments = 64, radialSegments = 8, p = 2, q = 3) {
+                                       super();
+                                       this.type = 'TorusKnotGeometry';
+                                       this.parameters = {
+                                               radius: radius,
+                                               tube: tube,
+                                               tubularSegments: tubularSegments,
+                                               radialSegments: radialSegments,
+                                               p: p,
+                                               q: q
+                                       };
+                                       tubularSegments = Math.floor(tubularSegments);
+                                       radialSegments = Math.floor(radialSegments); // buffers
+
+                                       const indices = [];
+                                       const vertices = [];
+                                       const normals = [];
+                                       const uvs = []; // helper variables
+
+                                       const vertex = new Vector3();
+                                       const normal = new Vector3();
+                                       const P1 = new Vector3();
+                                       const P2 = new Vector3();
+                                       const B = new Vector3();
+                                       const T = new Vector3();
+                                       const N = new Vector3(); // generate vertices, normals and uvs
+
+                                       for (let i = 0; i <= tubularSegments; ++i) {
+                                               // the radian "u" is used to calculate the position on the torus curve of the current tubular segement
+                                               const u = i / tubularSegments * p * Math.PI * 2; // now we calculate two points. P1 is our current position on the curve, P2 is a little farther ahead.
+                                               // these points are used to create a special "coordinate space", which is necessary to calculate the correct vertex positions
+
+                                               calculatePositionOnCurve(u, p, q, radius, P1);
+                                               calculatePositionOnCurve(u + 0.01, p, q, radius, P2); // calculate orthonormal basis
+
+                                               T.subVectors(P2, P1);
+                                               N.addVectors(P2, P1);
+                                               B.crossVectors(T, N);
+                                               N.crossVectors(B, T); // normalize B, N. T can be ignored, we don't use it
+
+                                               B.normalize();
+                                               N.normalize();
+
+                                               for (let j = 0; j <= radialSegments; ++j) {
+                                                       // now calculate the vertices. they are nothing more than an extrusion of the torus curve.
+                                                       // because we extrude a shape in the xy-plane, there is no need to calculate a z-value.
+                                                       const v = j / radialSegments * Math.PI * 2;
+                                                       const cx = -tube * Math.cos(v);
+                                                       const cy = tube * Math.sin(v); // now calculate the final vertex position.
+                                                       // first we orient the extrusion with our basis vectos, then we add it to the current position on the curve
+
+                                                       vertex.x = P1.x + (cx * N.x + cy * B.x);
+                                                       vertex.y = P1.y + (cx * N.y + cy * B.y);
+                                                       vertex.z = P1.z + (cx * N.z + cy * B.z);
+                                                       vertices.push(vertex.x, vertex.y, vertex.z); // normal (P1 is always the center/origin of the extrusion, thus we can use it to calculate the normal)
+
+                                                       normal.subVectors(vertex, P1).normalize();
+                                                       normals.push(normal.x, normal.y, normal.z); // uv
+
+                                                       uvs.push(i / tubularSegments);
+                                                       uvs.push(j / radialSegments);
+                                               }
+                                       } // generate indices
+
+
+                                       for (let j = 1; j <= tubularSegments; j++) {
+                                               for (let i = 1; i <= radialSegments; i++) {
+                                                       // indices
+                                                       const a = (radialSegments + 1) * (j - 1) + (i - 1);
+                                                       const b = (radialSegments + 1) * j + (i - 1);
+                                                       const c = (radialSegments + 1) * j + i;
+                                                       const d = (radialSegments + 1) * (j - 1) + i; // faces
+
+                                                       indices.push(a, b, d);
+                                                       indices.push(b, c, d);
+                                               }
+                                       } // build geometry
+
+
+                                       this.setIndex(indices);
+                                       this.setAttribute('position', new Float32BufferAttribute(vertices, 3));
+                                       this.setAttribute('normal', new Float32BufferAttribute(normals, 3));
+                                       this.setAttribute('uv', new Float32BufferAttribute(uvs, 2)); // this function calculates the current position on the torus curve
+
+                                       function calculatePositionOnCurve(u, p, q, radius, position) {
+                                               const cu = Math.cos(u);
+                                               const su = Math.sin(u);
+                                               const quOverP = q / p * u;
+                                               const cs = Math.cos(quOverP);
+                                               position.x = radius * (2 + cs) * 0.5 * cu;
+                                               position.y = radius * (2 + cs) * su * 0.5;
+                                               position.z = radius * Math.sin(quOverP) * 0.5;
+                                       }
+                               }
+
+                               static fromJSON(data) {
+                                       return new TorusKnotGeometry(data.radius, data.tube, data.tubularSegments, data.radialSegments, data.p, data.q);
+                               }
+
+                       }
+
+                       class TubeGeometry extends BufferGeometry {
+                               constructor(path, tubularSegments = 64, radius = 1, radialSegments = 8, closed = false) {
+                                       super();
+                                       this.type = 'TubeGeometry';
+                                       this.parameters = {
+                                               path: path,
+                                               tubularSegments: tubularSegments,
+                                               radius: radius,
+                                               radialSegments: radialSegments,
+                                               closed: closed
+                                       };
+                                       const frames = path.computeFrenetFrames(tubularSegments, closed); // expose internals
+
+                                       this.tangents = frames.tangents;
+                                       this.normals = frames.normals;
+                                       this.binormals = frames.binormals; // helper variables
+
+                                       const vertex = new Vector3();
+                                       const normal = new Vector3();
+                                       const uv = new Vector2();
+                                       let P = new Vector3(); // buffer
+
+                                       const vertices = [];
+                                       const normals = [];
+                                       const uvs = [];
+                                       const indices = []; // create buffer data
+
+                                       generateBufferData(); // build geometry
+
+                                       this.setIndex(indices);
+                                       this.setAttribute('position', new Float32BufferAttribute(vertices, 3));
+                                       this.setAttribute('normal', new Float32BufferAttribute(normals, 3));
+                                       this.setAttribute('uv', new Float32BufferAttribute(uvs, 2)); // functions
+
+                                       function generateBufferData() {
+                                               for (let i = 0; i < tubularSegments; i++) {
+                                                       generateSegment(i);
+                                               } // if the geometry is not closed, generate the last row of vertices and normals
+                                               // at the regular position on the given path
+                                               //
+                                               // if the geometry is closed, duplicate the first row of vertices and normals (uvs will differ)
+
+
+                                               generateSegment(closed === false ? tubularSegments : 0); // uvs are generated in a separate function.
+                                               // this makes it easy compute correct values for closed geometries
+
+                                               generateUVs(); // finally create faces
+
+                                               generateIndices();
+                                       }
+
+                                       function generateSegment(i) {
+                                               // we use getPointAt to sample evenly distributed points from the given path
+                                               P = path.getPointAt(i / tubularSegments, P); // retrieve corresponding normal and binormal
+
+                                               const N = frames.normals[i];
+                                               const B = frames.binormals[i]; // generate normals and vertices for the current segment
+
+                                               for (let j = 0; j <= radialSegments; j++) {
+                                                       const v = j / radialSegments * Math.PI * 2;
+                                                       const sin = Math.sin(v);
+                                                       const cos = -Math.cos(v); // normal
+
+                                                       normal.x = cos * N.x + sin * B.x;
+                                                       normal.y = cos * N.y + sin * B.y;
+                                                       normal.z = cos * N.z + sin * B.z;
+                                                       normal.normalize();
+                                                       normals.push(normal.x, normal.y, normal.z); // vertex
+
+                                                       vertex.x = P.x + radius * normal.x;
+                                                       vertex.y = P.y + radius * normal.y;
+                                                       vertex.z = P.z + radius * normal.z;
+                                                       vertices.push(vertex.x, vertex.y, vertex.z);
+                                               }
+                                       }
+
+                                       function generateIndices() {
+                                               for (let j = 1; j <= tubularSegments; j++) {
+                                                       for (let i = 1; i <= radialSegments; i++) {
+                                                               const a = (radialSegments + 1) * (j - 1) + (i - 1);
+                                                               const b = (radialSegments + 1) * j + (i - 1);
+                                                               const c = (radialSegments + 1) * j + i;
+                                                               const d = (radialSegments + 1) * (j - 1) + i; // faces
+
+                                                               indices.push(a, b, d);
+                                                               indices.push(b, c, d);
+                                                       }
+                                               }
+                                       }
+
+                                       function generateUVs() {
+                                               for (let i = 0; i <= tubularSegments; i++) {
+                                                       for (let j = 0; j <= radialSegments; j++) {
+                                                               uv.x = i / tubularSegments;
+                                                               uv.y = j / radialSegments;
+                                                               uvs.push(uv.x, uv.y);
+                                                       }
+                                               }
+                                       }
+                               }
+
+                               toJSON() {
+                                       const data = super.toJSON();
+                                       data.path = this.parameters.path.toJSON();
+                                       return data;
+                               }
+
+                               static fromJSON(data) {
+                                       // This only works for built-in curves (e.g. CatmullRomCurve3).
+                                       // User defined curves or instances of CurvePath will not be deserialized.
+                                       return new TubeGeometry(new Curves[data.path.type]().fromJSON(data.path), data.tubularSegments, data.radius, data.radialSegments, data.closed);
+                               }
+
+                       }
+
+                       class WireframeGeometry extends BufferGeometry {
+                               constructor(geometry) {
+                                       super();
+                                       this.type = 'WireframeGeometry';
+
+                                       if (geometry.isGeometry === true) {
+                                               console.error('THREE.WireframeGeometry no longer supports THREE.Geometry. Use THREE.BufferGeometry instead.');
+                                               return;
+                                       } // buffer
+
+
+                                       const vertices = [];
+                                       const edges = new Set(); // helper variables
+
+                                       const start = new Vector3();
+                                       const end = new Vector3();
+
+                                       if (geometry.index !== null) {
+                                               // indexed BufferGeometry
+                                               const position = geometry.attributes.position;
+                                               const indices = geometry.index;
+                                               let groups = geometry.groups;
+
+                                               if (groups.length === 0) {
+                                                       groups = [{
+                                                               start: 0,
+                                                               count: indices.count,
+                                                               materialIndex: 0
+                                                       }];
+                                               } // create a data structure that contains all eges without duplicates
+
+
+                                               for (let o = 0, ol = groups.length; o < ol; ++o) {
+                                                       const group = groups[o];
+                                                       const groupStart = group.start;
+                                                       const groupCount = group.count;
+
+                                                       for (let i = groupStart, l = groupStart + groupCount; i < l; i += 3) {
+                                                               for (let j = 0; j < 3; j++) {
+                                                                       const index1 = indices.getX(i + j);
+                                                                       const index2 = indices.getX(i + (j + 1) % 3);
+                                                                       start.fromBufferAttribute(position, index1);
+                                                                       end.fromBufferAttribute(position, index2);
+
+                                                                       if (isUniqueEdge(start, end, edges) === true) {
+                                                                               vertices.push(start.x, start.y, start.z);
+                                                                               vertices.push(end.x, end.y, end.z);
+                                                                       }
+                                                               }
+                                                       }
+                                               }
+                                       } else {
+                                               // non-indexed BufferGeometry
+                                               const position = geometry.attributes.position;
+
+                                               for (let i = 0, l = position.count / 3; i < l; i++) {
+                                                       for (let j = 0; j < 3; j++) {
+                                                               // three edges per triangle, an edge is represented as (index1, index2)
+                                                               // e.g. the first triangle has the following edges: (0,1),(1,2),(2,0)
+                                                               const index1 = 3 * i + j;
+                                                               const index2 = 3 * i + (j + 1) % 3;
+                                                               start.fromBufferAttribute(position, index1);
+                                                               end.fromBufferAttribute(position, index2);
+
+                                                               if (isUniqueEdge(start, end, edges) === true) {
+                                                                       vertices.push(start.x, start.y, start.z);
+                                                                       vertices.push(end.x, end.y, end.z);
+                                                               }
+                                                       }
+                                               }
+                                       } // build geometry
+
+
+                                       this.setAttribute('position', new Float32BufferAttribute(vertices, 3));
+                               }
+
+                       }
+
+                       function isUniqueEdge(start, end, edges) {
+                               const hash1 = `${start.x},${start.y},${start.z}-${end.x},${end.y},${end.z}`;
+                               const hash2 = `${end.x},${end.y},${end.z}-${start.x},${start.y},${start.z}`; // coincident edge
+
+                               if (edges.has(hash1) === true || edges.has(hash2) === true) {
+                                       return false;
+                               } else {
+                                       edges.add(hash1, hash2);
+                                       return true;
+                               }
+                       }
+
+                       var Geometries = /*#__PURE__*/Object.freeze({
+                               __proto__: null,
+                               BoxGeometry: BoxGeometry,
+                               BoxBufferGeometry: BoxGeometry,
+                               CircleGeometry: CircleGeometry,
+                               CircleBufferGeometry: CircleGeometry,
+                               ConeGeometry: ConeGeometry,
+                               ConeBufferGeometry: ConeGeometry,
+                               CylinderGeometry: CylinderGeometry,
+                               CylinderBufferGeometry: CylinderGeometry,
+                               DodecahedronGeometry: DodecahedronGeometry,
+                               DodecahedronBufferGeometry: DodecahedronGeometry,
+                               EdgesGeometry: EdgesGeometry,
+                               ExtrudeGeometry: ExtrudeGeometry,
+                               ExtrudeBufferGeometry: ExtrudeGeometry,
+                               IcosahedronGeometry: IcosahedronGeometry,
+                               IcosahedronBufferGeometry: IcosahedronGeometry,
+                               LatheGeometry: LatheGeometry,
+                               LatheBufferGeometry: LatheGeometry,
+                               OctahedronGeometry: OctahedronGeometry,
+                               OctahedronBufferGeometry: OctahedronGeometry,
+                               ParametricGeometry: ParametricGeometry,
+                               ParametricBufferGeometry: ParametricGeometry,
+                               PlaneGeometry: PlaneGeometry,
+                               PlaneBufferGeometry: PlaneGeometry,
+                               PolyhedronGeometry: PolyhedronGeometry,
+                               PolyhedronBufferGeometry: PolyhedronGeometry,
+                               RingGeometry: RingGeometry,
+                               RingBufferGeometry: RingGeometry,
+                               ShapeGeometry: ShapeGeometry,
+                               ShapeBufferGeometry: ShapeGeometry,
+                               SphereGeometry: SphereGeometry,
+                               SphereBufferGeometry: SphereGeometry,
+                               TetrahedronGeometry: TetrahedronGeometry,
+                               TetrahedronBufferGeometry: TetrahedronGeometry,
+                               TextGeometry: TextGeometry,
+                               TextBufferGeometry: TextGeometry,
+                               TorusGeometry: TorusGeometry,
+                               TorusBufferGeometry: TorusGeometry,
+                               TorusKnotGeometry: TorusKnotGeometry,
+                               TorusKnotBufferGeometry: TorusKnotGeometry,
+                               TubeGeometry: TubeGeometry,
+                               TubeBufferGeometry: TubeGeometry,
+                               WireframeGeometry: WireframeGeometry
+                       });
+
+                       /**
+                        * parameters = {
+                        *      color: <THREE.Color>
+                        * }
+                        */
+
+                       class ShadowMaterial extends Material {
+                               constructor(parameters) {
+                                       super();
+                                       this.type = 'ShadowMaterial';
+                                       this.color = new Color(0x000000);
+                                       this.transparent = true;
+                                       this.setValues(parameters);
+                               }
+
+                               copy(source) {
+                                       super.copy(source);
+                                       this.color.copy(source.color);
+                                       return this;
+                               }
+
+                       }
+
+                       ShadowMaterial.prototype.isShadowMaterial = true;
+
+                       /**
+                        * parameters = {
+                        *      color: <hex>,
+                        *      roughness: <float>,
+                        *      metalness: <float>,
+                        *      opacity: <float>,
+                        *
+                        *      map: new THREE.Texture( <Image> ),
+                        *
+                        *      lightMap: new THREE.Texture( <Image> ),
+                        *      lightMapIntensity: <float>
+                        *
+                        *      aoMap: new THREE.Texture( <Image> ),
+                        *      aoMapIntensity: <float>
+                        *
+                        *      emissive: <hex>,
+                        *      emissiveIntensity: <float>
+                        *      emissiveMap: new THREE.Texture( <Image> ),
+                        *
+                        *      bumpMap: new THREE.Texture( <Image> ),
+                        *      bumpScale: <float>,
+                        *
+                        *      normalMap: new THREE.Texture( <Image> ),
+                        *      normalMapType: THREE.TangentSpaceNormalMap,
+                        *      normalScale: <Vector2>,
+                        *
+                        *      displacementMap: new THREE.Texture( <Image> ),
+                        *      displacementScale: <float>,
+                        *      displacementBias: <float>,
+                        *
+                        *      roughnessMap: new THREE.Texture( <Image> ),
+                        *
+                        *      metalnessMap: new THREE.Texture( <Image> ),
+                        *
+                        *      alphaMap: new THREE.Texture( <Image> ),
+                        *
+                        *      envMap: new THREE.CubeTexture( [posx, negx, posy, negy, posz, negz] ),
+                        *      envMapIntensity: <float>
+                        *
+                        *      refractionRatio: <float>,
+                        *
+                        *      wireframe: <boolean>,
+                        *      wireframeLinewidth: <float>,
+                        *
+                        *      flatShading: <bool>
+                        * }
+                        */
+
+                       class MeshStandardMaterial extends Material {
+                               constructor(parameters) {
+                                       super();
+                                       this.defines = {
+                                               'STANDARD': ''
+                                       };
+                                       this.type = 'MeshStandardMaterial';
+                                       this.color = new Color(0xffffff); // diffuse
+
+                                       this.roughness = 1.0;
+                                       this.metalness = 0.0;
+                                       this.map = null;
+                                       this.lightMap = null;
+                                       this.lightMapIntensity = 1.0;
+                                       this.aoMap = null;
+                                       this.aoMapIntensity = 1.0;
+                                       this.emissive = new Color(0x000000);
+                                       this.emissiveIntensity = 1.0;
+                                       this.emissiveMap = null;
+                                       this.bumpMap = null;
+                                       this.bumpScale = 1;
+                                       this.normalMap = null;
+                                       this.normalMapType = TangentSpaceNormalMap;
+                                       this.normalScale = new Vector2(1, 1);
+                                       this.displacementMap = null;
+                                       this.displacementScale = 1;
+                                       this.displacementBias = 0;
+                                       this.roughnessMap = null;
+                                       this.metalnessMap = null;
+                                       this.alphaMap = null;
+                                       this.envMap = null;
+                                       this.envMapIntensity = 1.0;
+                                       this.refractionRatio = 0.98;
+                                       this.wireframe = false;
+                                       this.wireframeLinewidth = 1;
+                                       this.wireframeLinecap = 'round';
+                                       this.wireframeLinejoin = 'round';
+                                       this.flatShading = false;
+                                       this.setValues(parameters);
+                               }
+
+                               copy(source) {
+                                       super.copy(source);
+                                       this.defines = {
+                                               'STANDARD': ''
+                                       };
+                                       this.color.copy(source.color);
+                                       this.roughness = source.roughness;
+                                       this.metalness = source.metalness;
+                                       this.map = source.map;
+                                       this.lightMap = source.lightMap;
+                                       this.lightMapIntensity = source.lightMapIntensity;
+                                       this.aoMap = source.aoMap;
+                                       this.aoMapIntensity = source.aoMapIntensity;
+                                       this.emissive.copy(source.emissive);
+                                       this.emissiveMap = source.emissiveMap;
+                                       this.emissiveIntensity = source.emissiveIntensity;
+                                       this.bumpMap = source.bumpMap;
+                                       this.bumpScale = source.bumpScale;
+                                       this.normalMap = source.normalMap;
+                                       this.normalMapType = source.normalMapType;
+                                       this.normalScale.copy(source.normalScale);
+                                       this.displacementMap = source.displacementMap;
+                                       this.displacementScale = source.displacementScale;
+                                       this.displacementBias = source.displacementBias;
+                                       this.roughnessMap = source.roughnessMap;
+                                       this.metalnessMap = source.metalnessMap;
+                                       this.alphaMap = source.alphaMap;
+                                       this.envMap = source.envMap;
+                                       this.envMapIntensity = source.envMapIntensity;
+                                       this.refractionRatio = source.refractionRatio;
+                                       this.wireframe = source.wireframe;
+                                       this.wireframeLinewidth = source.wireframeLinewidth;
+                                       this.wireframeLinecap = source.wireframeLinecap;
+                                       this.wireframeLinejoin = source.wireframeLinejoin;
+                                       this.flatShading = source.flatShading;
+                                       return this;
+                               }
+
+                       }
+
+                       MeshStandardMaterial.prototype.isMeshStandardMaterial = true;
+
+                       /**
+                        * parameters = {
+                        *      clearcoat: <float>,
+                        *      clearcoatMap: new THREE.Texture( <Image> ),
+                        *      clearcoatRoughness: <float>,
+                        *      clearcoatRoughnessMap: new THREE.Texture( <Image> ),
+                        *      clearcoatNormalScale: <Vector2>,
+                        *      clearcoatNormalMap: new THREE.Texture( <Image> ),
+                        *
+                        *      ior: <float>,
+                        *      reflectivity: <float>,
+                        *
+                        *      sheenTint: <Color>,
+                        *
+                        *      transmission: <float>,
+                        *      transmissionMap: new THREE.Texture( <Image> ),
+                        *
+                        *      thickness: <float>,
+                        *      thicknessMap: new THREE.Texture( <Image> ),
+                        *      attenuationDistance: <float>,
+                        *      attenuationTint: <Color>,
+                        *
+                        *      specularIntensity: <float>,
+                        *      specularIntensityhMap: new THREE.Texture( <Image> ),
+                        *      specularTint: <Color>,
+                        *      specularTintMap: new THREE.Texture( <Image> )
+                        * }
+                        */
+
+                       class MeshPhysicalMaterial extends MeshStandardMaterial {
+                               constructor(parameters) {
+                                       super();
+                                       this.defines = {
+                                               'STANDARD': '',
+                                               'PHYSICAL': ''
+                                       };
+                                       this.type = 'MeshPhysicalMaterial';
+                                       this.clearcoatMap = null;
+                                       this.clearcoatRoughness = 0.0;
+                                       this.clearcoatRoughnessMap = null;
+                                       this.clearcoatNormalScale = new Vector2(1, 1);
+                                       this.clearcoatNormalMap = null;
+                                       this.ior = 1.5;
+                                       Object.defineProperty(this, 'reflectivity', {
+                                               get: function () {
+                                                       return clamp(2.5 * (this.ior - 1) / (this.ior + 1), 0, 1);
+                                               },
+                                               set: function (reflectivity) {
+                                                       this.ior = (1 + 0.4 * reflectivity) / (1 - 0.4 * reflectivity);
+                                               }
+                                       });
+                                       this.sheenTint = new Color(0x000000);
+                                       this.transmission = 0.0;
+                                       this.transmissionMap = null;
+                                       this.thickness = 0.01;
+                                       this.thicknessMap = null;
+                                       this.attenuationDistance = 0.0;
+                                       this.attenuationTint = new Color(1, 1, 1);
+                                       this.specularIntensity = 1.0;
+                                       this.specularIntensityMap = null;
+                                       this.specularTint = new Color(1, 1, 1);
+                                       this.specularTintMap = null;
+                                       this._clearcoat = 0;
+                                       this._transmission = 0;
+                                       this.setValues(parameters);
+                               }
+
+                               get clearcoat() {
+                                       return this._clearcoat;
+                               }
+
+                               set clearcoat(value) {
+                                       if (this._clearcoat > 0 !== value > 0) {
+                                               this.version++;
+                                       }
+
+                                       this._clearcoat = value;
+                               }
+
+                               get transmission() {
+                                       return this._transmission;
+                               }
+
+                               set transmission(value) {
+                                       if (this._transmission > 0 !== value > 0) {
+                                               this.version++;
+                                       }
+
+                                       this._transmission = value;
+                               }
+
+                               copy(source) {
+                                       super.copy(source);
+                                       this.defines = {
+                                               'STANDARD': '',
+                                               'PHYSICAL': ''
+                                       };
+                                       this.clearcoat = source.clearcoat;
+                                       this.clearcoatMap = source.clearcoatMap;
+                                       this.clearcoatRoughness = source.clearcoatRoughness;
+                                       this.clearcoatRoughnessMap = source.clearcoatRoughnessMap;
+                                       this.clearcoatNormalMap = source.clearcoatNormalMap;
+                                       this.clearcoatNormalScale.copy(source.clearcoatNormalScale);
+                                       this.ior = source.ior;
+                                       this.sheenTint.copy(source.sheenTint);
+                                       this.transmission = source.transmission;
+                                       this.transmissionMap = source.transmissionMap;
+                                       this.thickness = source.thickness;
+                                       this.thicknessMap = source.thicknessMap;
+                                       this.attenuationDistance = source.attenuationDistance;
+                                       this.attenuationTint.copy(source.attenuationTint);
+                                       this.specularIntensity = source.specularIntensity;
+                                       this.specularIntensityMap = source.specularIntensityMap;
+                                       this.specularTint.copy(source.specularTint);
+                                       this.specularTintMap = source.specularTintMap;
+                                       return this;
+                               }
+
+                       }
+
+                       MeshPhysicalMaterial.prototype.isMeshPhysicalMaterial = true;
+
+                       /**
+                        * parameters = {
+                        *      color: <hex>,
+                        *      specular: <hex>,
+                        *      shininess: <float>,
+                        *      opacity: <float>,
+                        *
+                        *      map: new THREE.Texture( <Image> ),
+                        *
+                        *      lightMap: new THREE.Texture( <Image> ),
+                        *      lightMapIntensity: <float>
+                        *
+                        *      aoMap: new THREE.Texture( <Image> ),
+                        *      aoMapIntensity: <float>
+                        *
+                        *      emissive: <hex>,
+                        *      emissiveIntensity: <float>
+                        *      emissiveMap: new THREE.Texture( <Image> ),
+                        *
+                        *      bumpMap: new THREE.Texture( <Image> ),
+                        *      bumpScale: <float>,
+                        *
+                        *      normalMap: new THREE.Texture( <Image> ),
+                        *      normalMapType: THREE.TangentSpaceNormalMap,
+                        *      normalScale: <Vector2>,
+                        *
+                        *      displacementMap: new THREE.Texture( <Image> ),
+                        *      displacementScale: <float>,
+                        *      displacementBias: <float>,
+                        *
+                        *      specularMap: new THREE.Texture( <Image> ),
+                        *
+                        *      alphaMap: new THREE.Texture( <Image> ),
+                        *
+                        *      envMap: new THREE.CubeTexture( [posx, negx, posy, negy, posz, negz] ),
+                        *      combine: THREE.MultiplyOperation,
+                        *      reflectivity: <float>,
+                        *      refractionRatio: <float>,
+                        *
+                        *      wireframe: <boolean>,
+                        *      wireframeLinewidth: <float>,
+                        *
+                        *      flatShading: <bool>
+                        * }
+                        */
+
+                       class MeshPhongMaterial extends Material {
+                               constructor(parameters) {
+                                       super();
+                                       this.type = 'MeshPhongMaterial';
+                                       this.color = new Color(0xffffff); // diffuse
+
+                                       this.specular = new Color(0x111111);
+                                       this.shininess = 30;
+                                       this.map = null;
+                                       this.lightMap = null;
+                                       this.lightMapIntensity = 1.0;
+                                       this.aoMap = null;
+                                       this.aoMapIntensity = 1.0;
+                                       this.emissive = new Color(0x000000);
+                                       this.emissiveIntensity = 1.0;
+                                       this.emissiveMap = null;
+                                       this.bumpMap = null;
+                                       this.bumpScale = 1;
+                                       this.normalMap = null;
+                                       this.normalMapType = TangentSpaceNormalMap;
+                                       this.normalScale = new Vector2(1, 1);
+                                       this.displacementMap = null;
+                                       this.displacementScale = 1;
+                                       this.displacementBias = 0;
+                                       this.specularMap = null;
+                                       this.alphaMap = null;
+                                       this.envMap = null;
+                                       this.combine = MultiplyOperation;
+                                       this.reflectivity = 1;
+                                       this.refractionRatio = 0.98;
+                                       this.wireframe = false;
+                                       this.wireframeLinewidth = 1;
+                                       this.wireframeLinecap = 'round';
+                                       this.wireframeLinejoin = 'round';
+                                       this.flatShading = false;
+                                       this.setValues(parameters);
+                               }
+
+                               copy(source) {
+                                       super.copy(source);
+                                       this.color.copy(source.color);
+                                       this.specular.copy(source.specular);
+                                       this.shininess = source.shininess;
+                                       this.map = source.map;
+                                       this.lightMap = source.lightMap;
+                                       this.lightMapIntensity = source.lightMapIntensity;
+                                       this.aoMap = source.aoMap;
+                                       this.aoMapIntensity = source.aoMapIntensity;
+                                       this.emissive.copy(source.emissive);
+                                       this.emissiveMap = source.emissiveMap;
+                                       this.emissiveIntensity = source.emissiveIntensity;
+                                       this.bumpMap = source.bumpMap;
+                                       this.bumpScale = source.bumpScale;
+                                       this.normalMap = source.normalMap;
+                                       this.normalMapType = source.normalMapType;
+                                       this.normalScale.copy(source.normalScale);
+                                       this.displacementMap = source.displacementMap;
+                                       this.displacementScale = source.displacementScale;
+                                       this.displacementBias = source.displacementBias;
+                                       this.specularMap = source.specularMap;
+                                       this.alphaMap = source.alphaMap;
+                                       this.envMap = source.envMap;
+                                       this.combine = source.combine;
+                                       this.reflectivity = source.reflectivity;
+                                       this.refractionRatio = source.refractionRatio;
+                                       this.wireframe = source.wireframe;
+                                       this.wireframeLinewidth = source.wireframeLinewidth;
+                                       this.wireframeLinecap = source.wireframeLinecap;
+                                       this.wireframeLinejoin = source.wireframeLinejoin;
+                                       this.flatShading = source.flatShading;
+                                       return this;
+                               }
+
+                       }
+
+                       MeshPhongMaterial.prototype.isMeshPhongMaterial = true;
+
+                       /**
+                        * parameters = {
+                        *      color: <hex>,
+                        *
+                        *      map: new THREE.Texture( <Image> ),
+                        *      gradientMap: new THREE.Texture( <Image> ),
+                        *
+                        *      lightMap: new THREE.Texture( <Image> ),
+                        *      lightMapIntensity: <float>
+                        *
+                        *      aoMap: new THREE.Texture( <Image> ),
+                        *      aoMapIntensity: <float>
+                        *
+                        *      emissive: <hex>,
+                        *      emissiveIntensity: <float>
+                        *      emissiveMap: new THREE.Texture( <Image> ),
+                        *
+                        *      bumpMap: new THREE.Texture( <Image> ),
+                        *      bumpScale: <float>,
+                        *
+                        *      normalMap: new THREE.Texture( <Image> ),
+                        *      normalMapType: THREE.TangentSpaceNormalMap,
+                        *      normalScale: <Vector2>,
+                        *
+                        *      displacementMap: new THREE.Texture( <Image> ),
+                        *      displacementScale: <float>,
+                        *      displacementBias: <float>,
+                        *
+                        *      alphaMap: new THREE.Texture( <Image> ),
+                        *
+                        *      wireframe: <boolean>,
+                        *      wireframeLinewidth: <float>,
+                        *
+                        * }
+                        */
+
+                       class MeshToonMaterial extends Material {
+                               constructor(parameters) {
+                                       super();
+                                       this.defines = {
+                                               'TOON': ''
+                                       };
+                                       this.type = 'MeshToonMaterial';
+                                       this.color = new Color(0xffffff);
+                                       this.map = null;
+                                       this.gradientMap = null;
+                                       this.lightMap = null;
+                                       this.lightMapIntensity = 1.0;
+                                       this.aoMap = null;
+                                       this.aoMapIntensity = 1.0;
+                                       this.emissive = new Color(0x000000);
+                                       this.emissiveIntensity = 1.0;
+                                       this.emissiveMap = null;
+                                       this.bumpMap = null;
+                                       this.bumpScale = 1;
+                                       this.normalMap = null;
+                                       this.normalMapType = TangentSpaceNormalMap;
+                                       this.normalScale = new Vector2(1, 1);
+                                       this.displacementMap = null;
+                                       this.displacementScale = 1;
+                                       this.displacementBias = 0;
+                                       this.alphaMap = null;
+                                       this.wireframe = false;
+                                       this.wireframeLinewidth = 1;
+                                       this.wireframeLinecap = 'round';
+                                       this.wireframeLinejoin = 'round';
+                                       this.setValues(parameters);
+                               }
+
+                               copy(source) {
+                                       super.copy(source);
+                                       this.color.copy(source.color);
+                                       this.map = source.map;
+                                       this.gradientMap = source.gradientMap;
+                                       this.lightMap = source.lightMap;
+                                       this.lightMapIntensity = source.lightMapIntensity;
+                                       this.aoMap = source.aoMap;
+                                       this.aoMapIntensity = source.aoMapIntensity;
+                                       this.emissive.copy(source.emissive);
+                                       this.emissiveMap = source.emissiveMap;
+                                       this.emissiveIntensity = source.emissiveIntensity;
+                                       this.bumpMap = source.bumpMap;
+                                       this.bumpScale = source.bumpScale;
+                                       this.normalMap = source.normalMap;
+                                       this.normalMapType = source.normalMapType;
+                                       this.normalScale.copy(source.normalScale);
+                                       this.displacementMap = source.displacementMap;
+                                       this.displacementScale = source.displacementScale;
+                                       this.displacementBias = source.displacementBias;
+                                       this.alphaMap = source.alphaMap;
+                                       this.wireframe = source.wireframe;
+                                       this.wireframeLinewidth = source.wireframeLinewidth;
+                                       this.wireframeLinecap = source.wireframeLinecap;
+                                       this.wireframeLinejoin = source.wireframeLinejoin;
+                                       return this;
+                               }
+
+                       }
+
+                       MeshToonMaterial.prototype.isMeshToonMaterial = true;
+
+                       /**
+                        * parameters = {
+                        *      opacity: <float>,
+                        *
+                        *      bumpMap: new THREE.Texture( <Image> ),
+                        *      bumpScale: <float>,
+                        *
+                        *      normalMap: new THREE.Texture( <Image> ),
+                        *      normalMapType: THREE.TangentSpaceNormalMap,
+                        *      normalScale: <Vector2>,
+                        *
+                        *      displacementMap: new THREE.Texture( <Image> ),
+                        *      displacementScale: <float>,
+                        *      displacementBias: <float>,
+                        *
+                        *      wireframe: <boolean>,
+                        *      wireframeLinewidth: <float>
+                        *
+                        *      flatShading: <bool>
+                        * }
+                        */
+
+                       class MeshNormalMaterial extends Material {
+                               constructor(parameters) {
+                                       super();
+                                       this.type = 'MeshNormalMaterial';
+                                       this.bumpMap = null;
+                                       this.bumpScale = 1;
+                                       this.normalMap = null;
+                                       this.normalMapType = TangentSpaceNormalMap;
+                                       this.normalScale = new Vector2(1, 1);
+                                       this.displacementMap = null;
+                                       this.displacementScale = 1;
+                                       this.displacementBias = 0;
+                                       this.wireframe = false;
+                                       this.wireframeLinewidth = 1;
+                                       this.fog = false;
+                                       this.flatShading = false;
+                                       this.setValues(parameters);
+                               }
+
+                               copy(source) {
+                                       super.copy(source);
+                                       this.bumpMap = source.bumpMap;
+                                       this.bumpScale = source.bumpScale;
+                                       this.normalMap = source.normalMap;
+                                       this.normalMapType = source.normalMapType;
+                                       this.normalScale.copy(source.normalScale);
+                                       this.displacementMap = source.displacementMap;
+                                       this.displacementScale = source.displacementScale;
+                                       this.displacementBias = source.displacementBias;
+                                       this.wireframe = source.wireframe;
+                                       this.wireframeLinewidth = source.wireframeLinewidth;
+                                       this.flatShading = source.flatShading;
+                                       return this;
+                               }
+
+                       }
+
+                       MeshNormalMaterial.prototype.isMeshNormalMaterial = true;
+
+                       /**
+                        * parameters = {
+                        *      color: <hex>,
+                        *      opacity: <float>,
+                        *
+                        *      map: new THREE.Texture( <Image> ),
+                        *
+                        *      lightMap: new THREE.Texture( <Image> ),
+                        *      lightMapIntensity: <float>
+                        *
+                        *      aoMap: new THREE.Texture( <Image> ),
+                        *      aoMapIntensity: <float>
+                        *
+                        *      emissive: <hex>,
+                        *      emissiveIntensity: <float>
+                        *      emissiveMap: new THREE.Texture( <Image> ),
+                        *
+                        *      specularMap: new THREE.Texture( <Image> ),
+                        *
+                        *      alphaMap: new THREE.Texture( <Image> ),
+                        *
+                        *      envMap: new THREE.CubeTexture( [posx, negx, posy, negy, posz, negz] ),
+                        *      combine: THREE.Multiply,
+                        *      reflectivity: <float>,
+                        *      refractionRatio: <float>,
+                        *
+                        *      wireframe: <boolean>,
+                        *      wireframeLinewidth: <float>,
+                        *
+                        * }
+                        */
+
+                       class MeshLambertMaterial extends Material {
+                               constructor(parameters) {
+                                       super();
+                                       this.type = 'MeshLambertMaterial';
+                                       this.color = new Color(0xffffff); // diffuse
+
+                                       this.map = null;
+                                       this.lightMap = null;
+                                       this.lightMapIntensity = 1.0;
+                                       this.aoMap = null;
+                                       this.aoMapIntensity = 1.0;
+                                       this.emissive = new Color(0x000000);
+                                       this.emissiveIntensity = 1.0;
+                                       this.emissiveMap = null;
+                                       this.specularMap = null;
+                                       this.alphaMap = null;
+                                       this.envMap = null;
+                                       this.combine = MultiplyOperation;
+                                       this.reflectivity = 1;
+                                       this.refractionRatio = 0.98;
+                                       this.wireframe = false;
+                                       this.wireframeLinewidth = 1;
+                                       this.wireframeLinecap = 'round';
+                                       this.wireframeLinejoin = 'round';
+                                       this.setValues(parameters);
+                               }
+
+                               copy(source) {
+                                       super.copy(source);
+                                       this.color.copy(source.color);
+                                       this.map = source.map;
+                                       this.lightMap = source.lightMap;
+                                       this.lightMapIntensity = source.lightMapIntensity;
+                                       this.aoMap = source.aoMap;
+                                       this.aoMapIntensity = source.aoMapIntensity;
+                                       this.emissive.copy(source.emissive);
+                                       this.emissiveMap = source.emissiveMap;
+                                       this.emissiveIntensity = source.emissiveIntensity;
+                                       this.specularMap = source.specularMap;
+                                       this.alphaMap = source.alphaMap;
+                                       this.envMap = source.envMap;
+                                       this.combine = source.combine;
+                                       this.reflectivity = source.reflectivity;
+                                       this.refractionRatio = source.refractionRatio;
+                                       this.wireframe = source.wireframe;
+                                       this.wireframeLinewidth = source.wireframeLinewidth;
+                                       this.wireframeLinecap = source.wireframeLinecap;
+                                       this.wireframeLinejoin = source.wireframeLinejoin;
+                                       return this;
+                               }
+
+                       }
+
+                       MeshLambertMaterial.prototype.isMeshLambertMaterial = true;
+
+                       /**
+                        * parameters = {
+                        *      color: <hex>,
+                        *      opacity: <float>,
+                        *
+                        *      matcap: new THREE.Texture( <Image> ),
+                        *
+                        *      map: new THREE.Texture( <Image> ),
+                        *
+                        *      bumpMap: new THREE.Texture( <Image> ),
+                        *      bumpScale: <float>,
+                        *
+                        *      normalMap: new THREE.Texture( <Image> ),
+                        *      normalMapType: THREE.TangentSpaceNormalMap,
+                        *      normalScale: <Vector2>,
+                        *
+                        *      displacementMap: new THREE.Texture( <Image> ),
+                        *      displacementScale: <float>,
+                        *      displacementBias: <float>,
+                        *
+                        *      alphaMap: new THREE.Texture( <Image> ),
+                        *
+                        *      flatShading: <bool>
+                        * }
+                        */
+
+                       class MeshMatcapMaterial extends Material {
+                               constructor(parameters) {
+                                       super();
+                                       this.defines = {
+                                               'MATCAP': ''
+                                       };
+                                       this.type = 'MeshMatcapMaterial';
+                                       this.color = new Color(0xffffff); // diffuse
+
+                                       this.matcap = null;
+                                       this.map = null;
+                                       this.bumpMap = null;
+                                       this.bumpScale = 1;
+                                       this.normalMap = null;
+                                       this.normalMapType = TangentSpaceNormalMap;
+                                       this.normalScale = new Vector2(1, 1);
+                                       this.displacementMap = null;
+                                       this.displacementScale = 1;
+                                       this.displacementBias = 0;
+                                       this.alphaMap = null;
+                                       this.flatShading = false;
+                                       this.setValues(parameters);
+                               }
+
+                               copy(source) {
+                                       super.copy(source);
+                                       this.defines = {
+                                               'MATCAP': ''
+                                       };
+                                       this.color.copy(source.color);
+                                       this.matcap = source.matcap;
+                                       this.map = source.map;
+                                       this.bumpMap = source.bumpMap;
+                                       this.bumpScale = source.bumpScale;
+                                       this.normalMap = source.normalMap;
+                                       this.normalMapType = source.normalMapType;
+                                       this.normalScale.copy(source.normalScale);
+                                       this.displacementMap = source.displacementMap;
+                                       this.displacementScale = source.displacementScale;
+                                       this.displacementBias = source.displacementBias;
+                                       this.alphaMap = source.alphaMap;
+                                       this.flatShading = source.flatShading;
+                                       return this;
+                               }
+
+                       }
+
+                       MeshMatcapMaterial.prototype.isMeshMatcapMaterial = true;
+
+                       /**
+                        * parameters = {
+                        *      color: <hex>,
+                        *      opacity: <float>,
+                        *
+                        *      linewidth: <float>,
+                        *
+                        *      scale: <float>,
+                        *      dashSize: <float>,
+                        *      gapSize: <float>
+                        * }
+                        */
+
+                       class LineDashedMaterial extends LineBasicMaterial {
+                               constructor(parameters) {
+                                       super();
+                                       this.type = 'LineDashedMaterial';
+                                       this.scale = 1;
+                                       this.dashSize = 3;
+                                       this.gapSize = 1;
+                                       this.setValues(parameters);
+                               }
+
+                               copy(source) {
+                                       super.copy(source);
+                                       this.scale = source.scale;
+                                       this.dashSize = source.dashSize;
+                                       this.gapSize = source.gapSize;
+                                       return this;
+                               }
+
+                       }
+
+                       LineDashedMaterial.prototype.isLineDashedMaterial = true;
+
+                       var Materials = /*#__PURE__*/Object.freeze({
+                               __proto__: null,
+                               ShadowMaterial: ShadowMaterial,
+                               SpriteMaterial: SpriteMaterial,
+                               RawShaderMaterial: RawShaderMaterial,
+                               ShaderMaterial: ShaderMaterial,
+                               PointsMaterial: PointsMaterial,
+                               MeshPhysicalMaterial: MeshPhysicalMaterial,
+                               MeshStandardMaterial: MeshStandardMaterial,
+                               MeshPhongMaterial: MeshPhongMaterial,
+                               MeshToonMaterial: MeshToonMaterial,
+                               MeshNormalMaterial: MeshNormalMaterial,
+                               MeshLambertMaterial: MeshLambertMaterial,
+                               MeshDepthMaterial: MeshDepthMaterial,
+                               MeshDistanceMaterial: MeshDistanceMaterial,
+                               MeshBasicMaterial: MeshBasicMaterial,
+                               MeshMatcapMaterial: MeshMatcapMaterial,
+                               LineDashedMaterial: LineDashedMaterial,
+                               LineBasicMaterial: LineBasicMaterial,
+                               Material: Material
+                       });
+
+                       const AnimationUtils = {
+                               // same as Array.prototype.slice, but also works on typed arrays
+                               arraySlice: function (array, from, to) {
+                                       if (AnimationUtils.isTypedArray(array)) {
+                                               // in ios9 array.subarray(from, undefined) will return empty array
+                                               // but array.subarray(from) or array.subarray(from, len) is correct
+                                               return new array.constructor(array.subarray(from, to !== undefined ? to : array.length));
+                                       }
+
+                                       return array.slice(from, to);
+                               },
+                               // converts an array to a specific type
+                               convertArray: function (array, type, forceClone) {
+                                       if (!array || // let 'undefined' and 'null' pass
+                                               !forceClone && array.constructor === type) return array;
+
+                                       if (typeof type.BYTES_PER_ELEMENT === 'number') {
+                                               return new type(array); // create typed array
+                                       }
+
+                                       return Array.prototype.slice.call(array); // create Array
+                               },
+                               isTypedArray: function (object) {
+                                       return ArrayBuffer.isView(object) && !(object instanceof DataView);
+                               },
+                               // returns an array by which times and values can be sorted
+                               getKeyframeOrder: function (times) {
+                                       function compareTime(i, j) {
+                                               return times[i] - times[j];
+                                       }
+
+                                       const n = times.length;
+                                       const result = new Array(n);
+
+                                       for (let i = 0; i !== n; ++i) result[i] = i;
+
+                                       result.sort(compareTime);
+                                       return result;
+                               },
+                               // uses the array previously returned by 'getKeyframeOrder' to sort data
+                               sortedArray: function (values, stride, order) {
+                                       const nValues = values.length;
+                                       const result = new values.constructor(nValues);
+
+                                       for (let i = 0, dstOffset = 0; dstOffset !== nValues; ++i) {
+                                               const srcOffset = order[i] * stride;
+
+                                               for (let j = 0; j !== stride; ++j) {
+                                                       result[dstOffset++] = values[srcOffset + j];
+                                               }
+                                       }
+
+                                       return result;
+                               },
+                               // function for parsing AOS keyframe formats
+                               flattenJSON: function (jsonKeys, times, values, valuePropertyName) {
+                                       let i = 1,
+                                               key = jsonKeys[0];
+
+                                       while (key !== undefined && key[valuePropertyName] === undefined) {
+                                               key = jsonKeys[i++];
+                                       }
+
+                                       if (key === undefined) return; // no data
+
+                                       let value = key[valuePropertyName];
+                                       if (value === undefined) return; // no data
+
+                                       if (Array.isArray(value)) {
+                                               do {
+                                                       value = key[valuePropertyName];
+
+                                                       if (value !== undefined) {
+                                                               times.push(key.time);
+                                                               values.push.apply(values, value); // push all elements
+                                                       }
+
+                                                       key = jsonKeys[i++];
+                                               } while (key !== undefined);
+                                       } else if (value.toArray !== undefined) {
+                                               // ...assume THREE.Math-ish
+                                               do {
+                                                       value = key[valuePropertyName];
+
+                                                       if (value !== undefined) {
+                                                               times.push(key.time);
+                                                               value.toArray(values, values.length);
+                                                       }
+
+                                                       key = jsonKeys[i++];
+                                               } while (key !== undefined);
+                                       } else {
+                                               // otherwise push as-is
+                                               do {
+                                                       value = key[valuePropertyName];
+
+                                                       if (value !== undefined) {
+                                                               times.push(key.time);
+                                                               values.push(value);
+                                                       }
+
+                                                       key = jsonKeys[i++];
+                                               } while (key !== undefined);
+                                       }
+                               },
+                               subclip: function (sourceClip, name, startFrame, endFrame, fps = 30) {
+                                       const clip = sourceClip.clone();
+                                       clip.name = name;
+                                       const tracks = [];
+
+                                       for (let i = 0; i < clip.tracks.length; ++i) {
+                                               const track = clip.tracks[i];
+                                               const valueSize = track.getValueSize();
+                                               const times = [];
+                                               const values = [];
+
+                                               for (let j = 0; j < track.times.length; ++j) {
+                                                       const frame = track.times[j] * fps;
+                                                       if (frame < startFrame || frame >= endFrame) continue;
+                                                       times.push(track.times[j]);
+
+                                                       for (let k = 0; k < valueSize; ++k) {
+                                                               values.push(track.values[j * valueSize + k]);
+                                                       }
+                                               }
+
+                                               if (times.length === 0) continue;
+                                               track.times = AnimationUtils.convertArray(times, track.times.constructor);
+                                               track.values = AnimationUtils.convertArray(values, track.values.constructor);
+                                               tracks.push(track);
+                                       }
+
+                                       clip.tracks = tracks; // find minimum .times value across all tracks in the trimmed clip
+
+                                       let minStartTime = Infinity;
+
+                                       for (let i = 0; i < clip.tracks.length; ++i) {
+                                               if (minStartTime > clip.tracks[i].times[0]) {
+                                                       minStartTime = clip.tracks[i].times[0];
+                                               }
+                                       } // shift all tracks such that clip begins at t=0
+
+
+                                       for (let i = 0; i < clip.tracks.length; ++i) {
+                                               clip.tracks[i].shift(-1 * minStartTime);
+                                       }
+
+                                       clip.resetDuration();
+                                       return clip;
+                               },
+                               makeClipAdditive: function (targetClip, referenceFrame = 0, referenceClip = targetClip, fps = 30) {
+                                       if (fps <= 0) fps = 30;
+                                       const numTracks = referenceClip.tracks.length;
+                                       const referenceTime = referenceFrame / fps; // Make each track's values relative to the values at the reference frame
+
+                                       for (let i = 0; i < numTracks; ++i) {
+                                               const referenceTrack = referenceClip.tracks[i];
+                                               const referenceTrackType = referenceTrack.ValueTypeName; // Skip this track if it's non-numeric
+
+                                               if (referenceTrackType === 'bool' || referenceTrackType === 'string') continue; // Find the track in the target clip whose name and type matches the reference track
+
+                                               const targetTrack = targetClip.tracks.find(function (track) {
+                                                       return track.name === referenceTrack.name && track.ValueTypeName === referenceTrackType;
+                                               });
+                                               if (targetTrack === undefined) continue;
+                                               let referenceOffset = 0;
+                                               const referenceValueSize = referenceTrack.getValueSize();
+
+                                               if (referenceTrack.createInterpolant.isInterpolantFactoryMethodGLTFCubicSpline) {
+                                                       referenceOffset = referenceValueSize / 3;
+                                               }
+
+                                               let targetOffset = 0;
+                                               const targetValueSize = targetTrack.getValueSize();
+
+                                               if (targetTrack.createInterpolant.isInterpolantFactoryMethodGLTFCubicSpline) {
+                                                       targetOffset = targetValueSize / 3;
+                                               }
+
+                                               const lastIndex = referenceTrack.times.length - 1;
+                                               let referenceValue; // Find the value to subtract out of the track
+
+                                               if (referenceTime <= referenceTrack.times[0]) {
+                                                       // Reference frame is earlier than the first keyframe, so just use the first keyframe
+                                                       const startIndex = referenceOffset;
+                                                       const endIndex = referenceValueSize - referenceOffset;
+                                                       referenceValue = AnimationUtils.arraySlice(referenceTrack.values, startIndex, endIndex);
+                                               } else if (referenceTime >= referenceTrack.times[lastIndex]) {
+                                                       // Reference frame is after the last keyframe, so just use the last keyframe
+                                                       const startIndex = lastIndex * referenceValueSize + referenceOffset;
+                                                       const endIndex = startIndex + referenceValueSize - referenceOffset;
+                                                       referenceValue = AnimationUtils.arraySlice(referenceTrack.values, startIndex, endIndex);
+                                               } else {
+                                                       // Interpolate to the reference value
+                                                       const interpolant = referenceTrack.createInterpolant();
+                                                       const startIndex = referenceOffset;
+                                                       const endIndex = referenceValueSize - referenceOffset;
+                                                       interpolant.evaluate(referenceTime);
+                                                       referenceValue = AnimationUtils.arraySlice(interpolant.resultBuffer, startIndex, endIndex);
+                                               } // Conjugate the quaternion
+
+
+                                               if (referenceTrackType === 'quaternion') {
+                                                       const referenceQuat = new Quaternion().fromArray(referenceValue).normalize().conjugate();
+                                                       referenceQuat.toArray(referenceValue);
+                                               } // Subtract the reference value from all of the track values
+
+
+                                               const numTimes = targetTrack.times.length;
+
+                                               for (let j = 0; j < numTimes; ++j) {
+                                                       const valueStart = j * targetValueSize + targetOffset;
+
+                                                       if (referenceTrackType === 'quaternion') {
+                                                               // Multiply the conjugate for quaternion track types
+                                                               Quaternion.multiplyQuaternionsFlat(targetTrack.values, valueStart, referenceValue, 0, targetTrack.values, valueStart);
+                                                       } else {
+                                                               const valueEnd = targetValueSize - targetOffset * 2; // Subtract each value for all other numeric track types
+
+                                                               for (let k = 0; k < valueEnd; ++k) {
+                                                                       targetTrack.values[valueStart + k] -= referenceValue[k];
+                                                               }
+                                                       }
+                                               }
+                                       }
+
+                                       targetClip.blendMode = AdditiveAnimationBlendMode;
+                                       return targetClip;
+                               }
+                       };
+
+                       /**
+                        * Abstract base class of interpolants over parametric samples.
+                        *
+                        * The parameter domain is one dimensional, typically the time or a path
+                        * along a curve defined by the data.
+                        *
+                        * The sample values can have any dimensionality and derived classes may
+                        * apply special interpretations to the data.
+                        *
+                        * This class provides the interval seek in a Template Method, deferring
+                        * the actual interpolation to derived classes.
+                        *
+                        * Time complexity is O(1) for linear access crossing at most two points
+                        * and O(log N) for random access, where N is the number of positions.
+                        *
+                        * References:
+                        *
+                        *              http://www.oodesign.com/template-method-pattern.html
+                        *
+                        */
+                       class Interpolant {
+                               constructor(parameterPositions, sampleValues, sampleSize, resultBuffer) {
+                                       this.parameterPositions = parameterPositions;
+                                       this._cachedIndex = 0;
+                                       this.resultBuffer = resultBuffer !== undefined ? resultBuffer : new sampleValues.constructor(sampleSize);
+                                       this.sampleValues = sampleValues;
+                                       this.valueSize = sampleSize;
+                                       this.settings = null;
+                                       this.DefaultSettings_ = {};
+                               }
+
+                               evaluate(t) {
+                                       const pp = this.parameterPositions;
+                                       let i1 = this._cachedIndex,
+                                               t1 = pp[i1],
+                                               t0 = pp[i1 - 1];
+
+                                       validate_interval: {
+                                               seek: {
+                                                       let right;
+
+                                                       linear_scan: {
+                                                               //- See http://jsperf.com/comparison-to-undefined/3
+                                                               //- slower code:
+                                                               //-
+                                                               //-                             if ( t >= t1 || t1 === undefined ) {
+                                                               forward_scan: if (!(t < t1)) {
+                                                                       for (let giveUpAt = i1 + 2; ;) {
+                                                                               if (t1 === undefined) {
+                                                                                       if (t < t0) break forward_scan; // after end
+
+                                                                                       i1 = pp.length;
+                                                                                       this._cachedIndex = i1;
+                                                                                       return this.afterEnd_(i1 - 1, t, t0);
+                                                                               }
+
+                                                                               if (i1 === giveUpAt) break; // this loop
+
+                                                                               t0 = t1;
+                                                                               t1 = pp[++i1];
+
+                                                                               if (t < t1) {
+                                                                                       // we have arrived at the sought interval
+                                                                                       break seek;
+                                                                               }
+                                                                       } // prepare binary search on the right side of the index
+
+
+                                                                       right = pp.length;
+                                                                       break linear_scan;
+                                                               } //- slower code:
+                                                               //-                                     if ( t < t0 || t0 === undefined ) {
+
+
+                                                               if (!(t >= t0)) {
+                                                                       // looping?
+                                                                       const t1global = pp[1];
+
+                                                                       if (t < t1global) {
+                                                                               i1 = 2; // + 1, using the scan for the details
+
+                                                                               t0 = t1global;
+                                                                       } // linear reverse scan
+
+
+                                                                       for (let giveUpAt = i1 - 2; ;) {
+                                                                               if (t0 === undefined) {
+                                                                                       // before start
+                                                                                       this._cachedIndex = 0;
+                                                                                       return this.beforeStart_(0, t, t1);
+                                                                               }
+
+                                                                               if (i1 === giveUpAt) break; // this loop
+
+                                                                               t1 = t0;
+                                                                               t0 = pp[--i1 - 1];
+
+                                                                               if (t >= t0) {
+                                                                                       // we have arrived at the sought interval
+                                                                                       break seek;
+                                                                               }
+                                                                       } // prepare binary search on the left side of the index
+
+
+                                                                       right = i1;
+                                                                       i1 = 0;
+                                                                       break linear_scan;
+                                                               } // the interval is valid
+
+
+                                                               break validate_interval;
+                                                       } // linear scan
+                                                       // binary search
+
+
+                                                       while (i1 < right) {
+                                                               const mid = i1 + right >>> 1;
+
+                                                               if (t < pp[mid]) {
+                                                                       right = mid;
+                                                               } else {
+                                                                       i1 = mid + 1;
+                                                               }
+                                                       }
+
+                                                       t1 = pp[i1];
+                                                       t0 = pp[i1 - 1]; // check boundary cases, again
+
+                                                       if (t0 === undefined) {
+                                                               this._cachedIndex = 0;
+                                                               return this.beforeStart_(0, t, t1);
+                                                       }
+
+                                                       if (t1 === undefined) {
+                                                               i1 = pp.length;
+                                                               this._cachedIndex = i1;
+                                                               return this.afterEnd_(i1 - 1, t0, t);
+                                                       }
+                                               } // seek
+
+
+                                               this._cachedIndex = i1;
+                                               this.intervalChanged_(i1, t0, t1);
+                                       } // validate_interval
+
+
+                                       return this.interpolate_(i1, t0, t, t1);
+                               }
+
+                               getSettings_() {
+                                       return this.settings || this.DefaultSettings_;
+                               }
+
+                               copySampleValue_(index) {
+                                       // copies a sample value to the result buffer
+                                       const result = this.resultBuffer,
+                                               values = this.sampleValues,
+                                               stride = this.valueSize,
+                                               offset = index * stride;
+
+                                       for (let i = 0; i !== stride; ++i) {
+                                               result[i] = values[offset + i];
+                                       }
+
+                                       return result;
+                               } // Template methods for derived classes:
+
+
+                               interpolate_() {
+                                       throw new Error('call to abstract method'); // implementations shall return this.resultBuffer
+                               }
+
+                               intervalChanged_() {// empty
+                               }
+
+                       } // ALIAS DEFINITIONS
+
+
+                       Interpolant.prototype.beforeStart_ = Interpolant.prototype.copySampleValue_;
+                       Interpolant.prototype.afterEnd_ = Interpolant.prototype.copySampleValue_;
+
+                       /**
+                        * Fast and simple cubic spline interpolant.
+                        *
+                        * It was derived from a Hermitian construction setting the first derivative
+                        * at each sample position to the linear slope between neighboring positions
+                        * over their parameter interval.
+                        */
+
+                       class CubicInterpolant extends Interpolant {
+                               constructor(parameterPositions, sampleValues, sampleSize, resultBuffer) {
+                                       super(parameterPositions, sampleValues, sampleSize, resultBuffer);
+                                       this._weightPrev = -0;
+                                       this._offsetPrev = -0;
+                                       this._weightNext = -0;
+                                       this._offsetNext = -0;
+                                       this.DefaultSettings_ = {
+                                               endingStart: ZeroCurvatureEnding,
+                                               endingEnd: ZeroCurvatureEnding
+                                       };
+                               }
+
+                               intervalChanged_(i1, t0, t1) {
+                                       const pp = this.parameterPositions;
+                                       let iPrev = i1 - 2,
+                                               iNext = i1 + 1,
+                                               tPrev = pp[iPrev],
+                                               tNext = pp[iNext];
+
+                                       if (tPrev === undefined) {
+                                               switch (this.getSettings_().endingStart) {
+                                                       case ZeroSlopeEnding:
+                                                               // f'(t0) = 0
+                                                               iPrev = i1;
+                                                               tPrev = 2 * t0 - t1;
+                                                               break;
+
+                                                       case WrapAroundEnding:
+                                                               // use the other end of the curve
+                                                               iPrev = pp.length - 2;
+                                                               tPrev = t0 + pp[iPrev] - pp[iPrev + 1];
+                                                               break;
+
+                                                       default:
+                                                               // ZeroCurvatureEnding
+                                                               // f''(t0) = 0 a.k.a. Natural Spline
+                                                               iPrev = i1;
+                                                               tPrev = t1;
+                                               }
+                                       }
+
+                                       if (tNext === undefined) {
+                                               switch (this.getSettings_().endingEnd) {
+                                                       case ZeroSlopeEnding:
+                                                               // f'(tN) = 0
+                                                               iNext = i1;
+                                                               tNext = 2 * t1 - t0;
+                                                               break;
+
+                                                       case WrapAroundEnding:
+                                                               // use the other end of the curve
+                                                               iNext = 1;
+                                                               tNext = t1 + pp[1] - pp[0];
+                                                               break;
+
+                                                       default:
+                                                               // ZeroCurvatureEnding
+                                                               // f''(tN) = 0, a.k.a. Natural Spline
+                                                               iNext = i1 - 1;
+                                                               tNext = t0;
+                                               }
+                                       }
+
+                                       const halfDt = (t1 - t0) * 0.5,
+                                               stride = this.valueSize;
+                                       this._weightPrev = halfDt / (t0 - tPrev);
+                                       this._weightNext = halfDt / (tNext - t1);
+                                       this._offsetPrev = iPrev * stride;
+                                       this._offsetNext = iNext * stride;
+                               }
+
+                               interpolate_(i1, t0, t, t1) {
+                                       const result = this.resultBuffer,
+                                               values = this.sampleValues,
+                                               stride = this.valueSize,
+                                               o1 = i1 * stride,
+                                               o0 = o1 - stride,
+                                               oP = this._offsetPrev,
+                                               oN = this._offsetNext,
+                                               wP = this._weightPrev,
+                                               wN = this._weightNext,
+                                               p = (t - t0) / (t1 - t0),
+                                               pp = p * p,
+                                               ppp = pp * p; // evaluate polynomials
+
+                                       const sP = -wP * ppp + 2 * wP * pp - wP * p;
+                                       const s0 = (1 + wP) * ppp + (-1.5 - 2 * wP) * pp + (-0.5 + wP) * p + 1;
+                                       const s1 = (-1 - wN) * ppp + (1.5 + wN) * pp + 0.5 * p;
+                                       const sN = wN * ppp - wN * pp; // combine data linearly
+
+                                       for (let i = 0; i !== stride; ++i) {
+                                               result[i] = sP * values[oP + i] + s0 * values[o0 + i] + s1 * values[o1 + i] + sN * values[oN + i];
+                                       }
+
+                                       return result;
+                               }
+
+                       }
+
+                       class LinearInterpolant extends Interpolant {
+                               constructor(parameterPositions, sampleValues, sampleSize, resultBuffer) {
+                                       super(parameterPositions, sampleValues, sampleSize, resultBuffer);
+                               }
+
+                               interpolate_(i1, t0, t, t1) {
+                                       const result = this.resultBuffer,
+                                               values = this.sampleValues,
+                                               stride = this.valueSize,
+                                               offset1 = i1 * stride,
+                                               offset0 = offset1 - stride,
+                                               weight1 = (t - t0) / (t1 - t0),
+                                               weight0 = 1 - weight1;
+
+                                       for (let i = 0; i !== stride; ++i) {
+                                               result[i] = values[offset0 + i] * weight0 + values[offset1 + i] * weight1;
+                                       }
+
+                                       return result;
+                               }
+
+                       }
+
+                       /**
+                        *
+                        * Interpolant that evaluates to the sample value at the position preceeding
+                        * the parameter.
+                        */
+
+                       class DiscreteInterpolant extends Interpolant {
+                               constructor(parameterPositions, sampleValues, sampleSize, resultBuffer) {
+                                       super(parameterPositions, sampleValues, sampleSize, resultBuffer);
+                               }
+
+                               interpolate_(i1
+                                                        /*, t0, t, t1 */
+                               ) {
+                                       return this.copySampleValue_(i1 - 1);
+                               }
+
+                       }
+
+                       class KeyframeTrack {
+                               constructor(name, times, values, interpolation) {
+                                       if (name === undefined) throw new Error('THREE.KeyframeTrack: track name is undefined');
+                                       if (times === undefined || times.length === 0) throw new Error('THREE.KeyframeTrack: no keyframes in track named ' + name);
+                                       this.name = name;
+                                       this.times = AnimationUtils.convertArray(times, this.TimeBufferType);
+                                       this.values = AnimationUtils.convertArray(values, this.ValueBufferType);
+                                       this.setInterpolation(interpolation || this.DefaultInterpolation);
+                               } // Serialization (in static context, because of constructor invocation
+                               // and automatic invocation of .toJSON):
+
+
+                               static toJSON(track) {
+                                       const trackType = track.constructor;
+                                       let json; // derived classes can define a static toJSON method
+
+                                       if (trackType.toJSON !== this.toJSON) {
+                                               json = trackType.toJSON(track);
+                                       } else {
+                                               // by default, we assume the data can be serialized as-is
+                                               json = {
+                                                       'name': track.name,
+                                                       'times': AnimationUtils.convertArray(track.times, Array),
+                                                       'values': AnimationUtils.convertArray(track.values, Array)
+                                               };
+                                               const interpolation = track.getInterpolation();
+
+                                               if (interpolation !== track.DefaultInterpolation) {
+                                                       json.interpolation = interpolation;
+                                               }
+                                       }
+
+                                       json.type = track.ValueTypeName; // mandatory
+
+                                       return json;
+                               }
+
+                               InterpolantFactoryMethodDiscrete(result) {
+                                       return new DiscreteInterpolant(this.times, this.values, this.getValueSize(), result);
+                               }
+
+                               InterpolantFactoryMethodLinear(result) {
+                                       return new LinearInterpolant(this.times, this.values, this.getValueSize(), result);
+                               }
+
+                               InterpolantFactoryMethodSmooth(result) {
+                                       return new CubicInterpolant(this.times, this.values, this.getValueSize(), result);
+                               }
+
+                               setInterpolation(interpolation) {
+                                       let factoryMethod;
+
+                                       switch (interpolation) {
+                                               case InterpolateDiscrete:
+                                                       factoryMethod = this.InterpolantFactoryMethodDiscrete;
+                                                       break;
+
+                                               case InterpolateLinear:
+                                                       factoryMethod = this.InterpolantFactoryMethodLinear;
+                                                       break;
+
+                                               case InterpolateSmooth:
+                                                       factoryMethod = this.InterpolantFactoryMethodSmooth;
+                                                       break;
+                                       }
+
+                                       if (factoryMethod === undefined) {
+                                               const message = 'unsupported interpolation for ' + this.ValueTypeName + ' keyframe track named ' + this.name;
+
+                                               if (this.createInterpolant === undefined) {
+                                                       // fall back to default, unless the default itself is messed up
+                                                       if (interpolation !== this.DefaultInterpolation) {
+                                                               this.setInterpolation(this.DefaultInterpolation);
+                                                       } else {
+                                                               throw new Error(message); // fatal, in this case
+                                                       }
+                                               }
+
+                                               console.warn('THREE.KeyframeTrack:', message);
+                                               return this;
+                                       }
+
+                                       this.createInterpolant = factoryMethod;
+                                       return this;
+                               }
+
+                               getInterpolation() {
+                                       switch (this.createInterpolant) {
+                                               case this.InterpolantFactoryMethodDiscrete:
+                                                       return InterpolateDiscrete;
+
+                                               case this.InterpolantFactoryMethodLinear:
+                                                       return InterpolateLinear;
+
+                                               case this.InterpolantFactoryMethodSmooth:
+                                                       return InterpolateSmooth;
+                                       }
+                               }
+
+                               getValueSize() {
+                                       return this.values.length / this.times.length;
+                               } // move all keyframes either forwards or backwards in time
+
+
+                               shift(timeOffset) {
+                                       if (timeOffset !== 0.0) {
+                                               const times = this.times;
+
+                                               for (let i = 0, n = times.length; i !== n; ++i) {
+                                                       times[i] += timeOffset;
+                                               }
+                                       }
+
+                                       return this;
+                               } // scale all keyframe times by a factor (useful for frame <-> seconds conversions)
+
+
+                               scale(timeScale) {
+                                       if (timeScale !== 1.0) {
+                                               const times = this.times;
+
+                                               for (let i = 0, n = times.length; i !== n; ++i) {
+                                                       times[i] *= timeScale;
+                                               }
+                                       }
+
+                                       return this;
+                               } // removes keyframes before and after animation without changing any values within the range [startTime, endTime].
+                               // IMPORTANT: We do not shift around keys to the start of the track time, because for interpolated keys this will change their values
+
+
+                               trim(startTime, endTime) {
+                                       const times = this.times,
+                                               nKeys = times.length;
+                                       let from = 0,
+                                               to = nKeys - 1;
+
+                                       while (from !== nKeys && times[from] < startTime) {
+                                               ++from;
+                                       }
+
+                                       while (to !== -1 && times[to] > endTime) {
+                                               --to;
+                                       }
+
+                                       ++to; // inclusive -> exclusive bound
+
+                                       if (from !== 0 || to !== nKeys) {
+                                               // empty tracks are forbidden, so keep at least one keyframe
+                                               if (from >= to) {
+                                                       to = Math.max(to, 1);
+                                                       from = to - 1;
+                                               }
+
+                                               const stride = this.getValueSize();
+                                               this.times = AnimationUtils.arraySlice(times, from, to);
+                                               this.values = AnimationUtils.arraySlice(this.values, from * stride, to * stride);
+                                       }
+
+                                       return this;
+                               } // ensure we do not get a GarbageInGarbageOut situation, make sure tracks are at least minimally viable
+
+
+                               validate() {
+                                       let valid = true;
+                                       const valueSize = this.getValueSize();
+
+                                       if (valueSize - Math.floor(valueSize) !== 0) {
+                                               console.error('THREE.KeyframeTrack: Invalid value size in track.', this);
+                                               valid = false;
+                                       }
+
+                                       const times = this.times,
+                                               values = this.values,
+                                               nKeys = times.length;
+
+                                       if (nKeys === 0) {
+                                               console.error('THREE.KeyframeTrack: Track is empty.', this);
+                                               valid = false;
+                                       }
+
+                                       let prevTime = null;
+
+                                       for (let i = 0; i !== nKeys; i++) {
+                                               const currTime = times[i];
+
+                                               if (typeof currTime === 'number' && isNaN(currTime)) {
+                                                       console.error('THREE.KeyframeTrack: Time is not a valid number.', this, i, currTime);
+                                                       valid = false;
+                                                       break;
+                                               }
+
+                                               if (prevTime !== null && prevTime > currTime) {
+                                                       console.error('THREE.KeyframeTrack: Out of order keys.', this, i, currTime, prevTime);
+                                                       valid = false;
+                                                       break;
+                                               }
+
+                                               prevTime = currTime;
+                                       }
+
+                                       if (values !== undefined) {
+                                               if (AnimationUtils.isTypedArray(values)) {
+                                                       for (let i = 0, n = values.length; i !== n; ++i) {
+                                                               const value = values[i];
+
+                                                               if (isNaN(value)) {
+                                                                       console.error('THREE.KeyframeTrack: Value is not a valid number.', this, i, value);
+                                                                       valid = false;
+                                                                       break;
+                                                               }
+                                                       }
+                                               }
+                                       }
+
+                                       return valid;
+                               } // removes equivalent sequential keys as common in morph target sequences
+                               // (0,0,0,0,1,1,1,0,0,0,0,0,0,0) --> (0,0,1,1,0,0)
+
+
+                               optimize() {
+                                       // times or values may be shared with other tracks, so overwriting is unsafe
+                                       const times = AnimationUtils.arraySlice(this.times),
+                                               values = AnimationUtils.arraySlice(this.values),
+                                               stride = this.getValueSize(),
+                                               smoothInterpolation = this.getInterpolation() === InterpolateSmooth,
+                                               lastIndex = times.length - 1;
+                                       let writeIndex = 1;
+
+                                       for (let i = 1; i < lastIndex; ++i) {
+                                               let keep = false;
+                                               const time = times[i];
+                                               const timeNext = times[i + 1]; // remove adjacent keyframes scheduled at the same time
+
+                                               if (time !== timeNext && (i !== 1 || time !== times[0])) {
+                                                       if (!smoothInterpolation) {
+                                                               // remove unnecessary keyframes same as their neighbors
+                                                               const offset = i * stride,
+                                                                       offsetP = offset - stride,
+                                                                       offsetN = offset + stride;
+
+                                                               for (let j = 0; j !== stride; ++j) {
+                                                                       const value = values[offset + j];
+
+                                                                       if (value !== values[offsetP + j] || value !== values[offsetN + j]) {
+                                                                               keep = true;
+                                                                               break;
+                                                                       }
+                                                               }
+                                                       } else {
+                                                               keep = true;
+                                                       }
+                                               } // in-place compaction
+
+
+                                               if (keep) {
+                                                       if (i !== writeIndex) {
+                                                               times[writeIndex] = times[i];
+                                                               const readOffset = i * stride,
+                                                                       writeOffset = writeIndex * stride;
+
+                                                               for (let j = 0; j !== stride; ++j) {
+                                                                       values[writeOffset + j] = values[readOffset + j];
+                                                               }
+                                                       }
+
+                                                       ++writeIndex;
+                                               }
+                                       } // flush last keyframe (compaction looks ahead)
+
+
+                                       if (lastIndex > 0) {
+                                               times[writeIndex] = times[lastIndex];
+
+                                               for (let readOffset = lastIndex * stride, writeOffset = writeIndex * stride, j = 0; j !== stride; ++j) {
+                                                       values[writeOffset + j] = values[readOffset + j];
+                                               }
+
+                                               ++writeIndex;
+                                       }
+
+                                       if (writeIndex !== times.length) {
+                                               this.times = AnimationUtils.arraySlice(times, 0, writeIndex);
+                                               this.values = AnimationUtils.arraySlice(values, 0, writeIndex * stride);
+                                       } else {
+                                               this.times = times;
+                                               this.values = values;
+                                       }
+
+                                       return this;
+                               }
+
+                               clone() {
+                                       const times = AnimationUtils.arraySlice(this.times, 0);
+                                       const values = AnimationUtils.arraySlice(this.values, 0);
+                                       const TypedKeyframeTrack = this.constructor;
+                                       const track = new TypedKeyframeTrack(this.name, times, values); // Interpolant argument to constructor is not saved, so copy the factory method directly.
+
+                                       track.createInterpolant = this.createInterpolant;
+                                       return track;
+                               }
+
+                       }
+
+                       KeyframeTrack.prototype.TimeBufferType = Float32Array;
+                       KeyframeTrack.prototype.ValueBufferType = Float32Array;
+                       KeyframeTrack.prototype.DefaultInterpolation = InterpolateLinear;
+
+                       /**
+                        * A Track of Boolean keyframe values.
+                        */
+
+                       class BooleanKeyframeTrack extends KeyframeTrack {
+                       }
+
+                       BooleanKeyframeTrack.prototype.ValueTypeName = 'bool';
+                       BooleanKeyframeTrack.prototype.ValueBufferType = Array;
+                       BooleanKeyframeTrack.prototype.DefaultInterpolation = InterpolateDiscrete;
+                       BooleanKeyframeTrack.prototype.InterpolantFactoryMethodLinear = undefined;
+                       BooleanKeyframeTrack.prototype.InterpolantFactoryMethodSmooth = undefined; // Note: Actually this track could have a optimized / compressed
+
+                       /**
+                        * A Track of keyframe values that represent color.
+                        */
+
+                       class ColorKeyframeTrack extends KeyframeTrack {
+                       }
+
+                       ColorKeyframeTrack.prototype.ValueTypeName = 'color'; // ValueBufferType is inherited
+
+                       /**
+                        * A Track of numeric keyframe values.
+                        */
+
+                       class NumberKeyframeTrack extends KeyframeTrack {
+                       }
+
+                       NumberKeyframeTrack.prototype.ValueTypeName = 'number'; // ValueBufferType is inherited
+
+                       /**
+                        * Spherical linear unit quaternion interpolant.
+                        */
+
+                       class QuaternionLinearInterpolant extends Interpolant {
+                               constructor(parameterPositions, sampleValues, sampleSize, resultBuffer) {
+                                       super(parameterPositions, sampleValues, sampleSize, resultBuffer);
+                               }
+
+                               interpolate_(i1, t0, t, t1) {
+                                       const result = this.resultBuffer,
+                                               values = this.sampleValues,
+                                               stride = this.valueSize,
+                                               alpha = (t - t0) / (t1 - t0);
+                                       let offset = i1 * stride;
+
+                                       for (let end = offset + stride; offset !== end; offset += 4) {
+                                               Quaternion.slerpFlat(result, 0, values, offset - stride, values, offset, alpha);
+                                       }
+
+                                       return result;
+                               }
+
+                       }
+
+                       /**
+                        * A Track of quaternion keyframe values.
+                        */
+
+                       class QuaternionKeyframeTrack extends KeyframeTrack {
+                               InterpolantFactoryMethodLinear(result) {
+                                       return new QuaternionLinearInterpolant(this.times, this.values, this.getValueSize(), result);
+                               }
+
+                       }
+
+                       QuaternionKeyframeTrack.prototype.ValueTypeName = 'quaternion'; // ValueBufferType is inherited
+
+                       QuaternionKeyframeTrack.prototype.DefaultInterpolation = InterpolateLinear;
+                       QuaternionKeyframeTrack.prototype.InterpolantFactoryMethodSmooth = undefined;
+
+                       /**
+                        * A Track that interpolates Strings
+                        */
+
+                       class StringKeyframeTrack extends KeyframeTrack {
+                       }
+
+                       StringKeyframeTrack.prototype.ValueTypeName = 'string';
+                       StringKeyframeTrack.prototype.ValueBufferType = Array;
+                       StringKeyframeTrack.prototype.DefaultInterpolation = InterpolateDiscrete;
+                       StringKeyframeTrack.prototype.InterpolantFactoryMethodLinear = undefined;
+                       StringKeyframeTrack.prototype.InterpolantFactoryMethodSmooth = undefined;
+
+                       /**
+                        * A Track of vectored keyframe values.
+                        */
+
+                       class VectorKeyframeTrack extends KeyframeTrack {
+                       }
+
+                       VectorKeyframeTrack.prototype.ValueTypeName = 'vector'; // ValueBufferType is inherited
+
+                       class AnimationClip {
+                               constructor(name, duration = -1, tracks, blendMode = NormalAnimationBlendMode) {
+                                       this.name = name;
+                                       this.tracks = tracks;
+                                       this.duration = duration;
+                                       this.blendMode = blendMode;
+                                       this.uuid = generateUUID(); // this means it should figure out its duration by scanning the tracks
+
+                                       if (this.duration < 0) {
+                                               this.resetDuration();
+                                       }
+                               }
+
+                               static parse(json) {
+                                       const tracks = [],
+                                               jsonTracks = json.tracks,
+                                               frameTime = 1.0 / (json.fps || 1.0);
+
+                                       for (let i = 0, n = jsonTracks.length; i !== n; ++i) {
+                                               tracks.push(parseKeyframeTrack(jsonTracks[i]).scale(frameTime));
+                                       }
+
+                                       const clip = new this(json.name, json.duration, tracks, json.blendMode);
+                                       clip.uuid = json.uuid;
+                                       return clip;
+                               }
+
+                               static toJSON(clip) {
+                                       const tracks = [],
+                                               clipTracks = clip.tracks;
+                                       const json = {
+                                               'name': clip.name,
+                                               'duration': clip.duration,
+                                               'tracks': tracks,
+                                               'uuid': clip.uuid,
+                                               'blendMode': clip.blendMode
+                                       };
+
+                                       for (let i = 0, n = clipTracks.length; i !== n; ++i) {
+                                               tracks.push(KeyframeTrack.toJSON(clipTracks[i]));
+                                       }
+
+                                       return json;
+                               }
+
+                               static CreateFromMorphTargetSequence(name, morphTargetSequence, fps, noLoop) {
+                                       const numMorphTargets = morphTargetSequence.length;
+                                       const tracks = [];
+
+                                       for (let i = 0; i < numMorphTargets; i++) {
+                                               let times = [];
+                                               let values = [];
+                                               times.push((i + numMorphTargets - 1) % numMorphTargets, i, (i + 1) % numMorphTargets);
+                                               values.push(0, 1, 0);
+                                               const order = AnimationUtils.getKeyframeOrder(times);
+                                               times = AnimationUtils.sortedArray(times, 1, order);
+                                               values = AnimationUtils.sortedArray(values, 1, order); // if there is a key at the first frame, duplicate it as the
+                                               // last frame as well for perfect loop.
+
+                                               if (!noLoop && times[0] === 0) {
+                                                       times.push(numMorphTargets);
+                                                       values.push(values[0]);
+                                               }
+
+                                               tracks.push(new NumberKeyframeTrack('.morphTargetInfluences[' + morphTargetSequence[i].name + ']', times, values).scale(1.0 / fps));
+                                       }
+
+                                       return new this(name, -1, tracks);
+                               }
+
+                               static findByName(objectOrClipArray, name) {
+                                       let clipArray = objectOrClipArray;
+
+                                       if (!Array.isArray(objectOrClipArray)) {
+                                               const o = objectOrClipArray;
+                                               clipArray = o.geometry && o.geometry.animations || o.animations;
+                                       }
+
+                                       for (let i = 0; i < clipArray.length; i++) {
+                                               if (clipArray[i].name === name) {
+                                                       return clipArray[i];
+                                               }
+                                       }
+
+                                       return null;
+                               }
+
+                               static CreateClipsFromMorphTargetSequences(morphTargets, fps, noLoop) {
+                                       const animationToMorphTargets = {}; // tested with https://regex101.com/ on trick sequences
+                                       // such flamingo_flyA_003, flamingo_run1_003, crdeath0059
+
+                                       const pattern = /^([\w-]*?)([\d]+)$/; // sort morph target names into animation groups based
+                                       // patterns like Walk_001, Walk_002, Run_001, Run_002
+
+                                       for (let i = 0, il = morphTargets.length; i < il; i++) {
+                                               const morphTarget = morphTargets[i];
+                                               const parts = morphTarget.name.match(pattern);
+
+                                               if (parts && parts.length > 1) {
+                                                       const name = parts[1];
+                                                       let animationMorphTargets = animationToMorphTargets[name];
+
+                                                       if (!animationMorphTargets) {
+                                                               animationToMorphTargets[name] = animationMorphTargets = [];
+                                                       }
+
+                                                       animationMorphTargets.push(morphTarget);
+                                               }
+                                       }
+
+                                       const clips = [];
+
+                                       for (const name in animationToMorphTargets) {
+                                               clips.push(this.CreateFromMorphTargetSequence(name, animationToMorphTargets[name], fps, noLoop));
+                                       }
+
+                                       return clips;
+                               } // parse the animation.hierarchy format
+
+
+                               static parseAnimation(animation, bones) {
+                                       if (!animation) {
+                                               console.error('THREE.AnimationClip: No animation in JSONLoader data.');
+                                               return null;
+                                       }
+
+                                       const addNonemptyTrack = function (trackType, trackName, animationKeys, propertyName, destTracks) {
+                                               // only return track if there are actually keys.
+                                               if (animationKeys.length !== 0) {
+                                                       const times = [];
+                                                       const values = [];
+                                                       AnimationUtils.flattenJSON(animationKeys, times, values, propertyName); // empty keys are filtered out, so check again
+
+                                                       if (times.length !== 0) {
+                                                               destTracks.push(new trackType(trackName, times, values));
+                                                       }
+                                               }
+                                       };
+
+                                       const tracks = [];
+                                       const clipName = animation.name || 'default';
+                                       const fps = animation.fps || 30;
+                                       const blendMode = animation.blendMode; // automatic length determination in AnimationClip.
+
+                                       let duration = animation.length || -1;
+                                       const hierarchyTracks = animation.hierarchy || [];
+
+                                       for (let h = 0; h < hierarchyTracks.length; h++) {
+                                               const animationKeys = hierarchyTracks[h].keys; // skip empty tracks
+
+                                               if (!animationKeys || animationKeys.length === 0) continue; // process morph targets
+
+                                               if (animationKeys[0].morphTargets) {
+                                                       // figure out all morph targets used in this track
+                                                       const morphTargetNames = {};
+                                                       let k;
+
+                                                       for (k = 0; k < animationKeys.length; k++) {
+                                                               if (animationKeys[k].morphTargets) {
+                                                                       for (let m = 0; m < animationKeys[k].morphTargets.length; m++) {
+                                                                               morphTargetNames[animationKeys[k].morphTargets[m]] = -1;
+                                                                       }
+                                                               }
+                                                       } // create a track for each morph target with all zero
+                                                       // morphTargetInfluences except for the keys in which
+                                                       // the morphTarget is named.
+
+
+                                                       for (const morphTargetName in morphTargetNames) {
+                                                               const times = [];
+                                                               const values = [];
+
+                                                               for (let m = 0; m !== animationKeys[k].morphTargets.length; ++m) {
+                                                                       const animationKey = animationKeys[k];
+                                                                       times.push(animationKey.time);
+                                                                       values.push(animationKey.morphTarget === morphTargetName ? 1 : 0);
+                                                               }
+
+                                                               tracks.push(new NumberKeyframeTrack('.morphTargetInfluence[' + morphTargetName + ']', times, values));
+                                                       }
+
+                                                       duration = morphTargetNames.length * (fps || 1.0);
+                                               } else {
+                                                       // ...assume skeletal animation
+                                                       const boneName = '.bones[' + bones[h].name + ']';
+                                                       addNonemptyTrack(VectorKeyframeTrack, boneName + '.position', animationKeys, 'pos', tracks);
+                                                       addNonemptyTrack(QuaternionKeyframeTrack, boneName + '.quaternion', animationKeys, 'rot', tracks);
+                                                       addNonemptyTrack(VectorKeyframeTrack, boneName + '.scale', animationKeys, 'scl', tracks);
+                                               }
+                                       }
+
+                                       if (tracks.length === 0) {
+                                               return null;
+                                       }
+
+                                       const clip = new this(clipName, duration, tracks, blendMode);
+                                       return clip;
+                               }
+
+                               resetDuration() {
+                                       const tracks = this.tracks;
+                                       let duration = 0;
+
+                                       for (let i = 0, n = tracks.length; i !== n; ++i) {
+                                               const track = this.tracks[i];
+                                               duration = Math.max(duration, track.times[track.times.length - 1]);
+                                       }
+
+                                       this.duration = duration;
+                                       return this;
+                               }
+
+                               trim() {
+                                       for (let i = 0; i < this.tracks.length; i++) {
+                                               this.tracks[i].trim(0, this.duration);
+                                       }
+
+                                       return this;
+                               }
+
+                               validate() {
+                                       let valid = true;
+
+                                       for (let i = 0; i < this.tracks.length; i++) {
+                                               valid = valid && this.tracks[i].validate();
+                                       }
+
+                                       return valid;
+                               }
+
+                               optimize() {
+                                       for (let i = 0; i < this.tracks.length; i++) {
+                                               this.tracks[i].optimize();
+                                       }
+
+                                       return this;
+                               }
+
+                               clone() {
+                                       const tracks = [];
+
+                                       for (let i = 0; i < this.tracks.length; i++) {
+                                               tracks.push(this.tracks[i].clone());
+                                       }
+
+                                       return new this.constructor(this.name, this.duration, tracks, this.blendMode);
+                               }
+
+                               toJSON() {
+                                       return this.constructor.toJSON(this);
+                               }
+
+                       }
+
+                       function getTrackTypeForValueTypeName(typeName) {
+                               switch (typeName.toLowerCase()) {
+                                       case 'scalar':
+                                       case 'double':
+                                       case 'float':
+                                       case 'number':
+                                       case 'integer':
+                                               return NumberKeyframeTrack;
+
+                                       case 'vector':
+                                       case 'vector2':
+                                       case 'vector3':
+                                       case 'vector4':
+                                               return VectorKeyframeTrack;
+
+                                       case 'color':
+                                               return ColorKeyframeTrack;
+
+                                       case 'quaternion':
+                                               return QuaternionKeyframeTrack;
+
+                                       case 'bool':
+                                       case 'boolean':
+                                               return BooleanKeyframeTrack;
+
+                                       case 'string':
+                                               return StringKeyframeTrack;
+                               }
+
+                               throw new Error('THREE.KeyframeTrack: Unsupported typeName: ' + typeName);
+                       }
+
+                       function parseKeyframeTrack(json) {
+                               if (json.type === undefined) {
+                                       throw new Error('THREE.KeyframeTrack: track type undefined, can not parse');
+                               }
+
+                               const trackType = getTrackTypeForValueTypeName(json.type);
+
+                               if (json.times === undefined) {
+                                       const times = [],
+                                               values = [];
+                                       AnimationUtils.flattenJSON(json.keys, times, values, 'value');
+                                       json.times = times;
+                                       json.values = values;
+                               } // derived classes can define a static parse method
+
+
+                               if (trackType.parse !== undefined) {
+                                       return trackType.parse(json);
+                               } else {
+                                       // by default, we assume a constructor compatible with the base
+                                       return new trackType(json.name, json.times, json.values, json.interpolation);
+                               }
+                       }
+
+                       const Cache = {
+                               enabled: false,
+                               files: {},
+                               add: function (key, file) {
+                                       if (this.enabled === false) return; // console.log( 'THREE.Cache', 'Adding key:', key );
+
+                                       this.files[key] = file;
+                               },
+                               get: function (key) {
+                                       if (this.enabled === false) return; // console.log( 'THREE.Cache', 'Checking key:', key );
+
+                                       return this.files[key];
+                               },
+                               remove: function (key) {
+                                       delete this.files[key];
+                               },
+                               clear: function () {
+                                       this.files = {};
+                               }
+                       };
+
+                       class LoadingManager {
+                               constructor(onLoad, onProgress, onError) {
+                                       const scope = this;
+                                       let isLoading = false;
+                                       let itemsLoaded = 0;
+                                       let itemsTotal = 0;
+                                       let urlModifier = undefined;
+                                       const handlers = []; // Refer to #5689 for the reason why we don't set .onStart
+                                       // in the constructor
+
+                                       this.onStart = undefined;
+                                       this.onLoad = onLoad;
+                                       this.onProgress = onProgress;
+                                       this.onError = onError;
+
+                                       this.itemStart = function (url) {
+                                               itemsTotal++;
+
+                                               if (isLoading === false) {
+                                                       if (scope.onStart !== undefined) {
+                                                               scope.onStart(url, itemsLoaded, itemsTotal);
+                                                       }
+                                               }
+
+                                               isLoading = true;
+                                       };
+
+                                       this.itemEnd = function (url) {
+                                               itemsLoaded++;
+
+                                               if (scope.onProgress !== undefined) {
+                                                       scope.onProgress(url, itemsLoaded, itemsTotal);
+                                               }
+
+                                               if (itemsLoaded === itemsTotal) {
+                                                       isLoading = false;
+
+                                                       if (scope.onLoad !== undefined) {
+                                                               scope.onLoad();
+                                                       }
+                                               }
+                                       };
+
+                                       this.itemError = function (url) {
+                                               if (scope.onError !== undefined) {
+                                                       scope.onError(url);
+                                               }
+                                       };
+
+                                       this.resolveURL = function (url) {
+                                               if (urlModifier) {
+                                                       return urlModifier(url);
+                                               }
+
+                                               return url;
+                                       };
+
+                                       this.setURLModifier = function (transform) {
+                                               urlModifier = transform;
+                                               return this;
+                                       };
+
+                                       this.addHandler = function (regex, loader) {
+                                               handlers.push(regex, loader);
+                                               return this;
+                                       };
+
+                                       this.removeHandler = function (regex) {
+                                               const index = handlers.indexOf(regex);
+
+                                               if (index !== -1) {
+                                                       handlers.splice(index, 2);
+                                               }
+
+                                               return this;
+                                       };
+
+                                       this.getHandler = function (file) {
+                                               for (let i = 0, l = handlers.length; i < l; i += 2) {
+                                                       const regex = handlers[i];
+                                                       const loader = handlers[i + 1];
+                                                       if (regex.global) regex.lastIndex = 0; // see #17920
+
+                                                       if (regex.test(file)) {
+                                                               return loader;
+                                                       }
+                                               }
+
+                                               return null;
+                                       };
+                               }
+
+                       }
+
+                       const DefaultLoadingManager = new LoadingManager();
+
+                       class Loader {
+                               constructor(manager) {
+                                       this.manager = manager !== undefined ? manager : DefaultLoadingManager;
+                                       this.crossOrigin = 'anonymous';
+                                       this.withCredentials = false;
+                                       this.path = '';
+                                       this.resourcePath = '';
+                                       this.requestHeader = {};
+                               }
+
+                               load() {
+                               }
+
+                               loadAsync(url, onProgress) {
+                                       const scope = this;
+                                       return new Promise(function (resolve, reject) {
+                                               scope.load(url, resolve, onProgress, reject);
+                                       });
+                               }
+
+                               parse() {
+                               }
+
+                               setCrossOrigin(crossOrigin) {
+                                       this.crossOrigin = crossOrigin;
+                                       return this;
+                               }
+
+                               setWithCredentials(value) {
+                                       this.withCredentials = value;
+                                       return this;
+                               }
+
+                               setPath(path) {
+                                       this.path = path;
+                                       return this;
+                               }
+
+                               setResourcePath(resourcePath) {
+                                       this.resourcePath = resourcePath;
+                                       return this;
+                               }
+
+                               setRequestHeader(requestHeader) {
+                                       this.requestHeader = requestHeader;
+                                       return this;
+                               }
+
+                       }
+
+                       const loading = {};
+
+                       class FileLoader extends Loader {
+                               constructor(manager) {
+                                       super(manager);
+                               }
+
+                               load(url, onLoad, onProgress, onError) {
+                                       if (url === undefined) url = '';
+                                       if (this.path !== undefined) url = this.path + url;
+                                       url = this.manager.resolveURL(url);
+                                       const scope = this;
+                                       const cached = Cache.get(url);
+
+                                       if (cached !== undefined) {
+                                               scope.manager.itemStart(url);
+                                               setTimeout(function () {
+                                                       if (onLoad) onLoad(cached);
+                                                       scope.manager.itemEnd(url);
+                                               }, 0);
+                                               return cached;
+                                       } // Check if request is duplicate
+
+
+                                       if (loading[url] !== undefined) {
+                                               loading[url].push({
+                                                       onLoad: onLoad,
+                                                       onProgress: onProgress,
+                                                       onError: onError
+                                               });
+                                               return;
+                                       } // Check for data: URI
+
+
+                                       const dataUriRegex = /^data:(.*?)(;base64)?,(.*)$/;
+                                       const dataUriRegexResult = url.match(dataUriRegex);
+                                       let request; // Safari can not handle Data URIs through XMLHttpRequest so process manually
+
+                                       if (dataUriRegexResult) {
+                                               const mimeType = dataUriRegexResult[1];
+                                               const isBase64 = !!dataUriRegexResult[2];
+                                               let data = dataUriRegexResult[3];
+                                               data = decodeURIComponent(data);
+                                               if (isBase64) data = atob(data);
+
+                                               try {
+                                                       let response;
+                                                       const responseType = (this.responseType || '').toLowerCase();
+
+                                                       switch (responseType) {
+                                                               case 'arraybuffer':
+                                                               case 'blob':
+                                                                       const view = new Uint8Array(data.length);
+
+                                                                       for (let i = 0; i < data.length; i++) {
+                                                                               view[i] = data.charCodeAt(i);
+                                                                       }
+
+                                                                       if (responseType === 'blob') {
+                                                                               response = new Blob([view.buffer], {
+                                                                                       type: mimeType
+                                                                               });
+                                                                       } else {
+                                                                               response = view.buffer;
+                                                                       }
+
+                                                                       break;
+
+                                                               case 'document':
+                                                                       const parser = new DOMParser();
+                                                                       response = parser.parseFromString(data, mimeType);
+                                                                       break;
+
+                                                               case 'json':
+                                                                       response = JSON.parse(data);
+                                                                       break;
+
+                                                               default:
+                                                                       // 'text' or other
+                                                                       response = data;
+                                                                       break;
+                                                       } // Wait for next browser tick like standard XMLHttpRequest event dispatching does
+
+
+                                                       setTimeout(function () {
+                                                               if (onLoad) onLoad(response);
+                                                               scope.manager.itemEnd(url);
+                                                       }, 0);
+                                               } catch (error) {
+                                                       // Wait for next browser tick like standard XMLHttpRequest event dispatching does
+                                                       setTimeout(function () {
+                                                               if (onError) onError(error);
+                                                               scope.manager.itemError(url);
+                                                               scope.manager.itemEnd(url);
+                                                       }, 0);
+                                               }
+                                       } else {
+                                               // Initialise array for duplicate requests
+                                               loading[url] = [];
+                                               loading[url].push({
+                                                       onLoad: onLoad,
+                                                       onProgress: onProgress,
+                                                       onError: onError
+                                               });
+                                               request = new XMLHttpRequest();
+                                               request.open('GET', url, true);
+                                               request.addEventListener('load', function (event) {
+                                                       const response = this.response;
+                                                       const callbacks = loading[url];
+                                                       delete loading[url];
+
+                                                       if (this.status === 200 || this.status === 0) {
+                                                               // Some browsers return HTTP Status 0 when using non-http protocol
+                                                               // e.g. 'file://' or 'data://'. Handle as success.
+                                                               if (this.status === 0) console.warn('THREE.FileLoader: HTTP Status 0 received.'); // Add to cache only on HTTP success, so that we do not cache
+                                                               // error response bodies as proper responses to requests.
+
+                                                               Cache.add(url, response);
+
+                                                               for (let i = 0, il = callbacks.length; i < il; i++) {
+                                                                       const callback = callbacks[i];
+                                                                       if (callback.onLoad) callback.onLoad(response);
+                                                               }
+
+                                                               scope.manager.itemEnd(url);
+                                                       } else {
+                                                               for (let i = 0, il = callbacks.length; i < il; i++) {
+                                                                       const callback = callbacks[i];
+                                                                       if (callback.onError) callback.onError(event);
+                                                               }
+
+                                                               scope.manager.itemError(url);
+                                                               scope.manager.itemEnd(url);
+                                                       }
+                                               }, false);
+                                               request.addEventListener('progress', function (event) {
+                                                       const callbacks = loading[url];
+
+                                                       for (let i = 0, il = callbacks.length; i < il; i++) {
+                                                               const callback = callbacks[i];
+                                                               if (callback.onProgress) callback.onProgress(event);
+                                                       }
+                                               }, false);
+                                               request.addEventListener('error', function (event) {
+                                                       const callbacks = loading[url];
+                                                       delete loading[url];
+
+                                                       for (let i = 0, il = callbacks.length; i < il; i++) {
+                                                               const callback = callbacks[i];
+                                                               if (callback.onError) callback.onError(event);
+                                                       }
+
+                                                       scope.manager.itemError(url);
+                                                       scope.manager.itemEnd(url);
+                                               }, false);
+                                               request.addEventListener('abort', function (event) {
+                                                       const callbacks = loading[url];
+                                                       delete loading[url];
+
+                                                       for (let i = 0, il = callbacks.length; i < il; i++) {
+                                                               const callback = callbacks[i];
+                                                               if (callback.onError) callback.onError(event);
+                                                       }
+
+                                                       scope.manager.itemError(url);
+                                                       scope.manager.itemEnd(url);
+                                               }, false);
+                                               if (this.responseType !== undefined) request.responseType = this.responseType;
+                                               if (this.withCredentials !== undefined) request.withCredentials = this.withCredentials;
+                                               if (request.overrideMimeType) request.overrideMimeType(this.mimeType !== undefined ? this.mimeType : 'text/plain');
+
+                                               for (const header in this.requestHeader) {
+                                                       request.setRequestHeader(header, this.requestHeader[header]);
+                                               }
+
+                                               request.send(null);
+                                       }
+
+                                       scope.manager.itemStart(url);
+                                       return request;
+                               }
+
+                               setResponseType(value) {
+                                       this.responseType = value;
+                                       return this;
+                               }
+
+                               setMimeType(value) {
+                                       this.mimeType = value;
+                                       return this;
+                               }
+
+                       }
+
+                       class AnimationLoader extends Loader {
+                               constructor(manager) {
+                                       super(manager);
+                               }
+
+                               load(url, onLoad, onProgress, onError) {
+                                       const scope = this;
+                                       const loader = new FileLoader(this.manager);
+                                       loader.setPath(this.path);
+                                       loader.setRequestHeader(this.requestHeader);
+                                       loader.setWithCredentials(this.withCredentials);
+                                       loader.load(url, function (text) {
+                                               try {
+                                                       onLoad(scope.parse(JSON.parse(text)));
+                                               } catch (e) {
+                                                       if (onError) {
+                                                               onError(e);
+                                                       } else {
+                                                               console.error(e);
+                                                       }
+
+                                                       scope.manager.itemError(url);
+                                               }
+                                       }, onProgress, onError);
+                               }
+
+                               parse(json) {
+                                       const animations = [];
+
+                                       for (let i = 0; i < json.length; i++) {
+                                               const clip = AnimationClip.parse(json[i]);
+                                               animations.push(clip);
+                                       }
+
+                                       return animations;
+                               }
+
+                       }
+
+                       /**
+                        * Abstract Base class to block based textures loader (dds, pvr, ...)
+                        *
+                        * Sub classes have to implement the parse() method which will be used in load().
+                        */
+
+                       class CompressedTextureLoader extends Loader {
+                               constructor(manager) {
+                                       super(manager);
+                               }
+
+                               load(url, onLoad, onProgress, onError) {
+                                       const scope = this;
+                                       const images = [];
+                                       const texture = new CompressedTexture();
+                                       const loader = new FileLoader(this.manager);
+                                       loader.setPath(this.path);
+                                       loader.setResponseType('arraybuffer');
+                                       loader.setRequestHeader(this.requestHeader);
+                                       loader.setWithCredentials(scope.withCredentials);
+                                       let loaded = 0;
+
+                                       function loadTexture(i) {
+                                               loader.load(url[i], function (buffer) {
+                                                       const texDatas = scope.parse(buffer, true);
+                                                       images[i] = {
+                                                               width: texDatas.width,
+                                                               height: texDatas.height,
+                                                               format: texDatas.format,
+                                                               mipmaps: texDatas.mipmaps
+                                                       };
+                                                       loaded += 1;
+
+                                                       if (loaded === 6) {
+                                                               if (texDatas.mipmapCount === 1) texture.minFilter = LinearFilter;
+                                                               texture.image = images;
+                                                               texture.format = texDatas.format;
+                                                               texture.needsUpdate = true;
+                                                               if (onLoad) onLoad(texture);
+                                                       }
+                                               }, onProgress, onError);
+                                       }
+
+                                       if (Array.isArray(url)) {
+                                               for (let i = 0, il = url.length; i < il; ++i) {
+                                                       loadTexture(i);
+                                               }
+                                       } else {
+                                               // compressed cubemap texture stored in a single DDS file
+                                               loader.load(url, function (buffer) {
+                                                       const texDatas = scope.parse(buffer, true);
+
+                                                       if (texDatas.isCubemap) {
+                                                               const faces = texDatas.mipmaps.length / texDatas.mipmapCount;
+
+                                                               for (let f = 0; f < faces; f++) {
+                                                                       images[f] = {
+                                                                               mipmaps: []
+                                                                       };
+
+                                                                       for (let i = 0; i < texDatas.mipmapCount; i++) {
+                                                                               images[f].mipmaps.push(texDatas.mipmaps[f * texDatas.mipmapCount + i]);
+                                                                               images[f].format = texDatas.format;
+                                                                               images[f].width = texDatas.width;
+                                                                               images[f].height = texDatas.height;
+                                                                       }
+                                                               }
+
+                                                               texture.image = images;
+                                                       } else {
+                                                               texture.image.width = texDatas.width;
+                                                               texture.image.height = texDatas.height;
+                                                               texture.mipmaps = texDatas.mipmaps;
+                                                       }
+
+                                                       if (texDatas.mipmapCount === 1) {
+                                                               texture.minFilter = LinearFilter;
+                                                       }
+
+                                                       texture.format = texDatas.format;
+                                                       texture.needsUpdate = true;
+                                                       if (onLoad) onLoad(texture);
+                                               }, onProgress, onError);
+                                       }
+
+                                       return texture;
+                               }
+
+                       }
+
+                       class ImageLoader extends Loader {
+                               constructor(manager) {
+                                       super(manager);
+                               }
+
+                               load(url, onLoad, onProgress, onError) {
+                                       if (this.path !== undefined) url = this.path + url;
+                                       url = this.manager.resolveURL(url);
+                                       const scope = this;
+                                       const cached = Cache.get(url);
+
+                                       if (cached !== undefined) {
+                                               scope.manager.itemStart(url);
+                                               setTimeout(function () {
+                                                       if (onLoad) onLoad(cached);
+                                                       scope.manager.itemEnd(url);
+                                               }, 0);
+                                               return cached;
+                                       }
+
+                                       const image = document.createElementNS('http://www.w3.org/1999/xhtml', 'img');
+
+                                       function onImageLoad() {
+                                               image.removeEventListener('load', onImageLoad, false);
+                                               image.removeEventListener('error', onImageError, false);
+                                               Cache.add(url, this);
+                                               if (onLoad) onLoad(this);
+                                               scope.manager.itemEnd(url);
+                                       }
+
+                                       function onImageError(event) {
+                                               image.removeEventListener('load', onImageLoad, false);
+                                               image.removeEventListener('error', onImageError, false);
+                                               if (onError) onError(event);
+                                               scope.manager.itemError(url);
+                                               scope.manager.itemEnd(url);
+                                       }
+
+                                       image.addEventListener('load', onImageLoad, false);
+                                       image.addEventListener('error', onImageError, false);
+
+                                       if (url.substr(0, 5) !== 'data:') {
+                                               if (this.crossOrigin !== undefined) image.crossOrigin = this.crossOrigin;
+                                       }
+
+                                       scope.manager.itemStart(url);
+                                       image.src = url;
+                                       return image;
+                               }
+
+                       }
+
+                       class CubeTextureLoader extends Loader {
+                               constructor(manager) {
+                                       super(manager);
+                               }
+
+                               load(urls, onLoad, onProgress, onError) {
+                                       const texture = new CubeTexture();
+                                       const loader = new ImageLoader(this.manager);
+                                       loader.setCrossOrigin(this.crossOrigin);
+                                       loader.setPath(this.path);
+                                       let loaded = 0;
+
+                                       function loadTexture(i) {
+                                               loader.load(urls[i], function (image) {
+                                                       texture.images[i] = image;
+                                                       loaded++;
+
+                                                       if (loaded === 6) {
+                                                               texture.needsUpdate = true;
+                                                               if (onLoad) onLoad(texture);
+                                                       }
+                                               }, undefined, onError);
+                                       }
+
+                                       for (let i = 0; i < urls.length; ++i) {
+                                               loadTexture(i);
+                                       }
+
+                                       return texture;
+                               }
+
+                       }
+
+                       /**
+                        * Abstract Base class to load generic binary textures formats (rgbe, hdr, ...)
+                        *
+                        * Sub classes have to implement the parse() method which will be used in load().
+                        */
+
+                       class DataTextureLoader extends Loader {
+                               constructor(manager) {
+                                       super(manager);
+                               }
+
+                               load(url, onLoad, onProgress, onError) {
+                                       const scope = this;
+                                       const texture = new DataTexture();
+                                       const loader = new FileLoader(this.manager);
+                                       loader.setResponseType('arraybuffer');
+                                       loader.setRequestHeader(this.requestHeader);
+                                       loader.setPath(this.path);
+                                       loader.setWithCredentials(scope.withCredentials);
+                                       loader.load(url, function (buffer) {
+                                               const texData = scope.parse(buffer);
+                                               if (!texData) return;
+
+                                               if (texData.image !== undefined) {
+                                                       texture.image = texData.image;
+                                               } else if (texData.data !== undefined) {
+                                                       texture.image.width = texData.width;
+                                                       texture.image.height = texData.height;
+                                                       texture.image.data = texData.data;
+                                               }
+
+                                               texture.wrapS = texData.wrapS !== undefined ? texData.wrapS : ClampToEdgeWrapping;
+                                               texture.wrapT = texData.wrapT !== undefined ? texData.wrapT : ClampToEdgeWrapping;
+                                               texture.magFilter = texData.magFilter !== undefined ? texData.magFilter : LinearFilter;
+                                               texture.minFilter = texData.minFilter !== undefined ? texData.minFilter : LinearFilter;
+                                               texture.anisotropy = texData.anisotropy !== undefined ? texData.anisotropy : 1;
+
+                                               if (texData.encoding !== undefined) {
+                                                       texture.encoding = texData.encoding;
+                                               }
+
+                                               if (texData.flipY !== undefined) {
+                                                       texture.flipY = texData.flipY;
+                                               }
+
+                                               if (texData.format !== undefined) {
+                                                       texture.format = texData.format;
+                                               }
+
+                                               if (texData.type !== undefined) {
+                                                       texture.type = texData.type;
+                                               }
+
+                                               if (texData.mipmaps !== undefined) {
+                                                       texture.mipmaps = texData.mipmaps;
+                                                       texture.minFilter = LinearMipmapLinearFilter; // presumably...
+                                               }
+
+                                               if (texData.mipmapCount === 1) {
+                                                       texture.minFilter = LinearFilter;
+                                               }
+
+                                               if (texData.generateMipmaps !== undefined) {
+                                                       texture.generateMipmaps = texData.generateMipmaps;
+                                               }
+
+                                               texture.needsUpdate = true;
+                                               if (onLoad) onLoad(texture, texData);
+                                       }, onProgress, onError);
+                                       return texture;
+                               }
+
+                       }
+
+                       class TextureLoader extends Loader {
+                               constructor(manager) {
+                                       super(manager);
+                               }
+
+                               load(url, onLoad, onProgress, onError) {
+                                       const texture = new Texture();
+                                       const loader = new ImageLoader(this.manager);
+                                       loader.setCrossOrigin(this.crossOrigin);
+                                       loader.setPath(this.path);
+                                       loader.load(url, function (image) {
+                                               texture.image = image; // JPEGs can't have an alpha channel, so memory can be saved by storing them as RGB.
+
+                                               const isJPEG = url.search(/\.jpe?g($|\?)/i) > 0 || url.search(/^data\:image\/jpeg/) === 0;
+                                               texture.format = isJPEG ? RGBFormat : RGBAFormat;
+                                               texture.needsUpdate = true;
+
+                                               if (onLoad !== undefined) {
+                                                       onLoad(texture);
+                                               }
+                                       }, onProgress, onError);
+                                       return texture;
+                               }
+
+                       }
+
+                       /**************************************************************
+                        *      Curved Path - a curve path is simply a array of connected
+                        *      curves, but retains the api of a curve
+                        **************************************************************/
+
+                       class CurvePath extends Curve {
+                               constructor() {
+                                       super();
+                                       this.type = 'CurvePath';
+                                       this.curves = [];
+                                       this.autoClose = false; // Automatically closes the path
+                               }
+
+                               add(curve) {
+                                       this.curves.push(curve);
+                               }
+
+                               closePath() {
+                                       // Add a line curve if start and end of lines are not connected
+                                       const startPoint = this.curves[0].getPoint(0);
+                                       const endPoint = this.curves[this.curves.length - 1].getPoint(1);
+
+                                       if (!startPoint.equals(endPoint)) {
+                                               this.curves.push(new LineCurve(endPoint, startPoint));
+                                       }
+                               } // To get accurate point with reference to
+                               // entire path distance at time t,
+                               // following has to be done:
+                               // 1. Length of each sub path have to be known
+                               // 2. Locate and identify type of curve
+                               // 3. Get t for the curve
+                               // 4. Return curve.getPointAt(t')
+
+
+                               getPoint(t) {
+                                       const d = t * this.getLength();
+                                       const curveLengths = this.getCurveLengths();
+                                       let i = 0; // To think about boundaries points.
+
+                                       while (i < curveLengths.length) {
+                                               if (curveLengths[i] >= d) {
+                                                       const diff = curveLengths[i] - d;
+                                                       const curve = this.curves[i];
+                                                       const segmentLength = curve.getLength();
+                                                       const u = segmentLength === 0 ? 0 : 1 - diff / segmentLength;
+                                                       return curve.getPointAt(u);
+                                               }
+
+                                               i++;
+                                       }
+
+                                       return null; // loop where sum != 0, sum > d , sum+1 <d
+                               } // We cannot use the default THREE.Curve getPoint() with getLength() because in
+                               // THREE.Curve, getLength() depends on getPoint() but in THREE.CurvePath
+                               // getPoint() depends on getLength
+
+
+                               getLength() {
+                                       const lens = this.getCurveLengths();
+                                       return lens[lens.length - 1];
+                               } // cacheLengths must be recalculated.
+
+
+                               updateArcLengths() {
+                                       this.needsUpdate = true;
+                                       this.cacheLengths = null;
+                                       this.getCurveLengths();
+                               } // Compute lengths and cache them
+                               // We cannot overwrite getLengths() because UtoT mapping uses it.
+
+
+                               getCurveLengths() {
+                                       // We use cache values if curves and cache array are same length
+                                       if (this.cacheLengths && this.cacheLengths.length === this.curves.length) {
+                                               return this.cacheLengths;
+                                       } // Get length of sub-curve
+                                       // Push sums into cached array
+
+
+                                       const lengths = [];
+                                       let sums = 0;
+
+                                       for (let i = 0, l = this.curves.length; i < l; i++) {
+                                               sums += this.curves[i].getLength();
+                                               lengths.push(sums);
+                                       }
+
+                                       this.cacheLengths = lengths;
+                                       return lengths;
+                               }
+
+                               getSpacedPoints(divisions = 40) {
+                                       const points = [];
+
+                                       for (let i = 0; i <= divisions; i++) {
+                                               points.push(this.getPoint(i / divisions));
+                                       }
+
+                                       if (this.autoClose) {
+                                               points.push(points[0]);
+                                       }
+
+                                       return points;
+                               }
+
+                               getPoints(divisions = 12) {
+                                       const points = [];
+                                       let last;
+
+                                       for (let i = 0, curves = this.curves; i < curves.length; i++) {
+                                               const curve = curves[i];
+                                               const resolution = curve && curve.isEllipseCurve ? divisions * 2 : curve && (curve.isLineCurve || curve.isLineCurve3) ? 1 : curve && curve.isSplineCurve ? divisions * curve.points.length : divisions;
+                                               const pts = curve.getPoints(resolution);
+
+                                               for (let j = 0; j < pts.length; j++) {
+                                                       const point = pts[j];
+                                                       if (last && last.equals(point)) continue; // ensures no consecutive points are duplicates
+
+                                                       points.push(point);
+                                                       last = point;
+                                               }
+                                       }
+
+                                       if (this.autoClose && points.length > 1 && !points[points.length - 1].equals(points[0])) {
+                                               points.push(points[0]);
+                                       }
+
+                                       return points;
+                               }
+
+                               copy(source) {
+                                       super.copy(source);
+                                       this.curves = [];
+
+                                       for (let i = 0, l = source.curves.length; i < l; i++) {
+                                               const curve = source.curves[i];
+                                               this.curves.push(curve.clone());
+                                       }
+
+                                       this.autoClose = source.autoClose;
+                                       return this;
+                               }
+
+                               toJSON() {
+                                       const data = super.toJSON();
+                                       data.autoClose = this.autoClose;
+                                       data.curves = [];
+
+                                       for (let i = 0, l = this.curves.length; i < l; i++) {
+                                               const curve = this.curves[i];
+                                               data.curves.push(curve.toJSON());
+                                       }
+
+                                       return data;
+                               }
+
+                               fromJSON(json) {
+                                       super.fromJSON(json);
+                                       this.autoClose = json.autoClose;
+                                       this.curves = [];
+
+                                       for (let i = 0, l = json.curves.length; i < l; i++) {
+                                               const curve = json.curves[i];
+                                               this.curves.push(new Curves[curve.type]().fromJSON(curve));
+                                       }
+
+                                       return this;
+                               }
+
+                       }
+
+                       class Path extends CurvePath {
+                               constructor(points) {
+                                       super();
+                                       this.type = 'Path';
+                                       this.currentPoint = new Vector2();
+
+                                       if (points) {
+                                               this.setFromPoints(points);
+                                       }
+                               }
+
+                               setFromPoints(points) {
+                                       this.moveTo(points[0].x, points[0].y);
+
+                                       for (let i = 1, l = points.length; i < l; i++) {
+                                               this.lineTo(points[i].x, points[i].y);
+                                       }
+
+                                       return this;
+                               }
+
+                               moveTo(x, y) {
+                                       this.currentPoint.set(x, y); // TODO consider referencing vectors instead of copying?
+
+                                       return this;
+                               }
+
+                               lineTo(x, y) {
+                                       const curve = new LineCurve(this.currentPoint.clone(), new Vector2(x, y));
+                                       this.curves.push(curve);
+                                       this.currentPoint.set(x, y);
+                                       return this;
+                               }
+
+                               quadraticCurveTo(aCPx, aCPy, aX, aY) {
+                                       const curve = new QuadraticBezierCurve(this.currentPoint.clone(), new Vector2(aCPx, aCPy), new Vector2(aX, aY));
+                                       this.curves.push(curve);
+                                       this.currentPoint.set(aX, aY);
+                                       return this;
+                               }
+
+                               bezierCurveTo(aCP1x, aCP1y, aCP2x, aCP2y, aX, aY) {
+                                       const curve = new CubicBezierCurve(this.currentPoint.clone(), new Vector2(aCP1x, aCP1y), new Vector2(aCP2x, aCP2y), new Vector2(aX, aY));
+                                       this.curves.push(curve);
+                                       this.currentPoint.set(aX, aY);
+                                       return this;
+                               }
+
+                               splineThru(pts
+                                                  /*Array of Vector*/
+                               ) {
+                                       const npts = [this.currentPoint.clone()].concat(pts);
+                                       const curve = new SplineCurve(npts);
+                                       this.curves.push(curve);
+                                       this.currentPoint.copy(pts[pts.length - 1]);
+                                       return this;
+                               }
+
+                               arc(aX, aY, aRadius, aStartAngle, aEndAngle, aClockwise) {
+                                       const x0 = this.currentPoint.x;
+                                       const y0 = this.currentPoint.y;
+                                       this.absarc(aX + x0, aY + y0, aRadius, aStartAngle, aEndAngle, aClockwise);
+                                       return this;
+                               }
+
+                               absarc(aX, aY, aRadius, aStartAngle, aEndAngle, aClockwise) {
+                                       this.absellipse(aX, aY, aRadius, aRadius, aStartAngle, aEndAngle, aClockwise);
+                                       return this;
+                               }
+
+                               ellipse(aX, aY, xRadius, yRadius, aStartAngle, aEndAngle, aClockwise, aRotation) {
+                                       const x0 = this.currentPoint.x;
+                                       const y0 = this.currentPoint.y;
+                                       this.absellipse(aX + x0, aY + y0, xRadius, yRadius, aStartAngle, aEndAngle, aClockwise, aRotation);
+                                       return this;
+                               }
+
+                               absellipse(aX, aY, xRadius, yRadius, aStartAngle, aEndAngle, aClockwise, aRotation) {
+                                       const curve = new EllipseCurve(aX, aY, xRadius, yRadius, aStartAngle, aEndAngle, aClockwise, aRotation);
+
+                                       if (this.curves.length > 0) {
+                                               // if a previous curve is present, attempt to join
+                                               const firstPoint = curve.getPoint(0);
+
+                                               if (!firstPoint.equals(this.currentPoint)) {
+                                                       this.lineTo(firstPoint.x, firstPoint.y);
+                                               }
+                                       }
+
+                                       this.curves.push(curve);
+                                       const lastPoint = curve.getPoint(1);
+                                       this.currentPoint.copy(lastPoint);
+                                       return this;
+                               }
+
+                               copy(source) {
+                                       super.copy(source);
+                                       this.currentPoint.copy(source.currentPoint);
+                                       return this;
+                               }
+
+                               toJSON() {
+                                       const data = super.toJSON();
+                                       data.currentPoint = this.currentPoint.toArray();
+                                       return data;
+                               }
+
+                               fromJSON(json) {
+                                       super.fromJSON(json);
+                                       this.currentPoint.fromArray(json.currentPoint);
+                                       return this;
+                               }
+
+                       }
+
+                       class Shape extends Path {
+                               constructor(points) {
+                                       super(points);
+                                       this.uuid = generateUUID();
+                                       this.type = 'Shape';
+                                       this.holes = [];
+                               }
+
+                               getPointsHoles(divisions) {
+                                       const holesPts = [];
+
+                                       for (let i = 0, l = this.holes.length; i < l; i++) {
+                                               holesPts[i] = this.holes[i].getPoints(divisions);
+                                       }
+
+                                       return holesPts;
+                               } // get points of shape and holes (keypoints based on segments parameter)
+
+
+                               extractPoints(divisions) {
+                                       return {
+                                               shape: this.getPoints(divisions),
+                                               holes: this.getPointsHoles(divisions)
+                                       };
+                               }
+
+                               copy(source) {
+                                       super.copy(source);
+                                       this.holes = [];
+
+                                       for (let i = 0, l = source.holes.length; i < l; i++) {
+                                               const hole = source.holes[i];
+                                               this.holes.push(hole.clone());
+                                       }
+
+                                       return this;
+                               }
+
+                               toJSON() {
+                                       const data = super.toJSON();
+                                       data.uuid = this.uuid;
+                                       data.holes = [];
+
+                                       for (let i = 0, l = this.holes.length; i < l; i++) {
+                                               const hole = this.holes[i];
+                                               data.holes.push(hole.toJSON());
+                                       }
+
+                                       return data;
+                               }
+
+                               fromJSON(json) {
+                                       super.fromJSON(json);
+                                       this.uuid = json.uuid;
+                                       this.holes = [];
+
+                                       for (let i = 0, l = json.holes.length; i < l; i++) {
+                                               const hole = json.holes[i];
+                                               this.holes.push(new Path().fromJSON(hole));
+                                       }
+
+                                       return this;
+                               }
+
+                       }
+
+                       class Light extends Object3D {
+                               constructor(color, intensity = 1) {
+                                       super();
+                                       this.type = 'Light';
+                                       this.color = new Color(color);
+                                       this.intensity = intensity;
+                               }
+
+                               dispose() {// Empty here in base class; some subclasses override.
+                               }
+
+                               copy(source) {
+                                       super.copy(source);
+                                       this.color.copy(source.color);
+                                       this.intensity = source.intensity;
+                                       return this;
+                               }
+
+                               toJSON(meta) {
+                                       const data = super.toJSON(meta);
+                                       data.object.color = this.color.getHex();
+                                       data.object.intensity = this.intensity;
+                                       if (this.groundColor !== undefined) data.object.groundColor = this.groundColor.getHex();
+                                       if (this.distance !== undefined) data.object.distance = this.distance;
+                                       if (this.angle !== undefined) data.object.angle = this.angle;
+                                       if (this.decay !== undefined) data.object.decay = this.decay;
+                                       if (this.penumbra !== undefined) data.object.penumbra = this.penumbra;
+                                       if (this.shadow !== undefined) data.object.shadow = this.shadow.toJSON();
+                                       return data;
+                               }
+
+                       }
+
+                       Light.prototype.isLight = true;
+
+                       class HemisphereLight extends Light {
+                               constructor(skyColor, groundColor, intensity) {
+                                       super(skyColor, intensity);
+                                       this.type = 'HemisphereLight';
+                                       this.position.copy(Object3D.DefaultUp);
+                                       this.updateMatrix();
+                                       this.groundColor = new Color(groundColor);
+                               }
+
+                               copy(source) {
+                                       Light.prototype.copy.call(this, source);
+                                       this.groundColor.copy(source.groundColor);
+                                       return this;
+                               }
+
+                       }
+
+                       HemisphereLight.prototype.isHemisphereLight = true;
+
+                       const _projScreenMatrix$1 = /*@__PURE__*/new Matrix4();
+
+                       const _lightPositionWorld$1 = /*@__PURE__*/new Vector3();
+
+                       const _lookTarget$1 = /*@__PURE__*/new Vector3();
+
+                       class LightShadow {
+                               constructor(camera) {
+                                       this.camera = camera;
+                                       this.bias = 0;
+                                       this.normalBias = 0;
+                                       this.radius = 1;
+                                       this.blurSamples = 8;
+                                       this.mapSize = new Vector2(512, 512);
+                                       this.map = null;
+                                       this.mapPass = null;
+                                       this.matrix = new Matrix4();
+                                       this.autoUpdate = true;
+                                       this.needsUpdate = false;
+                                       this._frustum = new Frustum();
+                                       this._frameExtents = new Vector2(1, 1);
+                                       this._viewportCount = 1;
+                                       this._viewports = [new Vector4(0, 0, 1, 1)];
+                               }
+
+                               getViewportCount() {
+                                       return this._viewportCount;
+                               }
+
+                               getFrustum() {
+                                       return this._frustum;
+                               }
+
+                               updateMatrices(light) {
+                                       const shadowCamera = this.camera;
+                                       const shadowMatrix = this.matrix;
+
+                                       _lightPositionWorld$1.setFromMatrixPosition(light.matrixWorld);
+
+                                       shadowCamera.position.copy(_lightPositionWorld$1);
+
+                                       _lookTarget$1.setFromMatrixPosition(light.target.matrixWorld);
+
+                                       shadowCamera.lookAt(_lookTarget$1);
+                                       shadowCamera.updateMatrixWorld();
+
+                                       _projScreenMatrix$1.multiplyMatrices(shadowCamera.projectionMatrix, shadowCamera.matrixWorldInverse);
+
+                                       this._frustum.setFromProjectionMatrix(_projScreenMatrix$1);
+
+                                       shadowMatrix.set(0.5, 0.0, 0.0, 0.5, 0.0, 0.5, 0.0, 0.5, 0.0, 0.0, 0.5, 0.5, 0.0, 0.0, 0.0, 1.0);
+                                       shadowMatrix.multiply(shadowCamera.projectionMatrix);
+                                       shadowMatrix.multiply(shadowCamera.matrixWorldInverse);
+                               }
+
+                               getViewport(viewportIndex) {
+                                       return this._viewports[viewportIndex];
+                               }
+
+                               getFrameExtents() {
+                                       return this._frameExtents;
+                               }
+
+                               dispose() {
+                                       if (this.map) {
+                                               this.map.dispose();
+                                       }
+
+                                       if (this.mapPass) {
+                                               this.mapPass.dispose();
+                                       }
+                               }
+
+                               copy(source) {
+                                       this.camera = source.camera.clone();
+                                       this.bias = source.bias;
+                                       this.radius = source.radius;
+                                       this.mapSize.copy(source.mapSize);
+                                       return this;
+                               }
+
+                               clone() {
+                                       return new this.constructor().copy(this);
+                               }
+
+                               toJSON() {
+                                       const object = {};
+                                       if (this.bias !== 0) object.bias = this.bias;
+                                       if (this.normalBias !== 0) object.normalBias = this.normalBias;
+                                       if (this.radius !== 1) object.radius = this.radius;
+                                       if (this.mapSize.x !== 512 || this.mapSize.y !== 512) object.mapSize = this.mapSize.toArray();
+                                       object.camera = this.camera.toJSON(false).object;
+                                       delete object.camera.matrix;
+                                       return object;
+                               }
+
+                       }
+
+                       class SpotLightShadow extends LightShadow {
+                               constructor() {
+                                       super(new PerspectiveCamera(50, 1, 0.5, 500));
+                                       this.focus = 1;
+                               }
+
+                               updateMatrices(light) {
+                                       const camera = this.camera;
+                                       const fov = RAD2DEG * 2 * light.angle * this.focus;
+                                       const aspect = this.mapSize.width / this.mapSize.height;
+                                       const far = light.distance || camera.far;
+
+                                       if (fov !== camera.fov || aspect !== camera.aspect || far !== camera.far) {
+                                               camera.fov = fov;
+                                               camera.aspect = aspect;
+                                               camera.far = far;
+                                               camera.updateProjectionMatrix();
+                                       }
+
+                                       super.updateMatrices(light);
+                               }
+
+                               copy(source) {
+                                       super.copy(source);
+                                       this.focus = source.focus;
+                                       return this;
+                               }
+
+                       }
+
+                       SpotLightShadow.prototype.isSpotLightShadow = true;
+
+                       class SpotLight extends Light {
+                               constructor(color, intensity, distance = 0, angle = Math.PI / 3, penumbra = 0, decay = 1) {
+                                       super(color, intensity);
+                                       this.type = 'SpotLight';
+                                       this.position.copy(Object3D.DefaultUp);
+                                       this.updateMatrix();
+                                       this.target = new Object3D();
+                                       this.distance = distance;
+                                       this.angle = angle;
+                                       this.penumbra = penumbra;
+                                       this.decay = decay; // for physically correct lights, should be 2.
+
+                                       this.shadow = new SpotLightShadow();
+                               }
+
+                               get power() {
+                                       // compute the light's luminous power (in lumens) from its intensity (in candela)
+                                       // by convention for a spotlight, luminous power (lm) = Ï€ * luminous intensity (cd)
+                                       return this.intensity * Math.PI;
+                               }
+
+                               set power(power) {
+                                       // set the light's intensity (in candela) from the desired luminous power (in lumens)
+                                       this.intensity = power / Math.PI;
+                               }
+
+                               dispose() {
+                                       this.shadow.dispose();
+                               }
+
+                               copy(source) {
+                                       super.copy(source);
+                                       this.distance = source.distance;
+                                       this.angle = source.angle;
+                                       this.penumbra = source.penumbra;
+                                       this.decay = source.decay;
+                                       this.target = source.target.clone();
+                                       this.shadow = source.shadow.clone();
+                                       return this;
+                               }
+
+                       }
+
+                       SpotLight.prototype.isSpotLight = true;
+
+                       const _projScreenMatrix = /*@__PURE__*/new Matrix4();
+
+                       const _lightPositionWorld = /*@__PURE__*/new Vector3();
+
+                       const _lookTarget = /*@__PURE__*/new Vector3();
+
+                       class PointLightShadow extends LightShadow {
+                               constructor() {
+                                       super(new PerspectiveCamera(90, 1, 0.5, 500));
+                                       this._frameExtents = new Vector2(4, 2);
+                                       this._viewportCount = 6;
+                                       this._viewports = [// These viewports map a cube-map onto a 2D texture with the
+                                               // following orientation:
+                                               //
+                                               //      xzXZ
+                                               //       y Y
+                                               //
+                                               // X - Positive x direction
+                                               // x - Negative x direction
+                                               // Y - Positive y direction
+                                               // y - Negative y direction
+                                               // Z - Positive z direction
+                                               // z - Negative z direction
+                                               // positive X
+                                               new Vector4(2, 1, 1, 1), // negative X
+                                               new Vector4(0, 1, 1, 1), // positive Z
+                                               new Vector4(3, 1, 1, 1), // negative Z
+                                               new Vector4(1, 1, 1, 1), // positive Y
+                                               new Vector4(3, 0, 1, 1), // negative Y
+                                               new Vector4(1, 0, 1, 1)];
+                                       this._cubeDirections = [new Vector3(1, 0, 0), new Vector3(-1, 0, 0), new Vector3(0, 0, 1), new Vector3(0, 0, -1), new Vector3(0, 1, 0), new Vector3(0, -1, 0)];
+                                       this._cubeUps = [new Vector3(0, 1, 0), new Vector3(0, 1, 0), new Vector3(0, 1, 0), new Vector3(0, 1, 0), new Vector3(0, 0, 1), new Vector3(0, 0, -1)];
+                               }
+
+                               updateMatrices(light, viewportIndex = 0) {
+                                       const camera = this.camera;
+                                       const shadowMatrix = this.matrix;
+                                       const far = light.distance || camera.far;
+
+                                       if (far !== camera.far) {
+                                               camera.far = far;
+                                               camera.updateProjectionMatrix();
+                                       }
+
+                                       _lightPositionWorld.setFromMatrixPosition(light.matrixWorld);
+
+                                       camera.position.copy(_lightPositionWorld);
+
+                                       _lookTarget.copy(camera.position);
+
+                                       _lookTarget.add(this._cubeDirections[viewportIndex]);
+
+                                       camera.up.copy(this._cubeUps[viewportIndex]);
+                                       camera.lookAt(_lookTarget);
+                                       camera.updateMatrixWorld();
+                                       shadowMatrix.makeTranslation(-_lightPositionWorld.x, -_lightPositionWorld.y, -_lightPositionWorld.z);
+
+                                       _projScreenMatrix.multiplyMatrices(camera.projectionMatrix, camera.matrixWorldInverse);
+
+                                       this._frustum.setFromProjectionMatrix(_projScreenMatrix);
+                               }
+
+                       }
+
+                       PointLightShadow.prototype.isPointLightShadow = true;
+
+                       class PointLight extends Light {
+                               constructor(color, intensity, distance = 0, decay = 1) {
+                                       super(color, intensity);
+                                       this.type = 'PointLight';
+                                       this.distance = distance;
+                                       this.decay = decay; // for physically correct lights, should be 2.
+
+                                       this.shadow = new PointLightShadow();
+                               }
+
+                               get power() {
+                                       // compute the light's luminous power (in lumens) from its intensity (in candela)
+                                       // for an isotropic light source, luminous power (lm) = 4 Ï€ luminous intensity (cd)
+                                       return this.intensity * 4 * Math.PI;
+                               }
+
+                               set power(power) {
+                                       // set the light's intensity (in candela) from the desired luminous power (in lumens)
+                                       this.intensity = power / (4 * Math.PI);
+                               }
+
+                               dispose() {
+                                       this.shadow.dispose();
+                               }
+
+                               copy(source) {
+                                       super.copy(source);
+                                       this.distance = source.distance;
+                                       this.decay = source.decay;
+                                       this.shadow = source.shadow.clone();
+                                       return this;
+                               }
+
+                       }
+
+                       PointLight.prototype.isPointLight = true;
+
+                       class DirectionalLightShadow extends LightShadow {
+                               constructor() {
+                                       super(new OrthographicCamera(-5, 5, 5, -5, 0.5, 500));
+                               }
+
+                       }
+
+                       DirectionalLightShadow.prototype.isDirectionalLightShadow = true;
+
+                       class DirectionalLight extends Light {
+                               constructor(color, intensity) {
+                                       super(color, intensity);
+                                       this.type = 'DirectionalLight';
+                                       this.position.copy(Object3D.DefaultUp);
+                                       this.updateMatrix();
+                                       this.target = new Object3D();
+                                       this.shadow = new DirectionalLightShadow();
+                               }
+
+                               dispose() {
+                                       this.shadow.dispose();
+                               }
+
+                               copy(source) {
+                                       super.copy(source);
+                                       this.target = source.target.clone();
+                                       this.shadow = source.shadow.clone();
+                                       return this;
+                               }
+
+                       }
+
+                       DirectionalLight.prototype.isDirectionalLight = true;
+
+                       class AmbientLight extends Light {
+                               constructor(color, intensity) {
+                                       super(color, intensity);
+                                       this.type = 'AmbientLight';
+                               }
+
+                       }
+
+                       AmbientLight.prototype.isAmbientLight = true;
+
+                       class RectAreaLight extends Light {
+                               constructor(color, intensity, width = 10, height = 10) {
+                                       super(color, intensity);
+                                       this.type = 'RectAreaLight';
+                                       this.width = width;
+                                       this.height = height;
+                               }
+
+                               get power() {
+                                       // compute the light's luminous power (in lumens) from its intensity (in nits)
+                                       return this.intensity * this.width * this.height * Math.PI;
+                               }
+
+                               set power(power) {
+                                       // set the light's intensity (in nits) from the desired luminous power (in lumens)
+                                       this.intensity = power / (this.width * this.height * Math.PI);
+                               }
+
+                               copy(source) {
+                                       super.copy(source);
+                                       this.width = source.width;
+                                       this.height = source.height;
+                                       return this;
+                               }
+
+                               toJSON(meta) {
+                                       const data = super.toJSON(meta);
+                                       data.object.width = this.width;
+                                       data.object.height = this.height;
+                                       return data;
+                               }
+
+                       }
+
+                       RectAreaLight.prototype.isRectAreaLight = true;
+
+                       /**
+                        * Primary reference:
+                        *       https://graphics.stanford.edu/papers/envmap/envmap.pdf
+                        *
+                        * Secondary reference:
+                        *       https://www.ppsloan.org/publications/StupidSH36.pdf
+                        */
+                               // 3-band SH defined by 9 coefficients
+
+                       class SphericalHarmonics3 {
+                               constructor() {
+                                       this.coefficients = [];
+
+                                       for (let i = 0; i < 9; i++) {
+                                               this.coefficients.push(new Vector3());
+                                       }
+                               }
+
+                               set(coefficients) {
+                                       for (let i = 0; i < 9; i++) {
+                                               this.coefficients[i].copy(coefficients[i]);
+                                       }
+
+                                       return this;
+                               }
+
+                               zero() {
+                                       for (let i = 0; i < 9; i++) {
+                                               this.coefficients[i].set(0, 0, 0);
+                                       }
+
+                                       return this;
+                               } // get the radiance in the direction of the normal
+                               // target is a Vector3
+
+
+                               getAt(normal, target) {
+                                       // normal is assumed to be unit length
+                                       const x = normal.x,
+                                               y = normal.y,
+                                               z = normal.z;
+                                       const coeff = this.coefficients; // band 0
+
+                                       target.copy(coeff[0]).multiplyScalar(0.282095); // band 1
+
+                                       target.addScaledVector(coeff[1], 0.488603 * y);
+                                       target.addScaledVector(coeff[2], 0.488603 * z);
+                                       target.addScaledVector(coeff[3], 0.488603 * x); // band 2
+
+                                       target.addScaledVector(coeff[4], 1.092548 * (x * y));
+                                       target.addScaledVector(coeff[5], 1.092548 * (y * z));
+                                       target.addScaledVector(coeff[6], 0.315392 * (3.0 * z * z - 1.0));
+                                       target.addScaledVector(coeff[7], 1.092548 * (x * z));
+                                       target.addScaledVector(coeff[8], 0.546274 * (x * x - y * y));
+                                       return target;
+                               } // get the irradiance (radiance convolved with cosine lobe) in the direction of the normal
+                               // target is a Vector3
+                               // https://graphics.stanford.edu/papers/envmap/envmap.pdf
+
+
+                               getIrradianceAt(normal, target) {
+                                       // normal is assumed to be unit length
+                                       const x = normal.x,
+                                               y = normal.y,
+                                               z = normal.z;
+                                       const coeff = this.coefficients; // band 0
+
+                                       target.copy(coeff[0]).multiplyScalar(0.886227); // Ï€ * 0.282095
+                                       // band 1
+
+                                       target.addScaledVector(coeff[1], 2.0 * 0.511664 * y); // ( 2 * Ï€ / 3 ) * 0.488603
+
+                                       target.addScaledVector(coeff[2], 2.0 * 0.511664 * z);
+                                       target.addScaledVector(coeff[3], 2.0 * 0.511664 * x); // band 2
+
+                                       target.addScaledVector(coeff[4], 2.0 * 0.429043 * x * y); // ( Ï€ / 4 ) * 1.092548
+
+                                       target.addScaledVector(coeff[5], 2.0 * 0.429043 * y * z);
+                                       target.addScaledVector(coeff[6], 0.743125 * z * z - 0.247708); // ( Ï€ / 4 ) * 0.315392 * 3
+
+                                       target.addScaledVector(coeff[7], 2.0 * 0.429043 * x * z);
+                                       target.addScaledVector(coeff[8], 0.429043 * (x * x - y * y)); // ( Ï€ / 4 ) * 0.546274
+
+                                       return target;
+                               }
+
+                               add(sh) {
+                                       for (let i = 0; i < 9; i++) {
+                                               this.coefficients[i].add(sh.coefficients[i]);
+                                       }
+
+                                       return this;
+                               }
+
+                               addScaledSH(sh, s) {
+                                       for (let i = 0; i < 9; i++) {
+                                               this.coefficients[i].addScaledVector(sh.coefficients[i], s);
+                                       }
+
+                                       return this;
+                               }
+
+                               scale(s) {
+                                       for (let i = 0; i < 9; i++) {
+                                               this.coefficients[i].multiplyScalar(s);
+                                       }
+
+                                       return this;
+                               }
+
+                               lerp(sh, alpha) {
+                                       for (let i = 0; i < 9; i++) {
+                                               this.coefficients[i].lerp(sh.coefficients[i], alpha);
+                                       }
+
+                                       return this;
+                               }
+
+                               equals(sh) {
+                                       for (let i = 0; i < 9; i++) {
+                                               if (!this.coefficients[i].equals(sh.coefficients[i])) {
+                                                       return false;
+                                               }
+                                       }
+
+                                       return true;
+                               }
+
+                               copy(sh) {
+                                       return this.set(sh.coefficients);
+                               }
+
+                               clone() {
+                                       return new this.constructor().copy(this);
+                               }
+
+                               fromArray(array, offset = 0) {
+                                       const coefficients = this.coefficients;
+
+                                       for (let i = 0; i < 9; i++) {
+                                               coefficients[i].fromArray(array, offset + i * 3);
+                                       }
+
+                                       return this;
+                               }
+
+                               toArray(array = [], offset = 0) {
+                                       const coefficients = this.coefficients;
+
+                                       for (let i = 0; i < 9; i++) {
+                                               coefficients[i].toArray(array, offset + i * 3);
+                                       }
+
+                                       return array;
+                               } // evaluate the basis functions
+                               // shBasis is an Array[ 9 ]
+
+
+                               static getBasisAt(normal, shBasis) {
+                                       // normal is assumed to be unit length
+                                       const x = normal.x,
+                                               y = normal.y,
+                                               z = normal.z; // band 0
+
+                                       shBasis[0] = 0.282095; // band 1
+
+                                       shBasis[1] = 0.488603 * y;
+                                       shBasis[2] = 0.488603 * z;
+                                       shBasis[3] = 0.488603 * x; // band 2
+
+                                       shBasis[4] = 1.092548 * x * y;
+                                       shBasis[5] = 1.092548 * y * z;
+                                       shBasis[6] = 0.315392 * (3 * z * z - 1);
+                                       shBasis[7] = 1.092548 * x * z;
+                                       shBasis[8] = 0.546274 * (x * x - y * y);
+                               }
+
+                       }
+
+                       SphericalHarmonics3.prototype.isSphericalHarmonics3 = true;
+
+                       class LightProbe extends Light {
+                               constructor(sh = new SphericalHarmonics3(), intensity = 1) {
+                                       super(undefined, intensity);
+                                       this.sh = sh;
+                               }
+
+                               copy(source) {
+                                       super.copy(source);
+                                       this.sh.copy(source.sh);
+                                       return this;
+                               }
+
+                               fromJSON(json) {
+                                       this.intensity = json.intensity; // TODO: Move this bit to Light.fromJSON();
+
+                                       this.sh.fromArray(json.sh);
+                                       return this;
+                               }
+
+                               toJSON(meta) {
+                                       const data = super.toJSON(meta);
+                                       data.object.sh = this.sh.toArray();
+                                       return data;
+                               }
+
+                       }
+
+                       LightProbe.prototype.isLightProbe = true;
+
+                       class MaterialLoader extends Loader {
+                               constructor(manager) {
+                                       super(manager);
+                                       this.textures = {};
+                               }
+
+                               load(url, onLoad, onProgress, onError) {
+                                       const scope = this;
+                                       const loader = new FileLoader(scope.manager);
+                                       loader.setPath(scope.path);
+                                       loader.setRequestHeader(scope.requestHeader);
+                                       loader.setWithCredentials(scope.withCredentials);
+                                       loader.load(url, function (text) {
+                                               try {
+                                                       onLoad(scope.parse(JSON.parse(text)));
+                                               } catch (e) {
+                                                       if (onError) {
+                                                               onError(e);
+                                                       } else {
+                                                               console.error(e);
+                                                       }
+
+                                                       scope.manager.itemError(url);
+                                               }
+                                       }, onProgress, onError);
+                               }
+
+                               parse(json) {
+                                       const textures = this.textures;
+
+                                       function getTexture(name) {
+                                               if (textures[name] === undefined) {
+                                                       console.warn('THREE.MaterialLoader: Undefined texture', name);
+                                               }
+
+                                               return textures[name];
+                                       }
+
+                                       const material = new Materials[json.type]();
+                                       if (json.uuid !== undefined) material.uuid = json.uuid;
+                                       if (json.name !== undefined) material.name = json.name;
+                                       if (json.color !== undefined && material.color !== undefined) material.color.setHex(json.color);
+                                       if (json.roughness !== undefined) material.roughness = json.roughness;
+                                       if (json.metalness !== undefined) material.metalness = json.metalness;
+                                       if (json.sheenTint !== undefined) material.sheenTint = new Color().setHex(json.sheenTint);
+                                       if (json.emissive !== undefined && material.emissive !== undefined) material.emissive.setHex(json.emissive);
+                                       if (json.specular !== undefined && material.specular !== undefined) material.specular.setHex(json.specular);
+                                       if (json.specularIntensity !== undefined) material.specularIntensity = json.specularIntensity;
+                                       if (json.specularTint !== undefined && material.specularTint !== undefined) material.specularTint.setHex(json.specularTint);
+                                       if (json.shininess !== undefined) material.shininess = json.shininess;
+                                       if (json.clearcoat !== undefined) material.clearcoat = json.clearcoat;
+                                       if (json.clearcoatRoughness !== undefined) material.clearcoatRoughness = json.clearcoatRoughness;
+                                       if (json.transmission !== undefined) material.transmission = json.transmission;
+                                       if (json.thickness !== undefined) material.thickness = json.thickness;
+                                       if (json.attenuationDistance !== undefined) material.attenuationDistance = json.attenuationDistance;
+                                       if (json.attenuationTint !== undefined && material.attenuationTint !== undefined) material.attenuationTint.setHex(json.attenuationTint);
+                                       if (json.fog !== undefined) material.fog = json.fog;
+                                       if (json.flatShading !== undefined) material.flatShading = json.flatShading;
+                                       if (json.blending !== undefined) material.blending = json.blending;
+                                       if (json.combine !== undefined) material.combine = json.combine;
+                                       if (json.side !== undefined) material.side = json.side;
+                                       if (json.shadowSide !== undefined) material.shadowSide = json.shadowSide;
+                                       if (json.opacity !== undefined) material.opacity = json.opacity;
+                                       if (json.format !== undefined) material.format = json.format;
+                                       if (json.transparent !== undefined) material.transparent = json.transparent;
+                                       if (json.alphaTest !== undefined) material.alphaTest = json.alphaTest;
+                                       if (json.depthTest !== undefined) material.depthTest = json.depthTest;
+                                       if (json.depthWrite !== undefined) material.depthWrite = json.depthWrite;
+                                       if (json.colorWrite !== undefined) material.colorWrite = json.colorWrite;
+                                       if (json.stencilWrite !== undefined) material.stencilWrite = json.stencilWrite;
+                                       if (json.stencilWriteMask !== undefined) material.stencilWriteMask = json.stencilWriteMask;
+                                       if (json.stencilFunc !== undefined) material.stencilFunc = json.stencilFunc;
+                                       if (json.stencilRef !== undefined) material.stencilRef = json.stencilRef;
+                                       if (json.stencilFuncMask !== undefined) material.stencilFuncMask = json.stencilFuncMask;
+                                       if (json.stencilFail !== undefined) material.stencilFail = json.stencilFail;
+                                       if (json.stencilZFail !== undefined) material.stencilZFail = json.stencilZFail;
+                                       if (json.stencilZPass !== undefined) material.stencilZPass = json.stencilZPass;
+                                       if (json.wireframe !== undefined) material.wireframe = json.wireframe;
+                                       if (json.wireframeLinewidth !== undefined) material.wireframeLinewidth = json.wireframeLinewidth;
+                                       if (json.wireframeLinecap !== undefined) material.wireframeLinecap = json.wireframeLinecap;
+                                       if (json.wireframeLinejoin !== undefined) material.wireframeLinejoin = json.wireframeLinejoin;
+                                       if (json.rotation !== undefined) material.rotation = json.rotation;
+                                       if (json.linewidth !== 1) material.linewidth = json.linewidth;
+                                       if (json.dashSize !== undefined) material.dashSize = json.dashSize;
+                                       if (json.gapSize !== undefined) material.gapSize = json.gapSize;
+                                       if (json.scale !== undefined) material.scale = json.scale;
+                                       if (json.polygonOffset !== undefined) material.polygonOffset = json.polygonOffset;
+                                       if (json.polygonOffsetFactor !== undefined) material.polygonOffsetFactor = json.polygonOffsetFactor;
+                                       if (json.polygonOffsetUnits !== undefined) material.polygonOffsetUnits = json.polygonOffsetUnits;
+                                       if (json.dithering !== undefined) material.dithering = json.dithering;
+                                       if (json.alphaToCoverage !== undefined) material.alphaToCoverage = json.alphaToCoverage;
+                                       if (json.premultipliedAlpha !== undefined) material.premultipliedAlpha = json.premultipliedAlpha;
+                                       if (json.visible !== undefined) material.visible = json.visible;
+                                       if (json.toneMapped !== undefined) material.toneMapped = json.toneMapped;
+                                       if (json.userData !== undefined) material.userData = json.userData;
+
+                                       if (json.vertexColors !== undefined) {
+                                               if (typeof json.vertexColors === 'number') {
+                                                       material.vertexColors = json.vertexColors > 0 ? true : false;
+                                               } else {
+                                                       material.vertexColors = json.vertexColors;
+                                               }
+                                       } // Shader Material
+
+
+                                       if (json.uniforms !== undefined) {
+                                               for (const name in json.uniforms) {
+                                                       const uniform = json.uniforms[name];
+                                                       material.uniforms[name] = {};
+
+                                                       switch (uniform.type) {
+                                                               case 't':
+                                                                       material.uniforms[name].value = getTexture(uniform.value);
+                                                                       break;
+
+                                                               case 'c':
+                                                                       material.uniforms[name].value = new Color().setHex(uniform.value);
+                                                                       break;
+
+                                                               case 'v2':
+                                                                       material.uniforms[name].value = new Vector2().fromArray(uniform.value);
+                                                                       break;
+
+                                                               case 'v3':
+                                                                       material.uniforms[name].value = new Vector3().fromArray(uniform.value);
+                                                                       break;
+
+                                                               case 'v4':
+                                                                       material.uniforms[name].value = new Vector4().fromArray(uniform.value);
+                                                                       break;
+
+                                                               case 'm3':
+                                                                       material.uniforms[name].value = new Matrix3().fromArray(uniform.value);
+                                                                       break;
+
+                                                               case 'm4':
+                                                                       material.uniforms[name].value = new Matrix4().fromArray(uniform.value);
+                                                                       break;
+
+                                                               default:
+                                                                       material.uniforms[name].value = uniform.value;
+                                                       }
+                                               }
+                                       }
+
+                                       if (json.defines !== undefined) material.defines = json.defines;
+                                       if (json.vertexShader !== undefined) material.vertexShader = json.vertexShader;
+                                       if (json.fragmentShader !== undefined) material.fragmentShader = json.fragmentShader;
+
+                                       if (json.extensions !== undefined) {
+                                               for (const key in json.extensions) {
+                                                       material.extensions[key] = json.extensions[key];
+                                               }
+                                       } // Deprecated
+
+
+                                       if (json.shading !== undefined) material.flatShading = json.shading === 1; // THREE.FlatShading
+                                       // for PointsMaterial
+
+                                       if (json.size !== undefined) material.size = json.size;
+                                       if (json.sizeAttenuation !== undefined) material.sizeAttenuation = json.sizeAttenuation; // maps
+
+                                       if (json.map !== undefined) material.map = getTexture(json.map);
+                                       if (json.matcap !== undefined) material.matcap = getTexture(json.matcap);
+                                       if (json.alphaMap !== undefined) material.alphaMap = getTexture(json.alphaMap);
+                                       if (json.bumpMap !== undefined) material.bumpMap = getTexture(json.bumpMap);
+                                       if (json.bumpScale !== undefined) material.bumpScale = json.bumpScale;
+                                       if (json.normalMap !== undefined) material.normalMap = getTexture(json.normalMap);
+                                       if (json.normalMapType !== undefined) material.normalMapType = json.normalMapType;
+
+                                       if (json.normalScale !== undefined) {
+                                               let normalScale = json.normalScale;
+
+                                               if (Array.isArray(normalScale) === false) {
+                                                       // Blender exporter used to export a scalar. See #7459
+                                                       normalScale = [normalScale, normalScale];
+                                               }
+
+                                               material.normalScale = new Vector2().fromArray(normalScale);
+                                       }
+
+                                       if (json.displacementMap !== undefined) material.displacementMap = getTexture(json.displacementMap);
+                                       if (json.displacementScale !== undefined) material.displacementScale = json.displacementScale;
+                                       if (json.displacementBias !== undefined) material.displacementBias = json.displacementBias;
+                                       if (json.roughnessMap !== undefined) material.roughnessMap = getTexture(json.roughnessMap);
+                                       if (json.metalnessMap !== undefined) material.metalnessMap = getTexture(json.metalnessMap);
+                                       if (json.emissiveMap !== undefined) material.emissiveMap = getTexture(json.emissiveMap);
+                                       if (json.emissiveIntensity !== undefined) material.emissiveIntensity = json.emissiveIntensity;
+                                       if (json.specularMap !== undefined) material.specularMap = getTexture(json.specularMap);
+                                       if (json.specularIntensityMap !== undefined) material.specularIntensityMap = getTexture(json.specularIntensityMap);
+                                       if (json.specularTintMap !== undefined) material.specularTintMap = getTexture(json.specularTintMap);
+                                       if (json.envMap !== undefined) material.envMap = getTexture(json.envMap);
+                                       if (json.envMapIntensity !== undefined) material.envMapIntensity = json.envMapIntensity;
+                                       if (json.reflectivity !== undefined) material.reflectivity = json.reflectivity;
+                                       if (json.refractionRatio !== undefined) material.refractionRatio = json.refractionRatio;
+                                       if (json.lightMap !== undefined) material.lightMap = getTexture(json.lightMap);
+                                       if (json.lightMapIntensity !== undefined) material.lightMapIntensity = json.lightMapIntensity;
+                                       if (json.aoMap !== undefined) material.aoMap = getTexture(json.aoMap);
+                                       if (json.aoMapIntensity !== undefined) material.aoMapIntensity = json.aoMapIntensity;
+                                       if (json.gradientMap !== undefined) material.gradientMap = getTexture(json.gradientMap);
+                                       if (json.clearcoatMap !== undefined) material.clearcoatMap = getTexture(json.clearcoatMap);
+                                       if (json.clearcoatRoughnessMap !== undefined) material.clearcoatRoughnessMap = getTexture(json.clearcoatRoughnessMap);
+                                       if (json.clearcoatNormalMap !== undefined) material.clearcoatNormalMap = getTexture(json.clearcoatNormalMap);
+                                       if (json.clearcoatNormalScale !== undefined) material.clearcoatNormalScale = new Vector2().fromArray(json.clearcoatNormalScale);
+                                       if (json.transmissionMap !== undefined) material.transmissionMap = getTexture(json.transmissionMap);
+                                       if (json.thicknessMap !== undefined) material.thicknessMap = getTexture(json.thicknessMap);
+                                       return material;
+                               }
+
+                               setTextures(value) {
+                                       this.textures = value;
+                                       return this;
+                               }
+
+                       }
+
+                       class LoaderUtils {
+                               static decodeText(array) {
+                                       if (typeof TextDecoder !== 'undefined') {
+                                               return new TextDecoder().decode(array);
+                                       } // Avoid the String.fromCharCode.apply(null, array) shortcut, which
+                                       // throws a "maximum call stack size exceeded" error for large arrays.
+
+
+                                       let s = '';
+
+                                       for (let i = 0, il = array.length; i < il; i++) {
+                                               // Implicitly assumes little-endian.
+                                               s += String.fromCharCode(array[i]);
+                                       }
+
+                                       try {
+                                               // merges multi-byte utf-8 characters.
+                                               return decodeURIComponent(escape(s));
+                                       } catch (e) {
+                                               // see #16358
+                                               return s;
+                                       }
+                               }
+
+                               static extractUrlBase(url) {
+                                       const index = url.lastIndexOf('/');
+                                       if (index === -1) return './';
+                                       return url.substr(0, index + 1);
+                               }
+
+                       }
+
+                       class InstancedBufferGeometry extends BufferGeometry {
+                               constructor() {
+                                       super();
+                                       this.type = 'InstancedBufferGeometry';
+                                       this.instanceCount = Infinity;
+                               }
+
+                               copy(source) {
+                                       super.copy(source);
+                                       this.instanceCount = source.instanceCount;
+                                       return this;
+                               }
+
+                               clone() {
+                                       return new this.constructor().copy(this);
+                               }
+
+                               toJSON() {
+                                       const data = super.toJSON(this);
+                                       data.instanceCount = this.instanceCount;
+                                       data.isInstancedBufferGeometry = true;
+                                       return data;
+                               }
+
+                       }
+
+                       InstancedBufferGeometry.prototype.isInstancedBufferGeometry = true;
+
+                       class BufferGeometryLoader extends Loader {
+                               constructor(manager) {
+                                       super(manager);
+                               }
+
+                               load(url, onLoad, onProgress, onError) {
+                                       const scope = this;
+                                       const loader = new FileLoader(scope.manager);
+                                       loader.setPath(scope.path);
+                                       loader.setRequestHeader(scope.requestHeader);
+                                       loader.setWithCredentials(scope.withCredentials);
+                                       loader.load(url, function (text) {
+                                               try {
+                                                       onLoad(scope.parse(JSON.parse(text)));
+                                               } catch (e) {
+                                                       if (onError) {
+                                                               onError(e);
+                                                       } else {
+                                                               console.error(e);
+                                                       }
+
+                                                       scope.manager.itemError(url);
+                                               }
+                                       }, onProgress, onError);
+                               }
+
+                               parse(json) {
+                                       const interleavedBufferMap = {};
+                                       const arrayBufferMap = {};
+
+                                       function getInterleavedBuffer(json, uuid) {
+                                               if (interleavedBufferMap[uuid] !== undefined) return interleavedBufferMap[uuid];
+                                               const interleavedBuffers = json.interleavedBuffers;
+                                               const interleavedBuffer = interleavedBuffers[uuid];
+                                               const buffer = getArrayBuffer(json, interleavedBuffer.buffer);
+                                               const array = getTypedArray(interleavedBuffer.type, buffer);
+                                               const ib = new InterleavedBuffer(array, interleavedBuffer.stride);
+                                               ib.uuid = interleavedBuffer.uuid;
+                                               interleavedBufferMap[uuid] = ib;
+                                               return ib;
+                                       }
+
+                                       function getArrayBuffer(json, uuid) {
+                                               if (arrayBufferMap[uuid] !== undefined) return arrayBufferMap[uuid];
+                                               const arrayBuffers = json.arrayBuffers;
+                                               const arrayBuffer = arrayBuffers[uuid];
+                                               const ab = new Uint32Array(arrayBuffer).buffer;
+                                               arrayBufferMap[uuid] = ab;
+                                               return ab;
+                                       }
+
+                                       const geometry = json.isInstancedBufferGeometry ? new InstancedBufferGeometry() : new BufferGeometry();
+                                       const index = json.data.index;
+
+                                       if (index !== undefined) {
+                                               const typedArray = getTypedArray(index.type, index.array);
+                                               geometry.setIndex(new BufferAttribute(typedArray, 1));
+                                       }
+
+                                       const attributes = json.data.attributes;
+
+                                       for (const key in attributes) {
+                                               const attribute = attributes[key];
+                                               let bufferAttribute;
+
+                                               if (attribute.isInterleavedBufferAttribute) {
+                                                       const interleavedBuffer = getInterleavedBuffer(json.data, attribute.data);
+                                                       bufferAttribute = new InterleavedBufferAttribute(interleavedBuffer, attribute.itemSize, attribute.offset, attribute.normalized);
+                                               } else {
+                                                       const typedArray = getTypedArray(attribute.type, attribute.array);
+                                                       const bufferAttributeConstr = attribute.isInstancedBufferAttribute ? InstancedBufferAttribute : BufferAttribute;
+                                                       bufferAttribute = new bufferAttributeConstr(typedArray, attribute.itemSize, attribute.normalized);
+                                               }
+
+                                               if (attribute.name !== undefined) bufferAttribute.name = attribute.name;
+                                               if (attribute.usage !== undefined) bufferAttribute.setUsage(attribute.usage);
+
+                                               if (attribute.updateRange !== undefined) {
+                                                       bufferAttribute.updateRange.offset = attribute.updateRange.offset;
+                                                       bufferAttribute.updateRange.count = attribute.updateRange.count;
+                                               }
+
+                                               geometry.setAttribute(key, bufferAttribute);
+                                       }
+
+                                       const morphAttributes = json.data.morphAttributes;
+
+                                       if (morphAttributes) {
+                                               for (const key in morphAttributes) {
+                                                       const attributeArray = morphAttributes[key];
+                                                       const array = [];
+
+                                                       for (let i = 0, il = attributeArray.length; i < il; i++) {
+                                                               const attribute = attributeArray[i];
+                                                               let bufferAttribute;
+
+                                                               if (attribute.isInterleavedBufferAttribute) {
+                                                                       const interleavedBuffer = getInterleavedBuffer(json.data, attribute.data);
+                                                                       bufferAttribute = new InterleavedBufferAttribute(interleavedBuffer, attribute.itemSize, attribute.offset, attribute.normalized);
+                                                               } else {
+                                                                       const typedArray = getTypedArray(attribute.type, attribute.array);
+                                                                       bufferAttribute = new BufferAttribute(typedArray, attribute.itemSize, attribute.normalized);
+                                                               }
+
+                                                               if (attribute.name !== undefined) bufferAttribute.name = attribute.name;
+                                                               array.push(bufferAttribute);
+                                                       }
+
+                                                       geometry.morphAttributes[key] = array;
+                                               }
+                                       }
+
+                                       const morphTargetsRelative = json.data.morphTargetsRelative;
+
+                                       if (morphTargetsRelative) {
+                                               geometry.morphTargetsRelative = true;
+                                       }
+
+                                       const groups = json.data.groups || json.data.drawcalls || json.data.offsets;
+
+                                       if (groups !== undefined) {
+                                               for (let i = 0, n = groups.length; i !== n; ++i) {
+                                                       const group = groups[i];
+                                                       geometry.addGroup(group.start, group.count, group.materialIndex);
+                                               }
+                                       }
+
+                                       const boundingSphere = json.data.boundingSphere;
+
+                                       if (boundingSphere !== undefined) {
+                                               const center = new Vector3();
+
+                                               if (boundingSphere.center !== undefined) {
+                                                       center.fromArray(boundingSphere.center);
+                                               }
+
+                                               geometry.boundingSphere = new Sphere(center, boundingSphere.radius);
+                                       }
+
+                                       if (json.name) geometry.name = json.name;
+                                       if (json.userData) geometry.userData = json.userData;
+                                       return geometry;
+                               }
+
+                       }
+
+                       class ObjectLoader extends Loader {
+                               constructor(manager) {
+                                       super(manager);
+                               }
+
+                               load(url, onLoad, onProgress, onError) {
+                                       const scope = this;
+                                       const path = this.path === '' ? LoaderUtils.extractUrlBase(url) : this.path;
+                                       this.resourcePath = this.resourcePath || path;
+                                       const loader = new FileLoader(this.manager);
+                                       loader.setPath(this.path);
+                                       loader.setRequestHeader(this.requestHeader);
+                                       loader.setWithCredentials(this.withCredentials);
+                                       loader.load(url, function (text) {
+                                               let json = null;
+
+                                               try {
+                                                       json = JSON.parse(text);
+                                               } catch (error) {
+                                                       if (onError !== undefined) onError(error);
+                                                       console.error('THREE:ObjectLoader: Can\'t parse ' + url + '.', error.message);
+                                                       return;
+                                               }
+
+                                               const metadata = json.metadata;
+
+                                               if (metadata === undefined || metadata.type === undefined || metadata.type.toLowerCase() === 'geometry') {
+                                                       console.error('THREE.ObjectLoader: Can\'t load ' + url);
+                                                       return;
+                                               }
+
+                                               scope.parse(json, onLoad);
+                                       }, onProgress, onError);
+                               }
+
+                               async loadAsync(url, onProgress) {
+                                       const scope = this;
+                                       const path = this.path === '' ? LoaderUtils.extractUrlBase(url) : this.path;
+                                       this.resourcePath = this.resourcePath || path;
+                                       const loader = new FileLoader(this.manager);
+                                       loader.setPath(this.path);
+                                       loader.setRequestHeader(this.requestHeader);
+                                       loader.setWithCredentials(this.withCredentials);
+                                       const text = await loader.loadAsync(url, onProgress);
+                                       const json = JSON.parse(text);
+                                       const metadata = json.metadata;
+
+                                       if (metadata === undefined || metadata.type === undefined || metadata.type.toLowerCase() === 'geometry') {
+                                               throw new Error('THREE.ObjectLoader: Can\'t load ' + url);
+                                       }
+
+                                       return await scope.parseAsync(json);
+                               }
+
+                               parse(json, onLoad) {
+                                       const animations = this.parseAnimations(json.animations);
+                                       const shapes = this.parseShapes(json.shapes);
+                                       const geometries = this.parseGeometries(json.geometries, shapes);
+                                       const images = this.parseImages(json.images, function () {
+                                               if (onLoad !== undefined) onLoad(object);
+                                       });
+                                       const textures = this.parseTextures(json.textures, images);
+                                       const materials = this.parseMaterials(json.materials, textures);
+                                       const object = this.parseObject(json.object, geometries, materials, textures, animations);
+                                       const skeletons = this.parseSkeletons(json.skeletons, object);
+                                       this.bindSkeletons(object, skeletons); //
+
+                                       if (onLoad !== undefined) {
+                                               let hasImages = false;
+
+                                               for (const uuid in images) {
+                                                       if (images[uuid] instanceof HTMLImageElement) {
+                                                               hasImages = true;
+                                                               break;
+                                                       }
+                                               }
+
+                                               if (hasImages === false) onLoad(object);
+                                       }
+
+                                       return object;
+                               }
+
+                               async parseAsync(json) {
+                                       const animations = this.parseAnimations(json.animations);
+                                       const shapes = this.parseShapes(json.shapes);
+                                       const geometries = this.parseGeometries(json.geometries, shapes);
+                                       const images = await this.parseImagesAsync(json.images);
+                                       const textures = this.parseTextures(json.textures, images);
+                                       const materials = this.parseMaterials(json.materials, textures);
+                                       const object = this.parseObject(json.object, geometries, materials, textures, animations);
+                                       const skeletons = this.parseSkeletons(json.skeletons, object);
+                                       this.bindSkeletons(object, skeletons);
+                                       return object;
+                               }
+
+                               parseShapes(json) {
+                                       const shapes = {};
+
+                                       if (json !== undefined) {
+                                               for (let i = 0, l = json.length; i < l; i++) {
+                                                       const shape = new Shape().fromJSON(json[i]);
+                                                       shapes[shape.uuid] = shape;
+                                               }
+                                       }
+
+                                       return shapes;
+                               }
+
+                               parseSkeletons(json, object) {
+                                       const skeletons = {};
+                                       const bones = {}; // generate bone lookup table
+
+                                       object.traverse(function (child) {
+                                               if (child.isBone) bones[child.uuid] = child;
+                                       }); // create skeletons
+
+                                       if (json !== undefined) {
+                                               for (let i = 0, l = json.length; i < l; i++) {
+                                                       const skeleton = new Skeleton().fromJSON(json[i], bones);
+                                                       skeletons[skeleton.uuid] = skeleton;
+                                               }
+                                       }
+
+                                       return skeletons;
+                               }
+
+                               parseGeometries(json, shapes) {
+                                       const geometries = {};
+
+                                       if (json !== undefined) {
+                                               const bufferGeometryLoader = new BufferGeometryLoader();
+
+                                               for (let i = 0, l = json.length; i < l; i++) {
+                                                       let geometry;
+                                                       const data = json[i];
+
+                                                       switch (data.type) {
+                                                               case 'BufferGeometry':
+                                                               case 'InstancedBufferGeometry':
+                                                                       geometry = bufferGeometryLoader.parse(data);
+                                                                       break;
+
+                                                               case 'Geometry':
+                                                                       console.error('THREE.ObjectLoader: The legacy Geometry type is no longer supported.');
+                                                                       break;
+
+                                                               default:
+                                                                       if (data.type in Geometries) {
+                                                                               geometry = Geometries[data.type].fromJSON(data, shapes);
+                                                                       } else {
+                                                                               console.warn(`THREE.ObjectLoader: Unsupported geometry type "${data.type}"`);
+                                                                       }
+
+                                                       }
+
+                                                       geometry.uuid = data.uuid;
+                                                       if (data.name !== undefined) geometry.name = data.name;
+                                                       if (geometry.isBufferGeometry === true && data.userData !== undefined) geometry.userData = data.userData;
+                                                       geometries[data.uuid] = geometry;
+                                               }
+                                       }
+
+                                       return geometries;
+                               }
+
+                               parseMaterials(json, textures) {
+                                       const cache = {}; // MultiMaterial
+
+                                       const materials = {};
+
+                                       if (json !== undefined) {
+                                               const loader = new MaterialLoader();
+                                               loader.setTextures(textures);
+
+                                               for (let i = 0, l = json.length; i < l; i++) {
+                                                       const data = json[i];
+
+                                                       if (data.type === 'MultiMaterial') {
+                                                               // Deprecated
+                                                               const array = [];
+
+                                                               for (let j = 0; j < data.materials.length; j++) {
+                                                                       const material = data.materials[j];
+
+                                                                       if (cache[material.uuid] === undefined) {
+                                                                               cache[material.uuid] = loader.parse(material);
+                                                                       }
+
+                                                                       array.push(cache[material.uuid]);
+                                                               }
+
+                                                               materials[data.uuid] = array;
+                                                       } else {
+                                                               if (cache[data.uuid] === undefined) {
+                                                                       cache[data.uuid] = loader.parse(data);
+                                                               }
+
+                                                               materials[data.uuid] = cache[data.uuid];
+                                                       }
+                                               }
+                                       }
+
+                                       return materials;
+                               }
+
+                               parseAnimations(json) {
+                                       const animations = {};
+
+                                       if (json !== undefined) {
+                                               for (let i = 0; i < json.length; i++) {
+                                                       const data = json[i];
+                                                       const clip = AnimationClip.parse(data);
+                                                       animations[clip.uuid] = clip;
+                                               }
+                                       }
+
+                                       return animations;
+                               }
+
+                               parseImages(json, onLoad) {
+                                       const scope = this;
+                                       const images = {};
+                                       let loader;
+
+                                       function loadImage(url) {
+                                               scope.manager.itemStart(url);
+                                               return loader.load(url, function () {
+                                                       scope.manager.itemEnd(url);
+                                               }, undefined, function () {
+                                                       scope.manager.itemError(url);
+                                                       scope.manager.itemEnd(url);
+                                               });
+                                       }
+
+                                       function deserializeImage(image) {
+                                               if (typeof image === 'string') {
+                                                       const url = image;
+                                                       const path = /^(\/\/)|([a-z]+:(\/\/)?)/i.test(url) ? url : scope.resourcePath + url;
+                                                       return loadImage(path);
+                                               } else {
+                                                       if (image.data) {
+                                                               return {
+                                                                       data: getTypedArray(image.type, image.data),
+                                                                       width: image.width,
+                                                                       height: image.height
+                                                               };
+                                                       } else {
+                                                               return null;
+                                                       }
+                                               }
+                                       }
+
+                                       if (json !== undefined && json.length > 0) {
+                                               const manager = new LoadingManager(onLoad);
+                                               loader = new ImageLoader(manager);
+                                               loader.setCrossOrigin(this.crossOrigin);
+
+                                               for (let i = 0, il = json.length; i < il; i++) {
+                                                       const image = json[i];
+                                                       const url = image.url;
+
+                                                       if (Array.isArray(url)) {
+                                                               // load array of images e.g CubeTexture
+                                                               images[image.uuid] = [];
+
+                                                               for (let j = 0, jl = url.length; j < jl; j++) {
+                                                                       const currentUrl = url[j];
+                                                                       const deserializedImage = deserializeImage(currentUrl);
+
+                                                                       if (deserializedImage !== null) {
+                                                                               if (deserializedImage instanceof HTMLImageElement) {
+                                                                                       images[image.uuid].push(deserializedImage);
+                                                                               } else {
+                                                                                       // special case: handle array of data textures for cube textures
+                                                                                       images[image.uuid].push(new DataTexture(deserializedImage.data, deserializedImage.width, deserializedImage.height));
+                                                                               }
+                                                                       }
+                                                               }
+                                                       } else {
+                                                               // load single image
+                                                               const deserializedImage = deserializeImage(image.url);
+
+                                                               if (deserializedImage !== null) {
+                                                                       images[image.uuid] = deserializedImage;
+                                                               }
+                                                       }
+                                               }
+                                       }
+
+                                       return images;
+                               }
+
+                               async parseImagesAsync(json) {
+                                       const scope = this;
+                                       const images = {};
+                                       let loader;
+
+                                       async function deserializeImage(image) {
+                                               if (typeof image === 'string') {
+                                                       const url = image;
+                                                       const path = /^(\/\/)|([a-z]+:(\/\/)?)/i.test(url) ? url : scope.resourcePath + url;
+                                                       return await loader.loadAsync(path);
+                                               } else {
+                                                       if (image.data) {
+                                                               return {
+                                                                       data: getTypedArray(image.type, image.data),
+                                                                       width: image.width,
+                                                                       height: image.height
+                                                               };
+                                                       } else {
+                                                               return null;
+                                                       }
+                                               }
+                                       }
+
+                                       if (json !== undefined && json.length > 0) {
+                                               loader = new ImageLoader(this.manager);
+                                               loader.setCrossOrigin(this.crossOrigin);
+
+                                               for (let i = 0, il = json.length; i < il; i++) {
+                                                       const image = json[i];
+                                                       const url = image.url;
+
+                                                       if (Array.isArray(url)) {
+                                                               // load array of images e.g CubeTexture
+                                                               images[image.uuid] = [];
+
+                                                               for (let j = 0, jl = url.length; j < jl; j++) {
+                                                                       const currentUrl = url[j];
+                                                                       const deserializedImage = await deserializeImage(currentUrl);
+
+                                                                       if (deserializedImage !== null) {
+                                                                               if (deserializedImage instanceof HTMLImageElement) {
+                                                                                       images[image.uuid].push(deserializedImage);
+                                                                               } else {
+                                                                                       // special case: handle array of data textures for cube textures
+                                                                                       images[image.uuid].push(new DataTexture(deserializedImage.data, deserializedImage.width, deserializedImage.height));
+                                                                               }
+                                                                       }
+                                                               }
+                                                       } else {
+                                                               // load single image
+                                                               const deserializedImage = await deserializeImage(image.url);
+
+                                                               if (deserializedImage !== null) {
+                                                                       images[image.uuid] = deserializedImage;
+                                                               }
+                                                       }
+                                               }
+                                       }
+
+                                       return images;
+                               }
+
+                               parseTextures(json, images) {
+                                       function parseConstant(value, type) {
+                                               if (typeof value === 'number') return value;
+                                               console.warn('THREE.ObjectLoader.parseTexture: Constant should be in numeric form.', value);
+                                               return type[value];
+                                       }
+
+                                       const textures = {};
+
+                                       if (json !== undefined) {
+                                               for (let i = 0, l = json.length; i < l; i++) {
+                                                       const data = json[i];
+
+                                                       if (data.image === undefined) {
+                                                               console.warn('THREE.ObjectLoader: No "image" specified for', data.uuid);
+                                                       }
+
+                                                       if (images[data.image] === undefined) {
+                                                               console.warn('THREE.ObjectLoader: Undefined image', data.image);
+                                                       }
+
+                                                       let texture;
+                                                       const image = images[data.image];
+
+                                                       if (Array.isArray(image)) {
+                                                               texture = new CubeTexture(image);
+                                                               if (image.length === 6) texture.needsUpdate = true;
+                                                       } else {
+                                                               if (image && image.data) {
+                                                                       texture = new DataTexture(image.data, image.width, image.height);
+                                                               } else {
+                                                                       texture = new Texture(image);
+                                                               }
+
+                                                               if (image) texture.needsUpdate = true; // textures can have undefined image data
+                                                       }
+
+                                                       texture.uuid = data.uuid;
+                                                       if (data.name !== undefined) texture.name = data.name;
+                                                       if (data.mapping !== undefined) texture.mapping = parseConstant(data.mapping, TEXTURE_MAPPING);
+                                                       if (data.offset !== undefined) texture.offset.fromArray(data.offset);
+                                                       if (data.repeat !== undefined) texture.repeat.fromArray(data.repeat);
+                                                       if (data.center !== undefined) texture.center.fromArray(data.center);
+                                                       if (data.rotation !== undefined) texture.rotation = data.rotation;
+
+                                                       if (data.wrap !== undefined) {
+                                                               texture.wrapS = parseConstant(data.wrap[0], TEXTURE_WRAPPING);
+                                                               texture.wrapT = parseConstant(data.wrap[1], TEXTURE_WRAPPING);
+                                                       }
+
+                                                       if (data.format !== undefined) texture.format = data.format;
+                                                       if (data.type !== undefined) texture.type = data.type;
+                                                       if (data.encoding !== undefined) texture.encoding = data.encoding;
+                                                       if (data.minFilter !== undefined) texture.minFilter = parseConstant(data.minFilter, TEXTURE_FILTER);
+                                                       if (data.magFilter !== undefined) texture.magFilter = parseConstant(data.magFilter, TEXTURE_FILTER);
+                                                       if (data.anisotropy !== undefined) texture.anisotropy = data.anisotropy;
+                                                       if (data.flipY !== undefined) texture.flipY = data.flipY;
+                                                       if (data.premultiplyAlpha !== undefined) texture.premultiplyAlpha = data.premultiplyAlpha;
+                                                       if (data.unpackAlignment !== undefined) texture.unpackAlignment = data.unpackAlignment;
+                                                       textures[data.uuid] = texture;
+                                               }
+                                       }
+
+                                       return textures;
+                               }
+
+                               parseObject(data, geometries, materials, textures, animations) {
+                                       let object;
+
+                                       function getGeometry(name) {
+                                               if (geometries[name] === undefined) {
+                                                       console.warn('THREE.ObjectLoader: Undefined geometry', name);
+                                               }
+
+                                               return geometries[name];
+                                       }
+
+                                       function getMaterial(name) {
+                                               if (name === undefined) return undefined;
+
+                                               if (Array.isArray(name)) {
+                                                       const array = [];
+
+                                                       for (let i = 0, l = name.length; i < l; i++) {
+                                                               const uuid = name[i];
+
+                                                               if (materials[uuid] === undefined) {
+                                                                       console.warn('THREE.ObjectLoader: Undefined material', uuid);
+                                                               }
+
+                                                               array.push(materials[uuid]);
+                                                       }
+
+                                                       return array;
+                                               }
+
+                                               if (materials[name] === undefined) {
+                                                       console.warn('THREE.ObjectLoader: Undefined material', name);
+                                               }
+
+                                               return materials[name];
+                                       }
+
+                                       function getTexture(uuid) {
+                                               if (textures[uuid] === undefined) {
+                                                       console.warn('THREE.ObjectLoader: Undefined texture', uuid);
+                                               }
+
+                                               return textures[uuid];
+                                       }
+
+                                       let geometry, material;
+
+                                       switch (data.type) {
+                                               case 'Scene':
+                                                       object = new Scene();
+
+                                                       if (data.background !== undefined) {
+                                                               if (Number.isInteger(data.background)) {
+                                                                       object.background = new Color(data.background);
+                                                               } else {
+                                                                       object.background = getTexture(data.background);
+                                                               }
+                                                       }
+
+                                                       if (data.environment !== undefined) {
+                                                               object.environment = getTexture(data.environment);
+                                                       }
+
+                                                       if (data.fog !== undefined) {
+                                                               if (data.fog.type === 'Fog') {
+                                                                       object.fog = new Fog(data.fog.color, data.fog.near, data.fog.far);
+                                                               } else if (data.fog.type === 'FogExp2') {
+                                                                       object.fog = new FogExp2(data.fog.color, data.fog.density);
+                                                               }
+                                                       }
+
+                                                       break;
+
+                                               case 'PerspectiveCamera':
+                                                       object = new PerspectiveCamera(data.fov, data.aspect, data.near, data.far);
+                                                       if (data.focus !== undefined) object.focus = data.focus;
+                                                       if (data.zoom !== undefined) object.zoom = data.zoom;
+                                                       if (data.filmGauge !== undefined) object.filmGauge = data.filmGauge;
+                                                       if (data.filmOffset !== undefined) object.filmOffset = data.filmOffset;
+                                                       if (data.view !== undefined) object.view = Object.assign({}, data.view);
+                                                       break;
+
+                                               case 'OrthographicCamera':
+                                                       object = new OrthographicCamera(data.left, data.right, data.top, data.bottom, data.near, data.far);
+                                                       if (data.zoom !== undefined) object.zoom = data.zoom;
+                                                       if (data.view !== undefined) object.view = Object.assign({}, data.view);
+                                                       break;
+
+                                               case 'AmbientLight':
+                                                       object = new AmbientLight(data.color, data.intensity);
+                                                       break;
+
+                                               case 'DirectionalLight':
+                                                       object = new DirectionalLight(data.color, data.intensity);
+                                                       break;
+
+                                               case 'PointLight':
+                                                       object = new PointLight(data.color, data.intensity, data.distance, data.decay);
+                                                       break;
+
+                                               case 'RectAreaLight':
+                                                       object = new RectAreaLight(data.color, data.intensity, data.width, data.height);
+                                                       break;
+
+                                               case 'SpotLight':
+                                                       object = new SpotLight(data.color, data.intensity, data.distance, data.angle, data.penumbra, data.decay);
+                                                       break;
+
+                                               case 'HemisphereLight':
+                                                       object = new HemisphereLight(data.color, data.groundColor, data.intensity);
+                                                       break;
+
+                                               case 'LightProbe':
+                                                       object = new LightProbe().fromJSON(data);
+                                                       break;
+
+                                               case 'SkinnedMesh':
+                                                       geometry = getGeometry(data.geometry);
+                                                       material = getMaterial(data.material);
+                                                       object = new SkinnedMesh(geometry, material);
+                                                       if (data.bindMode !== undefined) object.bindMode = data.bindMode;
+                                                       if (data.bindMatrix !== undefined) object.bindMatrix.fromArray(data.bindMatrix);
+                                                       if (data.skeleton !== undefined) object.skeleton = data.skeleton;
+                                                       break;
+
+                                               case 'Mesh':
+                                                       geometry = getGeometry(data.geometry);
+                                                       material = getMaterial(data.material);
+                                                       object = new Mesh(geometry, material);
+                                                       break;
+
+                                               case 'InstancedMesh':
+                                                       geometry = getGeometry(data.geometry);
+                                                       material = getMaterial(data.material);
+                                                       const count = data.count;
+                                                       const instanceMatrix = data.instanceMatrix;
+                                                       const instanceColor = data.instanceColor;
+                                                       object = new InstancedMesh(geometry, material, count);
+                                                       object.instanceMatrix = new InstancedBufferAttribute(new Float32Array(instanceMatrix.array), 16);
+                                                       if (instanceColor !== undefined) object.instanceColor = new InstancedBufferAttribute(new Float32Array(instanceColor.array), instanceColor.itemSize);
+                                                       break;
+
+                                               case 'LOD':
+                                                       object = new LOD();
+                                                       break;
+
+                                               case 'Line':
+                                                       object = new Line(getGeometry(data.geometry), getMaterial(data.material));
+                                                       break;
+
+                                               case 'LineLoop':
+                                                       object = new LineLoop(getGeometry(data.geometry), getMaterial(data.material));
+                                                       break;
+
+                                               case 'LineSegments':
+                                                       object = new LineSegments(getGeometry(data.geometry), getMaterial(data.material));
+                                                       break;
+
+                                               case 'PointCloud':
+                                               case 'Points':
+                                                       object = new Points(getGeometry(data.geometry), getMaterial(data.material));
+                                                       break;
+
+                                               case 'Sprite':
+                                                       object = new Sprite(getMaterial(data.material));
+                                                       break;
+
+                                               case 'Group':
+                                                       object = new Group();
+                                                       break;
+
+                                               case 'Bone':
+                                                       object = new Bone();
+                                                       break;
+
+                                               default:
+                                                       object = new Object3D();
+                                       }
+
+                                       object.uuid = data.uuid;
+                                       if (data.name !== undefined) object.name = data.name;
+
+                                       if (data.matrix !== undefined) {
+                                               object.matrix.fromArray(data.matrix);
+                                               if (data.matrixAutoUpdate !== undefined) object.matrixAutoUpdate = data.matrixAutoUpdate;
+                                               if (object.matrixAutoUpdate) object.matrix.decompose(object.position, object.quaternion, object.scale);
+                                       } else {
+                                               if (data.position !== undefined) object.position.fromArray(data.position);
+                                               if (data.rotation !== undefined) object.rotation.fromArray(data.rotation);
+                                               if (data.quaternion !== undefined) object.quaternion.fromArray(data.quaternion);
+                                               if (data.scale !== undefined) object.scale.fromArray(data.scale);
+                                       }
+
+                                       if (data.castShadow !== undefined) object.castShadow = data.castShadow;
+                                       if (data.receiveShadow !== undefined) object.receiveShadow = data.receiveShadow;
+
+                                       if (data.shadow) {
+                                               if (data.shadow.bias !== undefined) object.shadow.bias = data.shadow.bias;
+                                               if (data.shadow.normalBias !== undefined) object.shadow.normalBias = data.shadow.normalBias;
+                                               if (data.shadow.radius !== undefined) object.shadow.radius = data.shadow.radius;
+                                               if (data.shadow.mapSize !== undefined) object.shadow.mapSize.fromArray(data.shadow.mapSize);
+                                               if (data.shadow.camera !== undefined) object.shadow.camera = this.parseObject(data.shadow.camera);
+                                       }
+
+                                       if (data.visible !== undefined) object.visible = data.visible;
+                                       if (data.frustumCulled !== undefined) object.frustumCulled = data.frustumCulled;
+                                       if (data.renderOrder !== undefined) object.renderOrder = data.renderOrder;
+                                       if (data.userData !== undefined) object.userData = data.userData;
+                                       if (data.layers !== undefined) object.layers.mask = data.layers;
+
+                                       if (data.children !== undefined) {
+                                               const children = data.children;
+
+                                               for (let i = 0; i < children.length; i++) {
+                                                       object.add(this.parseObject(children[i], geometries, materials, textures, animations));
+                                               }
+                                       }
+
+                                       if (data.animations !== undefined) {
+                                               const objectAnimations = data.animations;
+
+                                               for (let i = 0; i < objectAnimations.length; i++) {
+                                                       const uuid = objectAnimations[i];
+                                                       object.animations.push(animations[uuid]);
+                                               }
+                                       }
+
+                                       if (data.type === 'LOD') {
+                                               if (data.autoUpdate !== undefined) object.autoUpdate = data.autoUpdate;
+                                               const levels = data.levels;
+
+                                               for (let l = 0; l < levels.length; l++) {
+                                                       const level = levels[l];
+                                                       const child = object.getObjectByProperty('uuid', level.object);
+
+                                                       if (child !== undefined) {
+                                                               object.addLevel(child, level.distance);
+                                                       }
+                                               }
+                                       }
+
+                                       return object;
+                               }
+
+                               bindSkeletons(object, skeletons) {
+                                       if (Object.keys(skeletons).length === 0) return;
+                                       object.traverse(function (child) {
+                                               if (child.isSkinnedMesh === true && child.skeleton !== undefined) {
+                                                       const skeleton = skeletons[child.skeleton];
+
+                                                       if (skeleton === undefined) {
+                                                               console.warn('THREE.ObjectLoader: No skeleton found with UUID:', child.skeleton);
+                                                       } else {
+                                                               child.bind(skeleton, child.bindMatrix);
+                                                       }
+                                               }
+                                       });
+                               }
+
+                               /* DEPRECATED */
+
+
+                               setTexturePath(value) {
+                                       console.warn('THREE.ObjectLoader: .setTexturePath() has been renamed to .setResourcePath().');
+                                       return this.setResourcePath(value);
+                               }
+
+                       }
+
+                       const TEXTURE_MAPPING = {
+                               UVMapping: UVMapping,
+                               CubeReflectionMapping: CubeReflectionMapping,
+                               CubeRefractionMapping: CubeRefractionMapping,
+                               EquirectangularReflectionMapping: EquirectangularReflectionMapping,
+                               EquirectangularRefractionMapping: EquirectangularRefractionMapping,
+                               CubeUVReflectionMapping: CubeUVReflectionMapping,
+                               CubeUVRefractionMapping: CubeUVRefractionMapping
+                       };
+                       const TEXTURE_WRAPPING = {
+                               RepeatWrapping: RepeatWrapping,
+                               ClampToEdgeWrapping: ClampToEdgeWrapping,
+                               MirroredRepeatWrapping: MirroredRepeatWrapping
+                       };
+                       const TEXTURE_FILTER = {
+                               NearestFilter: NearestFilter,
+                               NearestMipmapNearestFilter: NearestMipmapNearestFilter,
+                               NearestMipmapLinearFilter: NearestMipmapLinearFilter,
+                               LinearFilter: LinearFilter,
+                               LinearMipmapNearestFilter: LinearMipmapNearestFilter,
+                               LinearMipmapLinearFilter: LinearMipmapLinearFilter
+                       };
+
+                       class ImageBitmapLoader extends Loader {
+                               constructor(manager) {
+                                       super(manager);
+
+                                       if (typeof createImageBitmap === 'undefined') {
+                                               console.warn('THREE.ImageBitmapLoader: createImageBitmap() not supported.');
+                                       }
+
+                                       if (typeof fetch === 'undefined') {
+                                               console.warn('THREE.ImageBitmapLoader: fetch() not supported.');
+                                       }
+
+                                       this.options = {
+                                               premultiplyAlpha: 'none'
+                                       };
+                               }
+
+                               setOptions(options) {
+                                       this.options = options;
+                                       return this;
+                               }
+
+                               load(url, onLoad, onProgress, onError) {
+                                       if (url === undefined) url = '';
+                                       if (this.path !== undefined) url = this.path + url;
+                                       url = this.manager.resolveURL(url);
+                                       const scope = this;
+                                       const cached = Cache.get(url);
+
+                                       if (cached !== undefined) {
+                                               scope.manager.itemStart(url);
+                                               setTimeout(function () {
+                                                       if (onLoad) onLoad(cached);
+                                                       scope.manager.itemEnd(url);
+                                               }, 0);
+                                               return cached;
+                                       }
+
+                                       const fetchOptions = {};
+                                       fetchOptions.credentials = this.crossOrigin === 'anonymous' ? 'same-origin' : 'include';
+                                       fetchOptions.headers = this.requestHeader;
+                                       fetch(url, fetchOptions).then(function (res) {
+                                               return res.blob();
+                                       }).then(function (blob) {
+                                               return createImageBitmap(blob, Object.assign(scope.options, {
+                                                       colorSpaceConversion: 'none'
+                                               }));
+                                       }).then(function (imageBitmap) {
+                                               Cache.add(url, imageBitmap);
+                                               if (onLoad) onLoad(imageBitmap);
+                                               scope.manager.itemEnd(url);
+                                       }).catch(function (e) {
+                                               if (onError) onError(e);
+                                               scope.manager.itemError(url);
+                                               scope.manager.itemEnd(url);
+                                       });
+                                       scope.manager.itemStart(url);
+                               }
+
+                       }
+
+                       ImageBitmapLoader.prototype.isImageBitmapLoader = true;
+
+                       class ShapePath {
+                               constructor() {
+                                       this.type = 'ShapePath';
+                                       this.color = new Color();
+                                       this.subPaths = [];
+                                       this.currentPath = null;
+                               }
+
+                               moveTo(x, y) {
+                                       this.currentPath = new Path();
+                                       this.subPaths.push(this.currentPath);
+                                       this.currentPath.moveTo(x, y);
+                                       return this;
+                               }
+
+                               lineTo(x, y) {
+                                       this.currentPath.lineTo(x, y);
+                                       return this;
+                               }
+
+                               quadraticCurveTo(aCPx, aCPy, aX, aY) {
+                                       this.currentPath.quadraticCurveTo(aCPx, aCPy, aX, aY);
+                                       return this;
+                               }
+
+                               bezierCurveTo(aCP1x, aCP1y, aCP2x, aCP2y, aX, aY) {
+                                       this.currentPath.bezierCurveTo(aCP1x, aCP1y, aCP2x, aCP2y, aX, aY);
+                                       return this;
+                               }
+
+                               splineThru(pts) {
+                                       this.currentPath.splineThru(pts);
+                                       return this;
+                               }
+
+                               toShapes(isCCW, noHoles) {
+                                       function toShapesNoHoles(inSubpaths) {
+                                               const shapes = [];
+
+                                               for (let i = 0, l = inSubpaths.length; i < l; i++) {
+                                                       const tmpPath = inSubpaths[i];
+                                                       const tmpShape = new Shape();
+                                                       tmpShape.curves = tmpPath.curves;
+                                                       shapes.push(tmpShape);
+                                               }
+
+                                               return shapes;
+                                       }
+
+                                       function isPointInsidePolygon(inPt, inPolygon) {
+                                               const polyLen = inPolygon.length; // inPt on polygon contour => immediate success               or
+                                               // toggling of inside/outside at every single! intersection point of an edge
+                                               //      with the horizontal line through inPt, left of inPt
+                                               //      not counting lowerY endpoints of edges and whole edges on that line
+
+                                               let inside = false;
+
+                                               for (let p = polyLen - 1, q = 0; q < polyLen; p = q++) {
+                                                       let edgeLowPt = inPolygon[p];
+                                                       let edgeHighPt = inPolygon[q];
+                                                       let edgeDx = edgeHighPt.x - edgeLowPt.x;
+                                                       let edgeDy = edgeHighPt.y - edgeLowPt.y;
+
+                                                       if (Math.abs(edgeDy) > Number.EPSILON) {
+                                                               // not parallel
+                                                               if (edgeDy < 0) {
+                                                                       edgeLowPt = inPolygon[q];
+                                                                       edgeDx = -edgeDx;
+                                                                       edgeHighPt = inPolygon[p];
+                                                                       edgeDy = -edgeDy;
+                                                               }
+
+                                                               if (inPt.y < edgeLowPt.y || inPt.y > edgeHighPt.y) continue;
+
+                                                               if (inPt.y === edgeLowPt.y) {
+                                                                       if (inPt.x === edgeLowPt.x) return true; // inPt is on contour ?
+                                                                       // continue;                            // no intersection or edgeLowPt => doesn't count !!!
+                                                               } else {
+                                                                       const perpEdge = edgeDy * (inPt.x - edgeLowPt.x) - edgeDx * (inPt.y - edgeLowPt.y);
+                                                                       if (perpEdge === 0) return true; // inPt is on contour ?
+
+                                                                       if (perpEdge < 0) continue;
+                                                                       inside = !inside; // true intersection left of inPt
+                                                               }
+                                                       } else {
+                                                               // parallel or collinear
+                                                               if (inPt.y !== edgeLowPt.y) continue; // parallel
+                                                               // edge lies on the same horizontal line as inPt
+
+                                                               if (edgeHighPt.x <= inPt.x && inPt.x <= edgeLowPt.x || edgeLowPt.x <= inPt.x && inPt.x <= edgeHighPt.x) return true; // inPt: Point on contour !
+                                                               // continue;
+                                                       }
+                                               }
+
+                                               return inside;
+                                       }
+
+                                       const isClockWise = ShapeUtils.isClockWise;
+                                       const subPaths = this.subPaths;
+                                       if (subPaths.length === 0) return [];
+                                       if (noHoles === true) return toShapesNoHoles(subPaths);
+                                       let solid, tmpPath, tmpShape;
+                                       const shapes = [];
+
+                                       if (subPaths.length === 1) {
+                                               tmpPath = subPaths[0];
+                                               tmpShape = new Shape();
+                                               tmpShape.curves = tmpPath.curves;
+                                               shapes.push(tmpShape);
+                                               return shapes;
+                                       }
+
+                                       let holesFirst = !isClockWise(subPaths[0].getPoints());
+                                       holesFirst = isCCW ? !holesFirst : holesFirst; // console.log("Holes first", holesFirst);
+
+                                       const betterShapeHoles = [];
+                                       const newShapes = [];
+                                       let newShapeHoles = [];
+                                       let mainIdx = 0;
+                                       let tmpPoints;
+                                       newShapes[mainIdx] = undefined;
+                                       newShapeHoles[mainIdx] = [];
+
+                                       for (let i = 0, l = subPaths.length; i < l; i++) {
+                                               tmpPath = subPaths[i];
+                                               tmpPoints = tmpPath.getPoints();
+                                               solid = isClockWise(tmpPoints);
+                                               solid = isCCW ? !solid : solid;
+
+                                               if (solid) {
+                                                       if (!holesFirst && newShapes[mainIdx]) mainIdx++;
+                                                       newShapes[mainIdx] = {
+                                                               s: new Shape(),
+                                                               p: tmpPoints
+                                                       };
+                                                       newShapes[mainIdx].s.curves = tmpPath.curves;
+                                                       if (holesFirst) mainIdx++;
+                                                       newShapeHoles[mainIdx] = []; //console.log('cw', i);
+                                               } else {
+                                                       newShapeHoles[mainIdx].push({
+                                                               h: tmpPath,
+                                                               p: tmpPoints[0]
+                                                       }); //console.log('ccw', i);
+                                               }
+                                       } // only Holes? -> probably all Shapes with wrong orientation
+
+
+                                       if (!newShapes[0]) return toShapesNoHoles(subPaths);
+
+                                       if (newShapes.length > 1) {
+                                               let ambiguous = false;
+                                               const toChange = [];
+
+                                               for (let sIdx = 0, sLen = newShapes.length; sIdx < sLen; sIdx++) {
+                                                       betterShapeHoles[sIdx] = [];
+                                               }
+
+                                               for (let sIdx = 0, sLen = newShapes.length; sIdx < sLen; sIdx++) {
+                                                       const sho = newShapeHoles[sIdx];
+
+                                                       for (let hIdx = 0; hIdx < sho.length; hIdx++) {
+                                                               const ho = sho[hIdx];
+                                                               let hole_unassigned = true;
+
+                                                               for (let s2Idx = 0; s2Idx < newShapes.length; s2Idx++) {
+                                                                       if (isPointInsidePolygon(ho.p, newShapes[s2Idx].p)) {
+                                                                               if (sIdx !== s2Idx) toChange.push({
+                                                                                       froms: sIdx,
+                                                                                       tos: s2Idx,
+                                                                                       hole: hIdx
+                                                                               });
+
+                                                                               if (hole_unassigned) {
+                                                                                       hole_unassigned = false;
+                                                                                       betterShapeHoles[s2Idx].push(ho);
+                                                                               } else {
+                                                                                       ambiguous = true;
+                                                                               }
+                                                                       }
+                                                               }
+
+                                                               if (hole_unassigned) {
+                                                                       betterShapeHoles[sIdx].push(ho);
+                                                               }
+                                                       }
+                                               } // console.log("ambiguous: ", ambiguous);
+
+
+                                               if (toChange.length > 0) {
+                                                       // console.log("to change: ", toChange);
+                                                       if (!ambiguous) newShapeHoles = betterShapeHoles;
+                                               }
+                                       }
+
+                                       let tmpHoles;
+
+                                       for (let i = 0, il = newShapes.length; i < il; i++) {
+                                               tmpShape = newShapes[i].s;
+                                               shapes.push(tmpShape);
+                                               tmpHoles = newShapeHoles[i];
+
+                                               for (let j = 0, jl = tmpHoles.length; j < jl; j++) {
+                                                       tmpShape.holes.push(tmpHoles[j].h);
+                                               }
+                                       } //console.log("shape", shapes);
+
+
+                                       return shapes;
+                               }
+
+                       }
+
+                       class Font {
+                               constructor(data) {
+                                       this.type = 'Font';
+                                       this.data = data;
+                               }
+
+                               generateShapes(text, size = 100) {
+                                       const shapes = [];
+                                       const paths = createPaths(text, size, this.data);
+
+                                       for (let p = 0, pl = paths.length; p < pl; p++) {
+                                               Array.prototype.push.apply(shapes, paths[p].toShapes());
+                                       }
+
+                                       return shapes;
+                               }
+
+                       }
+
+                       function createPaths(text, size, data) {
+                               const chars = Array.from(text);
+                               const scale = size / data.resolution;
+                               const line_height = (data.boundingBox.yMax - data.boundingBox.yMin + data.underlineThickness) * scale;
+                               const paths = [];
+                               let offsetX = 0,
+                                       offsetY = 0;
+
+                               for (let i = 0; i < chars.length; i++) {
+                                       const char = chars[i];
+
+                                       if (char === '\n') {
+                                               offsetX = 0;
+                                               offsetY -= line_height;
+                                       } else {
+                                               const ret = createPath(char, scale, offsetX, offsetY, data);
+                                               offsetX += ret.offsetX;
+                                               paths.push(ret.path);
+                                       }
+                               }
+
+                               return paths;
+                       }
+
+                       function createPath(char, scale, offsetX, offsetY, data) {
+                               const glyph = data.glyphs[char] || data.glyphs['?'];
+
+                               if (!glyph) {
+                                       console.error('THREE.Font: character "' + char + '" does not exists in font family ' + data.familyName + '.');
+                                       return;
+                               }
+
+                               const path = new ShapePath();
+                               let x, y, cpx, cpy, cpx1, cpy1, cpx2, cpy2;
+
+                               if (glyph.o) {
+                                       const outline = glyph._cachedOutline || (glyph._cachedOutline = glyph.o.split(' '));
+
+                                       for (let i = 0, l = outline.length; i < l;) {
+                                               const action = outline[i++];
+
+                                               switch (action) {
+                                                       case 'm':
+                                                               // moveTo
+                                                               x = outline[i++] * scale + offsetX;
+                                                               y = outline[i++] * scale + offsetY;
+                                                               path.moveTo(x, y);
+                                                               break;
+
+                                                       case 'l':
+                                                               // lineTo
+                                                               x = outline[i++] * scale + offsetX;
+                                                               y = outline[i++] * scale + offsetY;
+                                                               path.lineTo(x, y);
+                                                               break;
+
+                                                       case 'q':
+                                                               // quadraticCurveTo
+                                                               cpx = outline[i++] * scale + offsetX;
+                                                               cpy = outline[i++] * scale + offsetY;
+                                                               cpx1 = outline[i++] * scale + offsetX;
+                                                               cpy1 = outline[i++] * scale + offsetY;
+                                                               path.quadraticCurveTo(cpx1, cpy1, cpx, cpy);
+                                                               break;
+
+                                                       case 'b':
+                                                               // bezierCurveTo
+                                                               cpx = outline[i++] * scale + offsetX;
+                                                               cpy = outline[i++] * scale + offsetY;
+                                                               cpx1 = outline[i++] * scale + offsetX;
+                                                               cpy1 = outline[i++] * scale + offsetY;
+                                                               cpx2 = outline[i++] * scale + offsetX;
+                                                               cpy2 = outline[i++] * scale + offsetY;
+                                                               path.bezierCurveTo(cpx1, cpy1, cpx2, cpy2, cpx, cpy);
+                                                               break;
+                                               }
+                                       }
+                               }
+
+                               return {
+                                       offsetX: glyph.ha * scale,
+                                       path: path
+                               };
+                       }
+
+                       Font.prototype.isFont = true;
+
+                       class FontLoader extends Loader {
+                               constructor(manager) {
+                                       super(manager);
+                               }
+
+                               load(url, onLoad, onProgress, onError) {
+                                       const scope = this;
+                                       const loader = new FileLoader(this.manager);
+                                       loader.setPath(this.path);
+                                       loader.setRequestHeader(this.requestHeader);
+                                       loader.setWithCredentials(scope.withCredentials);
+                                       loader.load(url, function (text) {
+                                               let json;
+
+                                               try {
+                                                       json = JSON.parse(text);
+                                               } catch (e) {
+                                                       console.warn('THREE.FontLoader: typeface.js support is being deprecated. Use typeface.json instead.');
+                                                       json = JSON.parse(text.substring(65, text.length - 2));
+                                               }
+
+                                               const font = scope.parse(json);
+                                               if (onLoad) onLoad(font);
+                                       }, onProgress, onError);
+                               }
+
+                               parse(json) {
+                                       return new Font(json);
+                               }
+
+                       }
+
+                       let _context;
+
+                       const AudioContext = {
+                               getContext: function () {
+                                       if (_context === undefined) {
+                                               _context = new (window.AudioContext || window.webkitAudioContext)();
+                                       }
+
+                                       return _context;
+                               },
+                               setContext: function (value) {
+                                       _context = value;
+                               }
+                       };
+
+                       class AudioLoader extends Loader {
+                               constructor(manager) {
+                                       super(manager);
+                               }
+
+                               load(url, onLoad, onProgress, onError) {
+                                       const scope = this;
+                                       const loader = new FileLoader(this.manager);
+                                       loader.setResponseType('arraybuffer');
+                                       loader.setPath(this.path);
+                                       loader.setRequestHeader(this.requestHeader);
+                                       loader.setWithCredentials(this.withCredentials);
+                                       loader.load(url, function (buffer) {
+                                               try {
+                                                       // Create a copy of the buffer. The `decodeAudioData` method
+                                                       // detaches the buffer when complete, preventing reuse.
+                                                       const bufferCopy = buffer.slice(0);
+                                                       const context = AudioContext.getContext();
+                                                       context.decodeAudioData(bufferCopy, function (audioBuffer) {
+                                                               onLoad(audioBuffer);
+                                                       });
+                                               } catch (e) {
+                                                       if (onError) {
+                                                               onError(e);
+                                                       } else {
+                                                               console.error(e);
+                                                       }
+
+                                                       scope.manager.itemError(url);
+                                               }
+                                       }, onProgress, onError);
+                               }
+
+                       }
+
+                       class HemisphereLightProbe extends LightProbe {
+                               constructor(skyColor, groundColor, intensity = 1) {
+                                       super(undefined, intensity);
+                                       const color1 = new Color().set(skyColor);
+                                       const color2 = new Color().set(groundColor);
+                                       const sky = new Vector3(color1.r, color1.g, color1.b);
+                                       const ground = new Vector3(color2.r, color2.g, color2.b); // without extra factor of PI in the shader, should = 1 / Math.sqrt( Math.PI );
+
+                                       const c0 = Math.sqrt(Math.PI);
+                                       const c1 = c0 * Math.sqrt(0.75);
+                                       this.sh.coefficients[0].copy(sky).add(ground).multiplyScalar(c0);
+                                       this.sh.coefficients[1].copy(sky).sub(ground).multiplyScalar(c1);
+                               }
+
+                       }
+
+                       HemisphereLightProbe.prototype.isHemisphereLightProbe = true;
+
+                       class AmbientLightProbe extends LightProbe {
+                               constructor(color, intensity = 1) {
+                                       super(undefined, intensity);
+                                       const color1 = new Color().set(color); // without extra factor of PI in the shader, would be 2 / Math.sqrt( Math.PI );
+
+                                       this.sh.coefficients[0].set(color1.r, color1.g, color1.b).multiplyScalar(2 * Math.sqrt(Math.PI));
+                               }
+
+                       }
+
+                       AmbientLightProbe.prototype.isAmbientLightProbe = true;
+
+                       const _eyeRight = /*@__PURE__*/new Matrix4();
+
+                       const _eyeLeft = /*@__PURE__*/new Matrix4();
+
+                       class StereoCamera {
+                               constructor() {
+                                       this.type = 'StereoCamera';
+                                       this.aspect = 1;
+                                       this.eyeSep = 0.064;
+                                       this.cameraL = new PerspectiveCamera();
+                                       this.cameraL.layers.enable(1);
+                                       this.cameraL.matrixAutoUpdate = false;
+                                       this.cameraR = new PerspectiveCamera();
+                                       this.cameraR.layers.enable(2);
+                                       this.cameraR.matrixAutoUpdate = false;
+                                       this._cache = {
+                                               focus: null,
+                                               fov: null,
+                                               aspect: null,
+                                               near: null,
+                                               far: null,
+                                               zoom: null,
+                                               eyeSep: null
+                                       };
+                               }
+
+                               update(camera) {
+                                       const cache = this._cache;
+                                       const needsUpdate = cache.focus !== camera.focus || cache.fov !== camera.fov || cache.aspect !== camera.aspect * this.aspect || cache.near !== camera.near || cache.far !== camera.far || cache.zoom !== camera.zoom || cache.eyeSep !== this.eyeSep;
+
+                                       if (needsUpdate) {
+                                               cache.focus = camera.focus;
+                                               cache.fov = camera.fov;
+                                               cache.aspect = camera.aspect * this.aspect;
+                                               cache.near = camera.near;
+                                               cache.far = camera.far;
+                                               cache.zoom = camera.zoom;
+                                               cache.eyeSep = this.eyeSep; // Off-axis stereoscopic effect based on
+                                               // http://paulbourke.net/stereographics/stereorender/
+
+                                               const projectionMatrix = camera.projectionMatrix.clone();
+                                               const eyeSepHalf = cache.eyeSep / 2;
+                                               const eyeSepOnProjection = eyeSepHalf * cache.near / cache.focus;
+                                               const ymax = cache.near * Math.tan(DEG2RAD * cache.fov * 0.5) / cache.zoom;
+                                               let xmin, xmax; // translate xOffset
+
+                                               _eyeLeft.elements[12] = -eyeSepHalf;
+                                               _eyeRight.elements[12] = eyeSepHalf; // for left eye
+
+                                               xmin = -ymax * cache.aspect + eyeSepOnProjection;
+                                               xmax = ymax * cache.aspect + eyeSepOnProjection;
+                                               projectionMatrix.elements[0] = 2 * cache.near / (xmax - xmin);
+                                               projectionMatrix.elements[8] = (xmax + xmin) / (xmax - xmin);
+                                               this.cameraL.projectionMatrix.copy(projectionMatrix); // for right eye
+
+                                               xmin = -ymax * cache.aspect - eyeSepOnProjection;
+                                               xmax = ymax * cache.aspect - eyeSepOnProjection;
+                                               projectionMatrix.elements[0] = 2 * cache.near / (xmax - xmin);
+                                               projectionMatrix.elements[8] = (xmax + xmin) / (xmax - xmin);
+                                               this.cameraR.projectionMatrix.copy(projectionMatrix);
+                                       }
+
+                                       this.cameraL.matrixWorld.copy(camera.matrixWorld).multiply(_eyeLeft);
+                                       this.cameraR.matrixWorld.copy(camera.matrixWorld).multiply(_eyeRight);
+                               }
+
+                       }
+
+                       class Clock {
+                               constructor(autoStart = true) {
+                                       this.autoStart = autoStart;
+                                       this.startTime = 0;
+                                       this.oldTime = 0;
+                                       this.elapsedTime = 0;
+                                       this.running = false;
+                               }
+
+                               start() {
+                                       this.startTime = now();
+                                       this.oldTime = this.startTime;
+                                       this.elapsedTime = 0;
+                                       this.running = true;
+                               }
+
+                               stop() {
+                                       this.getElapsedTime();
+                                       this.running = false;
+                                       this.autoStart = false;
+                               }
+
+                               getElapsedTime() {
+                                       this.getDelta();
+                                       return this.elapsedTime;
+                               }
+
+                               getDelta() {
+                                       let diff = 0;
+
+                                       if (this.autoStart && !this.running) {
+                                               this.start();
+                                               return 0;
+                                       }
+
+                                       if (this.running) {
+                                               const newTime = now();
+                                               diff = (newTime - this.oldTime) / 1000;
+                                               this.oldTime = newTime;
+                                               this.elapsedTime += diff;
+                                       }
+
+                                       return diff;
+                               }
+
+                       }
+
+                       function now() {
+                               return (typeof performance === 'undefined' ? Date : performance).now(); // see #10732
+                       }
+
+                       const _position$1 = /*@__PURE__*/new Vector3();
+
+                       const _quaternion$1 = /*@__PURE__*/new Quaternion();
+
+                       const _scale$1 = /*@__PURE__*/new Vector3();
+
+                       const _orientation$1 = /*@__PURE__*/new Vector3();
+
+                       class AudioListener extends Object3D {
+                               constructor() {
+                                       super();
+                                       this.type = 'AudioListener';
+                                       this.context = AudioContext.getContext();
+                                       this.gain = this.context.createGain();
+                                       this.gain.connect(this.context.destination);
+                                       this.filter = null;
+                                       this.timeDelta = 0; // private
+
+                                       this._clock = new Clock();
+                               }
+
+                               getInput() {
+                                       return this.gain;
+                               }
+
+                               removeFilter() {
+                                       if (this.filter !== null) {
+                                               this.gain.disconnect(this.filter);
+                                               this.filter.disconnect(this.context.destination);
+                                               this.gain.connect(this.context.destination);
+                                               this.filter = null;
+                                       }
+
+                                       return this;
+                               }
+
+                               getFilter() {
+                                       return this.filter;
+                               }
+
+                               setFilter(value) {
+                                       if (this.filter !== null) {
+                                               this.gain.disconnect(this.filter);
+                                               this.filter.disconnect(this.context.destination);
+                                       } else {
+                                               this.gain.disconnect(this.context.destination);
+                                       }
+
+                                       this.filter = value;
+                                       this.gain.connect(this.filter);
+                                       this.filter.connect(this.context.destination);
+                                       return this;
+                               }
+
+                               getMasterVolume() {
+                                       return this.gain.gain.value;
+                               }
+
+                               setMasterVolume(value) {
+                                       this.gain.gain.setTargetAtTime(value, this.context.currentTime, 0.01);
+                                       return this;
+                               }
+
+                               updateMatrixWorld(force) {
+                                       super.updateMatrixWorld(force);
+                                       const listener = this.context.listener;
+                                       const up = this.up;
+                                       this.timeDelta = this._clock.getDelta();
+                                       this.matrixWorld.decompose(_position$1, _quaternion$1, _scale$1);
+
+                                       _orientation$1.set(0, 0, -1).applyQuaternion(_quaternion$1);
+
+                                       if (listener.positionX) {
+                                               // code path for Chrome (see #14393)
+                                               const endTime = this.context.currentTime + this.timeDelta;
+                                               listener.positionX.linearRampToValueAtTime(_position$1.x, endTime);
+                                               listener.positionY.linearRampToValueAtTime(_position$1.y, endTime);
+                                               listener.positionZ.linearRampToValueAtTime(_position$1.z, endTime);
+                                               listener.forwardX.linearRampToValueAtTime(_orientation$1.x, endTime);
+                                               listener.forwardY.linearRampToValueAtTime(_orientation$1.y, endTime);
+                                               listener.forwardZ.linearRampToValueAtTime(_orientation$1.z, endTime);
+                                               listener.upX.linearRampToValueAtTime(up.x, endTime);
+                                               listener.upY.linearRampToValueAtTime(up.y, endTime);
+                                               listener.upZ.linearRampToValueAtTime(up.z, endTime);
+                                       } else {
+                                               listener.setPosition(_position$1.x, _position$1.y, _position$1.z);
+                                               listener.setOrientation(_orientation$1.x, _orientation$1.y, _orientation$1.z, up.x, up.y, up.z);
+                                       }
+                               }
+
+                       }
+
+                       class Audio extends Object3D {
+                               constructor(listener) {
+                                       super();
+                                       this.type = 'Audio';
+                                       this.listener = listener;
+                                       this.context = listener.context;
+                                       this.gain = this.context.createGain();
+                                       this.gain.connect(listener.getInput());
+                                       this.autoplay = false;
+                                       this.buffer = null;
+                                       this.detune = 0;
+                                       this.loop = false;
+                                       this.loopStart = 0;
+                                       this.loopEnd = 0;
+                                       this.offset = 0;
+                                       this.duration = undefined;
+                                       this.playbackRate = 1;
+                                       this.isPlaying = false;
+                                       this.hasPlaybackControl = true;
+                                       this.source = null;
+                                       this.sourceType = 'empty';
+                                       this._startedAt = 0;
+                                       this._progress = 0;
+                                       this._connected = false;
+                                       this.filters = [];
+                               }
+
+                               getOutput() {
+                                       return this.gain;
+                               }
+
+                               setNodeSource(audioNode) {
+                                       this.hasPlaybackControl = false;
+                                       this.sourceType = 'audioNode';
+                                       this.source = audioNode;
+                                       this.connect();
+                                       return this;
+                               }
+
+                               setMediaElementSource(mediaElement) {
+                                       this.hasPlaybackControl = false;
+                                       this.sourceType = 'mediaNode';
+                                       this.source = this.context.createMediaElementSource(mediaElement);
+                                       this.connect();
+                                       return this;
+                               }
+
+                               setMediaStreamSource(mediaStream) {
+                                       this.hasPlaybackControl = false;
+                                       this.sourceType = 'mediaStreamNode';
+                                       this.source = this.context.createMediaStreamSource(mediaStream);
+                                       this.connect();
+                                       return this;
+                               }
+
+                               setBuffer(audioBuffer) {
+                                       this.buffer = audioBuffer;
+                                       this.sourceType = 'buffer';
+                                       if (this.autoplay) this.play();
+                                       return this;
+                               }
+
+                               play(delay = 0) {
+                                       if (this.isPlaying === true) {
+                                               console.warn('THREE.Audio: Audio is already playing.');
+                                               return;
+                                       }
+
+                                       if (this.hasPlaybackControl === false) {
+                                               console.warn('THREE.Audio: this Audio has no playback control.');
+                                               return;
+                                       }
+
+                                       this._startedAt = this.context.currentTime + delay;
+                                       const source = this.context.createBufferSource();
+                                       source.buffer = this.buffer;
+                                       source.loop = this.loop;
+                                       source.loopStart = this.loopStart;
+                                       source.loopEnd = this.loopEnd;
+                                       source.onended = this.onEnded.bind(this);
+                                       source.start(this._startedAt, this._progress + this.offset, this.duration);
+                                       this.isPlaying = true;
+                                       this.source = source;
+                                       this.setDetune(this.detune);
+                                       this.setPlaybackRate(this.playbackRate);
+                                       return this.connect();
+                               }
+
+                               pause() {
+                                       if (this.hasPlaybackControl === false) {
+                                               console.warn('THREE.Audio: this Audio has no playback control.');
+                                               return;
+                                       }
+
+                                       if (this.isPlaying === true) {
+                                               // update current progress
+                                               this._progress += Math.max(this.context.currentTime - this._startedAt, 0) * this.playbackRate;
+
+                                               if (this.loop === true) {
+                                                       // ensure _progress does not exceed duration with looped audios
+                                                       this._progress = this._progress % (this.duration || this.buffer.duration);
+                                               }
+
+                                               this.source.stop();
+                                               this.source.onended = null;
+                                               this.isPlaying = false;
+                                       }
+
+                                       return this;
+                               }
+
+                               stop() {
+                                       if (this.hasPlaybackControl === false) {
+                                               console.warn('THREE.Audio: this Audio has no playback control.');
+                                               return;
+                                       }
+
+                                       this._progress = 0;
+                                       this.source.stop();
+                                       this.source.onended = null;
+                                       this.isPlaying = false;
+                                       return this;
+                               }
+
+                               connect() {
+                                       if (this.filters.length > 0) {
+                                               this.source.connect(this.filters[0]);
+
+                                               for (let i = 1, l = this.filters.length; i < l; i++) {
+                                                       this.filters[i - 1].connect(this.filters[i]);
+                                               }
+
+                                               this.filters[this.filters.length - 1].connect(this.getOutput());
+                                       } else {
+                                               this.source.connect(this.getOutput());
+                                       }
+
+                                       this._connected = true;
+                                       return this;
+                               }
+
+                               disconnect() {
+                                       if (this.filters.length > 0) {
+                                               this.source.disconnect(this.filters[0]);
+
+                                               for (let i = 1, l = this.filters.length; i < l; i++) {
+                                                       this.filters[i - 1].disconnect(this.filters[i]);
+                                               }
+
+                                               this.filters[this.filters.length - 1].disconnect(this.getOutput());
+                                       } else {
+                                               this.source.disconnect(this.getOutput());
+                                       }
+
+                                       this._connected = false;
+                                       return this;
+                               }
+
+                               getFilters() {
+                                       return this.filters;
+                               }
+
+                               setFilters(value) {
+                                       if (!value) value = [];
+
+                                       if (this._connected === true) {
+                                               this.disconnect();
+                                               this.filters = value.slice();
+                                               this.connect();
+                                       } else {
+                                               this.filters = value.slice();
+                                       }
+
+                                       return this;
+                               }
+
+                               setDetune(value) {
+                                       this.detune = value;
+                                       if (this.source.detune === undefined) return; // only set detune when available
+
+                                       if (this.isPlaying === true) {
+                                               this.source.detune.setTargetAtTime(this.detune, this.context.currentTime, 0.01);
+                                       }
+
+                                       return this;
+                               }
+
+                               getDetune() {
+                                       return this.detune;
+                               }
+
+                               getFilter() {
+                                       return this.getFilters()[0];
+                               }
+
+                               setFilter(filter) {
+                                       return this.setFilters(filter ? [filter] : []);
+                               }
+
+                               setPlaybackRate(value) {
+                                       if (this.hasPlaybackControl === false) {
+                                               console.warn('THREE.Audio: this Audio has no playback control.');
+                                               return;
+                                       }
+
+                                       this.playbackRate = value;
+
+                                       if (this.isPlaying === true) {
+                                               this.source.playbackRate.setTargetAtTime(this.playbackRate, this.context.currentTime, 0.01);
+                                       }
+
+                                       return this;
+                               }
+
+                               getPlaybackRate() {
+                                       return this.playbackRate;
+                               }
+
+                               onEnded() {
+                                       this.isPlaying = false;
+                               }
+
+                               getLoop() {
+                                       if (this.hasPlaybackControl === false) {
+                                               console.warn('THREE.Audio: this Audio has no playback control.');
+                                               return false;
+                                       }
+
+                                       return this.loop;
+                               }
+
+                               setLoop(value) {
+                                       if (this.hasPlaybackControl === false) {
+                                               console.warn('THREE.Audio: this Audio has no playback control.');
+                                               return;
+                                       }
+
+                                       this.loop = value;
+
+                                       if (this.isPlaying === true) {
+                                               this.source.loop = this.loop;
+                                       }
+
+                                       return this;
+                               }
+
+                               setLoopStart(value) {
+                                       this.loopStart = value;
+                                       return this;
+                               }
+
+                               setLoopEnd(value) {
+                                       this.loopEnd = value;
+                                       return this;
+                               }
+
+                               getVolume() {
+                                       return this.gain.gain.value;
+                               }
+
+                               setVolume(value) {
+                                       this.gain.gain.setTargetAtTime(value, this.context.currentTime, 0.01);
+                                       return this;
+                               }
+
+                       }
+
+                       const _position = /*@__PURE__*/new Vector3();
+
+                       const _quaternion = /*@__PURE__*/new Quaternion();
+
+                       const _scale = /*@__PURE__*/new Vector3();
+
+                       const _orientation = /*@__PURE__*/new Vector3();
+
+                       class PositionalAudio extends Audio {
+                               constructor(listener) {
+                                       super(listener);
+                                       this.panner = this.context.createPanner();
+                                       this.panner.panningModel = 'HRTF';
+                                       this.panner.connect(this.gain);
+                               }
+
+                               getOutput() {
+                                       return this.panner;
+                               }
+
+                               getRefDistance() {
+                                       return this.panner.refDistance;
+                               }
+
+                               setRefDistance(value) {
+                                       this.panner.refDistance = value;
+                                       return this;
+                               }
+
+                               getRolloffFactor() {
+                                       return this.panner.rolloffFactor;
+                               }
+
+                               setRolloffFactor(value) {
+                                       this.panner.rolloffFactor = value;
+                                       return this;
+                               }
+
+                               getDistanceModel() {
+                                       return this.panner.distanceModel;
+                               }
+
+                               setDistanceModel(value) {
+                                       this.panner.distanceModel = value;
+                                       return this;
+                               }
+
+                               getMaxDistance() {
+                                       return this.panner.maxDistance;
+                               }
+
+                               setMaxDistance(value) {
+                                       this.panner.maxDistance = value;
+                                       return this;
+                               }
+
+                               setDirectionalCone(coneInnerAngle, coneOuterAngle, coneOuterGain) {
+                                       this.panner.coneInnerAngle = coneInnerAngle;
+                                       this.panner.coneOuterAngle = coneOuterAngle;
+                                       this.panner.coneOuterGain = coneOuterGain;
+                                       return this;
+                               }
+
+                               updateMatrixWorld(force) {
+                                       super.updateMatrixWorld(force);
+                                       if (this.hasPlaybackControl === true && this.isPlaying === false) return;
+                                       this.matrixWorld.decompose(_position, _quaternion, _scale);
+
+                                       _orientation.set(0, 0, 1).applyQuaternion(_quaternion);
+
+                                       const panner = this.panner;
+
+                                       if (panner.positionX) {
+                                               // code path for Chrome and Firefox (see #14393)
+                                               const endTime = this.context.currentTime + this.listener.timeDelta;
+                                               panner.positionX.linearRampToValueAtTime(_position.x, endTime);
+                                               panner.positionY.linearRampToValueAtTime(_position.y, endTime);
+                                               panner.positionZ.linearRampToValueAtTime(_position.z, endTime);
+                                               panner.orientationX.linearRampToValueAtTime(_orientation.x, endTime);
+                                               panner.orientationY.linearRampToValueAtTime(_orientation.y, endTime);
+                                               panner.orientationZ.linearRampToValueAtTime(_orientation.z, endTime);
+                                       } else {
+                                               panner.setPosition(_position.x, _position.y, _position.z);
+                                               panner.setOrientation(_orientation.x, _orientation.y, _orientation.z);
+                                       }
+                               }
+
+                       }
+
+                       class AudioAnalyser {
+                               constructor(audio, fftSize = 2048) {
+                                       this.analyser = audio.context.createAnalyser();
+                                       this.analyser.fftSize = fftSize;
+                                       this.data = new Uint8Array(this.analyser.frequencyBinCount);
+                                       audio.getOutput().connect(this.analyser);
+                               }
+
+                               getFrequencyData() {
+                                       this.analyser.getByteFrequencyData(this.data);
+                                       return this.data;
+                               }
+
+                               getAverageFrequency() {
+                                       let value = 0;
+                                       const data = this.getFrequencyData();
+
+                                       for (let i = 0; i < data.length; i++) {
+                                               value += data[i];
+                                       }
+
+                                       return value / data.length;
+                               }
+
+                       }
+
+                       class PropertyMixer {
+                               constructor(binding, typeName, valueSize) {
+                                       this.binding = binding;
+                                       this.valueSize = valueSize;
+                                       let mixFunction, mixFunctionAdditive, setIdentity; // buffer layout: [ incoming | accu0 | accu1 | orig | addAccu | (optional work) ]
+                                       //
+                                       // interpolators can use .buffer as their .result
+                                       // the data then goes to 'incoming'
+                                       //
+                                       // 'accu0' and 'accu1' are used frame-interleaved for
+                                       // the cumulative result and are compared to detect
+                                       // changes
+                                       //
+                                       // 'orig' stores the original state of the property
+                                       //
+                                       // 'add' is used for additive cumulative results
+                                       //
+                                       // 'work' is optional and is only present for quaternion types. It is used
+                                       // to store intermediate quaternion multiplication results
+
+                                       switch (typeName) {
+                                               case 'quaternion':
+                                                       mixFunction = this._slerp;
+                                                       mixFunctionAdditive = this._slerpAdditive;
+                                                       setIdentity = this._setAdditiveIdentityQuaternion;
+                                                       this.buffer = new Float64Array(valueSize * 6);
+                                                       this._workIndex = 5;
+                                                       break;
+
+                                               case 'string':
+                                               case 'bool':
+                                                       mixFunction = this._select; // Use the regular mix function and for additive on these types,
+                                                       // additive is not relevant for non-numeric types
+
+                                                       mixFunctionAdditive = this._select;
+                                                       setIdentity = this._setAdditiveIdentityOther;
+                                                       this.buffer = new Array(valueSize * 5);
+                                                       break;
+
+                                               default:
+                                                       mixFunction = this._lerp;
+                                                       mixFunctionAdditive = this._lerpAdditive;
+                                                       setIdentity = this._setAdditiveIdentityNumeric;
+                                                       this.buffer = new Float64Array(valueSize * 5);
+                                       }
+
+                                       this._mixBufferRegion = mixFunction;
+                                       this._mixBufferRegionAdditive = mixFunctionAdditive;
+                                       this._setIdentity = setIdentity;
+                                       this._origIndex = 3;
+                                       this._addIndex = 4;
+                                       this.cumulativeWeight = 0;
+                                       this.cumulativeWeightAdditive = 0;
+                                       this.useCount = 0;
+                                       this.referenceCount = 0;
+                               } // accumulate data in the 'incoming' region into 'accu<i>'
+
+
+                               accumulate(accuIndex, weight) {
+                                       // note: happily accumulating nothing when weight = 0, the caller knows
+                                       // the weight and shouldn't have made the call in the first place
+                                       const buffer = this.buffer,
+                                               stride = this.valueSize,
+                                               offset = accuIndex * stride + stride;
+                                       let currentWeight = this.cumulativeWeight;
+
+                                       if (currentWeight === 0) {
+                                               // accuN := incoming * weight
+                                               for (let i = 0; i !== stride; ++i) {
+                                                       buffer[offset + i] = buffer[i];
+                                               }
+
+                                               currentWeight = weight;
+                                       } else {
+                                               // accuN := accuN + incoming * weight
+                                               currentWeight += weight;
+                                               const mix = weight / currentWeight;
+
+                                               this._mixBufferRegion(buffer, offset, 0, mix, stride);
+                                       }
+
+                                       this.cumulativeWeight = currentWeight;
+                               } // accumulate data in the 'incoming' region into 'add'
+
+
+                               accumulateAdditive(weight) {
+                                       const buffer = this.buffer,
+                                               stride = this.valueSize,
+                                               offset = stride * this._addIndex;
+
+                                       if (this.cumulativeWeightAdditive === 0) {
+                                               // add = identity
+                                               this._setIdentity();
+                                       } // add := add + incoming * weight
+
+
+                                       this._mixBufferRegionAdditive(buffer, offset, 0, weight, stride);
+
+                                       this.cumulativeWeightAdditive += weight;
+                               } // apply the state of 'accu<i>' to the binding when accus differ
+
+
+                               apply(accuIndex) {
+                                       const stride = this.valueSize,
+                                               buffer = this.buffer,
+                                               offset = accuIndex * stride + stride,
+                                               weight = this.cumulativeWeight,
+                                               weightAdditive = this.cumulativeWeightAdditive,
+                                               binding = this.binding;
+                                       this.cumulativeWeight = 0;
+                                       this.cumulativeWeightAdditive = 0;
+
+                                       if (weight < 1) {
+                                               // accuN := accuN + original * ( 1 - cumulativeWeight )
+                                               const originalValueOffset = stride * this._origIndex;
+
+                                               this._mixBufferRegion(buffer, offset, originalValueOffset, 1 - weight, stride);
+                                       }
+
+                                       if (weightAdditive > 0) {
+                                               // accuN := accuN + additive accuN
+                                               this._mixBufferRegionAdditive(buffer, offset, this._addIndex * stride, 1, stride);
+                                       }
+
+                                       for (let i = stride, e = stride + stride; i !== e; ++i) {
+                                               if (buffer[i] !== buffer[i + stride]) {
+                                                       // value has changed -> update scene graph
+                                                       binding.setValue(buffer, offset);
+                                                       break;
+                                               }
+                                       }
+                               } // remember the state of the bound property and copy it to both accus
+
+
+                               saveOriginalState() {
+                                       const binding = this.binding;
+                                       const buffer = this.buffer,
+                                               stride = this.valueSize,
+                                               originalValueOffset = stride * this._origIndex;
+                                       binding.getValue(buffer, originalValueOffset); // accu[0..1] := orig -- initially detect changes against the original
+
+                                       for (let i = stride, e = originalValueOffset; i !== e; ++i) {
+                                               buffer[i] = buffer[originalValueOffset + i % stride];
+                                       } // Add to identity for additive
+
+
+                                       this._setIdentity();
+
+                                       this.cumulativeWeight = 0;
+                                       this.cumulativeWeightAdditive = 0;
+                               } // apply the state previously taken via 'saveOriginalState' to the binding
+
+
+                               restoreOriginalState() {
+                                       const originalValueOffset = this.valueSize * 3;
+                                       this.binding.setValue(this.buffer, originalValueOffset);
+                               }
+
+                               _setAdditiveIdentityNumeric() {
+                                       const startIndex = this._addIndex * this.valueSize;
+                                       const endIndex = startIndex + this.valueSize;
+
+                                       for (let i = startIndex; i < endIndex; i++) {
+                                               this.buffer[i] = 0;
+                                       }
+                               }
+
+                               _setAdditiveIdentityQuaternion() {
+                                       this._setAdditiveIdentityNumeric();
+
+                                       this.buffer[this._addIndex * this.valueSize + 3] = 1;
+                               }
+
+                               _setAdditiveIdentityOther() {
+                                       const startIndex = this._origIndex * this.valueSize;
+                                       const targetIndex = this._addIndex * this.valueSize;
+
+                                       for (let i = 0; i < this.valueSize; i++) {
+                                               this.buffer[targetIndex + i] = this.buffer[startIndex + i];
+                                       }
+                               } // mix functions
+
+
+                               _select(buffer, dstOffset, srcOffset, t, stride) {
+                                       if (t >= 0.5) {
+                                               for (let i = 0; i !== stride; ++i) {
+                                                       buffer[dstOffset + i] = buffer[srcOffset + i];
+                                               }
+                                       }
+                               }
+
+                               _slerp(buffer, dstOffset, srcOffset, t) {
+                                       Quaternion.slerpFlat(buffer, dstOffset, buffer, dstOffset, buffer, srcOffset, t);
+                               }
+
+                               _slerpAdditive(buffer, dstOffset, srcOffset, t, stride) {
+                                       const workOffset = this._workIndex * stride; // Store result in intermediate buffer offset
+
+                                       Quaternion.multiplyQuaternionsFlat(buffer, workOffset, buffer, dstOffset, buffer, srcOffset); // Slerp to the intermediate result
+
+                                       Quaternion.slerpFlat(buffer, dstOffset, buffer, dstOffset, buffer, workOffset, t);
+                               }
+
+                               _lerp(buffer, dstOffset, srcOffset, t, stride) {
+                                       const s = 1 - t;
+
+                                       for (let i = 0; i !== stride; ++i) {
+                                               const j = dstOffset + i;
+                                               buffer[j] = buffer[j] * s + buffer[srcOffset + i] * t;
+                                       }
+                               }
+
+                               _lerpAdditive(buffer, dstOffset, srcOffset, t, stride) {
+                                       for (let i = 0; i !== stride; ++i) {
+                                               const j = dstOffset + i;
+                                               buffer[j] = buffer[j] + buffer[srcOffset + i] * t;
+                                       }
+                               }
+
+                       }
+
+                       // Characters [].:/ are reserved for track binding syntax.
+                       const _RESERVED_CHARS_RE = '\\[\\]\\.:\\/';
+
+                       const _reservedRe = new RegExp('[' + _RESERVED_CHARS_RE + ']', 'g'); // Attempts to allow node names from any language. ES5's `\w` regexp matches
+                       // only latin characters, and the unicode \p{L} is not yet supported. So
+                       // instead, we exclude reserved characters and match everything else.
+
+
+                       const _wordChar = '[^' + _RESERVED_CHARS_RE + ']';
+
+                       const _wordCharOrDot = '[^' + _RESERVED_CHARS_RE.replace('\\.', '') + ']'; // Parent directories, delimited by '/' or ':'. Currently unused, but must
+                       // be matched to parse the rest of the track name.
+
+
+                       const _directoryRe = /((?:WC+[\/:])*)/.source.replace('WC', _wordChar); // Target node. May contain word characters (a-zA-Z0-9_) and '.' or '-'.
+
+
+                       const _nodeRe = /(WCOD+)?/.source.replace('WCOD', _wordCharOrDot); // Object on target node, and accessor. May not contain reserved
+                       // characters. Accessor may contain any character except closing bracket.
+
+
+                       const _objectRe = /(?:\.(WC+)(?:\[(.+)\])?)?/.source.replace('WC', _wordChar); // Property and accessor. May not contain reserved characters. Accessor may
+                       // contain any non-bracket characters.
+
+
+                       const _propertyRe = /\.(WC+)(?:\[(.+)\])?/.source.replace('WC', _wordChar);
+
+                       const _trackRe = new RegExp('' + '^' + _directoryRe + _nodeRe + _objectRe + _propertyRe + '$');
+
+                       const _supportedObjectNames = ['material', 'materials', 'bones'];
+
+                       class Composite {
+                               constructor(targetGroup, path, optionalParsedPath) {
+                                       const parsedPath = optionalParsedPath || PropertyBinding.parseTrackName(path);
+                                       this._targetGroup = targetGroup;
+                                       this._bindings = targetGroup.subscribe_(path, parsedPath);
+                               }
+
+                               getValue(array, offset) {
+                                       this.bind(); // bind all binding
+
+                                       const firstValidIndex = this._targetGroup.nCachedObjects_,
+                                               binding = this._bindings[firstValidIndex]; // and only call .getValue on the first
+
+                                       if (binding !== undefined) binding.getValue(array, offset);
+                               }
+
+                               setValue(array, offset) {
+                                       const bindings = this._bindings;
+
+                                       for (let i = this._targetGroup.nCachedObjects_, n = bindings.length; i !== n; ++i) {
+                                               bindings[i].setValue(array, offset);
+                                       }
+                               }
+
+                               bind() {
+                                       const bindings = this._bindings;
+
+                                       for (let i = this._targetGroup.nCachedObjects_, n = bindings.length; i !== n; ++i) {
+                                               bindings[i].bind();
+                                       }
+                               }
+
+                               unbind() {
+                                       const bindings = this._bindings;
+
+                                       for (let i = this._targetGroup.nCachedObjects_, n = bindings.length; i !== n; ++i) {
+                                               bindings[i].unbind();
+                                       }
+                               }
+
+                       } // Note: This class uses a State pattern on a per-method basis:
+                       // 'bind' sets 'this.getValue' / 'setValue' and shadows the
+                       // prototype version of these methods with one that represents
+                       // the bound state. When the property is not found, the methods
+                       // become no-ops.
+
+
+                       class PropertyBinding {
+                               constructor(rootNode, path, parsedPath) {
+                                       this.path = path;
+                                       this.parsedPath = parsedPath || PropertyBinding.parseTrackName(path);
+                                       this.node = PropertyBinding.findNode(rootNode, this.parsedPath.nodeName) || rootNode;
+                                       this.rootNode = rootNode; // initial state of these methods that calls 'bind'
+
+                                       this.getValue = this._getValue_unbound;
+                                       this.setValue = this._setValue_unbound;
+                               }
+
+                               static create(root, path, parsedPath) {
+                                       if (!(root && root.isAnimationObjectGroup)) {
+                                               return new PropertyBinding(root, path, parsedPath);
+                                       } else {
+                                               return new PropertyBinding.Composite(root, path, parsedPath);
+                                       }
+                               }
+
+                               /**
+                                * Replaces spaces with underscores and removes unsupported characters from
+                                * node names, to ensure compatibility with parseTrackName().
+                                *
+                                * @param {string} name Node name to be sanitized.
+                                * @return {string}
+                                */
+
+
+                               static sanitizeNodeName(name) {
+                                       return name.replace(/\s/g, '_').replace(_reservedRe, '');
+                               }
+
+                               static parseTrackName(trackName) {
+                                       const matches = _trackRe.exec(trackName);
+
+                                       if (!matches) {
+                                               throw new Error('PropertyBinding: Cannot parse trackName: ' + trackName);
+                                       }
+
+                                       const results = {
+                                               // directoryName: matches[ 1 ], // (tschw) currently unused
+                                               nodeName: matches[2],
+                                               objectName: matches[3],
+                                               objectIndex: matches[4],
+                                               propertyName: matches[5],
+                                               // required
+                                               propertyIndex: matches[6]
+                                       };
+                                       const lastDot = results.nodeName && results.nodeName.lastIndexOf('.');
+
+                                       if (lastDot !== undefined && lastDot !== -1) {
+                                               const objectName = results.nodeName.substring(lastDot + 1); // Object names must be checked against an allowlist. Otherwise, there
+                                               // is no way to parse 'foo.bar.baz': 'baz' must be a property, but
+                                               // 'bar' could be the objectName, or part of a nodeName (which can
+                                               // include '.' characters).
+
+                                               if (_supportedObjectNames.indexOf(objectName) !== -1) {
+                                                       results.nodeName = results.nodeName.substring(0, lastDot);
+                                                       results.objectName = objectName;
+                                               }
+                                       }
+
+                                       if (results.propertyName === null || results.propertyName.length === 0) {
+                                               throw new Error('PropertyBinding: can not parse propertyName from trackName: ' + trackName);
+                                       }
+
+                                       return results;
+                               }
+
+                               static findNode(root, nodeName) {
+                                       if (!nodeName || nodeName === '' || nodeName === '.' || nodeName === -1 || nodeName === root.name || nodeName === root.uuid) {
+                                               return root;
+                                       } // search into skeleton bones.
+
+
+                                       if (root.skeleton) {
+                                               const bone = root.skeleton.getBoneByName(nodeName);
+
+                                               if (bone !== undefined) {
+                                                       return bone;
+                                               }
+                                       } // search into node subtree.
+
+
+                                       if (root.children) {
+                                               const searchNodeSubtree = function (children) {
+                                                       for (let i = 0; i < children.length; i++) {
+                                                               const childNode = children[i];
+
+                                                               if (childNode.name === nodeName || childNode.uuid === nodeName) {
+                                                                       return childNode;
+                                                               }
+
+                                                               const result = searchNodeSubtree(childNode.children);
+                                                               if (result) return result;
+                                                       }
+
+                                                       return null;
+                                               };
+
+                                               const subTreeNode = searchNodeSubtree(root.children);
+
+                                               if (subTreeNode) {
+                                                       return subTreeNode;
+                                               }
+                                       }
+
+                                       return null;
+                               } // these are used to "bind" a nonexistent property
+
+
+                               _getValue_unavailable() {
+                               }
+
+                               _setValue_unavailable() {
+                               } // Getters
+
+
+                               _getValue_direct(buffer, offset) {
+                                       buffer[offset] = this.targetObject[this.propertyName];
+                               }
+
+                               _getValue_array(buffer, offset) {
+                                       const source = this.resolvedProperty;
+
+                                       for (let i = 0, n = source.length; i !== n; ++i) {
+                                               buffer[offset++] = source[i];
+                                       }
+                               }
+
+                               _getValue_arrayElement(buffer, offset) {
+                                       buffer[offset] = this.resolvedProperty[this.propertyIndex];
+                               }
+
+                               _getValue_toArray(buffer, offset) {
+                                       this.resolvedProperty.toArray(buffer, offset);
+                               } // Direct
+
+
+                               _setValue_direct(buffer, offset) {
+                                       this.targetObject[this.propertyName] = buffer[offset];
+                               }
+
+                               _setValue_direct_setNeedsUpdate(buffer, offset) {
+                                       this.targetObject[this.propertyName] = buffer[offset];
+                                       this.targetObject.needsUpdate = true;
+                               }
+
+                               _setValue_direct_setMatrixWorldNeedsUpdate(buffer, offset) {
+                                       this.targetObject[this.propertyName] = buffer[offset];
+                                       this.targetObject.matrixWorldNeedsUpdate = true;
+                               } // EntireArray
+
+
+                               _setValue_array(buffer, offset) {
+                                       const dest = this.resolvedProperty;
+
+                                       for (let i = 0, n = dest.length; i !== n; ++i) {
+                                               dest[i] = buffer[offset++];
+                                       }
+                               }
+
+                               _setValue_array_setNeedsUpdate(buffer, offset) {
+                                       const dest = this.resolvedProperty;
+
+                                       for (let i = 0, n = dest.length; i !== n; ++i) {
+                                               dest[i] = buffer[offset++];
+                                       }
+
+                                       this.targetObject.needsUpdate = true;
+                               }
+
+                               _setValue_array_setMatrixWorldNeedsUpdate(buffer, offset) {
+                                       const dest = this.resolvedProperty;
+
+                                       for (let i = 0, n = dest.length; i !== n; ++i) {
+                                               dest[i] = buffer[offset++];
+                                       }
+
+                                       this.targetObject.matrixWorldNeedsUpdate = true;
+                               } // ArrayElement
+
+
+                               _setValue_arrayElement(buffer, offset) {
+                                       this.resolvedProperty[this.propertyIndex] = buffer[offset];
+                               }
+
+                               _setValue_arrayElement_setNeedsUpdate(buffer, offset) {
+                                       this.resolvedProperty[this.propertyIndex] = buffer[offset];
+                                       this.targetObject.needsUpdate = true;
+                               }
+
+                               _setValue_arrayElement_setMatrixWorldNeedsUpdate(buffer, offset) {
+                                       this.resolvedProperty[this.propertyIndex] = buffer[offset];
+                                       this.targetObject.matrixWorldNeedsUpdate = true;
+                               } // HasToFromArray
+
+
+                               _setValue_fromArray(buffer, offset) {
+                                       this.resolvedProperty.fromArray(buffer, offset);
+                               }
+
+                               _setValue_fromArray_setNeedsUpdate(buffer, offset) {
+                                       this.resolvedProperty.fromArray(buffer, offset);
+                                       this.targetObject.needsUpdate = true;
+                               }
+
+                               _setValue_fromArray_setMatrixWorldNeedsUpdate(buffer, offset) {
+                                       this.resolvedProperty.fromArray(buffer, offset);
+                                       this.targetObject.matrixWorldNeedsUpdate = true;
+                               }
+
+                               _getValue_unbound(targetArray, offset) {
+                                       this.bind();
+                                       this.getValue(targetArray, offset);
+                               }
+
+                               _setValue_unbound(sourceArray, offset) {
+                                       this.bind();
+                                       this.setValue(sourceArray, offset);
+                               } // create getter / setter pair for a property in the scene graph
+
+
+                               bind() {
+                                       let targetObject = this.node;
+                                       const parsedPath = this.parsedPath;
+                                       const objectName = parsedPath.objectName;
+                                       const propertyName = parsedPath.propertyName;
+                                       let propertyIndex = parsedPath.propertyIndex;
+
+                                       if (!targetObject) {
+                                               targetObject = PropertyBinding.findNode(this.rootNode, parsedPath.nodeName) || this.rootNode;
+                                               this.node = targetObject;
+                                       } // set fail state so we can just 'return' on error
+
+
+                                       this.getValue = this._getValue_unavailable;
+                                       this.setValue = this._setValue_unavailable; // ensure there is a value node
+
+                                       if (!targetObject) {
+                                               console.error('THREE.PropertyBinding: Trying to update node for track: ' + this.path + ' but it wasn\'t found.');
+                                               return;
+                                       }
+
+                                       if (objectName) {
+                                               let objectIndex = parsedPath.objectIndex; // special cases were we need to reach deeper into the hierarchy to get the face materials....
+
+                                               switch (objectName) {
+                                                       case 'materials':
+                                                               if (!targetObject.material) {
+                                                                       console.error('THREE.PropertyBinding: Can not bind to material as node does not have a material.', this);
+                                                                       return;
+                                                               }
+
+                                                               if (!targetObject.material.materials) {
+                                                                       console.error('THREE.PropertyBinding: Can not bind to material.materials as node.material does not have a materials array.', this);
+                                                                       return;
+                                                               }
+
+                                                               targetObject = targetObject.material.materials;
+                                                               break;
+
+                                                       case 'bones':
+                                                               if (!targetObject.skeleton) {
+                                                                       console.error('THREE.PropertyBinding: Can not bind to bones as node does not have a skeleton.', this);
+                                                                       return;
+                                                               } // potential future optimization: skip this if propertyIndex is already an integer
+                                                               // and convert the integer string to a true integer.
+
+
+                                                               targetObject = targetObject.skeleton.bones; // support resolving morphTarget names into indices.
+
+                                                               for (let i = 0; i < targetObject.length; i++) {
+                                                                       if (targetObject[i].name === objectIndex) {
+                                                                               objectIndex = i;
+                                                                               break;
+                                                                       }
+                                                               }
+
+                                                               break;
+
+                                                       default:
+                                                               if (targetObject[objectName] === undefined) {
+                                                                       console.error('THREE.PropertyBinding: Can not bind to objectName of node undefined.', this);
+                                                                       return;
+                                                               }
+
+                                                               targetObject = targetObject[objectName];
+                                               }
+
+                                               if (objectIndex !== undefined) {
+                                                       if (targetObject[objectIndex] === undefined) {
+                                                               console.error('THREE.PropertyBinding: Trying to bind to objectIndex of objectName, but is undefined.', this, targetObject);
+                                                               return;
+                                                       }
+
+                                                       targetObject = targetObject[objectIndex];
+                                               }
+                                       } // resolve property
+
+
+                                       const nodeProperty = targetObject[propertyName];
+
+                                       if (nodeProperty === undefined) {
+                                               const nodeName = parsedPath.nodeName;
+                                               console.error('THREE.PropertyBinding: Trying to update property for track: ' + nodeName + '.' + propertyName + ' but it wasn\'t found.', targetObject);
+                                               return;
+                                       } // determine versioning scheme
+
+
+                                       let versioning = this.Versioning.None;
+                                       this.targetObject = targetObject;
+
+                                       if (targetObject.needsUpdate !== undefined) {
+                                               // material
+                                               versioning = this.Versioning.NeedsUpdate;
+                                       } else if (targetObject.matrixWorldNeedsUpdate !== undefined) {
+                                               // node transform
+                                               versioning = this.Versioning.MatrixWorldNeedsUpdate;
+                                       } // determine how the property gets bound
+
+
+                                       let bindingType = this.BindingType.Direct;
+
+                                       if (propertyIndex !== undefined) {
+                                               // access a sub element of the property array (only primitives are supported right now)
+                                               if (propertyName === 'morphTargetInfluences') {
+                                                       // potential optimization, skip this if propertyIndex is already an integer, and convert the integer string to a true integer.
+                                                       // support resolving morphTarget names into indices.
+                                                       if (!targetObject.geometry) {
+                                                               console.error('THREE.PropertyBinding: Can not bind to morphTargetInfluences because node does not have a geometry.', this);
+                                                               return;
+                                                       }
+
+                                                       if (targetObject.geometry.isBufferGeometry) {
+                                                               if (!targetObject.geometry.morphAttributes) {
+                                                                       console.error('THREE.PropertyBinding: Can not bind to morphTargetInfluences because node does not have a geometry.morphAttributes.', this);
+                                                                       return;
+                                                               }
+
+                                                               if (targetObject.morphTargetDictionary[propertyIndex] !== undefined) {
+                                                                       propertyIndex = targetObject.morphTargetDictionary[propertyIndex];
+                                                               }
+                                                       } else {
+                                                               console.error('THREE.PropertyBinding: Can not bind to morphTargetInfluences on THREE.Geometry. Use THREE.BufferGeometry instead.', this);
+                                                               return;
+                                                       }
+                                               }
+
+                                               bindingType = this.BindingType.ArrayElement;
+                                               this.resolvedProperty = nodeProperty;
+                                               this.propertyIndex = propertyIndex;
+                                       } else if (nodeProperty.fromArray !== undefined && nodeProperty.toArray !== undefined) {
+                                               // must use copy for Object3D.Euler/Quaternion
+                                               bindingType = this.BindingType.HasFromToArray;
+                                               this.resolvedProperty = nodeProperty;
+                                       } else if (Array.isArray(nodeProperty)) {
+                                               bindingType = this.BindingType.EntireArray;
+                                               this.resolvedProperty = nodeProperty;
+                                       } else {
+                                               this.propertyName = propertyName;
+                                       } // select getter / setter
+
+
+                                       this.getValue = this.GetterByBindingType[bindingType];
+                                       this.setValue = this.SetterByBindingTypeAndVersioning[bindingType][versioning];
+                               }
+
+                               unbind() {
+                                       this.node = null; // back to the prototype version of getValue / setValue
+                                       // note: avoiding to mutate the shape of 'this' via 'delete'
+
+                                       this.getValue = this._getValue_unbound;
+                                       this.setValue = this._setValue_unbound;
+                               }
+
+                       }
+
+                       PropertyBinding.Composite = Composite;
+                       PropertyBinding.prototype.BindingType = {
+                               Direct: 0,
+                               EntireArray: 1,
+                               ArrayElement: 2,
+                               HasFromToArray: 3
+                       };
+                       PropertyBinding.prototype.Versioning = {
+                               None: 0,
+                               NeedsUpdate: 1,
+                               MatrixWorldNeedsUpdate: 2
+                       };
+                       PropertyBinding.prototype.GetterByBindingType = [PropertyBinding.prototype._getValue_direct, PropertyBinding.prototype._getValue_array, PropertyBinding.prototype._getValue_arrayElement, PropertyBinding.prototype._getValue_toArray];
+                       PropertyBinding.prototype.SetterByBindingTypeAndVersioning = [[// Direct
+                               PropertyBinding.prototype._setValue_direct, PropertyBinding.prototype._setValue_direct_setNeedsUpdate, PropertyBinding.prototype._setValue_direct_setMatrixWorldNeedsUpdate], [// EntireArray
+                               PropertyBinding.prototype._setValue_array, PropertyBinding.prototype._setValue_array_setNeedsUpdate, PropertyBinding.prototype._setValue_array_setMatrixWorldNeedsUpdate], [// ArrayElement
+                               PropertyBinding.prototype._setValue_arrayElement, PropertyBinding.prototype._setValue_arrayElement_setNeedsUpdate, PropertyBinding.prototype._setValue_arrayElement_setMatrixWorldNeedsUpdate], [// HasToFromArray
+                               PropertyBinding.prototype._setValue_fromArray, PropertyBinding.prototype._setValue_fromArray_setNeedsUpdate, PropertyBinding.prototype._setValue_fromArray_setMatrixWorldNeedsUpdate]];
+
+                       /**
+                        *
+                        * A group of objects that receives a shared animation state.
+                        *
+                        * Usage:
+                        *
+                        *      - Add objects you would otherwise pass as 'root' to the
+                        *              constructor or the .clipAction method of AnimationMixer.
+                        *
+                        *      - Instead pass this object as 'root'.
+                        *
+                        *      - You can also add and remove objects later when the mixer
+                        *              is running.
+                        *
+                        * Note:
+                        *
+                        *              Objects of this class appear as one object to the mixer,
+                        *              so cache control of the individual objects must be done
+                        *              on the group.
+                        *
+                        * Limitation:
+                        *
+                        *      - The animated properties must be compatible among the
+                        *              all objects in the group.
+                        *
+                        *      - A single property can either be controlled through a
+                        *              target group or directly, but not both.
+                        */
+
+                       class AnimationObjectGroup {
+                               constructor() {
+                                       this.uuid = generateUUID(); // cached objects followed by the active ones
+
+                                       this._objects = Array.prototype.slice.call(arguments);
+                                       this.nCachedObjects_ = 0; // threshold
+                                       // note: read by PropertyBinding.Composite
+
+                                       const indices = {};
+                                       this._indicesByUUID = indices; // for bookkeeping
+
+                                       for (let i = 0, n = arguments.length; i !== n; ++i) {
+                                               indices[arguments[i].uuid] = i;
+                                       }
+
+                                       this._paths = []; // inside: string
+
+                                       this._parsedPaths = []; // inside: { we don't care, here }
+
+                                       this._bindings = []; // inside: Array< PropertyBinding >
+
+                                       this._bindingsIndicesByPath = {}; // inside: indices in these arrays
+
+                                       const scope = this;
+                                       this.stats = {
+                                               objects: {
+                                                       get total() {
+                                                               return scope._objects.length;
+                                                       },
+
+                                                       get inUse() {
+                                                               return this.total - scope.nCachedObjects_;
+                                                       }
+
+                                               },
+
+                                               get bindingsPerObject() {
+                                                       return scope._bindings.length;
+                                               }
+
+                                       };
+                               }
+
+                               add() {
+                                       const objects = this._objects,
+                                               indicesByUUID = this._indicesByUUID,
+                                               paths = this._paths,
+                                               parsedPaths = this._parsedPaths,
+                                               bindings = this._bindings,
+                                               nBindings = bindings.length;
+                                       let knownObject = undefined,
+                                               nObjects = objects.length,
+                                               nCachedObjects = this.nCachedObjects_;
+
+                                       for (let i = 0, n = arguments.length; i !== n; ++i) {
+                                               const object = arguments[i],
+                                                       uuid = object.uuid;
+                                               let index = indicesByUUID[uuid];
+
+                                               if (index === undefined) {
+                                                       // unknown object -> add it to the ACTIVE region
+                                                       index = nObjects++;
+                                                       indicesByUUID[uuid] = index;
+                                                       objects.push(object); // accounting is done, now do the same for all bindings
+
+                                                       for (let j = 0, m = nBindings; j !== m; ++j) {
+                                                               bindings[j].push(new PropertyBinding(object, paths[j], parsedPaths[j]));
+                                                       }
+                                               } else if (index < nCachedObjects) {
+                                                       knownObject = objects[index]; // move existing object to the ACTIVE region
+
+                                                       const firstActiveIndex = --nCachedObjects,
+                                                               lastCachedObject = objects[firstActiveIndex];
+                                                       indicesByUUID[lastCachedObject.uuid] = index;
+                                                       objects[index] = lastCachedObject;
+                                                       indicesByUUID[uuid] = firstActiveIndex;
+                                                       objects[firstActiveIndex] = object; // accounting is done, now do the same for all bindings
+
+                                                       for (let j = 0, m = nBindings; j !== m; ++j) {
+                                                               const bindingsForPath = bindings[j],
+                                                                       lastCached = bindingsForPath[firstActiveIndex];
+                                                               let binding = bindingsForPath[index];
+                                                               bindingsForPath[index] = lastCached;
+
+                                                               if (binding === undefined) {
+                                                                       // since we do not bother to create new bindings
+                                                                       // for objects that are cached, the binding may
+                                                                       // or may not exist
+                                                                       binding = new PropertyBinding(object, paths[j], parsedPaths[j]);
+                                                               }
+
+                                                               bindingsForPath[firstActiveIndex] = binding;
+                                                       }
+                                               } else if (objects[index] !== knownObject) {
+                                                       console.error('THREE.AnimationObjectGroup: Different objects with the same UUID ' + 'detected. Clean the caches or recreate your infrastructure when reloading scenes.');
+                                               } // else the object is already where we want it to be
+
+                                       } // for arguments
+
+
+                                       this.nCachedObjects_ = nCachedObjects;
+                               }
+
+                               remove() {
+                                       const objects = this._objects,
+                                               indicesByUUID = this._indicesByUUID,
+                                               bindings = this._bindings,
+                                               nBindings = bindings.length;
+                                       let nCachedObjects = this.nCachedObjects_;
+
+                                       for (let i = 0, n = arguments.length; i !== n; ++i) {
+                                               const object = arguments[i],
+                                                       uuid = object.uuid,
+                                                       index = indicesByUUID[uuid];
+
+                                               if (index !== undefined && index >= nCachedObjects) {
+                                                       // move existing object into the CACHED region
+                                                       const lastCachedIndex = nCachedObjects++,
+                                                               firstActiveObject = objects[lastCachedIndex];
+                                                       indicesByUUID[firstActiveObject.uuid] = index;
+                                                       objects[index] = firstActiveObject;
+                                                       indicesByUUID[uuid] = lastCachedIndex;
+                                                       objects[lastCachedIndex] = object; // accounting is done, now do the same for all bindings
+
+                                                       for (let j = 0, m = nBindings; j !== m; ++j) {
+                                                               const bindingsForPath = bindings[j],
+                                                                       firstActive = bindingsForPath[lastCachedIndex],
+                                                                       binding = bindingsForPath[index];
+                                                               bindingsForPath[index] = firstActive;
+                                                               bindingsForPath[lastCachedIndex] = binding;
+                                                       }
+                                               }
+                                       } // for arguments
+
+
+                                       this.nCachedObjects_ = nCachedObjects;
+                               } // remove & forget
+
+
+                               uncache() {
+                                       const objects = this._objects,
+                                               indicesByUUID = this._indicesByUUID,
+                                               bindings = this._bindings,
+                                               nBindings = bindings.length;
+                                       let nCachedObjects = this.nCachedObjects_,
+                                               nObjects = objects.length;
+
+                                       for (let i = 0, n = arguments.length; i !== n; ++i) {
+                                               const object = arguments[i],
+                                                       uuid = object.uuid,
+                                                       index = indicesByUUID[uuid];
+
+                                               if (index !== undefined) {
+                                                       delete indicesByUUID[uuid];
+
+                                                       if (index < nCachedObjects) {
+                                                               // object is cached, shrink the CACHED region
+                                                               const firstActiveIndex = --nCachedObjects,
+                                                                       lastCachedObject = objects[firstActiveIndex],
+                                                                       lastIndex = --nObjects,
+                                                                       lastObject = objects[lastIndex]; // last cached object takes this object's place
+
+                                                               indicesByUUID[lastCachedObject.uuid] = index;
+                                                               objects[index] = lastCachedObject; // last object goes to the activated slot and pop
+
+                                                               indicesByUUID[lastObject.uuid] = firstActiveIndex;
+                                                               objects[firstActiveIndex] = lastObject;
+                                                               objects.pop(); // accounting is done, now do the same for all bindings
+
+                                                               for (let j = 0, m = nBindings; j !== m; ++j) {
+                                                                       const bindingsForPath = bindings[j],
+                                                                               lastCached = bindingsForPath[firstActiveIndex],
+                                                                               last = bindingsForPath[lastIndex];
+                                                                       bindingsForPath[index] = lastCached;
+                                                                       bindingsForPath[firstActiveIndex] = last;
+                                                                       bindingsForPath.pop();
+                                                               }
+                                                       } else {
+                                                               // object is active, just swap with the last and pop
+                                                               const lastIndex = --nObjects,
+                                                                       lastObject = objects[lastIndex];
+
+                                                               if (lastIndex > 0) {
+                                                                       indicesByUUID[lastObject.uuid] = index;
+                                                               }
+
+                                                               objects[index] = lastObject;
+                                                               objects.pop(); // accounting is done, now do the same for all bindings
+
+                                                               for (let j = 0, m = nBindings; j !== m; ++j) {
+                                                                       const bindingsForPath = bindings[j];
+                                                                       bindingsForPath[index] = bindingsForPath[lastIndex];
+                                                                       bindingsForPath.pop();
+                                                               }
+                                                       } // cached or active
+
+                                               } // if object is known
+
+                                       } // for arguments
+
+
+                                       this.nCachedObjects_ = nCachedObjects;
+                               } // Internal interface used by befriended PropertyBinding.Composite:
+
+
+                               subscribe_(path, parsedPath) {
+                                       // returns an array of bindings for the given path that is changed
+                                       // according to the contained objects in the group
+                                       const indicesByPath = this._bindingsIndicesByPath;
+                                       let index = indicesByPath[path];
+                                       const bindings = this._bindings;
+                                       if (index !== undefined) return bindings[index];
+                                       const paths = this._paths,
+                                               parsedPaths = this._parsedPaths,
+                                               objects = this._objects,
+                                               nObjects = objects.length,
+                                               nCachedObjects = this.nCachedObjects_,
+                                               bindingsForPath = new Array(nObjects);
+                                       index = bindings.length;
+                                       indicesByPath[path] = index;
+                                       paths.push(path);
+                                       parsedPaths.push(parsedPath);
+                                       bindings.push(bindingsForPath);
+
+                                       for (let i = nCachedObjects, n = objects.length; i !== n; ++i) {
+                                               const object = objects[i];
+                                               bindingsForPath[i] = new PropertyBinding(object, path, parsedPath);
+                                       }
+
+                                       return bindingsForPath;
+                               }
+
+                               unsubscribe_(path) {
+                                       // tells the group to forget about a property path and no longer
+                                       // update the array previously obtained with 'subscribe_'
+                                       const indicesByPath = this._bindingsIndicesByPath,
+                                               index = indicesByPath[path];
+
+                                       if (index !== undefined) {
+                                               const paths = this._paths,
+                                                       parsedPaths = this._parsedPaths,
+                                                       bindings = this._bindings,
+                                                       lastBindingsIndex = bindings.length - 1,
+                                                       lastBindings = bindings[lastBindingsIndex],
+                                                       lastBindingsPath = path[lastBindingsIndex];
+                                               indicesByPath[lastBindingsPath] = index;
+                                               bindings[index] = lastBindings;
+                                               bindings.pop();
+                                               parsedPaths[index] = parsedPaths[lastBindingsIndex];
+                                               parsedPaths.pop();
+                                               paths[index] = paths[lastBindingsIndex];
+                                               paths.pop();
+                                       }
+                               }
+
+                       }
+
+                       AnimationObjectGroup.prototype.isAnimationObjectGroup = true;
+
+                       class AnimationAction {
+                               constructor(mixer, clip, localRoot = null, blendMode = clip.blendMode) {
+                                       this._mixer = mixer;
+                                       this._clip = clip;
+                                       this._localRoot = localRoot;
+                                       this.blendMode = blendMode;
+                                       const tracks = clip.tracks,
+                                               nTracks = tracks.length,
+                                               interpolants = new Array(nTracks);
+                                       const interpolantSettings = {
+                                               endingStart: ZeroCurvatureEnding,
+                                               endingEnd: ZeroCurvatureEnding
+                                       };
+
+                                       for (let i = 0; i !== nTracks; ++i) {
+                                               const interpolant = tracks[i].createInterpolant(null);
+                                               interpolants[i] = interpolant;
+                                               interpolant.settings = interpolantSettings;
+                                       }
+
+                                       this._interpolantSettings = interpolantSettings;
+                                       this._interpolants = interpolants; // bound by the mixer
+                                       // inside: PropertyMixer (managed by the mixer)
+
+                                       this._propertyBindings = new Array(nTracks);
+                                       this._cacheIndex = null; // for the memory manager
+
+                                       this._byClipCacheIndex = null; // for the memory manager
+
+                                       this._timeScaleInterpolant = null;
+                                       this._weightInterpolant = null;
+                                       this.loop = LoopRepeat;
+                                       this._loopCount = -1; // global mixer time when the action is to be started
+                                       // it's set back to 'null' upon start of the action
+
+                                       this._startTime = null; // scaled local time of the action
+                                       // gets clamped or wrapped to 0..clip.duration according to loop
+
+                                       this.time = 0;
+                                       this.timeScale = 1;
+                                       this._effectiveTimeScale = 1;
+                                       this.weight = 1;
+                                       this._effectiveWeight = 1;
+                                       this.repetitions = Infinity; // no. of repetitions when looping
+
+                                       this.paused = false; // true -> zero effective time scale
+
+                                       this.enabled = true; // false -> zero effective weight
+
+                                       this.clampWhenFinished = false; // keep feeding the last frame?
+
+                                       this.zeroSlopeAtStart = true; // for smooth interpolation w/o separate
+
+                                       this.zeroSlopeAtEnd = true; // clips for start, loop and end
+                               } // State & Scheduling
+
+
+                               play() {
+                                       this._mixer._activateAction(this);
+
+                                       return this;
+                               }
+
+                               stop() {
+                                       this._mixer._deactivateAction(this);
+
+                                       return this.reset();
+                               }
+
+                               reset() {
+                                       this.paused = false;
+                                       this.enabled = true;
+                                       this.time = 0; // restart clip
+
+                                       this._loopCount = -1; // forget previous loops
+
+                                       this._startTime = null; // forget scheduling
+
+                                       return this.stopFading().stopWarping();
+                               }
+
+                               isRunning() {
+                                       return this.enabled && !this.paused && this.timeScale !== 0 && this._startTime === null && this._mixer._isActiveAction(this);
+                               } // return true when play has been called
+
+
+                               isScheduled() {
+                                       return this._mixer._isActiveAction(this);
+                               }
+
+                               startAt(time) {
+                                       this._startTime = time;
+                                       return this;
+                               }
+
+                               setLoop(mode, repetitions) {
+                                       this.loop = mode;
+                                       this.repetitions = repetitions;
+                                       return this;
+                               } // Weight
+                               // set the weight stopping any scheduled fading
+                               // although .enabled = false yields an effective weight of zero, this
+                               // method does *not* change .enabled, because it would be confusing
+
+
+                               setEffectiveWeight(weight) {
+                                       this.weight = weight; // note: same logic as when updated at runtime
+
+                                       this._effectiveWeight = this.enabled ? weight : 0;
+                                       return this.stopFading();
+                               } // return the weight considering fading and .enabled
+
+
+                               getEffectiveWeight() {
+                                       return this._effectiveWeight;
+                               }
+
+                               fadeIn(duration) {
+                                       return this._scheduleFading(duration, 0, 1);
+                               }
+
+                               fadeOut(duration) {
+                                       return this._scheduleFading(duration, 1, 0);
+                               }
+
+                               crossFadeFrom(fadeOutAction, duration, warp) {
+                                       fadeOutAction.fadeOut(duration);
+                                       this.fadeIn(duration);
+
+                                       if (warp) {
+                                               const fadeInDuration = this._clip.duration,
+                                                       fadeOutDuration = fadeOutAction._clip.duration,
+                                                       startEndRatio = fadeOutDuration / fadeInDuration,
+                                                       endStartRatio = fadeInDuration / fadeOutDuration;
+                                               fadeOutAction.warp(1.0, startEndRatio, duration);
+                                               this.warp(endStartRatio, 1.0, duration);
+                                       }
+
+                                       return this;
+                               }
+
+                               crossFadeTo(fadeInAction, duration, warp) {
+                                       return fadeInAction.crossFadeFrom(this, duration, warp);
+                               }
+
+                               stopFading() {
+                                       const weightInterpolant = this._weightInterpolant;
+
+                                       if (weightInterpolant !== null) {
+                                               this._weightInterpolant = null;
+
+                                               this._mixer._takeBackControlInterpolant(weightInterpolant);
+                                       }
+
+                                       return this;
+                               } // Time Scale Control
+                               // set the time scale stopping any scheduled warping
+                               // although .paused = true yields an effective time scale of zero, this
+                               // method does *not* change .paused, because it would be confusing
+
+
+                               setEffectiveTimeScale(timeScale) {
+                                       this.timeScale = timeScale;
+                                       this._effectiveTimeScale = this.paused ? 0 : timeScale;
+                                       return this.stopWarping();
+                               } // return the time scale considering warping and .paused
+
+
+                               getEffectiveTimeScale() {
+                                       return this._effectiveTimeScale;
+                               }
+
+                               setDuration(duration) {
+                                       this.timeScale = this._clip.duration / duration;
+                                       return this.stopWarping();
+                               }
+
+                               syncWith(action) {
+                                       this.time = action.time;
+                                       this.timeScale = action.timeScale;
+                                       return this.stopWarping();
+                               }
+
+                               halt(duration) {
+                                       return this.warp(this._effectiveTimeScale, 0, duration);
+                               }
+
+                               warp(startTimeScale, endTimeScale, duration) {
+                                       const mixer = this._mixer,
+                                               now = mixer.time,
+                                               timeScale = this.timeScale;
+                                       let interpolant = this._timeScaleInterpolant;
+
+                                       if (interpolant === null) {
+                                               interpolant = mixer._lendControlInterpolant();
+                                               this._timeScaleInterpolant = interpolant;
+                                       }
+
+                                       const times = interpolant.parameterPositions,
+                                               values = interpolant.sampleValues;
+                                       times[0] = now;
+                                       times[1] = now + duration;
+                                       values[0] = startTimeScale / timeScale;
+                                       values[1] = endTimeScale / timeScale;
+                                       return this;
+                               }
+
+                               stopWarping() {
+                                       const timeScaleInterpolant = this._timeScaleInterpolant;
+
+                                       if (timeScaleInterpolant !== null) {
+                                               this._timeScaleInterpolant = null;
+
+                                               this._mixer._takeBackControlInterpolant(timeScaleInterpolant);
+                                       }
+
+                                       return this;
+                               } // Object Accessors
+
+
+                               getMixer() {
+                                       return this._mixer;
+                               }
+
+                               getClip() {
+                                       return this._clip;
+                               }
+
+                               getRoot() {
+                                       return this._localRoot || this._mixer._root;
+                               } // Interna
+
+
+                               _update(time, deltaTime, timeDirection, accuIndex) {
+                                       // called by the mixer
+                                       if (!this.enabled) {
+                                               // call ._updateWeight() to update ._effectiveWeight
+                                               this._updateWeight(time);
+
+                                               return;
+                                       }
+
+                                       const startTime = this._startTime;
+
+                                       if (startTime !== null) {
+                                               // check for scheduled start of action
+                                               const timeRunning = (time - startTime) * timeDirection;
+
+                                               if (timeRunning < 0 || timeDirection === 0) {
+                                                       return; // yet to come / don't decide when delta = 0
+                                               } // start
+
+
+                                               this._startTime = null; // unschedule
+
+                                               deltaTime = timeDirection * timeRunning;
+                                       } // apply time scale and advance time
+
+
+                                       deltaTime *= this._updateTimeScale(time);
+
+                                       const clipTime = this._updateTime(deltaTime); // note: _updateTime may disable the action resulting in
+                                       // an effective weight of 0
+
+
+                                       const weight = this._updateWeight(time);
+
+                                       if (weight > 0) {
+                                               const interpolants = this._interpolants;
+                                               const propertyMixers = this._propertyBindings;
+
+                                               switch (this.blendMode) {
+                                                       case AdditiveAnimationBlendMode:
+                                                               for (let j = 0, m = interpolants.length; j !== m; ++j) {
+                                                                       interpolants[j].evaluate(clipTime);
+                                                                       propertyMixers[j].accumulateAdditive(weight);
+                                                               }
+
+                                                               break;
+
+                                                       case NormalAnimationBlendMode:
+                                                       default:
+                                                               for (let j = 0, m = interpolants.length; j !== m; ++j) {
+                                                                       interpolants[j].evaluate(clipTime);
+                                                                       propertyMixers[j].accumulate(accuIndex, weight);
+                                                               }
+
+                                               }
+                                       }
+                               }
+
+                               _updateWeight(time) {
+                                       let weight = 0;
+
+                                       if (this.enabled) {
+                                               weight = this.weight;
+                                               const interpolant = this._weightInterpolant;
+
+                                               if (interpolant !== null) {
+                                                       const interpolantValue = interpolant.evaluate(time)[0];
+                                                       weight *= interpolantValue;
+
+                                                       if (time > interpolant.parameterPositions[1]) {
+                                                               this.stopFading();
+
+                                                               if (interpolantValue === 0) {
+                                                                       // faded out, disable
+                                                                       this.enabled = false;
+                                                               }
+                                                       }
+                                               }
+                                       }
+
+                                       this._effectiveWeight = weight;
+                                       return weight;
+                               }
+
+                               _updateTimeScale(time) {
+                                       let timeScale = 0;
+
+                                       if (!this.paused) {
+                                               timeScale = this.timeScale;
+                                               const interpolant = this._timeScaleInterpolant;
+
+                                               if (interpolant !== null) {
+                                                       const interpolantValue = interpolant.evaluate(time)[0];
+                                                       timeScale *= interpolantValue;
+
+                                                       if (time > interpolant.parameterPositions[1]) {
+                                                               this.stopWarping();
+
+                                                               if (timeScale === 0) {
+                                                                       // motion has halted, pause
+                                                                       this.paused = true;
+                                                               } else {
+                                                                       // warp done - apply final time scale
+                                                                       this.timeScale = timeScale;
+                                                               }
+                                                       }
+                                               }
+                                       }
+
+                                       this._effectiveTimeScale = timeScale;
+                                       return timeScale;
+                               }
+
+                               _updateTime(deltaTime) {
+                                       const duration = this._clip.duration;
+                                       const loop = this.loop;
+                                       let time = this.time + deltaTime;
+                                       let loopCount = this._loopCount;
+                                       const pingPong = loop === LoopPingPong;
+
+                                       if (deltaTime === 0) {
+                                               if (loopCount === -1) return time;
+                                               return pingPong && (loopCount & 1) === 1 ? duration - time : time;
+                                       }
+
+                                       if (loop === LoopOnce) {
+                                               if (loopCount === -1) {
+                                                       // just started
+                                                       this._loopCount = 0;
+
+                                                       this._setEndings(true, true, false);
+                                               }
+
+                                               handle_stop: {
+                                                       if (time >= duration) {
+                                                               time = duration;
+                                                       } else if (time < 0) {
+                                                               time = 0;
+                                                       } else {
+                                                               this.time = time;
+                                                               break handle_stop;
+                                                       }
+
+                                                       if (this.clampWhenFinished) this.paused = true; else this.enabled = false;
+                                                       this.time = time;
+
+                                                       this._mixer.dispatchEvent({
+                                                               type: 'finished',
+                                                               action: this,
+                                                               direction: deltaTime < 0 ? -1 : 1
+                                                       });
+                                               }
+                                       } else {
+                                               // repetitive Repeat or PingPong
+                                               if (loopCount === -1) {
+                                                       // just started
+                                                       if (deltaTime >= 0) {
+                                                               loopCount = 0;
+
+                                                               this._setEndings(true, this.repetitions === 0, pingPong);
+                                                       } else {
+                                                               // when looping in reverse direction, the initial
+                                                               // transition through zero counts as a repetition,
+                                                               // so leave loopCount at -1
+                                                               this._setEndings(this.repetitions === 0, true, pingPong);
+                                                       }
+                                               }
+
+                                               if (time >= duration || time < 0) {
+                                                       // wrap around
+                                                       const loopDelta = Math.floor(time / duration); // signed
+
+                                                       time -= duration * loopDelta;
+                                                       loopCount += Math.abs(loopDelta);
+                                                       const pending = this.repetitions - loopCount;
+
+                                                       if (pending <= 0) {
+                                                               // have to stop (switch state, clamp time, fire event)
+                                                               if (this.clampWhenFinished) this.paused = true; else this.enabled = false;
+                                                               time = deltaTime > 0 ? duration : 0;
+                                                               this.time = time;
+
+                                                               this._mixer.dispatchEvent({
+                                                                       type: 'finished',
+                                                                       action: this,
+                                                                       direction: deltaTime > 0 ? 1 : -1
+                                                               });
+                                                       } else {
+                                                               // keep running
+                                                               if (pending === 1) {
+                                                                       // entering the last round
+                                                                       const atStart = deltaTime < 0;
+
+                                                                       this._setEndings(atStart, !atStart, pingPong);
+                                                               } else {
+                                                                       this._setEndings(false, false, pingPong);
+                                                               }
+
+                                                               this._loopCount = loopCount;
+                                                               this.time = time;
+
+                                                               this._mixer.dispatchEvent({
+                                                                       type: 'loop',
+                                                                       action: this,
+                                                                       loopDelta: loopDelta
+                                                               });
+                                                       }
+                                               } else {
+                                                       this.time = time;
+                                               }
+
+                                               if (pingPong && (loopCount & 1) === 1) {
+                                                       // invert time for the "pong round"
+                                                       return duration - time;
+                                               }
+                                       }
+
+                                       return time;
+                               }
+
+                               _setEndings(atStart, atEnd, pingPong) {
+                                       const settings = this._interpolantSettings;
+
+                                       if (pingPong) {
+                                               settings.endingStart = ZeroSlopeEnding;
+                                               settings.endingEnd = ZeroSlopeEnding;
+                                       } else {
+                                               // assuming for LoopOnce atStart == atEnd == true
+                                               if (atStart) {
+                                                       settings.endingStart = this.zeroSlopeAtStart ? ZeroSlopeEnding : ZeroCurvatureEnding;
+                                               } else {
+                                                       settings.endingStart = WrapAroundEnding;
+                                               }
+
+                                               if (atEnd) {
+                                                       settings.endingEnd = this.zeroSlopeAtEnd ? ZeroSlopeEnding : ZeroCurvatureEnding;
+                                               } else {
+                                                       settings.endingEnd = WrapAroundEnding;
+                                               }
+                                       }
+                               }
+
+                               _scheduleFading(duration, weightNow, weightThen) {
+                                       const mixer = this._mixer,
+                                               now = mixer.time;
+                                       let interpolant = this._weightInterpolant;
+
+                                       if (interpolant === null) {
+                                               interpolant = mixer._lendControlInterpolant();
+                                               this._weightInterpolant = interpolant;
+                                       }
+
+                                       const times = interpolant.parameterPositions,
+                                               values = interpolant.sampleValues;
+                                       times[0] = now;
+                                       values[0] = weightNow;
+                                       times[1] = now + duration;
+                                       values[1] = weightThen;
+                                       return this;
+                               }
+
+                       }
+
+                       class AnimationMixer extends EventDispatcher {
+                               constructor(root) {
+                                       super();
+                                       this._root = root;
+
+                                       this._initMemoryManager();
+
+                                       this._accuIndex = 0;
+                                       this.time = 0;
+                                       this.timeScale = 1.0;
+                               }
+
+                               _bindAction(action, prototypeAction) {
+                                       const root = action._localRoot || this._root,
+                                               tracks = action._clip.tracks,
+                                               nTracks = tracks.length,
+                                               bindings = action._propertyBindings,
+                                               interpolants = action._interpolants,
+                                               rootUuid = root.uuid,
+                                               bindingsByRoot = this._bindingsByRootAndName;
+                                       let bindingsByName = bindingsByRoot[rootUuid];
+
+                                       if (bindingsByName === undefined) {
+                                               bindingsByName = {};
+                                               bindingsByRoot[rootUuid] = bindingsByName;
+                                       }
+
+                                       for (let i = 0; i !== nTracks; ++i) {
+                                               const track = tracks[i],
+                                                       trackName = track.name;
+                                               let binding = bindingsByName[trackName];
+
+                                               if (binding !== undefined) {
+                                                       bindings[i] = binding;
+                                               } else {
+                                                       binding = bindings[i];
+
+                                                       if (binding !== undefined) {
+                                                               // existing binding, make sure the cache knows
+                                                               if (binding._cacheIndex === null) {
+                                                                       ++binding.referenceCount;
+
+                                                                       this._addInactiveBinding(binding, rootUuid, trackName);
+                                                               }
+
+                                                               continue;
+                                                       }
+
+                                                       const path = prototypeAction && prototypeAction._propertyBindings[i].binding.parsedPath;
+                                                       binding = new PropertyMixer(PropertyBinding.create(root, trackName, path), track.ValueTypeName, track.getValueSize());
+                                                       ++binding.referenceCount;
+
+                                                       this._addInactiveBinding(binding, rootUuid, trackName);
+
+                                                       bindings[i] = binding;
+                                               }
+
+                                               interpolants[i].resultBuffer = binding.buffer;
+                                       }
+                               }
+
+                               _activateAction(action) {
+                                       if (!this._isActiveAction(action)) {
+                                               if (action._cacheIndex === null) {
+                                                       // this action has been forgotten by the cache, but the user
+                                                       // appears to be still using it -> rebind
+                                                       const rootUuid = (action._localRoot || this._root).uuid,
+                                                               clipUuid = action._clip.uuid,
+                                                               actionsForClip = this._actionsByClip[clipUuid];
+
+                                                       this._bindAction(action, actionsForClip && actionsForClip.knownActions[0]);
+
+                                                       this._addInactiveAction(action, clipUuid, rootUuid);
+                                               }
+
+                                               const bindings = action._propertyBindings; // increment reference counts / sort out state
+
+                                               for (let i = 0, n = bindings.length; i !== n; ++i) {
+                                                       const binding = bindings[i];
+
+                                                       if (binding.useCount++ === 0) {
+                                                               this._lendBinding(binding);
+
+                                                               binding.saveOriginalState();
+                                                       }
+                                               }
+
+                                               this._lendAction(action);
+                                       }
+                               }
+
+                               _deactivateAction(action) {
+                                       if (this._isActiveAction(action)) {
+                                               const bindings = action._propertyBindings; // decrement reference counts / sort out state
+
+                                               for (let i = 0, n = bindings.length; i !== n; ++i) {
+                                                       const binding = bindings[i];
+
+                                                       if (--binding.useCount === 0) {
+                                                               binding.restoreOriginalState();
+
+                                                               this._takeBackBinding(binding);
+                                                       }
+                                               }
+
+                                               this._takeBackAction(action);
+                                       }
+                               } // Memory manager
+
+
+                               _initMemoryManager() {
+                                       this._actions = []; // 'nActiveActions' followed by inactive ones
+
+                                       this._nActiveActions = 0;
+                                       this._actionsByClip = {}; // inside:
+                                       // {
+                                       //      knownActions: Array< AnimationAction > - used as prototypes
+                                       //      actionByRoot: AnimationAction - lookup
+                                       // }
+
+                                       this._bindings = []; // 'nActiveBindings' followed by inactive ones
+
+                                       this._nActiveBindings = 0;
+                                       this._bindingsByRootAndName = {}; // inside: Map< name, PropertyMixer >
+
+                                       this._controlInterpolants = []; // same game as above
+
+                                       this._nActiveControlInterpolants = 0;
+                                       const scope = this;
+                                       this.stats = {
+                                               actions: {
+                                                       get total() {
+                                                               return scope._actions.length;
+                                                       },
+
+                                                       get inUse() {
+                                                               return scope._nActiveActions;
+                                                       }
+
+                                               },
+                                               bindings: {
+                                                       get total() {
+                                                               return scope._bindings.length;
+                                                       },
+
+                                                       get inUse() {
+                                                               return scope._nActiveBindings;
+                                                       }
+
+                                               },
+                                               controlInterpolants: {
+                                                       get total() {
+                                                               return scope._controlInterpolants.length;
+                                                       },
+
+                                                       get inUse() {
+                                                               return scope._nActiveControlInterpolants;
+                                                       }
+
+                                               }
+                                       };
+                               } // Memory management for AnimationAction objects
+
+
+                               _isActiveAction(action) {
+                                       const index = action._cacheIndex;
+                                       return index !== null && index < this._nActiveActions;
+                               }
+
+                               _addInactiveAction(action, clipUuid, rootUuid) {
+                                       const actions = this._actions,
+                                               actionsByClip = this._actionsByClip;
+                                       let actionsForClip = actionsByClip[clipUuid];
+
+                                       if (actionsForClip === undefined) {
+                                               actionsForClip = {
+                                                       knownActions: [action],
+                                                       actionByRoot: {}
+                                               };
+                                               action._byClipCacheIndex = 0;
+                                               actionsByClip[clipUuid] = actionsForClip;
+                                       } else {
+                                               const knownActions = actionsForClip.knownActions;
+                                               action._byClipCacheIndex = knownActions.length;
+                                               knownActions.push(action);
+                                       }
+
+                                       action._cacheIndex = actions.length;
+                                       actions.push(action);
+                                       actionsForClip.actionByRoot[rootUuid] = action;
+                               }
+
+                               _removeInactiveAction(action) {
+                                       const actions = this._actions,
+                                               lastInactiveAction = actions[actions.length - 1],
+                                               cacheIndex = action._cacheIndex;
+                                       lastInactiveAction._cacheIndex = cacheIndex;
+                                       actions[cacheIndex] = lastInactiveAction;
+                                       actions.pop();
+                                       action._cacheIndex = null;
+                                       const clipUuid = action._clip.uuid,
+                                               actionsByClip = this._actionsByClip,
+                                               actionsForClip = actionsByClip[clipUuid],
+                                               knownActionsForClip = actionsForClip.knownActions,
+                                               lastKnownAction = knownActionsForClip[knownActionsForClip.length - 1],
+                                               byClipCacheIndex = action._byClipCacheIndex;
+                                       lastKnownAction._byClipCacheIndex = byClipCacheIndex;
+                                       knownActionsForClip[byClipCacheIndex] = lastKnownAction;
+                                       knownActionsForClip.pop();
+                                       action._byClipCacheIndex = null;
+                                       const actionByRoot = actionsForClip.actionByRoot,
+                                               rootUuid = (action._localRoot || this._root).uuid;
+                                       delete actionByRoot[rootUuid];
+
+                                       if (knownActionsForClip.length === 0) {
+                                               delete actionsByClip[clipUuid];
+                                       }
+
+                                       this._removeInactiveBindingsForAction(action);
+                               }
+
+                               _removeInactiveBindingsForAction(action) {
+                                       const bindings = action._propertyBindings;
+
+                                       for (let i = 0, n = bindings.length; i !== n; ++i) {
+                                               const binding = bindings[i];
+
+                                               if (--binding.referenceCount === 0) {
+                                                       this._removeInactiveBinding(binding);
+                                               }
+                                       }
+                               }
+
+                               _lendAction(action) {
+                                       // [ active actions |   inactive actions        ]
+                                       // [    active actions >| inactive actions ]
+                                       //                                                               s                              a
+                                       //                                                                      <-swap->
+                                       //                                                               a                              s
+                                       const actions = this._actions,
+                                               prevIndex = action._cacheIndex,
+                                               lastActiveIndex = this._nActiveActions++,
+                                               firstInactiveAction = actions[lastActiveIndex];
+                                       action._cacheIndex = lastActiveIndex;
+                                       actions[lastActiveIndex] = action;
+                                       firstInactiveAction._cacheIndex = prevIndex;
+                                       actions[prevIndex] = firstInactiveAction;
+                               }
+
+                               _takeBackAction(action) {
+                                       // [    active actions  | inactive actions ]
+                                       // [ active actions |< inactive actions ]
+                                       //                              a                               s
+                                       //                               <-swap->
+                                       //                              s                               a
+                                       const actions = this._actions,
+                                               prevIndex = action._cacheIndex,
+                                               firstInactiveIndex = --this._nActiveActions,
+                                               lastActiveAction = actions[firstInactiveIndex];
+                                       action._cacheIndex = firstInactiveIndex;
+                                       actions[firstInactiveIndex] = action;
+                                       lastActiveAction._cacheIndex = prevIndex;
+                                       actions[prevIndex] = lastActiveAction;
+                               } // Memory management for PropertyMixer objects
+
+
+                               _addInactiveBinding(binding, rootUuid, trackName) {
+                                       const bindingsByRoot = this._bindingsByRootAndName,
+                                               bindings = this._bindings;
+                                       let bindingByName = bindingsByRoot[rootUuid];
+
+                                       if (bindingByName === undefined) {
+                                               bindingByName = {};
+                                               bindingsByRoot[rootUuid] = bindingByName;
+                                       }
+
+                                       bindingByName[trackName] = binding;
+                                       binding._cacheIndex = bindings.length;
+                                       bindings.push(binding);
+                               }
+
+                               _removeInactiveBinding(binding) {
+                                       const bindings = this._bindings,
+                                               propBinding = binding.binding,
+                                               rootUuid = propBinding.rootNode.uuid,
+                                               trackName = propBinding.path,
+                                               bindingsByRoot = this._bindingsByRootAndName,
+                                               bindingByName = bindingsByRoot[rootUuid],
+                                               lastInactiveBinding = bindings[bindings.length - 1],
+                                               cacheIndex = binding._cacheIndex;
+                                       lastInactiveBinding._cacheIndex = cacheIndex;
+                                       bindings[cacheIndex] = lastInactiveBinding;
+                                       bindings.pop();
+                                       delete bindingByName[trackName];
+
+                                       if (Object.keys(bindingByName).length === 0) {
+                                               delete bindingsByRoot[rootUuid];
+                                       }
+                               }
+
+                               _lendBinding(binding) {
+                                       const bindings = this._bindings,
+                                               prevIndex = binding._cacheIndex,
+                                               lastActiveIndex = this._nActiveBindings++,
+                                               firstInactiveBinding = bindings[lastActiveIndex];
+                                       binding._cacheIndex = lastActiveIndex;
+                                       bindings[lastActiveIndex] = binding;
+                                       firstInactiveBinding._cacheIndex = prevIndex;
+                                       bindings[prevIndex] = firstInactiveBinding;
+                               }
+
+                               _takeBackBinding(binding) {
+                                       const bindings = this._bindings,
+                                               prevIndex = binding._cacheIndex,
+                                               firstInactiveIndex = --this._nActiveBindings,
+                                               lastActiveBinding = bindings[firstInactiveIndex];
+                                       binding._cacheIndex = firstInactiveIndex;
+                                       bindings[firstInactiveIndex] = binding;
+                                       lastActiveBinding._cacheIndex = prevIndex;
+                                       bindings[prevIndex] = lastActiveBinding;
+                               } // Memory management of Interpolants for weight and time scale
+
+
+                               _lendControlInterpolant() {
+                                       const interpolants = this._controlInterpolants,
+                                               lastActiveIndex = this._nActiveControlInterpolants++;
+                                       let interpolant = interpolants[lastActiveIndex];
+
+                                       if (interpolant === undefined) {
+                                               interpolant = new LinearInterpolant(new Float32Array(2), new Float32Array(2), 1, this._controlInterpolantsResultBuffer);
+                                               interpolant.__cacheIndex = lastActiveIndex;
+                                               interpolants[lastActiveIndex] = interpolant;
+                                       }
+
+                                       return interpolant;
+                               }
+
+                               _takeBackControlInterpolant(interpolant) {
+                                       const interpolants = this._controlInterpolants,
+                                               prevIndex = interpolant.__cacheIndex,
+                                               firstInactiveIndex = --this._nActiveControlInterpolants,
+                                               lastActiveInterpolant = interpolants[firstInactiveIndex];
+                                       interpolant.__cacheIndex = firstInactiveIndex;
+                                       interpolants[firstInactiveIndex] = interpolant;
+                                       lastActiveInterpolant.__cacheIndex = prevIndex;
+                                       interpolants[prevIndex] = lastActiveInterpolant;
+                               } // return an action for a clip optionally using a custom root target
+                               // object (this method allocates a lot of dynamic memory in case a
+                               // previously unknown clip/root combination is specified)
+
+
+                               clipAction(clip, optionalRoot, blendMode) {
+                                       const root = optionalRoot || this._root,
+                                               rootUuid = root.uuid;
+                                       let clipObject = typeof clip === 'string' ? AnimationClip.findByName(root, clip) : clip;
+                                       const clipUuid = clipObject !== null ? clipObject.uuid : clip;
+                                       const actionsForClip = this._actionsByClip[clipUuid];
+                                       let prototypeAction = null;
+
+                                       if (blendMode === undefined) {
+                                               if (clipObject !== null) {
+                                                       blendMode = clipObject.blendMode;
+                                               } else {
+                                                       blendMode = NormalAnimationBlendMode;
+                                               }
+                                       }
+
+                                       if (actionsForClip !== undefined) {
+                                               const existingAction = actionsForClip.actionByRoot[rootUuid];
+
+                                               if (existingAction !== undefined && existingAction.blendMode === blendMode) {
+                                                       return existingAction;
+                                               } // we know the clip, so we don't have to parse all
+                                               // the bindings again but can just copy
+
+
+                                               prototypeAction = actionsForClip.knownActions[0]; // also, take the clip from the prototype action
+
+                                               if (clipObject === null) clipObject = prototypeAction._clip;
+                                       } // clip must be known when specified via string
+
+
+                                       if (clipObject === null) return null; // allocate all resources required to run it
+
+                                       const newAction = new AnimationAction(this, clipObject, optionalRoot, blendMode);
+
+                                       this._bindAction(newAction, prototypeAction); // and make the action known to the memory manager
+
+
+                                       this._addInactiveAction(newAction, clipUuid, rootUuid);
+
+                                       return newAction;
+                               } // get an existing action
+
+
+                               existingAction(clip, optionalRoot) {
+                                       const root = optionalRoot || this._root,
+                                               rootUuid = root.uuid,
+                                               clipObject = typeof clip === 'string' ? AnimationClip.findByName(root, clip) : clip,
+                                               clipUuid = clipObject ? clipObject.uuid : clip,
+                                               actionsForClip = this._actionsByClip[clipUuid];
+
+                                       if (actionsForClip !== undefined) {
+                                               return actionsForClip.actionByRoot[rootUuid] || null;
+                                       }
+
+                                       return null;
+                               } // deactivates all previously scheduled actions
+
+
+                               stopAllAction() {
+                                       const actions = this._actions,
+                                               nActions = this._nActiveActions;
+
+                                       for (let i = nActions - 1; i >= 0; --i) {
+                                               actions[i].stop();
+                                       }
+
+                                       return this;
+                               } // advance the time and update apply the animation
+
+
+                               update(deltaTime) {
+                                       deltaTime *= this.timeScale;
+                                       const actions = this._actions,
+                                               nActions = this._nActiveActions,
+                                               time = this.time += deltaTime,
+                                               timeDirection = Math.sign(deltaTime),
+                                               accuIndex = this._accuIndex ^= 1; // run active actions
+
+                                       for (let i = 0; i !== nActions; ++i) {
+                                               const action = actions[i];
+
+                                               action._update(time, deltaTime, timeDirection, accuIndex);
+                                       } // update scene graph
+
+
+                                       const bindings = this._bindings,
+                                               nBindings = this._nActiveBindings;
+
+                                       for (let i = 0; i !== nBindings; ++i) {
+                                               bindings[i].apply(accuIndex);
+                                       }
+
+                                       return this;
+                               } // Allows you to seek to a specific time in an animation.
+
+
+                               setTime(timeInSeconds) {
+                                       this.time = 0; // Zero out time attribute for AnimationMixer object;
+
+                                       for (let i = 0; i < this._actions.length; i++) {
+                                               this._actions[i].time = 0; // Zero out time attribute for all associated AnimationAction objects.
+                                       }
+
+                                       return this.update(timeInSeconds); // Update used to set exact time. Returns "this" AnimationMixer object.
+                               } // return this mixer's root target object
+
+
+                               getRoot() {
+                                       return this._root;
+                               } // free all resources specific to a particular clip
+
+
+                               uncacheClip(clip) {
+                                       const actions = this._actions,
+                                               clipUuid = clip.uuid,
+                                               actionsByClip = this._actionsByClip,
+                                               actionsForClip = actionsByClip[clipUuid];
+
+                                       if (actionsForClip !== undefined) {
+                                               // note: just calling _removeInactiveAction would mess up the
+                                               // iteration state and also require updating the state we can
+                                               // just throw away
+                                               const actionsToRemove = actionsForClip.knownActions;
+
+                                               for (let i = 0, n = actionsToRemove.length; i !== n; ++i) {
+                                                       const action = actionsToRemove[i];
+
+                                                       this._deactivateAction(action);
+
+                                                       const cacheIndex = action._cacheIndex,
+                                                               lastInactiveAction = actions[actions.length - 1];
+                                                       action._cacheIndex = null;
+                                                       action._byClipCacheIndex = null;
+                                                       lastInactiveAction._cacheIndex = cacheIndex;
+                                                       actions[cacheIndex] = lastInactiveAction;
+                                                       actions.pop();
+
+                                                       this._removeInactiveBindingsForAction(action);
+                                               }
+
+                                               delete actionsByClip[clipUuid];
+                                       }
+                               } // free all resources specific to a particular root target object
+
+
+                               uncacheRoot(root) {
+                                       const rootUuid = root.uuid,
+                                               actionsByClip = this._actionsByClip;
+
+                                       for (const clipUuid in actionsByClip) {
+                                               const actionByRoot = actionsByClip[clipUuid].actionByRoot,
+                                                       action = actionByRoot[rootUuid];
+
+                                               if (action !== undefined) {
+                                                       this._deactivateAction(action);
+
+                                                       this._removeInactiveAction(action);
+                                               }
+                                       }
+
+                                       const bindingsByRoot = this._bindingsByRootAndName,
+                                               bindingByName = bindingsByRoot[rootUuid];
+
+                                       if (bindingByName !== undefined) {
+                                               for (const trackName in bindingByName) {
+                                                       const binding = bindingByName[trackName];
+                                                       binding.restoreOriginalState();
+
+                                                       this._removeInactiveBinding(binding);
+                                               }
+                                       }
+                               } // remove a targeted clip from the cache
+
+
+                               uncacheAction(clip, optionalRoot) {
+                                       const action = this.existingAction(clip, optionalRoot);
+
+                                       if (action !== null) {
+                                               this._deactivateAction(action);
+
+                                               this._removeInactiveAction(action);
+                                       }
+                               }
+
+                       }
+
+                       AnimationMixer.prototype._controlInterpolantsResultBuffer = new Float32Array(1);
+
+                       class Uniform {
+                               constructor(value) {
+                                       if (typeof value === 'string') {
+                                               console.warn('THREE.Uniform: Type parameter is no longer needed.');
+                                               value = arguments[1];
+                                       }
+
+                                       this.value = value;
+                               }
+
+                               clone() {
+                                       return new Uniform(this.value.clone === undefined ? this.value : this.value.clone());
+                               }
+
+                       }
+
+                       class InstancedInterleavedBuffer extends InterleavedBuffer {
+                               constructor(array, stride, meshPerAttribute = 1) {
+                                       super(array, stride);
+                                       this.meshPerAttribute = meshPerAttribute;
+                               }
+
+                               copy(source) {
+                                       super.copy(source);
+                                       this.meshPerAttribute = source.meshPerAttribute;
+                                       return this;
+                               }
+
+                               clone(data) {
+                                       const ib = super.clone(data);
+                                       ib.meshPerAttribute = this.meshPerAttribute;
+                                       return ib;
+                               }
+
+                               toJSON(data) {
+                                       const json = super.toJSON(data);
+                                       json.isInstancedInterleavedBuffer = true;
+                                       json.meshPerAttribute = this.meshPerAttribute;
+                                       return json;
+                               }
+
+                       }
+
+                       InstancedInterleavedBuffer.prototype.isInstancedInterleavedBuffer = true;
+
+                       class GLBufferAttribute {
+                               constructor(buffer, type, itemSize, elementSize, count) {
+                                       this.buffer = buffer;
+                                       this.type = type;
+                                       this.itemSize = itemSize;
+                                       this.elementSize = elementSize;
+                                       this.count = count;
+                                       this.version = 0;
+                               }
+
+                               set needsUpdate(value) {
+                                       if (value === true) this.version++;
+                               }
+
+                               setBuffer(buffer) {
+                                       this.buffer = buffer;
+                                       return this;
+                               }
+
+                               setType(type, elementSize) {
+                                       this.type = type;
+                                       this.elementSize = elementSize;
+                                       return this;
+                               }
+
+                               setItemSize(itemSize) {
+                                       this.itemSize = itemSize;
+                                       return this;
+                               }
+
+                               setCount(count) {
+                                       this.count = count;
+                                       return this;
+                               }
+
+                       }
+
+                       GLBufferAttribute.prototype.isGLBufferAttribute = true;
+
+                       class Raycaster {
+                               constructor(origin, direction, near = 0, far = Infinity) {
+                                       this.ray = new Ray(origin, direction); // direction is assumed to be normalized (for accurate distance calculations)
+
+                                       this.near = near;
+                                       this.far = far;
+                                       this.camera = null;
+                                       this.layers = new Layers();
+                                       this.params = {
+                                               Mesh: {},
+                                               Line: {
+                                                       threshold: 1
+                                               },
+                                               LOD: {},
+                                               Points: {
+                                                       threshold: 1
+                                               },
+                                               Sprite: {}
+                                       };
+                               }
+
+                               set(origin, direction) {
+                                       // direction is assumed to be normalized (for accurate distance calculations)
+                                       this.ray.set(origin, direction);
+                               }
+
+                               setFromCamera(coords, camera) {
+                                       if (camera && camera.isPerspectiveCamera) {
+                                               this.ray.origin.setFromMatrixPosition(camera.matrixWorld);
+                                               this.ray.direction.set(coords.x, coords.y, 0.5).unproject(camera).sub(this.ray.origin).normalize();
+                                               this.camera = camera;
+                                       } else if (camera && camera.isOrthographicCamera) {
+                                               this.ray.origin.set(coords.x, coords.y, (camera.near + camera.far) / (camera.near - camera.far)).unproject(camera); // set origin in plane of camera
+
+                                               this.ray.direction.set(0, 0, -1).transformDirection(camera.matrixWorld);
+                                               this.camera = camera;
+                                       } else {
+                                               console.error('THREE.Raycaster: Unsupported camera type: ' + camera.type);
+                                       }
+                               }
+
+                               intersectObject(object, recursive = false, intersects = []) {
+                                       intersectObject(object, this, intersects, recursive);
+                                       intersects.sort(ascSort);
+                                       return intersects;
+                               }
+
+                               intersectObjects(objects, recursive = false, intersects = []) {
+                                       for (let i = 0, l = objects.length; i < l; i++) {
+                                               intersectObject(objects[i], this, intersects, recursive);
+                                       }
+
+                                       intersects.sort(ascSort);
+                                       return intersects;
+                               }
+
+                       }
+
+                       function ascSort(a, b) {
+                               return a.distance - b.distance;
+                       }
+
+                       function intersectObject(object, raycaster, intersects, recursive) {
+                               if (object.layers.test(raycaster.layers)) {
+                                       object.raycast(raycaster, intersects);
+                               }
+
+                               if (recursive === true) {
+                                       const children = object.children;
+
+                                       for (let i = 0, l = children.length; i < l; i++) {
+                                               intersectObject(children[i], raycaster, intersects, true);
+                                       }
+                               }
+                       }
+
+                       /**
+                        * Ref: https://en.wikipedia.org/wiki/Spherical_coordinate_system
+                        *
+                        * The polar angle (phi) is measured from the positive y-axis. The positive y-axis is up.
+                        * The azimuthal angle (theta) is measured from the positive z-axis.
+                        */
+
+                       class Spherical {
+                               constructor(radius = 1, phi = 0, theta = 0) {
+                                       this.radius = radius;
+                                       this.phi = phi; // polar angle
+
+                                       this.theta = theta; // azimuthal angle
+
+                                       return this;
+                               }
+
+                               set(radius, phi, theta) {
+                                       this.radius = radius;
+                                       this.phi = phi;
+                                       this.theta = theta;
+                                       return this;
+                               }
+
+                               copy(other) {
+                                       this.radius = other.radius;
+                                       this.phi = other.phi;
+                                       this.theta = other.theta;
+                                       return this;
+                               } // restrict phi to be betwee EPS and PI-EPS
+
+
+                               makeSafe() {
+                                       const EPS = 0.000001;
+                                       this.phi = Math.max(EPS, Math.min(Math.PI - EPS, this.phi));
+                                       return this;
+                               }
+
+                               setFromVector3(v) {
+                                       return this.setFromCartesianCoords(v.x, v.y, v.z);
+                               }
+
+                               setFromCartesianCoords(x, y, z) {
+                                       this.radius = Math.sqrt(x * x + y * y + z * z);
+
+                                       if (this.radius === 0) {
+                                               this.theta = 0;
+                                               this.phi = 0;
+                                       } else {
+                                               this.theta = Math.atan2(x, z);
+                                               this.phi = Math.acos(clamp(y / this.radius, -1, 1));
+                                       }
+
+                                       return this;
+                               }
+
+                               clone() {
+                                       return new this.constructor().copy(this);
+                               }
+
+                       }
+
+                       /**
+                        * Ref: https://en.wikipedia.org/wiki/Cylindrical_coordinate_system
+                        */
+                       class Cylindrical {
+                               constructor(radius = 1, theta = 0, y = 0) {
+                                       this.radius = radius; // distance from the origin to a point in the x-z plane
+
+                                       this.theta = theta; // counterclockwise angle in the x-z plane measured in radians from the positive z-axis
+
+                                       this.y = y; // height above the x-z plane
+
+                                       return this;
+                               }
+
+                               set(radius, theta, y) {
+                                       this.radius = radius;
+                                       this.theta = theta;
+                                       this.y = y;
+                                       return this;
+                               }
+
+                               copy(other) {
+                                       this.radius = other.radius;
+                                       this.theta = other.theta;
+                                       this.y = other.y;
+                                       return this;
+                               }
+
+                               setFromVector3(v) {
+                                       return this.setFromCartesianCoords(v.x, v.y, v.z);
+                               }
+
+                               setFromCartesianCoords(x, y, z) {
+                                       this.radius = Math.sqrt(x * x + z * z);
+                                       this.theta = Math.atan2(x, z);
+                                       this.y = y;
+                                       return this;
+                               }
+
+                               clone() {
+                                       return new this.constructor().copy(this);
+                               }
+
+                       }
+
+                       const _vector$4 = /*@__PURE__*/new Vector2();
+
+                       class Box2 {
+                               constructor(min = new Vector2(+Infinity, +Infinity), max = new Vector2(-Infinity, -Infinity)) {
+                                       this.min = min;
+                                       this.max = max;
+                               }
+
+                               set(min, max) {
+                                       this.min.copy(min);
+                                       this.max.copy(max);
+                                       return this;
+                               }
+
+                               setFromPoints(points) {
+                                       this.makeEmpty();
+
+                                       for (let i = 0, il = points.length; i < il; i++) {
+                                               this.expandByPoint(points[i]);
+                                       }
+
+                                       return this;
+                               }
+
+                               setFromCenterAndSize(center, size) {
+                                       const halfSize = _vector$4.copy(size).multiplyScalar(0.5);
+
+                                       this.min.copy(center).sub(halfSize);
+                                       this.max.copy(center).add(halfSize);
+                                       return this;
+                               }
+
+                               clone() {
+                                       return new this.constructor().copy(this);
+                               }
+
+                               copy(box) {
+                                       this.min.copy(box.min);
+                                       this.max.copy(box.max);
+                                       return this;
+                               }
+
+                               makeEmpty() {
+                                       this.min.x = this.min.y = +Infinity;
+                                       this.max.x = this.max.y = -Infinity;
+                                       return this;
+                               }
+
+                               isEmpty() {
+                                       // this is a more robust check for empty than ( volume <= 0 ) because volume can get positive with two negative axes
+                                       return this.max.x < this.min.x || this.max.y < this.min.y;
+                               }
+
+                               getCenter(target) {
+                                       return this.isEmpty() ? target.set(0, 0) : target.addVectors(this.min, this.max).multiplyScalar(0.5);
+                               }
+
+                               getSize(target) {
+                                       return this.isEmpty() ? target.set(0, 0) : target.subVectors(this.max, this.min);
+                               }
+
+                               expandByPoint(point) {
+                                       this.min.min(point);
+                                       this.max.max(point);
+                                       return this;
+                               }
+
+                               expandByVector(vector) {
+                                       this.min.sub(vector);
+                                       this.max.add(vector);
+                                       return this;
+                               }
+
+                               expandByScalar(scalar) {
+                                       this.min.addScalar(-scalar);
+                                       this.max.addScalar(scalar);
+                                       return this;
+                               }
+
+                               containsPoint(point) {
+                                       return point.x < this.min.x || point.x > this.max.x || point.y < this.min.y || point.y > this.max.y ? false : true;
+                               }
+
+                               containsBox(box) {
+                                       return this.min.x <= box.min.x && box.max.x <= this.max.x && this.min.y <= box.min.y && box.max.y <= this.max.y;
+                               }
+
+                               getParameter(point, target) {
+                                       // This can potentially have a divide by zero if the box
+                                       // has a size dimension of 0.
+                                       return target.set((point.x - this.min.x) / (this.max.x - this.min.x), (point.y - this.min.y) / (this.max.y - this.min.y));
+                               }
+
+                               intersectsBox(box) {
+                                       // using 4 splitting planes to rule out intersections
+                                       return box.max.x < this.min.x || box.min.x > this.max.x || box.max.y < this.min.y || box.min.y > this.max.y ? false : true;
+                               }
+
+                               clampPoint(point, target) {
+                                       return target.copy(point).clamp(this.min, this.max);
+                               }
+
+                               distanceToPoint(point) {
+                                       const clampedPoint = _vector$4.copy(point).clamp(this.min, this.max);
+
+                                       return clampedPoint.sub(point).length();
+                               }
+
+                               intersect(box) {
+                                       this.min.max(box.min);
+                                       this.max.min(box.max);
+                                       return this;
+                               }
+
+                               union(box) {
+                                       this.min.min(box.min);
+                                       this.max.max(box.max);
+                                       return this;
+                               }
+
+                               translate(offset) {
+                                       this.min.add(offset);
+                                       this.max.add(offset);
+                                       return this;
+                               }
+
+                               equals(box) {
+                                       return box.min.equals(this.min) && box.max.equals(this.max);
+                               }
+
+                       }
+
+                       Box2.prototype.isBox2 = true;
+
+                       const _startP = /*@__PURE__*/new Vector3();
+
+                       const _startEnd = /*@__PURE__*/new Vector3();
+
+                       class Line3 {
+                               constructor(start = new Vector3(), end = new Vector3()) {
+                                       this.start = start;
+                                       this.end = end;
+                               }
+
+                               set(start, end) {
+                                       this.start.copy(start);
+                                       this.end.copy(end);
+                                       return this;
+                               }
+
+                               copy(line) {
+                                       this.start.copy(line.start);
+                                       this.end.copy(line.end);
+                                       return this;
+                               }
+
+                               getCenter(target) {
+                                       return target.addVectors(this.start, this.end).multiplyScalar(0.5);
+                               }
+
+                               delta(target) {
+                                       return target.subVectors(this.end, this.start);
+                               }
+
+                               distanceSq() {
+                                       return this.start.distanceToSquared(this.end);
+                               }
+
+                               distance() {
+                                       return this.start.distanceTo(this.end);
+                               }
+
+                               at(t, target) {
+                                       return this.delta(target).multiplyScalar(t).add(this.start);
+                               }
+
+                               closestPointToPointParameter(point, clampToLine) {
+                                       _startP.subVectors(point, this.start);
+
+                                       _startEnd.subVectors(this.end, this.start);
+
+                                       const startEnd2 = _startEnd.dot(_startEnd);
+
+                                       const startEnd_startP = _startEnd.dot(_startP);
+
+                                       let t = startEnd_startP / startEnd2;
+
+                                       if (clampToLine) {
+                                               t = clamp(t, 0, 1);
+                                       }
+
+                                       return t;
+                               }
+
+                               closestPointToPoint(point, clampToLine, target) {
+                                       const t = this.closestPointToPointParameter(point, clampToLine);
+                                       return this.delta(target).multiplyScalar(t).add(this.start);
+                               }
+
+                               applyMatrix4(matrix) {
+                                       this.start.applyMatrix4(matrix);
+                                       this.end.applyMatrix4(matrix);
+                                       return this;
+                               }
+
+                               equals(line) {
+                                       return line.start.equals(this.start) && line.end.equals(this.end);
+                               }
+
+                               clone() {
+                                       return new this.constructor().copy(this);
+                               }
+
+                       }
+
+                       class ImmediateRenderObject extends Object3D {
+                               constructor(material) {
+                                       super();
+                                       this.material = material;
+
+                                       this.render = function () {
+                                       };
+
+                                       this.hasPositions = false;
+                                       this.hasNormals = false;
+                                       this.hasColors = false;
+                                       this.hasUvs = false;
+                                       this.positionArray = null;
+                                       this.normalArray = null;
+                                       this.colorArray = null;
+                                       this.uvArray = null;
+                                       this.count = 0;
+                               }
+
+                       }
+
+                       ImmediateRenderObject.prototype.isImmediateRenderObject = true;
+
+                       const _vector$3 = /*@__PURE__*/new Vector3();
+
+                       class SpotLightHelper extends Object3D {
+                               constructor(light, color) {
+                                       super();
+                                       this.light = light;
+                                       this.light.updateMatrixWorld();
+                                       this.matrix = light.matrixWorld;
+                                       this.matrixAutoUpdate = false;
+                                       this.color = color;
+                                       const geometry = new BufferGeometry();
+                                       const positions = [0, 0, 0, 0, 0, 1, 0, 0, 0, 1, 0, 1, 0, 0, 0, -1, 0, 1, 0, 0, 0, 0, 1, 1, 0, 0, 0, 0, -1, 1];
+
+                                       for (let i = 0, j = 1, l = 32; i < l; i++, j++) {
+                                               const p1 = i / l * Math.PI * 2;
+                                               const p2 = j / l * Math.PI * 2;
+                                               positions.push(Math.cos(p1), Math.sin(p1), 1, Math.cos(p2), Math.sin(p2), 1);
+                                       }
+
+                                       geometry.setAttribute('position', new Float32BufferAttribute(positions, 3));
+                                       const material = new LineBasicMaterial({
+                                               fog: false,
+                                               toneMapped: false
+                                       });
+                                       this.cone = new LineSegments(geometry, material);
+                                       this.add(this.cone);
+                                       this.update();
+                               }
+
+                               dispose() {
+                                       this.cone.geometry.dispose();
+                                       this.cone.material.dispose();
+                               }
+
+                               update() {
+                                       this.light.updateMatrixWorld();
+                                       const coneLength = this.light.distance ? this.light.distance : 1000;
+                                       const coneWidth = coneLength * Math.tan(this.light.angle);
+                                       this.cone.scale.set(coneWidth, coneWidth, coneLength);
+
+                                       _vector$3.setFromMatrixPosition(this.light.target.matrixWorld);
+
+                                       this.cone.lookAt(_vector$3);
+
+                                       if (this.color !== undefined) {
+                                               this.cone.material.color.set(this.color);
+                                       } else {
+                                               this.cone.material.color.copy(this.light.color);
+                                       }
+                               }
+
+                       }
+
+                       const _vector$2 = /*@__PURE__*/new Vector3();
+
+                       const _boneMatrix = /*@__PURE__*/new Matrix4();
+
+                       const _matrixWorldInv = /*@__PURE__*/new Matrix4();
+
+                       class SkeletonHelper extends LineSegments {
+                               constructor(object) {
+                                       const bones = getBoneList(object);
+                                       const geometry = new BufferGeometry();
+                                       const vertices = [];
+                                       const colors = [];
+                                       const color1 = new Color(0, 0, 1);
+                                       const color2 = new Color(0, 1, 0);
+
+                                       for (let i = 0; i < bones.length; i++) {
+                                               const bone = bones[i];
+
+                                               if (bone.parent && bone.parent.isBone) {
+                                                       vertices.push(0, 0, 0);
+                                                       vertices.push(0, 0, 0);
+                                                       colors.push(color1.r, color1.g, color1.b);
+                                                       colors.push(color2.r, color2.g, color2.b);
+                                               }
+                                       }
+
+                                       geometry.setAttribute('position', new Float32BufferAttribute(vertices, 3));
+                                       geometry.setAttribute('color', new Float32BufferAttribute(colors, 3));
+                                       const material = new LineBasicMaterial({
+                                               vertexColors: true,
+                                               depthTest: false,
+                                               depthWrite: false,
+                                               toneMapped: false,
+                                               transparent: true
+                                       });
+                                       super(geometry, material);
+                                       this.type = 'SkeletonHelper';
+                                       this.isSkeletonHelper = true;
+                                       this.root = object;
+                                       this.bones = bones;
+                                       this.matrix = object.matrixWorld;
+                                       this.matrixAutoUpdate = false;
+                               }
+
+                               updateMatrixWorld(force) {
+                                       const bones = this.bones;
+                                       const geometry = this.geometry;
+                                       const position = geometry.getAttribute('position');
+
+                                       _matrixWorldInv.copy(this.root.matrixWorld).invert();
+
+                                       for (let i = 0, j = 0; i < bones.length; i++) {
+                                               const bone = bones[i];
+
+                                               if (bone.parent && bone.parent.isBone) {
+                                                       _boneMatrix.multiplyMatrices(_matrixWorldInv, bone.matrixWorld);
+
+                                                       _vector$2.setFromMatrixPosition(_boneMatrix);
+
+                                                       position.setXYZ(j, _vector$2.x, _vector$2.y, _vector$2.z);
+
+                                                       _boneMatrix.multiplyMatrices(_matrixWorldInv, bone.parent.matrixWorld);
+
+                                                       _vector$2.setFromMatrixPosition(_boneMatrix);
+
+                                                       position.setXYZ(j + 1, _vector$2.x, _vector$2.y, _vector$2.z);
+                                                       j += 2;
+                                               }
+                                       }
+
+                                       geometry.getAttribute('position').needsUpdate = true;
+                                       super.updateMatrixWorld(force);
+                               }
+
+                       }
+
+                       function getBoneList(object) {
+                               const boneList = [];
+
+                               if (object && object.isBone) {
+                                       boneList.push(object);
+                               }
+
+                               for (let i = 0; i < object.children.length; i++) {
+                                       boneList.push.apply(boneList, getBoneList(object.children[i]));
+                               }
+
+                               return boneList;
+                       }
+
+                       class PointLightHelper extends Mesh {
+                               constructor(light, sphereSize, color) {
+                                       const geometry = new SphereGeometry(sphereSize, 4, 2);
+                                       const material = new MeshBasicMaterial({
+                                               wireframe: true,
+                                               fog: false,
+                                               toneMapped: false
+                                       });
+                                       super(geometry, material);
+                                       this.light = light;
+                                       this.light.updateMatrixWorld();
+                                       this.color = color;
+                                       this.type = 'PointLightHelper';
+                                       this.matrix = this.light.matrixWorld;
+                                       this.matrixAutoUpdate = false;
+                                       this.update();
+                                       /*
+                       // TODO: delete this comment?
+                       const distanceGeometry = new THREE.IcosahedronBufferGeometry( 1, 2 );
+                       const distanceMaterial = new THREE.MeshBasicMaterial( { color: hexColor, fog: false, wireframe: true, opacity: 0.1, transparent: true } );
+                       this.lightSphere = new THREE.Mesh( bulbGeometry, bulbMaterial );
+                       this.lightDistance = new THREE.Mesh( distanceGeometry, distanceMaterial );
+                       const d = light.distance;
+                       if ( d === 0.0 ) {
+                               this.lightDistance.visible = false;
+                       } else {
+                               this.lightDistance.scale.set( d, d, d );
+                       }
+                       this.add( this.lightDistance );
+                       */
+                               }
+
+                               dispose() {
+                                       this.geometry.dispose();
+                                       this.material.dispose();
+                               }
+
+                               update() {
+                                       if (this.color !== undefined) {
+                                               this.material.color.set(this.color);
+                                       } else {
+                                               this.material.color.copy(this.light.color);
+                                       }
+                                       /*
+                       const d = this.light.distance;
+                               if ( d === 0.0 ) {
+                                       this.lightDistance.visible = false;
+                               } else {
+                                       this.lightDistance.visible = true;
+                               this.lightDistance.scale.set( d, d, d );
+                               }
+                       */
+
+                               }
+
+                       }
+
+                       const _vector$1 = /*@__PURE__*/new Vector3();
+
+                       const _color1 = /*@__PURE__*/new Color();
+
+                       const _color2 = /*@__PURE__*/new Color();
+
+                       class HemisphereLightHelper extends Object3D {
+                               constructor(light, size, color) {
+                                       super();
+                                       this.light = light;
+                                       this.light.updateMatrixWorld();
+                                       this.matrix = light.matrixWorld;
+                                       this.matrixAutoUpdate = false;
+                                       this.color = color;
+                                       const geometry = new OctahedronGeometry(size);
+                                       geometry.rotateY(Math.PI * 0.5);
+                                       this.material = new MeshBasicMaterial({
+                                               wireframe: true,
+                                               fog: false,
+                                               toneMapped: false
+                                       });
+                                       if (this.color === undefined) this.material.vertexColors = true;
+                                       const position = geometry.getAttribute('position');
+                                       const colors = new Float32Array(position.count * 3);
+                                       geometry.setAttribute('color', new BufferAttribute(colors, 3));
+                                       this.add(new Mesh(geometry, this.material));
+                                       this.update();
+                               }
+
+                               dispose() {
+                                       this.children[0].geometry.dispose();
+                                       this.children[0].material.dispose();
+                               }
+
+                               update() {
+                                       const mesh = this.children[0];
+
+                                       if (this.color !== undefined) {
+                                               this.material.color.set(this.color);
+                                       } else {
+                                               const colors = mesh.geometry.getAttribute('color');
+
+                                               _color1.copy(this.light.color);
+
+                                               _color2.copy(this.light.groundColor);
+
+                                               for (let i = 0, l = colors.count; i < l; i++) {
+                                                       const color = i < l / 2 ? _color1 : _color2;
+                                                       colors.setXYZ(i, color.r, color.g, color.b);
+                                               }
+
+                                               colors.needsUpdate = true;
+                                       }
+
+                                       mesh.lookAt(_vector$1.setFromMatrixPosition(this.light.matrixWorld).negate());
+                               }
+
+                       }
+
+                       class GridHelper extends LineSegments {
+                               constructor(size = 10, divisions = 10, color1 = 0x444444, color2 = 0x888888) {
+                                       color1 = new Color(color1);
+                                       color2 = new Color(color2);
+                                       const center = divisions / 2;
+                                       const step = size / divisions;
+                                       const halfSize = size / 2;
+                                       const vertices = [],
+                                               colors = [];
+
+                                       for (let i = 0, j = 0, k = -halfSize; i <= divisions; i++, k += step) {
+                                               vertices.push(-halfSize, 0, k, halfSize, 0, k);
+                                               vertices.push(k, 0, -halfSize, k, 0, halfSize);
+                                               const color = i === center ? color1 : color2;
+                                               color.toArray(colors, j);
+                                               j += 3;
+                                               color.toArray(colors, j);
+                                               j += 3;
+                                               color.toArray(colors, j);
+                                               j += 3;
+                                               color.toArray(colors, j);
+                                               j += 3;
+                                       }
+
+                                       const geometry = new BufferGeometry();
+                                       geometry.setAttribute('position', new Float32BufferAttribute(vertices, 3));
+                                       geometry.setAttribute('color', new Float32BufferAttribute(colors, 3));
+                                       const material = new LineBasicMaterial({
+                                               vertexColors: true,
+                                               toneMapped: false
+                                       });
+                                       super(geometry, material);
+                                       this.type = 'GridHelper';
+                               }
+
+                       }
+
+                       class PolarGridHelper extends LineSegments {
+                               constructor(radius = 10, radials = 16, circles = 8, divisions = 64, color1 = 0x444444, color2 = 0x888888) {
+                                       color1 = new Color(color1);
+                                       color2 = new Color(color2);
+                                       const vertices = [];
+                                       const colors = []; // create the radials
+
+                                       for (let i = 0; i <= radials; i++) {
+                                               const v = i / radials * (Math.PI * 2);
+                                               const x = Math.sin(v) * radius;
+                                               const z = Math.cos(v) * radius;
+                                               vertices.push(0, 0, 0);
+                                               vertices.push(x, 0, z);
+                                               const color = i & 1 ? color1 : color2;
+                                               colors.push(color.r, color.g, color.b);
+                                               colors.push(color.r, color.g, color.b);
+                                       } // create the circles
+
+
+                                       for (let i = 0; i <= circles; i++) {
+                                               const color = i & 1 ? color1 : color2;
+                                               const r = radius - radius / circles * i;
+
+                                               for (let j = 0; j < divisions; j++) {
+                                                       // first vertex
+                                                       let v = j / divisions * (Math.PI * 2);
+                                                       let x = Math.sin(v) * r;
+                                                       let z = Math.cos(v) * r;
+                                                       vertices.push(x, 0, z);
+                                                       colors.push(color.r, color.g, color.b); // second vertex
+
+                                                       v = (j + 1) / divisions * (Math.PI * 2);
+                                                       x = Math.sin(v) * r;
+                                                       z = Math.cos(v) * r;
+                                                       vertices.push(x, 0, z);
+                                                       colors.push(color.r, color.g, color.b);
+                                               }
+                                       }
+
+                                       const geometry = new BufferGeometry();
+                                       geometry.setAttribute('position', new Float32BufferAttribute(vertices, 3));
+                                       geometry.setAttribute('color', new Float32BufferAttribute(colors, 3));
+                                       const material = new LineBasicMaterial({
+                                               vertexColors: true,
+                                               toneMapped: false
+                                       });
+                                       super(geometry, material);
+                                       this.type = 'PolarGridHelper';
+                               }
+
+                       }
+
+                       const _v1 = /*@__PURE__*/new Vector3();
+
+                       const _v2 = /*@__PURE__*/new Vector3();
+
+                       const _v3 = /*@__PURE__*/new Vector3();
+
+                       class DirectionalLightHelper extends Object3D {
+                               constructor(light, size, color) {
+                                       super();
+                                       this.light = light;
+                                       this.light.updateMatrixWorld();
+                                       this.matrix = light.matrixWorld;
+                                       this.matrixAutoUpdate = false;
+                                       this.color = color;
+                                       if (size === undefined) size = 1;
+                                       let geometry = new BufferGeometry();
+                                       geometry.setAttribute('position', new Float32BufferAttribute([-size, size, 0, size, size, 0, size, -size, 0, -size, -size, 0, -size, size, 0], 3));
+                                       const material = new LineBasicMaterial({
+                                               fog: false,
+                                               toneMapped: false
+                                       });
+                                       this.lightPlane = new Line(geometry, material);
+                                       this.add(this.lightPlane);
+                                       geometry = new BufferGeometry();
+                                       geometry.setAttribute('position', new Float32BufferAttribute([0, 0, 0, 0, 0, 1], 3));
+                                       this.targetLine = new Line(geometry, material);
+                                       this.add(this.targetLine);
+                                       this.update();
+                               }
+
+                               dispose() {
+                                       this.lightPlane.geometry.dispose();
+                                       this.lightPlane.material.dispose();
+                                       this.targetLine.geometry.dispose();
+                                       this.targetLine.material.dispose();
+                               }
+
+                               update() {
+                                       _v1.setFromMatrixPosition(this.light.matrixWorld);
+
+                                       _v2.setFromMatrixPosition(this.light.target.matrixWorld);
+
+                                       _v3.subVectors(_v2, _v1);
+
+                                       this.lightPlane.lookAt(_v2);
+
+                                       if (this.color !== undefined) {
+                                               this.lightPlane.material.color.set(this.color);
+                                               this.targetLine.material.color.set(this.color);
+                                       } else {
+                                               this.lightPlane.material.color.copy(this.light.color);
+                                               this.targetLine.material.color.copy(this.light.color);
+                                       }
+
+                                       this.targetLine.lookAt(_v2);
+                                       this.targetLine.scale.z = _v3.length();
+                               }
+
+                       }
+
+                       const _vector = /*@__PURE__*/new Vector3();
+
+                       const _camera = /*@__PURE__*/new Camera();
+
+                       /**
+                        *      - shows frustum, line of sight and up of the camera
+                        *      - suitable for fast updates
+                        *      - based on frustum visualization in lightgl.js shadowmap example
+                        *              http://evanw.github.com/lightgl.js/tests/shadowmap.html
+                        */
+
+
+                       class CameraHelper extends LineSegments {
+                               constructor(camera) {
+                                       const geometry = new BufferGeometry();
+                                       const material = new LineBasicMaterial({
+                                               color: 0xffffff,
+                                               vertexColors: true,
+                                               toneMapped: false
+                                       });
+                                       const vertices = [];
+                                       const colors = [];
+                                       const pointMap = {}; // colors
+
+                                       const colorFrustum = new Color(0xffaa00);
+                                       const colorCone = new Color(0xff0000);
+                                       const colorUp = new Color(0x00aaff);
+                                       const colorTarget = new Color(0xffffff);
+                                       const colorCross = new Color(0x333333); // near
+
+                                       addLine('n1', 'n2', colorFrustum);
+                                       addLine('n2', 'n4', colorFrustum);
+                                       addLine('n4', 'n3', colorFrustum);
+                                       addLine('n3', 'n1', colorFrustum); // far
+
+                                       addLine('f1', 'f2', colorFrustum);
+                                       addLine('f2', 'f4', colorFrustum);
+                                       addLine('f4', 'f3', colorFrustum);
+                                       addLine('f3', 'f1', colorFrustum); // sides
+
+                                       addLine('n1', 'f1', colorFrustum);
+                                       addLine('n2', 'f2', colorFrustum);
+                                       addLine('n3', 'f3', colorFrustum);
+                                       addLine('n4', 'f4', colorFrustum); // cone
+
+                                       addLine('p', 'n1', colorCone);
+                                       addLine('p', 'n2', colorCone);
+                                       addLine('p', 'n3', colorCone);
+                                       addLine('p', 'n4', colorCone); // up
+
+                                       addLine('u1', 'u2', colorUp);
+                                       addLine('u2', 'u3', colorUp);
+                                       addLine('u3', 'u1', colorUp); // target
+
+                                       addLine('c', 't', colorTarget);
+                                       addLine('p', 'c', colorCross); // cross
+
+                                       addLine('cn1', 'cn2', colorCross);
+                                       addLine('cn3', 'cn4', colorCross);
+                                       addLine('cf1', 'cf2', colorCross);
+                                       addLine('cf3', 'cf4', colorCross);
+
+                                       function addLine(a, b, color) {
+                                               addPoint(a, color);
+                                               addPoint(b, color);
+                                       }
+
+                                       function addPoint(id, color) {
+                                               vertices.push(0, 0, 0);
+                                               colors.push(color.r, color.g, color.b);
+
+                                               if (pointMap[id] === undefined) {
+                                                       pointMap[id] = [];
+                                               }
+
+                                               pointMap[id].push(vertices.length / 3 - 1);
+                                       }
+
+                                       geometry.setAttribute('position', new Float32BufferAttribute(vertices, 3));
+                                       geometry.setAttribute('color', new Float32BufferAttribute(colors, 3));
+                                       super(geometry, material);
+                                       this.type = 'CameraHelper';
+                                       this.camera = camera;
+                                       if (this.camera.updateProjectionMatrix) this.camera.updateProjectionMatrix();
+                                       this.matrix = camera.matrixWorld;
+                                       this.matrixAutoUpdate = false;
+                                       this.pointMap = pointMap;
+                                       this.update();
+                               }
+
+                               update() {
+                                       const geometry = this.geometry;
+                                       const pointMap = this.pointMap;
+                                       const w = 1,
+                                               h = 1; // we need just camera projection matrix inverse
+                                       // world matrix must be identity
+
+                                       _camera.projectionMatrixInverse.copy(this.camera.projectionMatrixInverse); // center / target
+
+
+                                       setPoint('c', pointMap, geometry, _camera, 0, 0, -1);
+                                       setPoint('t', pointMap, geometry, _camera, 0, 0, 1); // near
+
+                                       setPoint('n1', pointMap, geometry, _camera, -w, -h, -1);
+                                       setPoint('n2', pointMap, geometry, _camera, w, -h, -1);
+                                       setPoint('n3', pointMap, geometry, _camera, -w, h, -1);
+                                       setPoint('n4', pointMap, geometry, _camera, w, h, -1); // far
+
+                                       setPoint('f1', pointMap, geometry, _camera, -w, -h, 1);
+                                       setPoint('f2', pointMap, geometry, _camera, w, -h, 1);
+                                       setPoint('f3', pointMap, geometry, _camera, -w, h, 1);
+                                       setPoint('f4', pointMap, geometry, _camera, w, h, 1); // up
+
+                                       setPoint('u1', pointMap, geometry, _camera, w * 0.7, h * 1.1, -1);
+                                       setPoint('u2', pointMap, geometry, _camera, -w * 0.7, h * 1.1, -1);
+                                       setPoint('u3', pointMap, geometry, _camera, 0, h * 2, -1); // cross
+
+                                       setPoint('cf1', pointMap, geometry, _camera, -w, 0, 1);
+                                       setPoint('cf2', pointMap, geometry, _camera, w, 0, 1);
+                                       setPoint('cf3', pointMap, geometry, _camera, 0, -h, 1);
+                                       setPoint('cf4', pointMap, geometry, _camera, 0, h, 1);
+                                       setPoint('cn1', pointMap, geometry, _camera, -w, 0, -1);
+                                       setPoint('cn2', pointMap, geometry, _camera, w, 0, -1);
+                                       setPoint('cn3', pointMap, geometry, _camera, 0, -h, -1);
+                                       setPoint('cn4', pointMap, geometry, _camera, 0, h, -1);
+                                       geometry.getAttribute('position').needsUpdate = true;
+                               }
+
+                               dispose() {
+                                       this.geometry.dispose();
+                                       this.material.dispose();
+                               }
+
+                       }
+
+                       function setPoint(point, pointMap, geometry, camera, x, y, z) {
+                               _vector.set(x, y, z).unproject(camera);
+
+                               const points = pointMap[point];
+
+                               if (points !== undefined) {
+                                       const position = geometry.getAttribute('position');
+
+                                       for (let i = 0, l = points.length; i < l; i++) {
+                                               position.setXYZ(points[i], _vector.x, _vector.y, _vector.z);
+                                       }
+                               }
+                       }
+
+                       const _box = /*@__PURE__*/new Box3();
+
+                       class BoxHelper extends LineSegments {
+                               constructor(object, color = 0xffff00) {
+                                       const indices = new Uint16Array([0, 1, 1, 2, 2, 3, 3, 0, 4, 5, 5, 6, 6, 7, 7, 4, 0, 4, 1, 5, 2, 6, 3, 7]);
+                                       const positions = new Float32Array(8 * 3);
+                                       const geometry = new BufferGeometry();
+                                       geometry.setIndex(new BufferAttribute(indices, 1));
+                                       geometry.setAttribute('position', new BufferAttribute(positions, 3));
+                                       super(geometry, new LineBasicMaterial({
+                                               color: color,
+                                               toneMapped: false
+                                       }));
+                                       this.object = object;
+                                       this.type = 'BoxHelper';
+                                       this.matrixAutoUpdate = false;
+                                       this.update();
+                               }
+
+                               update(object) {
+                                       if (object !== undefined) {
+                                               console.warn('THREE.BoxHelper: .update() has no longer arguments.');
+                                       }
+
+                                       if (this.object !== undefined) {
+                                               _box.setFromObject(this.object);
+                                       }
+
+                                       if (_box.isEmpty()) return;
+                                       const min = _box.min;
+                                       const max = _box.max;
+                                       /*
+                               5____4
+                       1/___0/|
+                       | 6__|_7
+                       2/___3/
+                               0: max.x, max.y, max.z
+                       1: min.x, max.y, max.z
+                       2: min.x, min.y, max.z
+                       3: max.x, min.y, max.z
+                       4: max.x, max.y, min.z
+                       5: min.x, max.y, min.z
+                       6: min.x, min.y, min.z
+                       7: max.x, min.y, min.z
+                       */
+
+                                       const position = this.geometry.attributes.position;
+                                       const array = position.array;
+                                       array[0] = max.x;
+                                       array[1] = max.y;
+                                       array[2] = max.z;
+                                       array[3] = min.x;
+                                       array[4] = max.y;
+                                       array[5] = max.z;
+                                       array[6] = min.x;
+                                       array[7] = min.y;
+                                       array[8] = max.z;
+                                       array[9] = max.x;
+                                       array[10] = min.y;
+                                       array[11] = max.z;
+                                       array[12] = max.x;
+                                       array[13] = max.y;
+                                       array[14] = min.z;
+                                       array[15] = min.x;
+                                       array[16] = max.y;
+                                       array[17] = min.z;
+                                       array[18] = min.x;
+                                       array[19] = min.y;
+                                       array[20] = min.z;
+                                       array[21] = max.x;
+                                       array[22] = min.y;
+                                       array[23] = min.z;
+                                       position.needsUpdate = true;
+                                       this.geometry.computeBoundingSphere();
+                               }
+
+                               setFromObject(object) {
+                                       this.object = object;
+                                       this.update();
+                                       return this;
+                               }
+
+                               copy(source) {
+                                       LineSegments.prototype.copy.call(this, source);
+                                       this.object = source.object;
+                                       return this;
+                               }
+
+                       }
+
+                       class Box3Helper extends LineSegments {
+                               constructor(box, color = 0xffff00) {
+                                       const indices = new Uint16Array([0, 1, 1, 2, 2, 3, 3, 0, 4, 5, 5, 6, 6, 7, 7, 4, 0, 4, 1, 5, 2, 6, 3, 7]);
+                                       const positions = [1, 1, 1, -1, 1, 1, -1, -1, 1, 1, -1, 1, 1, 1, -1, -1, 1, -1, -1, -1, -1, 1, -1, -1];
+                                       const geometry = new BufferGeometry();
+                                       geometry.setIndex(new BufferAttribute(indices, 1));
+                                       geometry.setAttribute('position', new Float32BufferAttribute(positions, 3));
+                                       super(geometry, new LineBasicMaterial({
+                                               color: color,
+                                               toneMapped: false
+                                       }));
+                                       this.box = box;
+                                       this.type = 'Box3Helper';
+                                       this.geometry.computeBoundingSphere();
+                               }
+
+                               updateMatrixWorld(force) {
+                                       const box = this.box;
+                                       if (box.isEmpty()) return;
+                                       box.getCenter(this.position);
+                                       box.getSize(this.scale);
+                                       this.scale.multiplyScalar(0.5);
+                                       super.updateMatrixWorld(force);
+                               }
+
+                       }
+
+                       class PlaneHelper extends Line {
+                               constructor(plane, size = 1, hex = 0xffff00) {
+                                       const color = hex;
+                                       const positions = [1, -1, 1, -1, 1, 1, -1, -1, 1, 1, 1, 1, -1, 1, 1, -1, -1, 1, 1, -1, 1, 1, 1, 1, 0, 0, 1, 0, 0, 0];
+                                       const geometry = new BufferGeometry();
+                                       geometry.setAttribute('position', new Float32BufferAttribute(positions, 3));
+                                       geometry.computeBoundingSphere();
+                                       super(geometry, new LineBasicMaterial({
+                                               color: color,
+                                               toneMapped: false
+                                       }));
+                                       this.type = 'PlaneHelper';
+                                       this.plane = plane;
+                                       this.size = size;
+                                       const positions2 = [1, 1, 1, -1, 1, 1, -1, -1, 1, 1, 1, 1, -1, -1, 1, 1, -1, 1];
+                                       const geometry2 = new BufferGeometry();
+                                       geometry2.setAttribute('position', new Float32BufferAttribute(positions2, 3));
+                                       geometry2.computeBoundingSphere();
+                                       this.add(new Mesh(geometry2, new MeshBasicMaterial({
+                                               color: color,
+                                               opacity: 0.2,
+                                               transparent: true,
+                                               depthWrite: false,
+                                               toneMapped: false
+                                       })));
+                               }
+
+                               updateMatrixWorld(force) {
+                                       let scale = -this.plane.constant;
+                                       if (Math.abs(scale) < 1e-8) scale = 1e-8; // sign does not matter
+
+                                       this.scale.set(0.5 * this.size, 0.5 * this.size, scale);
+                                       this.children[0].material.side = scale < 0 ? BackSide : FrontSide; // renderer flips side when determinant < 0; flipping not wanted here
+
+                                       this.lookAt(this.plane.normal);
+                                       super.updateMatrixWorld(force);
+                               }
+
+                       }
+
+                       const _axis = /*@__PURE__*/new Vector3();
+
+                       let _lineGeometry, _coneGeometry;
+
+                       class ArrowHelper extends Object3D {
+                               // dir is assumed to be normalized
+                               constructor(dir = new Vector3(0, 0, 1), origin = new Vector3(0, 0, 0), length = 1, color = 0xffff00, headLength = length * 0.2, headWidth = headLength * 0.2) {
+                                       super();
+                                       this.type = 'ArrowHelper';
+
+                                       if (_lineGeometry === undefined) {
+                                               _lineGeometry = new BufferGeometry();
+
+                                               _lineGeometry.setAttribute('position', new Float32BufferAttribute([0, 0, 0, 0, 1, 0], 3));
+
+                                               _coneGeometry = new CylinderGeometry(0, 0.5, 1, 5, 1);
+
+                                               _coneGeometry.translate(0, -0.5, 0);
+                                       }
+
+                                       this.position.copy(origin);
+                                       this.line = new Line(_lineGeometry, new LineBasicMaterial({
+                                               color: color,
+                                               toneMapped: false
+                                       }));
+                                       this.line.matrixAutoUpdate = false;
+                                       this.add(this.line);
+                                       this.cone = new Mesh(_coneGeometry, new MeshBasicMaterial({
+                                               color: color,
+                                               toneMapped: false
+                                       }));
+                                       this.cone.matrixAutoUpdate = false;
+                                       this.add(this.cone);
+                                       this.setDirection(dir);
+                                       this.setLength(length, headLength, headWidth);
+                               }
+
+                               setDirection(dir) {
+                                       // dir is assumed to be normalized
+                                       if (dir.y > 0.99999) {
+                                               this.quaternion.set(0, 0, 0, 1);
+                                       } else if (dir.y < -0.99999) {
+                                               this.quaternion.set(1, 0, 0, 0);
+                                       } else {
+                                               _axis.set(dir.z, 0, -dir.x).normalize();
+
+                                               const radians = Math.acos(dir.y);
+                                               this.quaternion.setFromAxisAngle(_axis, radians);
+                                       }
+                               }
+
+                               setLength(length, headLength = length * 0.2, headWidth = headLength * 0.2) {
+                                       this.line.scale.set(1, Math.max(0.0001, length - headLength), 1); // see #17458
+
+                                       this.line.updateMatrix();
+                                       this.cone.scale.set(headWidth, headLength, headWidth);
+                                       this.cone.position.y = length;
+                                       this.cone.updateMatrix();
+                               }
+
+                               setColor(color) {
+                                       this.line.material.color.set(color);
+                                       this.cone.material.color.set(color);
+                               }
+
+                               copy(source) {
+                                       super.copy(source, false);
+                                       this.line.copy(source.line);
+                                       this.cone.copy(source.cone);
+                                       return this;
+                               }
+
+                       }
+
+                       class AxesHelper extends LineSegments {
+                               constructor(size = 1) {
+                                       const vertices = [0, 0, 0, size, 0, 0, 0, 0, 0, 0, size, 0, 0, 0, 0, 0, 0, size];
+                                       const colors = [1, 0, 0, 1, 0.6, 0, 0, 1, 0, 0.6, 1, 0, 0, 0, 1, 0, 0.6, 1];
+                                       const geometry = new BufferGeometry();
+                                       geometry.setAttribute('position', new Float32BufferAttribute(vertices, 3));
+                                       geometry.setAttribute('color', new Float32BufferAttribute(colors, 3));
+                                       const material = new LineBasicMaterial({
+                                               vertexColors: true,
+                                               toneMapped: false
+                                       });
+                                       super(geometry, material);
+                                       this.type = 'AxesHelper';
+                               }
+
+                               setColors(xAxisColor, yAxisColor, zAxisColor) {
+                                       const color = new Color();
+                                       const array = this.geometry.attributes.color.array;
+                                       color.set(xAxisColor);
+                                       color.toArray(array, 0);
+                                       color.toArray(array, 3);
+                                       color.set(yAxisColor);
+                                       color.toArray(array, 6);
+                                       color.toArray(array, 9);
+                                       color.set(zAxisColor);
+                                       color.toArray(array, 12);
+                                       color.toArray(array, 15);
+                                       this.geometry.attributes.color.needsUpdate = true;
+                                       return this;
+                               }
+
+                               dispose() {
+                                       this.geometry.dispose();
+                                       this.material.dispose();
+                               }
+
+                       }
+
+                       const _floatView = new Float32Array(1);
+
+                       const _int32View = new Int32Array(_floatView.buffer);
+
+                       class DataUtils {
+                               // Converts float32 to float16 (stored as uint16 value).
+                               static toHalfFloat(val) {
+                                       // Source: http://gamedev.stackexchange.com/questions/17326/conversion-of-a-number-from-single-precision-floating-point-representation-to-a/17410#17410
+
+                                       /* This method is faster than the OpenEXR implementation (very often
+                       * used, eg. in Ogre), with the additional benefit of rounding, inspired
+                       * by James Tursa?s half-precision code. */
+                                       _floatView[0] = val;
+                                       const x = _int32View[0];
+                                       let bits = x >> 16 & 0x8000;
+                                       /* Get the sign */
+
+                                       let m = x >> 12 & 0x07ff;
+                                       /* Keep one extra bit for rounding */
+
+                                       const e = x >> 23 & 0xff;
+                                       /* Using int is faster here */
+
+                                       /* If zero, or denormal, or exponent underflows too much for a denormal
+                               * half, return signed zero. */
+
+                                       if (e < 103) return bits;
+                                       /* If NaN, return NaN. If Inf or exponent overflow, return Inf. */
+
+                                       if (e > 142) {
+                                               bits |= 0x7c00;
+                                               /* If exponent was 0xff and one mantissa bit was set, it means NaN,
+                                                       * not Inf, so make sure we set one mantissa bit too. */
+
+                                               bits |= (e == 255 ? 0 : 1) && x & 0x007fffff;
+                                               return bits;
+                                       }
+                                       /* If exponent underflows but not too much, return a denormal */
+
+
+                                       if (e < 113) {
+                                               m |= 0x0800;
+                                               /* Extra rounding may overflow and set mantissa to 0 and exponent
+                                       * to 1, which is OK. */
+
+                                               bits |= (m >> 114 - e) + (m >> 113 - e & 1);
+                                               return bits;
+                                       }
+
+                                       bits |= e - 112 << 10 | m >> 1;
+                                       /* Extra rounding. An overflow will set mantissa to 0 and increment
+                               * the exponent, which is OK. */
+
+                                       bits += m & 1;
+                                       return bits;
+                               }
+
+                       }
+
+                       const LineStrip = 0;
+                       const LinePieces = 1;
+                       const NoColors = 0;
+                       const FaceColors = 1;
+                       const VertexColors = 2;
+
+                       function MeshFaceMaterial(materials) {
+                               console.warn('THREE.MeshFaceMaterial has been removed. Use an Array instead.');
+                               return materials;
+                       }
+
+                       function MultiMaterial(materials = []) {
+                               console.warn('THREE.MultiMaterial has been removed. Use an Array instead.');
+                               materials.isMultiMaterial = true;
+                               materials.materials = materials;
+
+                               materials.clone = function () {
+                                       return materials.slice();
+                               };
+
+                               return materials;
+                       }
+
+                       function PointCloud(geometry, material) {
+                               console.warn('THREE.PointCloud has been renamed to THREE.Points.');
+                               return new Points(geometry, material);
+                       }
+
+                       function Particle(material) {
+                               console.warn('THREE.Particle has been renamed to THREE.Sprite.');
+                               return new Sprite(material);
+                       }
+
+                       function ParticleSystem(geometry, material) {
+                               console.warn('THREE.ParticleSystem has been renamed to THREE.Points.');
+                               return new Points(geometry, material);
+                       }
+
+                       function PointCloudMaterial(parameters) {
+                               console.warn('THREE.PointCloudMaterial has been renamed to THREE.PointsMaterial.');
+                               return new PointsMaterial(parameters);
+                       }
+
+                       function ParticleBasicMaterial(parameters) {
+                               console.warn('THREE.ParticleBasicMaterial has been renamed to THREE.PointsMaterial.');
+                               return new PointsMaterial(parameters);
+                       }
+
+                       function ParticleSystemMaterial(parameters) {
+                               console.warn('THREE.ParticleSystemMaterial has been renamed to THREE.PointsMaterial.');
+                               return new PointsMaterial(parameters);
+                       }
+
+                       function Vertex(x, y, z) {
+                               console.warn('THREE.Vertex has been removed. Use THREE.Vector3 instead.');
+                               return new Vector3(x, y, z);
+                       } //
+
+                       function DynamicBufferAttribute(array, itemSize) {
+                               console.warn('THREE.DynamicBufferAttribute has been removed. Use new THREE.BufferAttribute().setUsage( THREE.DynamicDrawUsage ) instead.');
+                               return new BufferAttribute(array, itemSize).setUsage(DynamicDrawUsage);
+                       }
+
+                       function Int8Attribute(array, itemSize) {
+                               console.warn('THREE.Int8Attribute has been removed. Use new THREE.Int8BufferAttribute() instead.');
+                               return new Int8BufferAttribute(array, itemSize);
+                       }
+
+                       function Uint8Attribute(array, itemSize) {
+                               console.warn('THREE.Uint8Attribute has been removed. Use new THREE.Uint8BufferAttribute() instead.');
+                               return new Uint8BufferAttribute(array, itemSize);
+                       }
+
+                       function Uint8ClampedAttribute(array, itemSize) {
+                               console.warn('THREE.Uint8ClampedAttribute has been removed. Use new THREE.Uint8ClampedBufferAttribute() instead.');
+                               return new Uint8ClampedBufferAttribute(array, itemSize);
+                       }
+
+                       function Int16Attribute(array, itemSize) {
+                               console.warn('THREE.Int16Attribute has been removed. Use new THREE.Int16BufferAttribute() instead.');
+                               return new Int16BufferAttribute(array, itemSize);
+                       }
+
+                       function Uint16Attribute(array, itemSize) {
+                               console.warn('THREE.Uint16Attribute has been removed. Use new THREE.Uint16BufferAttribute() instead.');
+                               return new Uint16BufferAttribute(array, itemSize);
+                       }
+
+                       function Int32Attribute(array, itemSize) {
+                               console.warn('THREE.Int32Attribute has been removed. Use new THREE.Int32BufferAttribute() instead.');
+                               return new Int32BufferAttribute(array, itemSize);
+                       }
+
+                       function Uint32Attribute(array, itemSize) {
+                               console.warn('THREE.Uint32Attribute has been removed. Use new THREE.Uint32BufferAttribute() instead.');
+                               return new Uint32BufferAttribute(array, itemSize);
+                       }
+
+                       function Float32Attribute(array, itemSize) {
+                               console.warn('THREE.Float32Attribute has been removed. Use new THREE.Float32BufferAttribute() instead.');
+                               return new Float32BufferAttribute(array, itemSize);
+                       }
+
+                       function Float64Attribute(array, itemSize) {
+                               console.warn('THREE.Float64Attribute has been removed. Use new THREE.Float64BufferAttribute() instead.');
+                               return new Float64BufferAttribute(array, itemSize);
+                       } //
+
+                       Curve.create = function (construct, getPoint) {
+                               console.log('THREE.Curve.create() has been deprecated');
+                               construct.prototype = Object.create(Curve.prototype);
+                               construct.prototype.constructor = construct;
+                               construct.prototype.getPoint = getPoint;
+                               return construct;
+                       }; //
+
+
+                       Path.prototype.fromPoints = function (points) {
+                               console.warn('THREE.Path: .fromPoints() has been renamed to .setFromPoints().');
+                               return this.setFromPoints(points);
+                       }; //
+
+
+                       function AxisHelper(size) {
+                               console.warn('THREE.AxisHelper has been renamed to THREE.AxesHelper.');
+                               return new AxesHelper(size);
+                       }
+
+                       function BoundingBoxHelper(object, color) {
+                               console.warn('THREE.BoundingBoxHelper has been deprecated. Creating a THREE.BoxHelper instead.');
+                               return new BoxHelper(object, color);
+                       }
+
+                       function EdgesHelper(object, hex) {
+                               console.warn('THREE.EdgesHelper has been removed. Use THREE.EdgesGeometry instead.');
+                               return new LineSegments(new EdgesGeometry(object.geometry), new LineBasicMaterial({
+                                       color: hex !== undefined ? hex : 0xffffff
+                               }));
+                       }
+
+                       GridHelper.prototype.setColors = function () {
+                               console.error('THREE.GridHelper: setColors() has been deprecated, pass them in the constructor instead.');
+                       };
+
+                       SkeletonHelper.prototype.update = function () {
+                               console.error('THREE.SkeletonHelper: update() no longer needs to be called.');
+                       };
+
+                       function WireframeHelper(object, hex) {
+                               console.warn('THREE.WireframeHelper has been removed. Use THREE.WireframeGeometry instead.');
+                               return new LineSegments(new WireframeGeometry(object.geometry), new LineBasicMaterial({
+                                       color: hex !== undefined ? hex : 0xffffff
+                               }));
+                       } //
+
+                       Loader.prototype.extractUrlBase = function (url) {
+                               console.warn('THREE.Loader: .extractUrlBase() has been deprecated. Use THREE.LoaderUtils.extractUrlBase() instead.');
+                               return LoaderUtils.extractUrlBase(url);
+                       };
+
+                       Loader.Handlers = {
+                               add: function () {
+                                       console.error('THREE.Loader: Handlers.add() has been removed. Use LoadingManager.addHandler() instead.');
+                               },
+                               get: function () {
+                                       console.error('THREE.Loader: Handlers.get() has been removed. Use LoadingManager.getHandler() instead.');
+                               }
+                       };
+
+                       function XHRLoader(manager) {
+                               console.warn('THREE.XHRLoader has been renamed to THREE.FileLoader.');
+                               return new FileLoader(manager);
+                       }
+
+                       function BinaryTextureLoader(manager) {
+                               console.warn('THREE.BinaryTextureLoader has been renamed to THREE.DataTextureLoader.');
+                               return new DataTextureLoader(manager);
+                       } //
+
+                       Box2.prototype.center = function (optionalTarget) {
+                               console.warn('THREE.Box2: .center() has been renamed to .getCenter().');
+                               return this.getCenter(optionalTarget);
+                       };
+
+                       Box2.prototype.empty = function () {
+                               console.warn('THREE.Box2: .empty() has been renamed to .isEmpty().');
+                               return this.isEmpty();
+                       };
+
+                       Box2.prototype.isIntersectionBox = function (box) {
+                               console.warn('THREE.Box2: .isIntersectionBox() has been renamed to .intersectsBox().');
+                               return this.intersectsBox(box);
+                       };
+
+                       Box2.prototype.size = function (optionalTarget) {
+                               console.warn('THREE.Box2: .size() has been renamed to .getSize().');
+                               return this.getSize(optionalTarget);
+                       }; //
+
+
+                       Box3.prototype.center = function (optionalTarget) {
+                               console.warn('THREE.Box3: .center() has been renamed to .getCenter().');
+                               return this.getCenter(optionalTarget);
+                       };
+
+                       Box3.prototype.empty = function () {
+                               console.warn('THREE.Box3: .empty() has been renamed to .isEmpty().');
+                               return this.isEmpty();
+                       };
+
+                       Box3.prototype.isIntersectionBox = function (box) {
+                               console.warn('THREE.Box3: .isIntersectionBox() has been renamed to .intersectsBox().');
+                               return this.intersectsBox(box);
+                       };
+
+                       Box3.prototype.isIntersectionSphere = function (sphere) {
+                               console.warn('THREE.Box3: .isIntersectionSphere() has been renamed to .intersectsSphere().');
+                               return this.intersectsSphere(sphere);
+                       };
+
+                       Box3.prototype.size = function (optionalTarget) {
+                               console.warn('THREE.Box3: .size() has been renamed to .getSize().');
+                               return this.getSize(optionalTarget);
+                       }; //
+
+
+                       Sphere.prototype.empty = function () {
+                               console.warn('THREE.Sphere: .empty() has been renamed to .isEmpty().');
+                               return this.isEmpty();
+                       }; //
+
+
+                       Frustum.prototype.setFromMatrix = function (m) {
+                               console.warn('THREE.Frustum: .setFromMatrix() has been renamed to .setFromProjectionMatrix().');
+                               return this.setFromProjectionMatrix(m);
+                       }; //
+
+
+                       Line3.prototype.center = function (optionalTarget) {
+                               console.warn('THREE.Line3: .center() has been renamed to .getCenter().');
+                               return this.getCenter(optionalTarget);
+                       }; //
+
+
+                       Matrix3.prototype.flattenToArrayOffset = function (array, offset) {
+                               console.warn('THREE.Matrix3: .flattenToArrayOffset() has been deprecated. Use .toArray() instead.');
+                               return this.toArray(array, offset);
+                       };
+
+                       Matrix3.prototype.multiplyVector3 = function (vector) {
+                               console.warn('THREE.Matrix3: .multiplyVector3() has been removed. Use vector.applyMatrix3( matrix ) instead.');
+                               return vector.applyMatrix3(this);
+                       };
+
+                       Matrix3.prototype.multiplyVector3Array = function () {
+                               console.error('THREE.Matrix3: .multiplyVector3Array() has been removed.');
+                       };
+
+                       Matrix3.prototype.applyToBufferAttribute = function (attribute) {
+                               console.warn('THREE.Matrix3: .applyToBufferAttribute() has been removed. Use attribute.applyMatrix3( matrix ) instead.');
+                               return attribute.applyMatrix3(this);
+                       };
+
+                       Matrix3.prototype.applyToVector3Array = function () {
+                               console.error('THREE.Matrix3: .applyToVector3Array() has been removed.');
+                       };
+
+                       Matrix3.prototype.getInverse = function (matrix) {
+                               console.warn('THREE.Matrix3: .getInverse() has been removed. Use matrixInv.copy( matrix ).invert(); instead.');
+                               return this.copy(matrix).invert();
+                       }; //
+
+
+                       Matrix4.prototype.extractPosition = function (m) {
+                               console.warn('THREE.Matrix4: .extractPosition() has been renamed to .copyPosition().');
+                               return this.copyPosition(m);
+                       };
+
+                       Matrix4.prototype.flattenToArrayOffset = function (array, offset) {
+                               console.warn('THREE.Matrix4: .flattenToArrayOffset() has been deprecated. Use .toArray() instead.');
+                               return this.toArray(array, offset);
+                       };
+
+                       Matrix4.prototype.getPosition = function () {
+                               console.warn('THREE.Matrix4: .getPosition() has been removed. Use Vector3.setFromMatrixPosition( matrix ) instead.');
+                               return new Vector3().setFromMatrixColumn(this, 3);
+                       };
+
+                       Matrix4.prototype.setRotationFromQuaternion = function (q) {
+                               console.warn('THREE.Matrix4: .setRotationFromQuaternion() has been renamed to .makeRotationFromQuaternion().');
+                               return this.makeRotationFromQuaternion(q);
+                       };
+
+                       Matrix4.prototype.multiplyToArray = function () {
+                               console.warn('THREE.Matrix4: .multiplyToArray() has been removed.');
+                       };
+
+                       Matrix4.prototype.multiplyVector3 = function (vector) {
+                               console.warn('THREE.Matrix4: .multiplyVector3() has been removed. Use vector.applyMatrix4( matrix ) instead.');
+                               return vector.applyMatrix4(this);
+                       };
+
+                       Matrix4.prototype.multiplyVector4 = function (vector) {
+                               console.warn('THREE.Matrix4: .multiplyVector4() has been removed. Use vector.applyMatrix4( matrix ) instead.');
+                               return vector.applyMatrix4(this);
+                       };
+
+                       Matrix4.prototype.multiplyVector3Array = function () {
+                               console.error('THREE.Matrix4: .multiplyVector3Array() has been removed.');
+                       };
+
+                       Matrix4.prototype.rotateAxis = function (v) {
+                               console.warn('THREE.Matrix4: .rotateAxis() has been removed. Use Vector3.transformDirection( matrix ) instead.');
+                               v.transformDirection(this);
+                       };
+
+                       Matrix4.prototype.crossVector = function (vector) {
+                               console.warn('THREE.Matrix4: .crossVector() has been removed. Use vector.applyMatrix4( matrix ) instead.');
+                               return vector.applyMatrix4(this);
+                       };
+
+                       Matrix4.prototype.translate = function () {
+                               console.error('THREE.Matrix4: .translate() has been removed.');
+                       };
+
+                       Matrix4.prototype.rotateX = function () {
+                               console.error('THREE.Matrix4: .rotateX() has been removed.');
+                       };
+
+                       Matrix4.prototype.rotateY = function () {
+                               console.error('THREE.Matrix4: .rotateY() has been removed.');
+                       };
+
+                       Matrix4.prototype.rotateZ = function () {
+                               console.error('THREE.Matrix4: .rotateZ() has been removed.');
+                       };
+
+                       Matrix4.prototype.rotateByAxis = function () {
+                               console.error('THREE.Matrix4: .rotateByAxis() has been removed.');
+                       };
+
+                       Matrix4.prototype.applyToBufferAttribute = function (attribute) {
+                               console.warn('THREE.Matrix4: .applyToBufferAttribute() has been removed. Use attribute.applyMatrix4( matrix ) instead.');
+                               return attribute.applyMatrix4(this);
+                       };
+
+                       Matrix4.prototype.applyToVector3Array = function () {
+                               console.error('THREE.Matrix4: .applyToVector3Array() has been removed.');
+                       };
+
+                       Matrix4.prototype.makeFrustum = function (left, right, bottom, top, near, far) {
+                               console.warn('THREE.Matrix4: .makeFrustum() has been removed. Use .makePerspective( left, right, top, bottom, near, far ) instead.');
+                               return this.makePerspective(left, right, top, bottom, near, far);
+                       };
+
+                       Matrix4.prototype.getInverse = function (matrix) {
+                               console.warn('THREE.Matrix4: .getInverse() has been removed. Use matrixInv.copy( matrix ).invert(); instead.');
+                               return this.copy(matrix).invert();
+                       }; //
+
+
+                       Plane.prototype.isIntersectionLine = function (line) {
+                               console.warn('THREE.Plane: .isIntersectionLine() has been renamed to .intersectsLine().');
+                               return this.intersectsLine(line);
+                       }; //
+
+
+                       Quaternion.prototype.multiplyVector3 = function (vector) {
+                               console.warn('THREE.Quaternion: .multiplyVector3() has been removed. Use is now vector.applyQuaternion( quaternion ) instead.');
+                               return vector.applyQuaternion(this);
+                       };
+
+                       Quaternion.prototype.inverse = function () {
+                               console.warn('THREE.Quaternion: .inverse() has been renamed to invert().');
+                               return this.invert();
+                       }; //
+
+
+                       Ray.prototype.isIntersectionBox = function (box) {
+                               console.warn('THREE.Ray: .isIntersectionBox() has been renamed to .intersectsBox().');
+                               return this.intersectsBox(box);
+                       };
+
+                       Ray.prototype.isIntersectionPlane = function (plane) {
+                               console.warn('THREE.Ray: .isIntersectionPlane() has been renamed to .intersectsPlane().');
+                               return this.intersectsPlane(plane);
+                       };
+
+                       Ray.prototype.isIntersectionSphere = function (sphere) {
+                               console.warn('THREE.Ray: .isIntersectionSphere() has been renamed to .intersectsSphere().');
+                               return this.intersectsSphere(sphere);
+                       }; //
+
+
+                       Triangle.prototype.area = function () {
+                               console.warn('THREE.Triangle: .area() has been renamed to .getArea().');
+                               return this.getArea();
+                       };
+
+                       Triangle.prototype.barycoordFromPoint = function (point, target) {
+                               console.warn('THREE.Triangle: .barycoordFromPoint() has been renamed to .getBarycoord().');
+                               return this.getBarycoord(point, target);
+                       };
+
+                       Triangle.prototype.midpoint = function (target) {
+                               console.warn('THREE.Triangle: .midpoint() has been renamed to .getMidpoint().');
+                               return this.getMidpoint(target);
+                       };
+
+                       Triangle.prototypenormal = function (target) {
+                               console.warn('THREE.Triangle: .normal() has been renamed to .getNormal().');
+                               return this.getNormal(target);
+                       };
+
+                       Triangle.prototype.plane = function (target) {
+                               console.warn('THREE.Triangle: .plane() has been renamed to .getPlane().');
+                               return this.getPlane(target);
+                       };
+
+                       Triangle.barycoordFromPoint = function (point, a, b, c, target) {
+                               console.warn('THREE.Triangle: .barycoordFromPoint() has been renamed to .getBarycoord().');
+                               return Triangle.getBarycoord(point, a, b, c, target);
+                       };
+
+                       Triangle.normal = function (a, b, c, target) {
+                               console.warn('THREE.Triangle: .normal() has been renamed to .getNormal().');
+                               return Triangle.getNormal(a, b, c, target);
+                       }; //
+
+
+                       Shape.prototype.extractAllPoints = function (divisions) {
+                               console.warn('THREE.Shape: .extractAllPoints() has been removed. Use .extractPoints() instead.');
+                               return this.extractPoints(divisions);
+                       };
+
+                       Shape.prototype.extrude = function (options) {
+                               console.warn('THREE.Shape: .extrude() has been removed. Use ExtrudeGeometry() instead.');
+                               return new ExtrudeGeometry(this, options);
+                       };
+
+                       Shape.prototype.makeGeometry = function (options) {
+                               console.warn('THREE.Shape: .makeGeometry() has been removed. Use ShapeGeometry() instead.');
+                               return new ShapeGeometry(this, options);
+                       }; //
+
+
+                       Vector2.prototype.fromAttribute = function (attribute, index, offset) {
+                               console.warn('THREE.Vector2: .fromAttribute() has been renamed to .fromBufferAttribute().');
+                               return this.fromBufferAttribute(attribute, index, offset);
+                       };
+
+                       Vector2.prototype.distanceToManhattan = function (v) {
+                               console.warn('THREE.Vector2: .distanceToManhattan() has been renamed to .manhattanDistanceTo().');
+                               return this.manhattanDistanceTo(v);
+                       };
+
+                       Vector2.prototype.lengthManhattan = function () {
+                               console.warn('THREE.Vector2: .lengthManhattan() has been renamed to .manhattanLength().');
+                               return this.manhattanLength();
+                       }; //
+
+
+                       Vector3.prototype.setEulerFromRotationMatrix = function () {
+                               console.error('THREE.Vector3: .setEulerFromRotationMatrix() has been removed. Use Euler.setFromRotationMatrix() instead.');
+                       };
+
+                       Vector3.prototype.setEulerFromQuaternion = function () {
+                               console.error('THREE.Vector3: .setEulerFromQuaternion() has been removed. Use Euler.setFromQuaternion() instead.');
+                       };
+
+                       Vector3.prototype.getPositionFromMatrix = function (m) {
+                               console.warn('THREE.Vector3: .getPositionFromMatrix() has been renamed to .setFromMatrixPosition().');
+                               return this.setFromMatrixPosition(m);
+                       };
+
+                       Vector3.prototype.getScaleFromMatrix = function (m) {
+                               console.warn('THREE.Vector3: .getScaleFromMatrix() has been renamed to .setFromMatrixScale().');
+                               return this.setFromMatrixScale(m);
+                       };
+
+                       Vector3.prototype.getColumnFromMatrix = function (index, matrix) {
+                               console.warn('THREE.Vector3: .getColumnFromMatrix() has been renamed to .setFromMatrixColumn().');
+                               return this.setFromMatrixColumn(matrix, index);
+                       };
+
+                       Vector3.prototype.applyProjection = function (m) {
+                               console.warn('THREE.Vector3: .applyProjection() has been removed. Use .applyMatrix4( m ) instead.');
+                               return this.applyMatrix4(m);
+                       };
+
+                       Vector3.prototype.fromAttribute = function (attribute, index, offset) {
+                               console.warn('THREE.Vector3: .fromAttribute() has been renamed to .fromBufferAttribute().');
+                               return this.fromBufferAttribute(attribute, index, offset);
+                       };
+
+                       Vector3.prototype.distanceToManhattan = function (v) {
+                               console.warn('THREE.Vector3: .distanceToManhattan() has been renamed to .manhattanDistanceTo().');
+                               return this.manhattanDistanceTo(v);
+                       };
+
+                       Vector3.prototype.lengthManhattan = function () {
+                               console.warn('THREE.Vector3: .lengthManhattan() has been renamed to .manhattanLength().');
+                               return this.manhattanLength();
+                       }; //
+
+
+                       Vector4.prototype.fromAttribute = function (attribute, index, offset) {
+                               console.warn('THREE.Vector4: .fromAttribute() has been renamed to .fromBufferAttribute().');
+                               return this.fromBufferAttribute(attribute, index, offset);
+                       };
+
+                       Vector4.prototype.lengthManhattan = function () {
+                               console.warn('THREE.Vector4: .lengthManhattan() has been renamed to .manhattanLength().');
+                               return this.manhattanLength();
+                       }; //
+
+
+                       Object3D.prototype.getChildByName = function (name) {
+                               console.warn('THREE.Object3D: .getChildByName() has been renamed to .getObjectByName().');
+                               return this.getObjectByName(name);
+                       };
+
+                       Object3D.prototype.renderDepth = function () {
+                               console.warn('THREE.Object3D: .renderDepth has been removed. Use .renderOrder, instead.');
+                       };
+
+                       Object3D.prototype.translate = function (distance, axis) {
+                               console.warn('THREE.Object3D: .translate() has been removed. Use .translateOnAxis( axis, distance ) instead.');
+                               return this.translateOnAxis(axis, distance);
+                       };
+
+                       Object3D.prototype.getWorldRotation = function () {
+                               console.error('THREE.Object3D: .getWorldRotation() has been removed. Use THREE.Object3D.getWorldQuaternion( target ) instead.');
+                       };
+
+                       Object3D.prototype.applyMatrix = function (matrix) {
+                               console.warn('THREE.Object3D: .applyMatrix() has been renamed to .applyMatrix4().');
+                               return this.applyMatrix4(matrix);
+                       };
+
+                       Object.defineProperties(Object3D.prototype, {
+                               eulerOrder: {
+                                       get: function () {
+                                               console.warn('THREE.Object3D: .eulerOrder is now .rotation.order.');
+                                               return this.rotation.order;
+                                       },
+                                       set: function (value) {
+                                               console.warn('THREE.Object3D: .eulerOrder is now .rotation.order.');
+                                               this.rotation.order = value;
+                                       }
+                               },
+                               useQuaternion: {
+                                       get: function () {
+                                               console.warn('THREE.Object3D: .useQuaternion has been removed. The library now uses quaternions by default.');
+                                       },
+                                       set: function () {
+                                               console.warn('THREE.Object3D: .useQuaternion has been removed. The library now uses quaternions by default.');
+                                       }
+                               }
+                       });
+
+                       Mesh.prototype.setDrawMode = function () {
+                               console.error('THREE.Mesh: .setDrawMode() has been removed. The renderer now always assumes THREE.TrianglesDrawMode. Transform your geometry via BufferGeometryUtils.toTrianglesDrawMode() if necessary.');
+                       };
+
+                       Object.defineProperties(Mesh.prototype, {
+                               drawMode: {
+                                       get: function () {
+                                               console.error('THREE.Mesh: .drawMode has been removed. The renderer now always assumes THREE.TrianglesDrawMode.');
+                                               return TrianglesDrawMode;
+                                       },
+                                       set: function () {
+                                               console.error('THREE.Mesh: .drawMode has been removed. The renderer now always assumes THREE.TrianglesDrawMode. Transform your geometry via BufferGeometryUtils.toTrianglesDrawMode() if necessary.');
+                                       }
+                               }
+                       });
+
+                       SkinnedMesh.prototype.initBones = function () {
+                               console.error('THREE.SkinnedMesh: initBones() has been removed.');
+                       }; //
+
+
+                       PerspectiveCamera.prototype.setLens = function (focalLength, filmGauge) {
+                               console.warn('THREE.PerspectiveCamera.setLens is deprecated. ' + 'Use .setFocalLength and .filmGauge for a photographic setup.');
+                               if (filmGauge !== undefined) this.filmGauge = filmGauge;
+                               this.setFocalLength(focalLength);
+                       }; //
+
+
+                       Object.defineProperties(Light.prototype, {
+                               onlyShadow: {
+                                       set: function () {
+                                               console.warn('THREE.Light: .onlyShadow has been removed.');
+                                       }
+                               },
+                               shadowCameraFov: {
+                                       set: function (value) {
+                                               console.warn('THREE.Light: .shadowCameraFov is now .shadow.camera.fov.');
+                                               this.shadow.camera.fov = value;
+                                       }
+                               },
+                               shadowCameraLeft: {
+                                       set: function (value) {
+                                               console.warn('THREE.Light: .shadowCameraLeft is now .shadow.camera.left.');
+                                               this.shadow.camera.left = value;
+                                       }
+                               },
+                               shadowCameraRight: {
+                                       set: function (value) {
+                                               console.warn('THREE.Light: .shadowCameraRight is now .shadow.camera.right.');
+                                               this.shadow.camera.right = value;
+                                       }
+                               },
+                               shadowCameraTop: {
+                                       set: function (value) {
+                                               console.warn('THREE.Light: .shadowCameraTop is now .shadow.camera.top.');
+                                               this.shadow.camera.top = value;
+                                       }
+                               },
+                               shadowCameraBottom: {
+                                       set: function (value) {
+                                               console.warn('THREE.Light: .shadowCameraBottom is now .shadow.camera.bottom.');
+                                               this.shadow.camera.bottom = value;
+                                       }
+                               },
+                               shadowCameraNear: {
+                                       set: function (value) {
+                                               console.warn('THREE.Light: .shadowCameraNear is now .shadow.camera.near.');
+                                               this.shadow.camera.near = value;
+                                       }
+                               },
+                               shadowCameraFar: {
+                                       set: function (value) {
+                                               console.warn('THREE.Light: .shadowCameraFar is now .shadow.camera.far.');
+                                               this.shadow.camera.far = value;
+                                       }
+                               },
+                               shadowCameraVisible: {
+                                       set: function () {
+                                               console.warn('THREE.Light: .shadowCameraVisible has been removed. Use new THREE.CameraHelper( light.shadow.camera ) instead.');
+                                       }
+                               },
+                               shadowBias: {
+                                       set: function (value) {
+                                               console.warn('THREE.Light: .shadowBias is now .shadow.bias.');
+                                               this.shadow.bias = value;
+                                       }
+                               },
+                               shadowDarkness: {
+                                       set: function () {
+                                               console.warn('THREE.Light: .shadowDarkness has been removed.');
+                                       }
+                               },
+                               shadowMapWidth: {
+                                       set: function (value) {
+                                               console.warn('THREE.Light: .shadowMapWidth is now .shadow.mapSize.width.');
+                                               this.shadow.mapSize.width = value;
+                                       }
+                               },
+                               shadowMapHeight: {
+                                       set: function (value) {
+                                               console.warn('THREE.Light: .shadowMapHeight is now .shadow.mapSize.height.');
+                                               this.shadow.mapSize.height = value;
+                                       }
+                               }
+                       }); //
+
+                       Object.defineProperties(BufferAttribute.prototype, {
+                               length: {
+                                       get: function () {
+                                               console.warn('THREE.BufferAttribute: .length has been deprecated. Use .count instead.');
+                                               return this.array.length;
+                                       }
+                               },
+                               dynamic: {
+                                       get: function () {
+                                               console.warn('THREE.BufferAttribute: .dynamic has been deprecated. Use .usage instead.');
+                                               return this.usage === DynamicDrawUsage;
+                                       },
+                                       set: function () {
+                                               console.warn('THREE.BufferAttribute: .dynamic has been deprecated. Use .usage instead.');
+                                               this.setUsage(DynamicDrawUsage);
+                                       }
+                               }
+                       });
+
+                       BufferAttribute.prototype.setDynamic = function (value) {
+                               console.warn('THREE.BufferAttribute: .setDynamic() has been deprecated. Use .setUsage() instead.');
+                               this.setUsage(value === true ? DynamicDrawUsage : StaticDrawUsage);
+                               return this;
+                       };
+
+                       BufferAttribute.prototype.copyIndicesArray = function () {
+                               console.error('THREE.BufferAttribute: .copyIndicesArray() has been removed.');
+                       }, BufferAttribute.prototype.setArray = function () {
+                               console.error('THREE.BufferAttribute: .setArray has been removed. Use BufferGeometry .setAttribute to replace/resize attribute buffers');
+                       }; //
+
+                       BufferGeometry.prototype.addIndex = function (index) {
+                               console.warn('THREE.BufferGeometry: .addIndex() has been renamed to .setIndex().');
+                               this.setIndex(index);
+                       };
+
+                       BufferGeometry.prototype.addAttribute = function (name, attribute) {
+                               console.warn('THREE.BufferGeometry: .addAttribute() has been renamed to .setAttribute().');
+
+                               if (!(attribute && attribute.isBufferAttribute) && !(attribute && attribute.isInterleavedBufferAttribute)) {
+                                       console.warn('THREE.BufferGeometry: .addAttribute() now expects ( name, attribute ).');
+                                       return this.setAttribute(name, new BufferAttribute(arguments[1], arguments[2]));
+                               }
+
+                               if (name === 'index') {
+                                       console.warn('THREE.BufferGeometry.addAttribute: Use .setIndex() for index attribute.');
+                                       this.setIndex(attribute);
+                                       return this;
+                               }
+
+                               return this.setAttribute(name, attribute);
+                       };
+
+                       BufferGeometry.prototype.addDrawCall = function (start, count, indexOffset) {
+                               if (indexOffset !== undefined) {
+                                       console.warn('THREE.BufferGeometry: .addDrawCall() no longer supports indexOffset.');
+                               }
+
+                               console.warn('THREE.BufferGeometry: .addDrawCall() is now .addGroup().');
+                               this.addGroup(start, count);
+                       };
+
+                       BufferGeometry.prototype.clearDrawCalls = function () {
+                               console.warn('THREE.BufferGeometry: .clearDrawCalls() is now .clearGroups().');
+                               this.clearGroups();
+                       };
+
+                       BufferGeometry.prototype.computeOffsets = function () {
+                               console.warn('THREE.BufferGeometry: .computeOffsets() has been removed.');
+                       };
+
+                       BufferGeometry.prototype.removeAttribute = function (name) {
+                               console.warn('THREE.BufferGeometry: .removeAttribute() has been renamed to .deleteAttribute().');
+                               return this.deleteAttribute(name);
+                       };
+
+                       BufferGeometry.prototype.applyMatrix = function (matrix) {
+                               console.warn('THREE.BufferGeometry: .applyMatrix() has been renamed to .applyMatrix4().');
+                               return this.applyMatrix4(matrix);
+                       };
+
+                       Object.defineProperties(BufferGeometry.prototype, {
+                               drawcalls: {
+                                       get: function () {
+                                               console.error('THREE.BufferGeometry: .drawcalls has been renamed to .groups.');
+                                               return this.groups;
+                                       }
+                               },
+                               offsets: {
+                                       get: function () {
+                                               console.warn('THREE.BufferGeometry: .offsets has been renamed to .groups.');
+                                               return this.groups;
+                                       }
+                               }
+                       });
+
+                       InterleavedBuffer.prototype.setDynamic = function (value) {
+                               console.warn('THREE.InterleavedBuffer: .setDynamic() has been deprecated. Use .setUsage() instead.');
+                               this.setUsage(value === true ? DynamicDrawUsage : StaticDrawUsage);
+                               return this;
+                       };
+
+                       InterleavedBuffer.prototype.setArray = function () {
+                               console.error('THREE.InterleavedBuffer: .setArray has been removed. Use BufferGeometry .setAttribute to replace/resize attribute buffers');
+                       }; //
+
+
+                       ExtrudeGeometry.prototype.getArrays = function () {
+                               console.error('THREE.ExtrudeGeometry: .getArrays() has been removed.');
+                       };
+
+                       ExtrudeGeometry.prototype.addShapeList = function () {
+                               console.error('THREE.ExtrudeGeometry: .addShapeList() has been removed.');
+                       };
+
+                       ExtrudeGeometry.prototype.addShape = function () {
+                               console.error('THREE.ExtrudeGeometry: .addShape() has been removed.');
+                       }; //
+
+
+                       Scene.prototype.dispose = function () {
+                               console.error('THREE.Scene: .dispose() has been removed.');
+                       }; //
+
+
+                       Uniform.prototype.onUpdate = function () {
+                               console.warn('THREE.Uniform: .onUpdate() has been removed. Use object.onBeforeRender() instead.');
+                               return this;
+                       }; //
+
+
+                       Object.defineProperties(Material.prototype, {
+                               wrapAround: {
+                                       get: function () {
+                                               console.warn('THREE.Material: .wrapAround has been removed.');
+                                       },
+                                       set: function () {
+                                               console.warn('THREE.Material: .wrapAround has been removed.');
+                                       }
+                               },
+                               overdraw: {
+                                       get: function () {
+                                               console.warn('THREE.Material: .overdraw has been removed.');
+                                       },
+                                       set: function () {
+                                               console.warn('THREE.Material: .overdraw has been removed.');
+                                       }
+                               },
+                               wrapRGB: {
+                                       get: function () {
+                                               console.warn('THREE.Material: .wrapRGB has been removed.');
+                                               return new Color();
+                                       }
+                               },
+                               shading: {
+                                       get: function () {
+                                               console.error('THREE.' + this.type + ': .shading has been removed. Use the boolean .flatShading instead.');
+                                       },
+                                       set: function (value) {
+                                               console.warn('THREE.' + this.type + ': .shading has been removed. Use the boolean .flatShading instead.');
+                                               this.flatShading = value === FlatShading;
+                                       }
+                               },
+                               stencilMask: {
+                                       get: function () {
+                                               console.warn('THREE.' + this.type + ': .stencilMask has been removed. Use .stencilFuncMask instead.');
+                                               return this.stencilFuncMask;
+                                       },
+                                       set: function (value) {
+                                               console.warn('THREE.' + this.type + ': .stencilMask has been removed. Use .stencilFuncMask instead.');
+                                               this.stencilFuncMask = value;
+                                       }
+                               },
+                               vertexTangents: {
+                                       get: function () {
+                                               console.warn('THREE.' + this.type + ': .vertexTangents has been removed.');
+                                       },
+                                       set: function () {
+                                               console.warn('THREE.' + this.type + ': .vertexTangents has been removed.');
+                                       }
+                               }
+                       });
+                       Object.defineProperties(ShaderMaterial.prototype, {
+                               derivatives: {
+                                       get: function () {
+                                               console.warn('THREE.ShaderMaterial: .derivatives has been moved to .extensions.derivatives.');
+                                               return this.extensions.derivatives;
+                                       },
+                                       set: function (value) {
+                                               console.warn('THREE. ShaderMaterial: .derivatives has been moved to .extensions.derivatives.');
+                                               this.extensions.derivatives = value;
+                                       }
+                               }
+                       }); //
+
+                       WebGLRenderer.prototype.clearTarget = function (renderTarget, color, depth, stencil) {
+                               console.warn('THREE.WebGLRenderer: .clearTarget() has been deprecated. Use .setRenderTarget() and .clear() instead.');
+                               this.setRenderTarget(renderTarget);
+                               this.clear(color, depth, stencil);
+                       };
+
+                       WebGLRenderer.prototype.animate = function (callback) {
+                               console.warn('THREE.WebGLRenderer: .animate() is now .setAnimationLoop().');
+                               this.setAnimationLoop(callback);
+                       };
+
+                       WebGLRenderer.prototype.getCurrentRenderTarget = function () {
+                               console.warn('THREE.WebGLRenderer: .getCurrentRenderTarget() is now .getRenderTarget().');
+                               return this.getRenderTarget();
+                       };
+
+                       WebGLRenderer.prototype.getMaxAnisotropy = function () {
+                               console.warn('THREE.WebGLRenderer: .getMaxAnisotropy() is now .capabilities.getMaxAnisotropy().');
+                               return this.capabilities.getMaxAnisotropy();
+                       };
+
+                       WebGLRenderer.prototype.getPrecision = function () {
+                               console.warn('THREE.WebGLRenderer: .getPrecision() is now .capabilities.precision.');
+                               return this.capabilities.precision;
+                       };
+
+                       WebGLRenderer.prototype.resetGLState = function () {
+                               console.warn('THREE.WebGLRenderer: .resetGLState() is now .state.reset().');
+                               return this.state.reset();
+                       };
+
+                       WebGLRenderer.prototype.supportsFloatTextures = function () {
+                               console.warn('THREE.WebGLRenderer: .supportsFloatTextures() is now .extensions.get( \'OES_texture_float\' ).');
+                               return this.extensions.get('OES_texture_float');
+                       };
+
+                       WebGLRenderer.prototype.supportsHalfFloatTextures = function () {
+                               console.warn('THREE.WebGLRenderer: .supportsHalfFloatTextures() is now .extensions.get( \'OES_texture_half_float\' ).');
+                               return this.extensions.get('OES_texture_half_float');
+                       };
+
+                       WebGLRenderer.prototype.supportsStandardDerivatives = function () {
+                               console.warn('THREE.WebGLRenderer: .supportsStandardDerivatives() is now .extensions.get( \'OES_standard_derivatives\' ).');
+                               return this.extensions.get('OES_standard_derivatives');
+                       };
+
+                       WebGLRenderer.prototype.supportsCompressedTextureS3TC = function () {
+                               console.warn('THREE.WebGLRenderer: .supportsCompressedTextureS3TC() is now .extensions.get( \'WEBGL_compressed_texture_s3tc\' ).');
+                               return this.extensions.get('WEBGL_compressed_texture_s3tc');
+                       };
+
+                       WebGLRenderer.prototype.supportsCompressedTexturePVRTC = function () {
+                               console.warn('THREE.WebGLRenderer: .supportsCompressedTexturePVRTC() is now .extensions.get( \'WEBGL_compressed_texture_pvrtc\' ).');
+                               return this.extensions.get('WEBGL_compressed_texture_pvrtc');
+                       };
+
+                       WebGLRenderer.prototype.supportsBlendMinMax = function () {
+                               console.warn('THREE.WebGLRenderer: .supportsBlendMinMax() is now .extensions.get( \'EXT_blend_minmax\' ).');
+                               return this.extensions.get('EXT_blend_minmax');
+                       };
+
+                       WebGLRenderer.prototype.supportsVertexTextures = function () {
+                               console.warn('THREE.WebGLRenderer: .supportsVertexTextures() is now .capabilities.vertexTextures.');
+                               return this.capabilities.vertexTextures;
+                       };
+
+                       WebGLRenderer.prototype.supportsInstancedArrays = function () {
+                               console.warn('THREE.WebGLRenderer: .supportsInstancedArrays() is now .extensions.get( \'ANGLE_instanced_arrays\' ).');
+                               return this.extensions.get('ANGLE_instanced_arrays');
+                       };
+
+                       WebGLRenderer.prototype.enableScissorTest = function (boolean) {
+                               console.warn('THREE.WebGLRenderer: .enableScissorTest() is now .setScissorTest().');
+                               this.setScissorTest(boolean);
+                       };
+
+                       WebGLRenderer.prototype.initMaterial = function () {
+                               console.warn('THREE.WebGLRenderer: .initMaterial() has been removed.');
+                       };
+
+                       WebGLRenderer.prototype.addPrePlugin = function () {
+                               console.warn('THREE.WebGLRenderer: .addPrePlugin() has been removed.');
+                       };
+
+                       WebGLRenderer.prototype.addPostPlugin = function () {
+                               console.warn('THREE.WebGLRenderer: .addPostPlugin() has been removed.');
+                       };
+
+                       WebGLRenderer.prototype.updateShadowMap = function () {
+                               console.warn('THREE.WebGLRenderer: .updateShadowMap() has been removed.');
+                       };
+
+                       WebGLRenderer.prototype.setFaceCulling = function () {
+                               console.warn('THREE.WebGLRenderer: .setFaceCulling() has been removed.');
+                       };
+
+                       WebGLRenderer.prototype.allocTextureUnit = function () {
+                               console.warn('THREE.WebGLRenderer: .allocTextureUnit() has been removed.');
+                       };
+
+                       WebGLRenderer.prototype.setTexture = function () {
+                               console.warn('THREE.WebGLRenderer: .setTexture() has been removed.');
+                       };
+
+                       WebGLRenderer.prototype.setTexture2D = function () {
+                               console.warn('THREE.WebGLRenderer: .setTexture2D() has been removed.');
+                       };
+
+                       WebGLRenderer.prototype.setTextureCube = function () {
+                               console.warn('THREE.WebGLRenderer: .setTextureCube() has been removed.');
+                       };
+
+                       WebGLRenderer.prototype.getActiveMipMapLevel = function () {
+                               console.warn('THREE.WebGLRenderer: .getActiveMipMapLevel() is now .getActiveMipmapLevel().');
+                               return this.getActiveMipmapLevel();
+                       };
+
+                       Object.defineProperties(WebGLRenderer.prototype, {
+                               shadowMapEnabled: {
+                                       get: function () {
+                                               return this.shadowMap.enabled;
+                                       },
+                                       set: function (value) {
+                                               console.warn('THREE.WebGLRenderer: .shadowMapEnabled is now .shadowMap.enabled.');
+                                               this.shadowMap.enabled = value;
+                                       }
+                               },
+                               shadowMapType: {
+                                       get: function () {
+                                               return this.shadowMap.type;
+                                       },
+                                       set: function (value) {
+                                               console.warn('THREE.WebGLRenderer: .shadowMapType is now .shadowMap.type.');
+                                               this.shadowMap.type = value;
+                                       }
+                               },
+                               shadowMapCullFace: {
+                                       get: function () {
+                                               console.warn('THREE.WebGLRenderer: .shadowMapCullFace has been removed. Set Material.shadowSide instead.');
+                                               return undefined;
+                                       },
+                                       set: function () {
+                                               console.warn('THREE.WebGLRenderer: .shadowMapCullFace has been removed. Set Material.shadowSide instead.');
+                                       }
+                               },
+                               context: {
+                                       get: function () {
+                                               console.warn('THREE.WebGLRenderer: .context has been removed. Use .getContext() instead.');
+                                               return this.getContext();
+                                       }
+                               },
+                               vr: {
+                                       get: function () {
+                                               console.warn('THREE.WebGLRenderer: .vr has been renamed to .xr');
+                                               return this.xr;
+                                       }
+                               },
+                               gammaInput: {
+                                       get: function () {
+                                               console.warn('THREE.WebGLRenderer: .gammaInput has been removed. Set the encoding for textures via Texture.encoding instead.');
+                                               return false;
+                                       },
+                                       set: function () {
+                                               console.warn('THREE.WebGLRenderer: .gammaInput has been removed. Set the encoding for textures via Texture.encoding instead.');
+                                       }
+                               },
+                               gammaOutput: {
+                                       get: function () {
+                                               console.warn('THREE.WebGLRenderer: .gammaOutput has been removed. Set WebGLRenderer.outputEncoding instead.');
+                                               return false;
+                                       },
+                                       set: function (value) {
+                                               console.warn('THREE.WebGLRenderer: .gammaOutput has been removed. Set WebGLRenderer.outputEncoding instead.');
+                                               this.outputEncoding = value === true ? sRGBEncoding : LinearEncoding;
+                                       }
+                               },
+                               toneMappingWhitePoint: {
+                                       get: function () {
+                                               console.warn('THREE.WebGLRenderer: .toneMappingWhitePoint has been removed.');
+                                               return 1.0;
+                                       },
+                                       set: function () {
+                                               console.warn('THREE.WebGLRenderer: .toneMappingWhitePoint has been removed.');
+                                       }
+                               }
+                       });
+                       Object.defineProperties(WebGLShadowMap.prototype, {
+                               cullFace: {
+                                       get: function () {
+                                               console.warn('THREE.WebGLRenderer: .shadowMap.cullFace has been removed. Set Material.shadowSide instead.');
+                                               return undefined;
+                                       },
+                                       set: function () {
+                                               console.warn('THREE.WebGLRenderer: .shadowMap.cullFace has been removed. Set Material.shadowSide instead.');
+                                       }
+                               },
+                               renderReverseSided: {
+                                       get: function () {
+                                               console.warn('THREE.WebGLRenderer: .shadowMap.renderReverseSided has been removed. Set Material.shadowSide instead.');
+                                               return undefined;
+                                       },
+                                       set: function () {
+                                               console.warn('THREE.WebGLRenderer: .shadowMap.renderReverseSided has been removed. Set Material.shadowSide instead.');
+                                       }
+                               },
+                               renderSingleSided: {
+                                       get: function () {
+                                               console.warn('THREE.WebGLRenderer: .shadowMap.renderSingleSided has been removed. Set Material.shadowSide instead.');
+                                               return undefined;
+                                       },
+                                       set: function () {
+                                               console.warn('THREE.WebGLRenderer: .shadowMap.renderSingleSided has been removed. Set Material.shadowSide instead.');
+                                       }
+                               }
+                       });
+
+                       function WebGLRenderTargetCube(width, height, options) {
+                               console.warn('THREE.WebGLRenderTargetCube( width, height, options ) is now WebGLCubeRenderTarget( size, options ).');
+                               return new WebGLCubeRenderTarget(width, options);
+                       } //
+
+                       Object.defineProperties(WebGLRenderTarget.prototype, {
+                               wrapS: {
+                                       get: function () {
+                                               console.warn('THREE.WebGLRenderTarget: .wrapS is now .texture.wrapS.');
+                                               return this.texture.wrapS;
+                                       },
+                                       set: function (value) {
+                                               console.warn('THREE.WebGLRenderTarget: .wrapS is now .texture.wrapS.');
+                                               this.texture.wrapS = value;
+                                       }
+                               },
+                               wrapT: {
+                                       get: function () {
+                                               console.warn('THREE.WebGLRenderTarget: .wrapT is now .texture.wrapT.');
+                                               return this.texture.wrapT;
+                                       },
+                                       set: function (value) {
+                                               console.warn('THREE.WebGLRenderTarget: .wrapT is now .texture.wrapT.');
+                                               this.texture.wrapT = value;
+                                       }
+                               },
+                               magFilter: {
+                                       get: function () {
+                                               console.warn('THREE.WebGLRenderTarget: .magFilter is now .texture.magFilter.');
+                                               return this.texture.magFilter;
+                                       },
+                                       set: function (value) {
+                                               console.warn('THREE.WebGLRenderTarget: .magFilter is now .texture.magFilter.');
+                                               this.texture.magFilter = value;
+                                       }
+                               },
+                               minFilter: {
+                                       get: function () {
+                                               console.warn('THREE.WebGLRenderTarget: .minFilter is now .texture.minFilter.');
+                                               return this.texture.minFilter;
+                                       },
+                                       set: function (value) {
+                                               console.warn('THREE.WebGLRenderTarget: .minFilter is now .texture.minFilter.');
+                                               this.texture.minFilter = value;
+                                       }
+                               },
+                               anisotropy: {
+                                       get: function () {
+                                               console.warn('THREE.WebGLRenderTarget: .anisotropy is now .texture.anisotropy.');
+                                               return this.texture.anisotropy;
+                                       },
+                                       set: function (value) {
+                                               console.warn('THREE.WebGLRenderTarget: .anisotropy is now .texture.anisotropy.');
+                                               this.texture.anisotropy = value;
+                                       }
+                               },
+                               offset: {
+                                       get: function () {
+                                               console.warn('THREE.WebGLRenderTarget: .offset is now .texture.offset.');
+                                               return this.texture.offset;
+                                       },
+                                       set: function (value) {
+                                               console.warn('THREE.WebGLRenderTarget: .offset is now .texture.offset.');
+                                               this.texture.offset = value;
+                                       }
+                               },
+                               repeat: {
+                                       get: function () {
+                                               console.warn('THREE.WebGLRenderTarget: .repeat is now .texture.repeat.');
+                                               return this.texture.repeat;
+                                       },
+                                       set: function (value) {
+                                               console.warn('THREE.WebGLRenderTarget: .repeat is now .texture.repeat.');
+                                               this.texture.repeat = value;
+                                       }
+                               },
+                               format: {
+                                       get: function () {
+                                               console.warn('THREE.WebGLRenderTarget: .format is now .texture.format.');
+                                               return this.texture.format;
+                                       },
+                                       set: function (value) {
+                                               console.warn('THREE.WebGLRenderTarget: .format is now .texture.format.');
+                                               this.texture.format = value;
+                                       }
+                               },
+                               type: {
+                                       get: function () {
+                                               console.warn('THREE.WebGLRenderTarget: .type is now .texture.type.');
+                                               return this.texture.type;
+                                       },
+                                       set: function (value) {
+                                               console.warn('THREE.WebGLRenderTarget: .type is now .texture.type.');
+                                               this.texture.type = value;
+                                       }
+                               },
+                               generateMipmaps: {
+                                       get: function () {
+                                               console.warn('THREE.WebGLRenderTarget: .generateMipmaps is now .texture.generateMipmaps.');
+                                               return this.texture.generateMipmaps;
+                                       },
+                                       set: function (value) {
+                                               console.warn('THREE.WebGLRenderTarget: .generateMipmaps is now .texture.generateMipmaps.');
+                                               this.texture.generateMipmaps = value;
+                                       }
+                               }
+                       }); //
+
+                       Audio.prototype.load = function (file) {
+                               console.warn('THREE.Audio: .load has been deprecated. Use THREE.AudioLoader instead.');
+                               const scope = this;
+                               const audioLoader = new AudioLoader();
+                               audioLoader.load(file, function (buffer) {
+                                       scope.setBuffer(buffer);
+                               });
+                               return this;
+                       };
+
+                       AudioAnalyser.prototype.getData = function () {
+                               console.warn('THREE.AudioAnalyser: .getData() is now .getFrequencyData().');
+                               return this.getFrequencyData();
+                       }; //
+
+
+                       CubeCamera.prototype.updateCubeMap = function (renderer, scene) {
+                               console.warn('THREE.CubeCamera: .updateCubeMap() is now .update().');
+                               return this.update(renderer, scene);
+                       };
+
+                       CubeCamera.prototype.clear = function (renderer, color, depth, stencil) {
+                               console.warn('THREE.CubeCamera: .clear() is now .renderTarget.clear().');
+                               return this.renderTarget.clear(renderer, color, depth, stencil);
+                       };
+
+                       ImageUtils.crossOrigin = undefined;
+
+                       ImageUtils.loadTexture = function (url, mapping, onLoad, onError) {
+                               console.warn('THREE.ImageUtils.loadTexture has been deprecated. Use THREE.TextureLoader() instead.');
+                               const loader = new TextureLoader();
+                               loader.setCrossOrigin(this.crossOrigin);
+                               const texture = loader.load(url, onLoad, undefined, onError);
+                               if (mapping) texture.mapping = mapping;
+                               return texture;
+                       };
+
+                       ImageUtils.loadTextureCube = function (urls, mapping, onLoad, onError) {
+                               console.warn('THREE.ImageUtils.loadTextureCube has been deprecated. Use THREE.CubeTextureLoader() instead.');
+                               const loader = new CubeTextureLoader();
+                               loader.setCrossOrigin(this.crossOrigin);
+                               const texture = loader.load(urls, onLoad, undefined, onError);
+                               if (mapping) texture.mapping = mapping;
+                               return texture;
+                       };
+
+                       ImageUtils.loadCompressedTexture = function () {
+                               console.error('THREE.ImageUtils.loadCompressedTexture has been removed. Use THREE.DDSLoader instead.');
+                       };
+
+                       ImageUtils.loadCompressedTextureCube = function () {
+                               console.error('THREE.ImageUtils.loadCompressedTextureCube has been removed. Use THREE.DDSLoader instead.');
+                       }; //
+
+
+                       function CanvasRenderer() {
+                               console.error('THREE.CanvasRenderer has been removed');
+                       } //
+
+                       function JSONLoader() {
+                               console.error('THREE.JSONLoader has been removed.');
+                       } //
+
+                       const SceneUtils = {
+                               createMultiMaterialObject: function () {
+                                       console.error('THREE.SceneUtils has been moved to /examples/jsm/utils/SceneUtils.js');
+                               },
+                               detach: function () {
+                                       console.error('THREE.SceneUtils has been moved to /examples/jsm/utils/SceneUtils.js');
+                               },
+                               attach: function () {
+                                       console.error('THREE.SceneUtils has been moved to /examples/jsm/utils/SceneUtils.js');
+                               }
+                       }; //
+
+                       function LensFlare() {
+                               console.error('THREE.LensFlare has been moved to /examples/jsm/objects/Lensflare.js');
+                       }
+
+                       if (typeof __THREE_DEVTOOLS__ !== 'undefined') {
+                               /* eslint-disable no-undef */
+                               __THREE_DEVTOOLS__.dispatchEvent(new CustomEvent('register', {
+                                       detail: {
+                                               revision: REVISION
+                                       }
+                               }));
+                               /* eslint-enable no-undef */
+
+                       }
+
+                       if (typeof window !== 'undefined') {
+                               if (window.__THREE__) {
+                                       console.warn('WARNING: Multiple instances of Three.js being imported.');
+                               } else {
+                                       window.__THREE__ = REVISION;
+                               }
+                       }
+
+                       exports.ACESFilmicToneMapping = ACESFilmicToneMapping;
+                       exports.AddEquation = AddEquation;
+                       exports.AddOperation = AddOperation;
+                       exports.AdditiveAnimationBlendMode = AdditiveAnimationBlendMode;
+                       exports.AdditiveBlending = AdditiveBlending;
+                       exports.AlphaFormat = AlphaFormat;
+                       exports.AlwaysDepth = AlwaysDepth;
+                       exports.AlwaysStencilFunc = AlwaysStencilFunc;
+                       exports.AmbientLight = AmbientLight;
+                       exports.AmbientLightProbe = AmbientLightProbe;
+                       exports.AnimationClip = AnimationClip;
+                       exports.AnimationLoader = AnimationLoader;
+                       exports.AnimationMixer = AnimationMixer;
+                       exports.AnimationObjectGroup = AnimationObjectGroup;
+                       exports.AnimationUtils = AnimationUtils;
+                       exports.ArcCurve = ArcCurve;
+                       exports.ArrayCamera = ArrayCamera;
+                       exports.ArrowHelper = ArrowHelper;
+                       exports.Audio = Audio;
+                       exports.AudioAnalyser = AudioAnalyser;
+                       exports.AudioContext = AudioContext;
+                       exports.AudioListener = AudioListener;
+                       exports.AudioLoader = AudioLoader;
+                       exports.AxesHelper = AxesHelper;
+                       exports.AxisHelper = AxisHelper;
+                       exports.BackSide = BackSide;
+                       exports.BasicDepthPacking = BasicDepthPacking;
+                       exports.BasicShadowMap = BasicShadowMap;
+                       exports.BinaryTextureLoader = BinaryTextureLoader;
+                       exports.Bone = Bone;
+                       exports.BooleanKeyframeTrack = BooleanKeyframeTrack;
+                       exports.BoundingBoxHelper = BoundingBoxHelper;
+                       exports.Box2 = Box2;
+                       exports.Box3 = Box3;
+                       exports.Box3Helper = Box3Helper;
+                       exports.BoxBufferGeometry = BoxGeometry;
+                       exports.BoxGeometry = BoxGeometry;
+                       exports.BoxHelper = BoxHelper;
+                       exports.BufferAttribute = BufferAttribute;
+                       exports.BufferGeometry = BufferGeometry;
+                       exports.BufferGeometryLoader = BufferGeometryLoader;
+                       exports.ByteType = ByteType;
+                       exports.Cache = Cache;
+                       exports.Camera = Camera;
+                       exports.CameraHelper = CameraHelper;
+                       exports.CanvasRenderer = CanvasRenderer;
+                       exports.CanvasTexture = CanvasTexture;
+                       exports.CatmullRomCurve3 = CatmullRomCurve3;
+                       exports.CineonToneMapping = CineonToneMapping;
+                       exports.CircleBufferGeometry = CircleGeometry;
+                       exports.CircleGeometry = CircleGeometry;
+                       exports.ClampToEdgeWrapping = ClampToEdgeWrapping;
+                       exports.Clock = Clock;
+                       exports.Color = Color;
+                       exports.ColorKeyframeTrack = ColorKeyframeTrack;
+                       exports.CompressedTexture = CompressedTexture;
+                       exports.CompressedTextureLoader = CompressedTextureLoader;
+                       exports.ConeBufferGeometry = ConeGeometry;
+                       exports.ConeGeometry = ConeGeometry;
+                       exports.CubeCamera = CubeCamera;
+                       exports.CubeReflectionMapping = CubeReflectionMapping;
+                       exports.CubeRefractionMapping = CubeRefractionMapping;
+                       exports.CubeTexture = CubeTexture;
+                       exports.CubeTextureLoader = CubeTextureLoader;
+                       exports.CubeUVReflectionMapping = CubeUVReflectionMapping;
+                       exports.CubeUVRefractionMapping = CubeUVRefractionMapping;
+                       exports.CubicBezierCurve = CubicBezierCurve;
+                       exports.CubicBezierCurve3 = CubicBezierCurve3;
+                       exports.CubicInterpolant = CubicInterpolant;
+                       exports.CullFaceBack = CullFaceBack;
+                       exports.CullFaceFront = CullFaceFront;
+                       exports.CullFaceFrontBack = CullFaceFrontBack;
+                       exports.CullFaceNone = CullFaceNone;
+                       exports.Curve = Curve;
+                       exports.CurvePath = CurvePath;
+                       exports.CustomBlending = CustomBlending;
+                       exports.CustomToneMapping = CustomToneMapping;
+                       exports.CylinderBufferGeometry = CylinderGeometry;
+                       exports.CylinderGeometry = CylinderGeometry;
+                       exports.Cylindrical = Cylindrical;
+                       exports.DataTexture = DataTexture;
+                       exports.DataTexture2DArray = DataTexture2DArray;
+                       exports.DataTexture3D = DataTexture3D;
+                       exports.DataTextureLoader = DataTextureLoader;
+                       exports.DataUtils = DataUtils;
+                       exports.DecrementStencilOp = DecrementStencilOp;
+                       exports.DecrementWrapStencilOp = DecrementWrapStencilOp;
+                       exports.DefaultLoadingManager = DefaultLoadingManager;
+                       exports.DepthFormat = DepthFormat;
+                       exports.DepthStencilFormat = DepthStencilFormat;
+                       exports.DepthTexture = DepthTexture;
+                       exports.DirectionalLight = DirectionalLight;
+                       exports.DirectionalLightHelper = DirectionalLightHelper;
+                       exports.DiscreteInterpolant = DiscreteInterpolant;
+                       exports.DodecahedronBufferGeometry = DodecahedronGeometry;
+                       exports.DodecahedronGeometry = DodecahedronGeometry;
+                       exports.DoubleSide = DoubleSide;
+                       exports.DstAlphaFactor = DstAlphaFactor;
+                       exports.DstColorFactor = DstColorFactor;
+                       exports.DynamicBufferAttribute = DynamicBufferAttribute;
+                       exports.DynamicCopyUsage = DynamicCopyUsage;
+                       exports.DynamicDrawUsage = DynamicDrawUsage;
+                       exports.DynamicReadUsage = DynamicReadUsage;
+                       exports.EdgesGeometry = EdgesGeometry;
+                       exports.EdgesHelper = EdgesHelper;
+                       exports.EllipseCurve = EllipseCurve;
+                       exports.EqualDepth = EqualDepth;
+                       exports.EqualStencilFunc = EqualStencilFunc;
+                       exports.EquirectangularReflectionMapping = EquirectangularReflectionMapping;
+                       exports.EquirectangularRefractionMapping = EquirectangularRefractionMapping;
+                       exports.Euler = Euler;
+                       exports.EventDispatcher = EventDispatcher;
+                       exports.ExtrudeBufferGeometry = ExtrudeGeometry;
+                       exports.ExtrudeGeometry = ExtrudeGeometry;
+                       exports.FaceColors = FaceColors;
+                       exports.FileLoader = FileLoader;
+                       exports.FlatShading = FlatShading;
+                       exports.Float16BufferAttribute = Float16BufferAttribute;
+                       exports.Float32Attribute = Float32Attribute;
+                       exports.Float32BufferAttribute = Float32BufferAttribute;
+                       exports.Float64Attribute = Float64Attribute;
+                       exports.Float64BufferAttribute = Float64BufferAttribute;
+                       exports.FloatType = FloatType;
+                       exports.Fog = Fog;
+                       exports.FogExp2 = FogExp2;
+                       exports.Font = Font;
+                       exports.FontLoader = FontLoader;
+                       exports.FrontSide = FrontSide;
+                       exports.Frustum = Frustum;
+                       exports.GLBufferAttribute = GLBufferAttribute;
+                       exports.GLSL1 = GLSL1;
+                       exports.GLSL3 = GLSL3;
+                       exports.GammaEncoding = GammaEncoding;
+                       exports.GreaterDepth = GreaterDepth;
+                       exports.GreaterEqualDepth = GreaterEqualDepth;
+                       exports.GreaterEqualStencilFunc = GreaterEqualStencilFunc;
+                       exports.GreaterStencilFunc = GreaterStencilFunc;
+                       exports.GridHelper = GridHelper;
+                       exports.Group = Group;
+                       exports.HalfFloatType = HalfFloatType;
+                       exports.HemisphereLight = HemisphereLight;
+                       exports.HemisphereLightHelper = HemisphereLightHelper;
+                       exports.HemisphereLightProbe = HemisphereLightProbe;
+                       exports.IcosahedronBufferGeometry = IcosahedronGeometry;
+                       exports.IcosahedronGeometry = IcosahedronGeometry;
+                       exports.ImageBitmapLoader = ImageBitmapLoader;
+                       exports.ImageLoader = ImageLoader;
+                       exports.ImageUtils = ImageUtils;
+                       exports.ImmediateRenderObject = ImmediateRenderObject;
+                       exports.IncrementStencilOp = IncrementStencilOp;
+                       exports.IncrementWrapStencilOp = IncrementWrapStencilOp;
+                       exports.InstancedBufferAttribute = InstancedBufferAttribute;
+                       exports.InstancedBufferGeometry = InstancedBufferGeometry;
+                       exports.InstancedInterleavedBuffer = InstancedInterleavedBuffer;
+                       exports.InstancedMesh = InstancedMesh;
+                       exports.Int16Attribute = Int16Attribute;
+                       exports.Int16BufferAttribute = Int16BufferAttribute;
+                       exports.Int32Attribute = Int32Attribute;
+                       exports.Int32BufferAttribute = Int32BufferAttribute;
+                       exports.Int8Attribute = Int8Attribute;
+                       exports.Int8BufferAttribute = Int8BufferAttribute;
+                       exports.IntType = IntType;
+                       exports.InterleavedBuffer = InterleavedBuffer;
+                       exports.InterleavedBufferAttribute = InterleavedBufferAttribute;
+                       exports.Interpolant = Interpolant;
+                       exports.InterpolateDiscrete = InterpolateDiscrete;
+                       exports.InterpolateLinear = InterpolateLinear;
+                       exports.InterpolateSmooth = InterpolateSmooth;
+                       exports.InvertStencilOp = InvertStencilOp;
+                       exports.JSONLoader = JSONLoader;
+                       exports.KeepStencilOp = KeepStencilOp;
+                       exports.KeyframeTrack = KeyframeTrack;
+                       exports.LOD = LOD;
+                       exports.LatheBufferGeometry = LatheGeometry;
+                       exports.LatheGeometry = LatheGeometry;
+                       exports.Layers = Layers;
+                       exports.LensFlare = LensFlare;
+                       exports.LessDepth = LessDepth;
+                       exports.LessEqualDepth = LessEqualDepth;
+                       exports.LessEqualStencilFunc = LessEqualStencilFunc;
+                       exports.LessStencilFunc = LessStencilFunc;
+                       exports.Light = Light;
+                       exports.LightProbe = LightProbe;
+                       exports.Line = Line;
+                       exports.Line3 = Line3;
+                       exports.LineBasicMaterial = LineBasicMaterial;
+                       exports.LineCurve = LineCurve;
+                       exports.LineCurve3 = LineCurve3;
+                       exports.LineDashedMaterial = LineDashedMaterial;
+                       exports.LineLoop = LineLoop;
+                       exports.LinePieces = LinePieces;
+                       exports.LineSegments = LineSegments;
+                       exports.LineStrip = LineStrip;
+                       exports.LinearEncoding = LinearEncoding;
+                       exports.LinearFilter = LinearFilter;
+                       exports.LinearInterpolant = LinearInterpolant;
+                       exports.LinearMipMapLinearFilter = LinearMipMapLinearFilter;
+                       exports.LinearMipMapNearestFilter = LinearMipMapNearestFilter;
+                       exports.LinearMipmapLinearFilter = LinearMipmapLinearFilter;
+                       exports.LinearMipmapNearestFilter = LinearMipmapNearestFilter;
+                       exports.LinearToneMapping = LinearToneMapping;
+                       exports.Loader = Loader;
+                       exports.LoaderUtils = LoaderUtils;
+                       exports.LoadingManager = LoadingManager;
+                       exports.LogLuvEncoding = LogLuvEncoding;
+                       exports.LoopOnce = LoopOnce;
+                       exports.LoopPingPong = LoopPingPong;
+                       exports.LoopRepeat = LoopRepeat;
+                       exports.LuminanceAlphaFormat = LuminanceAlphaFormat;
+                       exports.LuminanceFormat = LuminanceFormat;
+                       exports.MOUSE = MOUSE;
+                       exports.Material = Material;
+                       exports.MaterialLoader = MaterialLoader;
+                       exports.Math = MathUtils;
+                       exports.MathUtils = MathUtils;
+                       exports.Matrix3 = Matrix3;
+                       exports.Matrix4 = Matrix4;
+                       exports.MaxEquation = MaxEquation;
+                       exports.Mesh = Mesh;
+                       exports.MeshBasicMaterial = MeshBasicMaterial;
+                       exports.MeshDepthMaterial = MeshDepthMaterial;
+                       exports.MeshDistanceMaterial = MeshDistanceMaterial;
+                       exports.MeshFaceMaterial = MeshFaceMaterial;
+                       exports.MeshLambertMaterial = MeshLambertMaterial;
+                       exports.MeshMatcapMaterial = MeshMatcapMaterial;
+                       exports.MeshNormalMaterial = MeshNormalMaterial;
+                       exports.MeshPhongMaterial = MeshPhongMaterial;
+                       exports.MeshPhysicalMaterial = MeshPhysicalMaterial;
+                       exports.MeshStandardMaterial = MeshStandardMaterial;
+                       exports.MeshToonMaterial = MeshToonMaterial;
+                       exports.MinEquation = MinEquation;
+                       exports.MirroredRepeatWrapping = MirroredRepeatWrapping;
+                       exports.MixOperation = MixOperation;
+                       exports.MultiMaterial = MultiMaterial;
+                       exports.MultiplyBlending = MultiplyBlending;
+                       exports.MultiplyOperation = MultiplyOperation;
+                       exports.NearestFilter = NearestFilter;
+                       exports.NearestMipMapLinearFilter = NearestMipMapLinearFilter;
+                       exports.NearestMipMapNearestFilter = NearestMipMapNearestFilter;
+                       exports.NearestMipmapLinearFilter = NearestMipmapLinearFilter;
+                       exports.NearestMipmapNearestFilter = NearestMipmapNearestFilter;
+                       exports.NeverDepth = NeverDepth;
+                       exports.NeverStencilFunc = NeverStencilFunc;
+                       exports.NoBlending = NoBlending;
+                       exports.NoColors = NoColors;
+                       exports.NoToneMapping = NoToneMapping;
+                       exports.NormalAnimationBlendMode = NormalAnimationBlendMode;
+                       exports.NormalBlending = NormalBlending;
+                       exports.NotEqualDepth = NotEqualDepth;
+                       exports.NotEqualStencilFunc = NotEqualStencilFunc;
+                       exports.NumberKeyframeTrack = NumberKeyframeTrack;
+                       exports.Object3D = Object3D;
+                       exports.ObjectLoader = ObjectLoader;
+                       exports.ObjectSpaceNormalMap = ObjectSpaceNormalMap;
+                       exports.OctahedronBufferGeometry = OctahedronGeometry;
+                       exports.OctahedronGeometry = OctahedronGeometry;
+                       exports.OneFactor = OneFactor;
+                       exports.OneMinusDstAlphaFactor = OneMinusDstAlphaFactor;
+                       exports.OneMinusDstColorFactor = OneMinusDstColorFactor;
+                       exports.OneMinusSrcAlphaFactor = OneMinusSrcAlphaFactor;
+                       exports.OneMinusSrcColorFactor = OneMinusSrcColorFactor;
+                       exports.OrthographicCamera = OrthographicCamera;
+                       exports.PCFShadowMap = PCFShadowMap;
+                       exports.PCFSoftShadowMap = PCFSoftShadowMap;
+                       exports.PMREMGenerator = PMREMGenerator;
+                       exports.ParametricBufferGeometry = ParametricGeometry;
+                       exports.ParametricGeometry = ParametricGeometry;
+                       exports.Particle = Particle;
+                       exports.ParticleBasicMaterial = ParticleBasicMaterial;
+                       exports.ParticleSystem = ParticleSystem;
+                       exports.ParticleSystemMaterial = ParticleSystemMaterial;
+                       exports.Path = Path;
+                       exports.PerspectiveCamera = PerspectiveCamera;
+                       exports.Plane = Plane;
+                       exports.PlaneBufferGeometry = PlaneGeometry;
+                       exports.PlaneGeometry = PlaneGeometry;
+                       exports.PlaneHelper = PlaneHelper;
+                       exports.PointCloud = PointCloud;
+                       exports.PointCloudMaterial = PointCloudMaterial;
+                       exports.PointLight = PointLight;
+                       exports.PointLightHelper = PointLightHelper;
+                       exports.Points = Points;
+                       exports.PointsMaterial = PointsMaterial;
+                       exports.PolarGridHelper = PolarGridHelper;
+                       exports.PolyhedronBufferGeometry = PolyhedronGeometry;
+                       exports.PolyhedronGeometry = PolyhedronGeometry;
+                       exports.PositionalAudio = PositionalAudio;
+                       exports.PropertyBinding = PropertyBinding;
+                       exports.PropertyMixer = PropertyMixer;
+                       exports.QuadraticBezierCurve = QuadraticBezierCurve;
+                       exports.QuadraticBezierCurve3 = QuadraticBezierCurve3;
+                       exports.Quaternion = Quaternion;
+                       exports.QuaternionKeyframeTrack = QuaternionKeyframeTrack;
+                       exports.QuaternionLinearInterpolant = QuaternionLinearInterpolant;
+                       exports.REVISION = REVISION;
+                       exports.RGBADepthPacking = RGBADepthPacking;
+                       exports.RGBAFormat = RGBAFormat;
+                       exports.RGBAIntegerFormat = RGBAIntegerFormat;
+                       exports.RGBA_ASTC_10x10_Format = RGBA_ASTC_10x10_Format;
+                       exports.RGBA_ASTC_10x5_Format = RGBA_ASTC_10x5_Format;
+                       exports.RGBA_ASTC_10x6_Format = RGBA_ASTC_10x6_Format;
+                       exports.RGBA_ASTC_10x8_Format = RGBA_ASTC_10x8_Format;
+                       exports.RGBA_ASTC_12x10_Format = RGBA_ASTC_12x10_Format;
+                       exports.RGBA_ASTC_12x12_Format = RGBA_ASTC_12x12_Format;
+                       exports.RGBA_ASTC_4x4_Format = RGBA_ASTC_4x4_Format;
+                       exports.RGBA_ASTC_5x4_Format = RGBA_ASTC_5x4_Format;
+                       exports.RGBA_ASTC_5x5_Format = RGBA_ASTC_5x5_Format;
+                       exports.RGBA_ASTC_6x5_Format = RGBA_ASTC_6x5_Format;
+                       exports.RGBA_ASTC_6x6_Format = RGBA_ASTC_6x6_Format;
+                       exports.RGBA_ASTC_8x5_Format = RGBA_ASTC_8x5_Format;
+                       exports.RGBA_ASTC_8x6_Format = RGBA_ASTC_8x6_Format;
+                       exports.RGBA_ASTC_8x8_Format = RGBA_ASTC_8x8_Format;
+                       exports.RGBA_BPTC_Format = RGBA_BPTC_Format;
+                       exports.RGBA_ETC2_EAC_Format = RGBA_ETC2_EAC_Format;
+                       exports.RGBA_PVRTC_2BPPV1_Format = RGBA_PVRTC_2BPPV1_Format;
+                       exports.RGBA_PVRTC_4BPPV1_Format = RGBA_PVRTC_4BPPV1_Format;
+                       exports.RGBA_S3TC_DXT1_Format = RGBA_S3TC_DXT1_Format;
+                       exports.RGBA_S3TC_DXT3_Format = RGBA_S3TC_DXT3_Format;
+                       exports.RGBA_S3TC_DXT5_Format = RGBA_S3TC_DXT5_Format;
+                       exports.RGBDEncoding = RGBDEncoding;
+                       exports.RGBEEncoding = RGBEEncoding;
+                       exports.RGBEFormat = RGBEFormat;
+                       exports.RGBFormat = RGBFormat;
+                       exports.RGBIntegerFormat = RGBIntegerFormat;
+                       exports.RGBM16Encoding = RGBM16Encoding;
+                       exports.RGBM7Encoding = RGBM7Encoding;
+                       exports.RGB_ETC1_Format = RGB_ETC1_Format;
+                       exports.RGB_ETC2_Format = RGB_ETC2_Format;
+                       exports.RGB_PVRTC_2BPPV1_Format = RGB_PVRTC_2BPPV1_Format;
+                       exports.RGB_PVRTC_4BPPV1_Format = RGB_PVRTC_4BPPV1_Format;
+                       exports.RGB_S3TC_DXT1_Format = RGB_S3TC_DXT1_Format;
+                       exports.RGFormat = RGFormat;
+                       exports.RGIntegerFormat = RGIntegerFormat;
+                       exports.RawShaderMaterial = RawShaderMaterial;
+                       exports.Ray = Ray;
+                       exports.Raycaster = Raycaster;
+                       exports.RectAreaLight = RectAreaLight;
+                       exports.RedFormat = RedFormat;
+                       exports.RedIntegerFormat = RedIntegerFormat;
+                       exports.ReinhardToneMapping = ReinhardToneMapping;
+                       exports.RepeatWrapping = RepeatWrapping;
+                       exports.ReplaceStencilOp = ReplaceStencilOp;
+                       exports.ReverseSubtractEquation = ReverseSubtractEquation;
+                       exports.RingBufferGeometry = RingGeometry;
+                       exports.RingGeometry = RingGeometry;
+                       exports.SRGB8_ALPHA8_ASTC_10x10_Format = SRGB8_ALPHA8_ASTC_10x10_Format;
+                       exports.SRGB8_ALPHA8_ASTC_10x5_Format = SRGB8_ALPHA8_ASTC_10x5_Format;
+                       exports.SRGB8_ALPHA8_ASTC_10x6_Format = SRGB8_ALPHA8_ASTC_10x6_Format;
+                       exports.SRGB8_ALPHA8_ASTC_10x8_Format = SRGB8_ALPHA8_ASTC_10x8_Format;
+                       exports.SRGB8_ALPHA8_ASTC_12x10_Format = SRGB8_ALPHA8_ASTC_12x10_Format;
+                       exports.SRGB8_ALPHA8_ASTC_12x12_Format = SRGB8_ALPHA8_ASTC_12x12_Format;
+                       exports.SRGB8_ALPHA8_ASTC_4x4_Format = SRGB8_ALPHA8_ASTC_4x4_Format;
+                       exports.SRGB8_ALPHA8_ASTC_5x4_Format = SRGB8_ALPHA8_ASTC_5x4_Format;
+                       exports.SRGB8_ALPHA8_ASTC_5x5_Format = SRGB8_ALPHA8_ASTC_5x5_Format;
+                       exports.SRGB8_ALPHA8_ASTC_6x5_Format = SRGB8_ALPHA8_ASTC_6x5_Format;
+                       exports.SRGB8_ALPHA8_ASTC_6x6_Format = SRGB8_ALPHA8_ASTC_6x6_Format;
+                       exports.SRGB8_ALPHA8_ASTC_8x5_Format = SRGB8_ALPHA8_ASTC_8x5_Format;
+                       exports.SRGB8_ALPHA8_ASTC_8x6_Format = SRGB8_ALPHA8_ASTC_8x6_Format;
+                       exports.SRGB8_ALPHA8_ASTC_8x8_Format = SRGB8_ALPHA8_ASTC_8x8_Format;
+                       exports.Scene = Scene;
+                       exports.SceneUtils = SceneUtils;
+                       exports.ShaderChunk = ShaderChunk;
+                       exports.ShaderLib = ShaderLib;
+                       exports.ShaderMaterial = ShaderMaterial;
+                       exports.ShadowMaterial = ShadowMaterial;
+                       exports.Shape = Shape;
+                       exports.ShapeBufferGeometry = ShapeGeometry;
+                       exports.ShapeGeometry = ShapeGeometry;
+                       exports.ShapePath = ShapePath;
+                       exports.ShapeUtils = ShapeUtils;
+                       exports.ShortType = ShortType;
+                       exports.Skeleton = Skeleton;
+                       exports.SkeletonHelper = SkeletonHelper;
+                       exports.SkinnedMesh = SkinnedMesh;
+                       exports.SmoothShading = SmoothShading;
+                       exports.Sphere = Sphere;
+                       exports.SphereBufferGeometry = SphereGeometry;
+                       exports.SphereGeometry = SphereGeometry;
+                       exports.Spherical = Spherical;
+                       exports.SphericalHarmonics3 = SphericalHarmonics3;
+                       exports.SplineCurve = SplineCurve;
+                       exports.SpotLight = SpotLight;
+                       exports.SpotLightHelper = SpotLightHelper;
+                       exports.Sprite = Sprite;
+                       exports.SpriteMaterial = SpriteMaterial;
+                       exports.SrcAlphaFactor = SrcAlphaFactor;
+                       exports.SrcAlphaSaturateFactor = SrcAlphaSaturateFactor;
+                       exports.SrcColorFactor = SrcColorFactor;
+                       exports.StaticCopyUsage = StaticCopyUsage;
+                       exports.StaticDrawUsage = StaticDrawUsage;
+                       exports.StaticReadUsage = StaticReadUsage;
+                       exports.StereoCamera = StereoCamera;
+                       exports.StreamCopyUsage = StreamCopyUsage;
+                       exports.StreamDrawUsage = StreamDrawUsage;
+                       exports.StreamReadUsage = StreamReadUsage;
+                       exports.StringKeyframeTrack = StringKeyframeTrack;
+                       exports.SubtractEquation = SubtractEquation;
+                       exports.SubtractiveBlending = SubtractiveBlending;
+                       exports.TOUCH = TOUCH;
+                       exports.TangentSpaceNormalMap = TangentSpaceNormalMap;
+                       exports.TetrahedronBufferGeometry = TetrahedronGeometry;
+                       exports.TetrahedronGeometry = TetrahedronGeometry;
+                       exports.TextBufferGeometry = TextGeometry;
+                       exports.TextGeometry = TextGeometry;
+                       exports.Texture = Texture;
+                       exports.TextureLoader = TextureLoader;
+                       exports.TorusBufferGeometry = TorusGeometry;
+                       exports.TorusGeometry = TorusGeometry;
+                       exports.TorusKnotBufferGeometry = TorusKnotGeometry;
+                       exports.TorusKnotGeometry = TorusKnotGeometry;
+                       exports.Triangle = Triangle;
+                       exports.TriangleFanDrawMode = TriangleFanDrawMode;
+                       exports.TriangleStripDrawMode = TriangleStripDrawMode;
+                       exports.TrianglesDrawMode = TrianglesDrawMode;
+                       exports.TubeBufferGeometry = TubeGeometry;
+                       exports.TubeGeometry = TubeGeometry;
+                       exports.UVMapping = UVMapping;
+                       exports.Uint16Attribute = Uint16Attribute;
+                       exports.Uint16BufferAttribute = Uint16BufferAttribute;
+                       exports.Uint32Attribute = Uint32Attribute;
+                       exports.Uint32BufferAttribute = Uint32BufferAttribute;
+                       exports.Uint8Attribute = Uint8Attribute;
+                       exports.Uint8BufferAttribute = Uint8BufferAttribute;
+                       exports.Uint8ClampedAttribute = Uint8ClampedAttribute;
+                       exports.Uint8ClampedBufferAttribute = Uint8ClampedBufferAttribute;
+                       exports.Uniform = Uniform;
+                       exports.UniformsLib = UniformsLib;
+                       exports.UniformsUtils = UniformsUtils;
+                       exports.UnsignedByteType = UnsignedByteType;
+                       exports.UnsignedInt248Type = UnsignedInt248Type;
+                       exports.UnsignedIntType = UnsignedIntType;
+                       exports.UnsignedShort4444Type = UnsignedShort4444Type;
+                       exports.UnsignedShort5551Type = UnsignedShort5551Type;
+                       exports.UnsignedShort565Type = UnsignedShort565Type;
+                       exports.UnsignedShortType = UnsignedShortType;
+                       exports.VSMShadowMap = VSMShadowMap;
+                       exports.Vector2 = Vector2;
+                       exports.Vector3 = Vector3;
+                       exports.Vector4 = Vector4;
+                       exports.VectorKeyframeTrack = VectorKeyframeTrack;
+                       exports.Vertex = Vertex;
+                       exports.VertexColors = VertexColors;
+                       exports.VideoTexture = VideoTexture;
+                       exports.WebGL1Renderer = WebGL1Renderer;
+                       exports.WebGLCubeRenderTarget = WebGLCubeRenderTarget;
+                       exports.WebGLMultipleRenderTargets = WebGLMultipleRenderTargets;
+                       exports.WebGLMultisampleRenderTarget = WebGLMultisampleRenderTarget;
+                       exports.WebGLRenderTarget = WebGLRenderTarget;
+                       exports.WebGLRenderTargetCube = WebGLRenderTargetCube;
+                       exports.WebGLRenderer = WebGLRenderer;
+                       exports.WebGLUtils = WebGLUtils;
+                       exports.WireframeGeometry = WireframeGeometry;
+                       exports.WireframeHelper = WireframeHelper;
+                       exports.WrapAroundEnding = WrapAroundEnding;
+                       exports.XHRLoader = XHRLoader;
+                       exports.ZeroCurvatureEnding = ZeroCurvatureEnding;
+                       exports.ZeroFactor = ZeroFactor;
+                       exports.ZeroSlopeEnding = ZeroSlopeEnding;
+                       exports.ZeroStencilOp = ZeroStencilOp;
+                       exports.sRGBEncoding = sRGBEncoding;
+
+                       Object.defineProperty(exports, '__esModule', {value: true});
+
+               })));
+
+       }, {}]
+}, {}, [1]);
diff --git a/src/jvmMain/resources/static/style.css b/src/jvmMain/resources/static/style.css
new file mode 100644 (file)
index 0000000..826e0d5
--- /dev/null
@@ -0,0 +1,1048 @@
+@font-face {
+       font-family: 'Noto Sans';
+       font-style: normal;
+       font-weight: normal;
+       font-display: block;
+       src: url("/static/font/NotoSans-Medium.woff");
+}
+
+@font-face {
+       font-family: 'Noto Sans';
+       font-style: italic;
+       font-weight: normal;
+       font-display: block;
+       src: url("/static/font/NotoSans-MediumItalic.woff");
+}
+
+@font-face {
+       font-family: 'Noto Sans';
+       font-style: normal;
+       font-weight: bold;
+       font-display: block;
+       src: url("/static/font/NotoSans-Black.woff");
+}
+
+@font-face {
+       font-family: 'Noto Sans';
+       font-style: italic;
+       font-weight: bold;
+       font-display: block;
+       src: url("/static/font/NotoSans-BlackItalic.woff");
+}
+
+@font-face {
+       font-family: 'Noto Sans Gothic';
+       font-display: block;
+       src: url("/static/font/NotoSansGothic-Regular.woff");
+}
+
+@font-face {
+       font-family: 'JetBrains Mono';
+       font-style: normal;
+       font-weight: normal;
+       font-display: block;
+       src: url("/static/font/JetBrainsMono-Medium.woff");
+}
+
+@font-face {
+       font-family: 'JetBrains Mono';
+       font-style: italic;
+       font-weight: normal;
+       font-display: block;
+       src: url("/static/font/JetBrainsMono-MediumItalic.woff");
+}
+
+@font-face {
+       font-family: 'JetBrains Mono';
+       font-style: normal;
+       font-weight: bold;
+       font-display: block;
+       src: url("/static/font/JetBrainsMono-ExtraBold.woff");
+}
+
+@font-face {
+       font-family: 'JetBrains Mono';
+       font-style: italic;
+       font-weight: bold;
+       font-display: block;
+       src: url("/static/font/JetBrainsMono-ExtraBoldItalic.woff");
+}
+
+@font-face {
+       font-family: 'Oxanium';
+       font-style: normal;
+       font-weight: 400;
+       font-display: block;
+       src: url("/static/font/Oxanium-Regular.woff");
+}
+
+@font-face {
+       font-family: 'Oxanium';
+       font-style: normal;
+       font-weight: 600;
+       font-display: block;
+       src: url("/static/font/Oxanium-SemiBold.woff");
+}
+
+@font-face {
+       font-family: 'Oxanium';
+       font-style: normal;
+       font-weight: 700;
+       font-display: block;
+       src: url("/static/font/Oxanium-Bold.woff");
+}
+
+@font-face {
+       font-family: 'Oxanium';
+       font-style: normal;
+       font-weight: 800;
+       font-display: block;
+       src: url("/static/font/Oxanium-ExtraBold.woff");
+}
+
+@font-face {
+       font-family: 'DejaVu Sans';
+       font-style: normal;
+       font-weight: normal;
+       font-display: block;
+       src: url("/static/font/DejaVuSans.woff");
+}
+
+@font-face {
+       font-family: 'DejaVu Sans';
+       font-style: italic;
+       font-weight: normal;
+       font-display: block;
+       src: url("/static/font/DejaVuSans-Oblique.woff");
+}
+
+@font-face {
+       font-family: 'DejaVu Sans';
+       font-style: normal;
+       font-weight: bold;
+       font-display: block;
+       src: url("/static/font/DejaVuSans-Bold.woff");
+}
+
+@font-face {
+       font-family: 'DejaVu Sans';
+       font-style: italic;
+       font-weight: bold;
+       font-display: block;
+       src: url("/static/font/DejaVuSans-BoldOblique.woff");
+}
+
+html {
+       margin: 0;
+       padding: 0;
+
+       color: var(--text-color);
+       background-color: var(--back-color);
+
+       font-family: 'Noto Sans', sans-serif;
+       font-size: 100%;
+
+       --h1-size: 1.6em;
+       --h2-size: 1.4em;
+       --h3-size: 1.2em;
+
+       --media-size-unit: 0.035vw;
+
+       /***************
+       * color params *
+       ***************/
+
+       --text-color: #222;
+       --back-color: #eda;
+
+       --selection-fg: #eee;
+       --selection-bg: rgba(170, 136, 34, 0.6);
+
+       --h1-border: #862;
+       --h1-shadow: #431;
+       --h1-backgr: #c93;
+
+       --h2-border: #430;
+
+       --h3-unline: #652;
+
+       --list-a-fg: #541;
+       --list-a-h-fg: #feb;
+       --list-a-h-bg: #a82;
+
+       --a-fg: #36c;
+       --a-v-fg: #63c;
+
+       --tbl-border: #431;
+       --tbl-td-bgr: #feb;
+       --tbl-th-bgr: #862;
+
+       --input-bg: #ba7;
+       --input-ul: #444133;
+       --input-fg: #111;
+       --input-f-bg: #985;
+
+       --err-bg: #e77;
+       --err-fg: #422;
+       --err-ul: #211;
+
+       --btn-fg: #feb;
+       --btn-bg: #ca4;
+       --btn-h-bg: #a82;
+       --btn-a-bg: #860;
+
+       --evil-btn-fg: #fcc;
+       --evil-btn-bg: #c33;
+       --evil-btn-h-bg: #a22;
+       --evil-btn-a-bg: #811;
+
+       --btn-na-bg: #444;
+       --btn-na-fg: #bbb;
+
+       --iframe-border: #541;
+
+       --error-popup-border: #933;
+       --error-popup-backgr: #faa;
+       --error-popup-foregr: #622;
+
+       --comment-stroke: #541;
+       --comment-fill: #ec6;
+
+       --quote-bg: rgba(0, 0, 0, 0.1);
+
+       /*************
+       * url params *
+       *************/
+
+       --panel: url("/static/images/panel.png");
+       --bgimg: linear-gradient(to bottom, #feb, #cb8);
+       --extln: url("/static/images/external-link.png");
+}
+
+html[data-theme="dark"] {
+       /***************
+       * color params *
+       ***************/
+
+       --text-color: #ddd;
+       --back-color: #652;
+
+       --selection-fg: #111;
+       --selection-bg: rgba(255, 221, 119, 0.9);
+
+       --h1-border: #862;
+       --h1-shadow: #c93;
+       --h1-backgr: #431;
+
+       --h2-border: #feb;
+
+       --h3-unline: #dc9;
+
+       --list-a-fg: #feb;
+       --list-a-h-fg: #541;
+       --list-a-h-bg: #fd7;
+
+       --a-fg: #69f;
+       --a-v-fg: #96f;
+
+       --tbl-border: #c93;
+       --tbl-td-bgr: #430;
+       --tbl-th-bgr: #a82;
+
+       --input-bg: #985;
+       --input-ul: #ccc399;
+       --input-fg: #eee;
+       --input-f-bg: #ba7;
+
+       --err-bg: #844;
+       --err-fg: #fcc;
+       --err-ul: #422;
+
+       --btn-fg: #111;
+       --btn-bg: #860;
+       --btn-h-bg: #a82;
+       --btn-a-bg: #ca4;
+
+       --evil-btn-fg: #411;
+       --evil-btn-bg: #d33;
+       --evil-btn-h-bg: #e66;
+       --evil-btn-a-bg: #f99;
+
+       --btn-na-bg: #bbb;
+       --btn-na-fg: #444;
+
+       --iframe-border: #feb;
+
+       --error-popup-border: #311;
+       --error-popup-backgr: #622;
+       --error-popup-foregr: #fcc;
+
+       --comment-stroke: #feb;
+       --comment-fill: #652;
+
+       --quote-bg: rgba(255, 255, 255, 0.1);
+
+       /*************
+       * url params *
+       *************/
+
+       --panel: url("/static/images/panel-dark.png");
+       --bgimg: linear-gradient(to bottom, #763, #430);
+       --extln: url("/static/images/external-link-dark.png");
+}
+
+@media only screen and (prefers-color-scheme: dark) {
+       html[data-theme="light"] {
+               /***************
+               * color params *
+               ***************/
+
+               --text-color: #222;
+               --back-color: #eda;
+
+               --selection-fg: #eee;
+               --selection-bg: rgba(170, 136, 34, 0.6);
+
+               --h1-border: #862;
+               --h1-shadow: #431;
+               --h1-backgr: #c93;
+
+               --h2-border: #430;
+
+               --h3-unline: #652;
+
+               --list-a-fg: #541;
+               --list-a-h-fg: #feb;
+               --list-a-h-bg: #a82;
+
+               --a-fg: #36c;
+               --a-v-fg: #63c;
+
+               --tbl-border: #431;
+               --tbl-td-bgr: #feb;
+               --tbl-th-bgr: #862;
+
+               --input-bg: #ba7;
+               --input-ul: #444133;
+               --input-fg: #111;
+               --input-f-bg: #985;
+
+               --err-bg: #e77;
+               --err-fg: #422;
+               --err-ul: #211;
+
+               --btn-fg: #feb;
+               --btn-bg: #ca4;
+               --btn-h-bg: #a82;
+               --btn-a-bg: #860;
+
+               --evil-btn-fg: #fcc;
+               --evil-btn-bg: #c33;
+               --evil-btn-h-bg: #a22;
+               --evil-btn-a-bg: #811;
+
+               --btn-na-bg: #444;
+               --btn-na-fg: #bbb;
+
+               --iframe-border: #541;
+
+               --error-popup-border: #933;
+               --error-popup-backgr: #faa;
+               --error-popup-foregr: #622;
+
+               --comment-stroke: #541;
+               --comment-fill: #ec6;
+
+               --quote-bg: rgba(0, 0, 0, 0.1);
+
+               /*************
+               * url params *
+               *************/
+
+               --panel: url("/static/images/panel.png");
+               --bgimg: linear-gradient(to bottom, #feb, #cb8);
+               --extln: url("/static/images/external-link.png");
+       }
+
+       html {
+               /***************
+               * color params *
+               ***************/
+
+               --text-color: #ddd;
+               --back-color: #652;
+
+               --selection-fg: #111;
+               --selection-bg: rgba(255, 221, 119, 0.9);
+
+               --h1-border: #862;
+               --h1-shadow: #c93;
+               --h1-backgr: #431;
+
+               --h2-border: #feb;
+
+               --h3-unline: #dc9;
+
+               --list-a-fg: #feb;
+               --list-a-h-fg: #541;
+               --list-a-h-bg: #fd7;
+
+               --a-fg: #69f;
+               --a-v-fg: #96f;
+
+               --tbl-border: #c93;
+               --tbl-td-bgr: #430;
+               --tbl-th-bgr: #a82;
+
+               --input-bg: #985;
+               --input-ul: #ccc399;
+               --input-fg: #eee;
+               --input-f-bg: #ba7;
+
+               --err-bg: #844;
+               --err-fg: #fcc;
+               --err-ul: #422;
+
+               --btn-fg: #111;
+               --btn-bg: #860;
+               --btn-h-bg: #a82;
+               --btn-a-bg: #ca4;
+
+               --evil-btn-fg: #411;
+               --evil-btn-bg: #d33;
+               --evil-btn-h-bg: #e66;
+               --evil-btn-a-bg: #f99;
+
+               --btn-na-bg: #bbb;
+               --btn-na-fg: #444;
+
+               --iframe-border: #feb;
+
+               --error-popup-border: #311;
+               --error-popup-backgr: #622;
+               --error-popup-foregr: #fcc;
+
+               --comment-stroke: #feb;
+               --comment-fill: #652;
+
+               --quote-bg: rgba(255, 255, 255, 0.1);
+
+               /*************
+               * url params *
+               *************/
+
+               --panel: url("/static/images/panel-dark.png");
+               --bgimg: linear-gradient(to bottom, #763, #430);
+               --extln: url("/static/images/external-link-dark.png");
+       }
+}
+
+body {
+       margin: 0;
+}
+
+::selection {
+       background-color: var(--selection-bg);
+       color: var(--selection-fg);
+}
+
+div#bg {
+       display: none;
+}
+
+h1, h2, h3, h4, h5, h6 {
+       font-family: Oxanium, monospace;
+       margin: 0.5em 0;
+}
+
+h1, h2 {
+       text-align: center;
+}
+
+h1 {
+       border: 0.1875rem solid var(--h1-border);
+       box-shadow: inset 0 0 0 0.25rem var(--h1-shadow);
+       padding: 0.3125rem;
+
+       background-color: var(--h1-backgr);
+       font-variant: small-caps;
+       font-size: var(--h1-size);
+       font-weight: 800;
+}
+
+h2 {
+       border-bottom: 0.125rem solid var(--h2-border);
+       font-size: var(--h2-size);
+       font-weight: 600;
+}
+
+h3 {
+       text-decoration: underline;
+       text-decoration-color: var(--h3-unline);
+       font-size: var(--h3-size);
+       font-weight: 400;
+}
+
+.desktop {
+       display: none;
+}
+
+/*noinspection CssOverwrittenProperties*/
+main > section, main > nav.mobile, main > aside.mobile {
+       border-image-source: var(--panel);
+       border-image-slice: 40% fill;
+       border-image-width: 1em;
+       border-width: 1em;
+
+       padding: 1.5em 1.5em;
+
+       box-sizing: border-box;
+       width: 90vw;
+       margin: 4vw 4vw;
+
+       position: relative;
+       z-index: 1;
+}
+
+aside.mobile img {
+       margin: auto;
+       display: block;
+       width: 50%;
+}
+
+@media only screen and (min-width: 8in) {
+       html {
+               padding: 1.25rem 4vw;
+
+               --h1-size: 2.6em;
+               --h2-size: 2.2em;
+               --h3-size: 1.8em;
+
+               --media-size-unit: 0.025vmin;
+       }
+
+       div#bg {
+               display: unset;
+
+               width: 100vw;
+               height: 100vh;
+               position: fixed;
+               top: 0;
+               left: 0;
+
+               background-image: var(--bgimg);
+               background-attachment: fixed;
+               background-position: center;
+               background-size: cover;
+
+               z-index: 0;
+       }
+
+       main {
+               padding: 4vh 0;
+       }
+
+       /*noinspection CssOverwrittenProperties*/
+       main > section, nav.desktop, aside.desktop {
+               border-image-source: var(--panel);
+               border-image-slice: 40% fill;
+               border-image-width: 2em;
+
+               box-sizing: border-box;
+               padding: 2.5em 3em;
+
+               position: relative;
+               z-index: 1;
+       }
+
+       main > section {
+               width: 48%;
+               margin: 4vh auto;
+       }
+
+       main > section:first-of-type {
+               margin: 0 auto 4vh;
+       }
+
+       main > section:last-of-type {
+               margin: 4vh auto 0;
+       }
+
+       main > section:only-of-type {
+               margin: 0 auto;
+       }
+
+       .mobile {
+               display: none;
+       }
+
+       .desktop {
+               display: unset;
+       }
+
+       nav.desktop {
+               width: 16%;
+               float: left;
+               margin: 4vh 4vw;
+
+               position: sticky;
+               top: calc(4vh + 1.25rem);
+       }
+
+       aside.desktop {
+               width: 16%;
+               float: right;
+               margin: 4vh 4vw;
+
+               position: sticky;
+               top: calc(4vh + 1.25rem);
+       }
+
+       aside.desktop {
+               max-height: calc(92vh - 2.5rem);
+       }
+
+       aside.desktop img {
+               width: 100%;
+       }
+
+       aside.desktop div.list {
+               max-height: calc(92vh - 7.5rem);
+               overflow-y: auto;
+       }
+
+       h4 {
+               font-size: 1.4em;
+       }
+
+       h5 {
+               font-size: 1.25em;
+       }
+
+       h6 {
+               font-size: 1.1em;
+       }
+}
+
+div.list {
+       display: flex;
+       flex-wrap: nowrap;
+       align-items: stretch;
+       justify-content: start;
+       flex-direction: column;
+
+       margin: 0;
+       padding: 0;
+}
+
+div.list > div.item {
+       width: 100%;
+       height: 2em;
+       line-height: 2em;
+
+       margin: 0;
+       padding: 0;
+
+       vertical-align: middle;
+}
+
+div.list > div.item > span {
+       display: block;
+       text-align: center;
+
+       overflow: hidden;
+       white-space: nowrap;
+       text-overflow: ellipsis;
+}
+
+div.list > div.item > a {
+       display: block;
+       width: 100%;
+       height: 2em;
+
+       overflow: hidden;
+       white-space: nowrap;
+       text-overflow: ellipsis;
+
+       vertical-align: middle;
+       text-align: center;
+
+       border-radius: 0.3em;
+       color: var(--list-a-fg);
+       text-decoration: none;
+
+       padding-left: 0.5em;
+       padding-right: 0.5em;
+       box-sizing: border-box;
+}
+
+div.list > div.item > a.left {
+       text-align: left;
+}
+
+div.list > div.item > a:visited {
+       color: var(--list-a-fg);
+}
+
+div.list > div.item > a:hover {
+       color: var(--list-a-h-fg);
+       background-color: var(--list-a-h-bg);
+}
+
+a {
+       color: var(--a-fg);
+       text-decoration: none;
+}
+
+a:visited {
+       color: var(--a-v-fg);
+}
+
+a:hover {
+       text-decoration: underline;
+}
+
+a[href^="http://"]::after, a[href^="https://"]::after {
+       content: ' ';
+       background-image: var(--extln);
+       background-size: contain;
+       display: inline-block;
+       width: 1em;
+       height: 1em;
+}
+
+table {
+       table-layout: fixed;
+       border-collapse: collapse;
+       border: 0.125rem solid var(--tbl-border);
+
+       width: 100%;
+}
+
+td {
+       border: 0.125rem solid var(--tbl-border);
+       background-color: var(--tbl-td-bgr);
+       font-size: 0.85em;
+       padding: 0.3em;
+}
+
+th {
+       border: 0.125rem solid var(--tbl-border);
+       background-color: var(--tbl-th-bgr);
+       padding: 0.15em 0;
+
+       text-align: center;
+       vertical-align: middle;
+
+       font-family: Oxanium, monospace;
+       font-size: 1.0em;
+       font-variant: small-caps;
+       font-weight: 700;
+       color: var(--tbl-td-bgr);
+}
+
+input[type=text],
+input[type=password],
+input[type=email],
+textarea {
+       box-sizing: border-box;
+       background-color: var(--input-bg);
+       border: none;
+       border-bottom: 0.15rem solid var(--input-ul);
+
+       color: var(--input-fg);
+       font-size: 1.5em;
+
+       width: 100%;
+}
+
+textarea {
+       font-family: 'Noto Sans', sans-serif;
+       resize: vertical;
+}
+
+input[type=text]:focus,
+input[type=password]:focus,
+input[type=email]:focus,
+textarea:focus {
+       outline: none;
+       background-color: var(--input-f-bg);
+}
+
+input[type=text]:invalid,
+input[type=password]:invalid,
+input[type=email]:invalid,
+textarea:invalid {
+       color: var(--err-fg);
+       background-color: var(--err-bg);
+       border-bottom-color: var(--err-ul);
+}
+
+button, input[type=submit] {
+       background-color: var(--btn-bg);
+       border: none;
+       border-radius: 0.3em;
+       color: var(--btn-fg);
+       cursor: pointer;
+       display: block;
+
+       font-size: 1.5em;
+       margin: 1em;
+       padding: 0.85em 1.15em;
+       width: calc(100% - 2em);
+}
+
+button:hover, input[type=submit]:hover {
+       background-color: var(--btn-h-bg);
+}
+
+button:active, input[type=submit]:active {
+       background-color: var(--btn-a-bg);
+}
+
+button.evil, input[type=submit].evil {
+       background-color: var(--evil-btn-bg);
+       color: var(--evil-btn-fg);
+}
+
+button.evil:hover, input[type=submit].evil:hover {
+       background-color: var(--evil-btn-h-bg);
+}
+
+button.evil:active, input[type=submit].evil:active {
+       background-color: var(--evil-btn-a-bg);
+}
+
+button:disabled,
+button.evil:disabled,
+input[type=submit]:disabled,
+input[type=submit].evil:disabled {
+       background-color: var(--btn-na-bg);
+       color: var(--btn-na-fg);
+       cursor: not-allowed;
+}
+
+iframe {
+       border-color: var(--iframe-border);
+}
+
+#error-popup {
+       z-index: 998;
+
+       position: fixed;
+       width: 100vw;
+       height: 100vh;
+       left: 0;
+       top: 0;
+}
+
+#error-popup > .bg {
+       position: fixed;
+       width: 100vw;
+       height: 100vh;
+       left: 0;
+       top: 0;
+
+       background-color: rgba(0, 0, 0, 40%);
+}
+
+#error-popup > .msg {
+       position: fixed;
+       top: 50%;
+       left: 50%;
+       transform: translate(-50%, -50%);
+
+       border: 0.5em solid var(--error-popup-border);
+       border-radius: 1.5em;
+       padding: 1.5em;
+
+       background-color: var(--error-popup-backgr);
+       color: var(--error-popup-foregr);
+
+       text-align: center;
+}
+
+.lang-gothic {
+       font-family: 'Noto Sans Gothic', sans-serif;
+}
+
+@font-face {
+       font-family: 'Tulasra';
+       src: url(/static/font/tylan-language-alphabet-3.woff) format('woff');
+}
+
+.lang-tylan {
+       font-family: Tulasra, monospace;
+       font-size: 1.25em;
+       line-height: 1.0;
+       font-variant: normal !important;
+}
+
+textarea.lang-tylan {
+       font-family: Tulasra, monospace;
+       font-size: 2.5em;
+       line-height: 1.0;
+}
+
+@font-face {
+       font-family: 'Theodisc';
+       src: url(/static/font/thedish-language-alphabet.woff) format('woff');
+}
+
+.lang-thedish {
+       font-family: Theodisc, monospace;
+       font-size: 1.25em;
+       line-height: 1.0;
+       font-variant: normal !important;
+}
+
+textarea.lang-thedish {
+       font-family: Theodisc, monospace;
+       font-size: 2.5em;
+       line-height: 1.0;
+}
+
+@font-face {
+       font-family: 'Kishari';
+       src: url(/static/font/kishari-language-alphabet.woff) format('woff');
+}
+
+.lang-kishari {
+       font-family: Kishari, monospace;
+       font-size: 1.25em;
+       line-height: 1.0;
+       font-variant: normal !important;
+}
+
+textarea.lang-kishari {
+       font-family: Kishari, monospace;
+       font-size: 2.5em;
+       line-height: 1.0;
+}
+
+@font-face {
+       font-family: 'Pochvalsk';
+       src: url(/static/font/pokhval-alphabet.woff) format('woff');
+}
+
+.lang-pokhwal {
+       font-family: Pochvalsk, monospace;
+       font-size: 1em;
+       line-height: 1.0;
+       font-variant: normal !important;
+}
+
+textarea.lang-pokhwal {
+       font-family: Pochvalsk, monospace;
+       font-size: 2em;
+       line-height: 1.0;
+}
+
+#thumb-view {
+       display: none;
+}
+
+#thumb-view.visible {
+       z-index: 998;
+
+       display: unset;
+
+       position: fixed;
+       width: 100vw;
+       height: 100vh;
+       left: 0;
+       top: 0;
+}
+
+#thumb-view > .bg {
+       position: fixed;
+       width: 100vw;
+       height: 100vh;
+       left: 0;
+       top: 0;
+
+       background-color: rgba(0, 0, 0, 40%);
+}
+
+#thumb-view > img {
+       position: fixed;
+       top: 2vh;
+       left: 2vw;
+       width: 96vw;
+       height: 96vh;
+
+       object-fit: scale-down;
+}
+
+.flag-icon {
+       object-fit: cover;
+       aspect-ratio: 1;
+       border-radius: 50%;
+}
+
+.comment-input {
+       border: 0.25em solid var(--comment-stroke);
+       background-color: var(--comment-fill);
+       padding: 0.75em;
+       margin: 1em 0;
+}
+
+.comment-box {
+       border: 0.25em solid var(--comment-stroke);
+       background-color: var(--comment-fill);
+       padding: 0.75em 0.5em 0.25em;
+       margin: 1em 0;
+}
+
+.comment-box > .comment-author {
+       display: flex;
+       align-items: center;
+}
+
+.comment-box > .comment-author > .flag-icon {
+       width: 2em;
+
+       flex-grow: 0;
+       flex-shrink: 0;
+}
+
+.comment-box > .comment-author > .author-name {
+       font-size: 1.5em;
+       font-weight: bold;
+
+       text-align: left;
+       flex-grow: 1;
+       flex-shrink: 0;
+}
+
+.comment-box > .comment-author > .posted-at {
+       text-align: right;
+       flex-grow: 1;
+       flex-shrink: 1;
+}
+
+.comment-box > .comment {
+       margin-top: 0.125em;
+       border-top: 0.25em solid var(--comment-stroke);
+       padding-top: 0.5em;
+}
+
+blockquote {
+       margin: 0.25em 0;
+       border-left: 0.25em solid var(--comment-stroke);
+       padding: 0.5em;
+       background-color: var(--quote-bg);
+}
+
+.comment-edit-box {
+       display: none;
+}
+
+.comment-edit-box.visible {
+       display: block;
+}
+
+a.copy-text[data-copying] {
+       color: var(--text-color);
+       pointer-events: none;
+}
diff --git a/src/main/kotlin/info/mechyrdia/Configuration.kt b/src/main/kotlin/info/mechyrdia/Configuration.kt
deleted file mode 100644 (file)
index 73d4561..0000000
+++ /dev/null
@@ -1,42 +0,0 @@
-package info.mechyrdia
-
-import info.mechyrdia.data.Id
-import info.mechyrdia.data.NationData
-import kotlinx.serialization.Serializable
-import java.io.File
-
-@Serializable
-data class Configuration(
-       val host: String = "127.0.0.1",
-       val port: Int = 8080,
-       
-       val isDevMode: Boolean = false,
-       
-       val rootDir: String = "..",
-       val articleDir: String = "../lore",
-       val assetDir: String = "../assets",
-       val templateDir: String = "../tpl",
-       val jsonDocDir: String = "../data",
-       val quizDir: String = "../quizzes",
-       val scriptDir: String = "../funcs",
-       
-       val dbName: String = "nslore",
-       val dbConn: String = "mongodb://localhost:27017",
-) {
-       companion object {
-               val CurrentConfiguration: Configuration by lazy {
-                       val file = File(System.getProperty("factbooks.configpath", "./config.json"))
-                       if (!file.isFile) {
-                               if (file.exists())
-                                       file.deleteRecursively()
-                               
-                               file.writeText(JsonFileCodec.encodeToString(serializer(), Configuration()), Charsets.UTF_8)
-                       }
-                       
-                       JsonFileCodec.decodeFromString(serializer(), file.readText(Charsets.UTF_8))
-               }
-       }
-}
-
-const val OWNER_NATION = "mechyrdia"
-val OwnerNationId = Id<NationData>(OWNER_NATION)
diff --git a/src/main/kotlin/info/mechyrdia/Factbooks.kt b/src/main/kotlin/info/mechyrdia/Factbooks.kt
deleted file mode 100644 (file)
index 7e2ebc5..0000000
+++ /dev/null
@@ -1,254 +0,0 @@
-@file:JvmName("Factbooks")
-
-package info.mechyrdia
-
-import info.mechyrdia.auth.*
-import info.mechyrdia.data.*
-import info.mechyrdia.lore.*
-import io.ktor.http.*
-import io.ktor.http.content.*
-import io.ktor.server.application.*
-import io.ktor.server.cio.*
-import io.ktor.server.engine.*
-import io.ktor.server.html.*
-import io.ktor.server.http.content.*
-import io.ktor.server.plugins.*
-import io.ktor.server.plugins.cachingheaders.*
-import io.ktor.server.plugins.callid.*
-import io.ktor.server.plugins.callloging.*
-import io.ktor.server.plugins.conditionalheaders.*
-import io.ktor.server.plugins.forwardedheaders.*
-import io.ktor.server.plugins.statuspages.*
-import io.ktor.server.request.*
-import io.ktor.server.response.*
-import io.ktor.server.routing.*
-import io.ktor.server.sessions.*
-import io.ktor.server.sessions.serialization.*
-import io.ktor.util.*
-import org.slf4j.event.Level
-import java.io.File
-import java.io.IOException
-import java.util.concurrent.atomic.AtomicLong
-
-lateinit var application: Application
-       private set
-
-fun main() {
-       System.setProperty("logback.statusListenerClass", "ch.qos.logback.core.status.NopStatusListener")
-       
-       System.setProperty("io.ktor.development", "false")
-       
-       ConnectionHolder.initialize(Configuration.CurrentConfiguration.dbConn, Configuration.CurrentConfiguration.dbName)
-       
-       embeddedServer(CIO, port = Configuration.CurrentConfiguration.port, host = Configuration.CurrentConfiguration.host, module = Application::factbooks).start(wait = true)
-}
-
-fun Application.factbooks() {
-       application = this
-       
-       install(IgnoreTrailingSlash)
-       install(XForwardedHeaders)
-       
-       install(CachingHeaders) {
-               options { call, outgoingContent ->
-                       if (outgoingContent is JarFileContent)
-                               CachingOptions(CacheControl.MaxAge(maxAgeSeconds = 3600))
-                       else if (call.attributes.getOrNull(PageDoNotCacheAttributeKey) == true)
-                               CachingOptions(CacheControl.NoStore(null))
-                       else
-                               null
-               }
-       }
-       
-       install(ConditionalHeaders) {
-               version { call, outgoingContent ->
-                       if (outgoingContent is LocalFileContent)
-                               listOf(LastModifiedVersion(outgoingContent.file.lastModified()))
-                       else
-                               emptyList()
-               }
-       }
-       
-       install(CallId) {
-               val counter = AtomicLong(0)
-               generate {
-                       "call-${counter.incrementAndGet().toULong()}-${System.currentTimeMillis()}"
-               }
-       }
-       
-       install(CallLogging) {
-               level = Level.INFO
-               
-               callIdMdc("ktor-call-id")
-               
-               format { call ->
-                       "Call #${call.callId} Client ${call.request.origin.remoteHost} `${call.request.userAgent()}` Request ${call.request.httpMethod.value} ${call.request.uri} Response ${call.response.status()}"
-               }
-       }
-       
-       install(Sessions) {
-               cookie("USER_SESSION", SessionStorageMongoDB) {
-                       identity { Id<UserSession>().id }
-                       
-                       serializer = KotlinxSessionSerializer(UserSession.serializer(), JsonStorageCodec)
-                       
-                       cookie.httpOnly = true
-                       cookie.extensions["SameSite"] = "Lax"
-                       cookie.extensions["Secure"] = null
-               }
-       }
-       
-       install(StatusPages) {
-               status(HttpStatusCode.NotFound) { call, _ ->
-                       call.respondHtml(HttpStatusCode.NotFound, call.error404())
-               }
-               
-               exception<HttpRedirectException> { call, (url, permanent) ->
-                       call.respondRedirect(url, permanent)
-               }
-               exception<MissingRequestParameterException> { call, _ ->
-                       call.respondHtml(HttpStatusCode.BadRequest, call.error400())
-               }
-               exception<ForbiddenException> { call, _ ->
-                       call.respondHtml(HttpStatusCode.Forbidden, call.error403())
-               }
-               exception<CsrfFailedException> { call, (_, params) ->
-                       call.respondHtml(HttpStatusCode.Forbidden, call.error403PageExpired(params))
-               }
-               exception<NullPointerException> { call, _ ->
-                       call.respondHtml(HttpStatusCode.NotFound, call.error404())
-               }
-               exception<IOException> { call, _ ->
-                       call.respondHtml(HttpStatusCode.NotFound, call.error404())
-               }
-               
-               exception<Exception> { call, ex ->
-                       call.application.log.error("Got uncaught exception from serving call ${call.callId}", ex)
-                       
-                       call.respondHtml(HttpStatusCode.InternalServerError, call.error500())
-                       throw ex
-               }
-       }
-       
-       routing {
-               get("/") {
-                       call.respondHtml(HttpStatusCode.OK, call.loreIntroPage())
-               }
-               
-               // Factbooks and assets
-               
-               staticResources("/static", "static", index = null) {
-                       preCompressed(CompressedFileType.BROTLI, CompressedFileType.GZIP)
-                       enableAutoHeadResponse()
-               }
-               
-               get("/lore/{path...}") {
-                       call.respondHtml(HttpStatusCode.OK, call.loreArticlePage())
-               }
-               
-               staticFiles("/assets", File(Configuration.CurrentConfiguration.assetDir), index = null) {
-                       enableAutoHeadResponse()
-               }
-               
-               get("/map") {
-                       call.respondFile(call.galaxyMapPage())
-               }
-               
-               // Routes for robots
-               
-               get("/robots.txt") {
-                       call.respondFile(File(Configuration.CurrentConfiguration.rootDir).combineSafe("robots.txt"))
-               }
-               
-               get("/sitemap.xml") {
-                       call.respondText(buildString { generateSitemap() }, ContentType.Application.Xml)
-               }
-               
-               // Client settings
-               
-               get("/change-theme") {
-                       call.respondHtml(HttpStatusCode.OK, call.changeThemePage())
-               }
-               
-               post("/change-theme") {
-                       call.changeThemeRoute()
-               }
-               
-               // Authentication
-               
-               get("/auth/login") {
-                       call.respondHtml(HttpStatusCode.OK, call.loginPage())
-               }
-               
-               post("/auth/login") {
-                       call.loginRoute()
-               }
-               
-               post("/auth/logout") {
-                       call.logoutRoute()
-               }
-               
-               // Commenting
-               
-               get("/comment/help") {
-                       call.respondHtml(HttpStatusCode.OK, call.commentHelpPage())
-               }
-               
-               get("/comment/recent") {
-                       call.respondHtml(HttpStatusCode.OK, call.recentCommentsPage())
-               }
-               
-               post("/comment/new/{path...}") {
-                       call.newCommentRoute()
-               }
-               
-               get("/comment/view/{id}") {
-                       call.viewCommentRoute()
-               }
-               
-               post("/comment/edit/{id}") {
-                       call.editCommentRoute()
-               }
-               
-               get("/comment/delete/{id}") {
-                       call.respondHtml(HttpStatusCode.OK, call.deleteCommentPage())
-               }
-               
-               post("/comment/delete/{id}") {
-                       call.deleteCommentRoute()
-               }
-               
-               // User pages
-               
-               get("/user/{id}") {
-                       call.respondHtml(HttpStatusCode.OK, call.userPage())
-               }
-               
-               // Administration
-               
-               post("/admin/ban/{id}") {
-                       call.adminBanUserRoute()
-               }
-               
-               post("/admin/unban/{id}") {
-                       call.adminUnbanUserRoute()
-               }
-               
-               // Utilities
-               
-               post("/tylan-lang") {
-                       call.respondText(TylanAlphabet.tylanToFontAlphabet(call.receiveText()))
-               }
-               
-               post("/pokhwal-lang") {
-                       call.respondText(PokhwalishAlphabet.pokhwalToFontAlphabet(call.receiveText()))
-               }
-               
-               post("/preview-comment") {
-                       call.respondText(
-                               text = TextParserState.parseText(call.receiveText(), TextParserCommentTags.asTags, Unit),
-                               contentType = ContentType.Text.Html
-                       )
-               }
-       }
-}
diff --git a/src/main/kotlin/info/mechyrdia/JSON.kt b/src/main/kotlin/info/mechyrdia/JSON.kt
deleted file mode 100644 (file)
index 41059ba..0000000
+++ /dev/null
@@ -1,19 +0,0 @@
-package info.mechyrdia
-
-import kotlinx.serialization.ExperimentalSerializationApi
-import kotlinx.serialization.json.Json
-
-val JsonFileCodec = Json {
-       prettyPrint = true
-       @OptIn(ExperimentalSerializationApi::class)
-       prettyPrintIndent = "\t"
-       
-       encodeDefaults = true
-       ignoreUnknownKeys = true
-       useAlternativeNames = false
-}
-
-val JsonStorageCodec = Json {
-       prettyPrint = false
-       useAlternativeNames = false
-}
diff --git a/src/main/kotlin/info/mechyrdia/auth/csrf.kt b/src/main/kotlin/info/mechyrdia/auth/csrf.kt
deleted file mode 100644 (file)
index cea7811..0000000
+++ /dev/null
@@ -1,59 +0,0 @@
-package info.mechyrdia.auth
-
-import info.mechyrdia.data.Id
-import info.mechyrdia.data.NationData
-import io.ktor.http.*
-import io.ktor.server.application.*
-import io.ktor.server.plugins.*
-import io.ktor.server.request.*
-import io.ktor.server.sessions.*
-import kotlinx.html.FORM
-import kotlinx.html.hiddenInput
-import java.time.Instant
-import java.util.concurrent.ConcurrentHashMap
-
-data class CsrfPayload(
-       val route: String,
-       val remoteAddress: String,
-       val userAgent: String?,
-       val userAccount: Id<NationData>?,
-       val expires: Instant
-)
-
-fun ApplicationCall.csrfPayload(route: String, withExpiration: Instant = Instant.now().plusSeconds(7200)) =
-       CsrfPayload(
-               route = route,
-               remoteAddress = request.origin.remoteAddress,
-               userAgent = request.userAgent(),
-               userAccount = sessions.get<UserSession>()?.nationId,
-               expires = withExpiration
-       )
-
-private val csrfMap = ConcurrentHashMap<String, CsrfPayload>()
-
-fun ApplicationCall.createCsrfToken(route: String = request.origin.uri): String {
-       return token().also { csrfMap[it] = csrfPayload(route) }
-}
-
-fun FORM.installCsrfToken(token: String) {
-       hiddenInput {
-               name = "csrf-token"
-               value = token
-       }
-}
-
-suspend fun ApplicationCall.verifyCsrfToken(route: String = request.origin.uri): Parameters {
-       val params = receive<Parameters>()
-       val token = params["csrf-token"] ?: throw CsrfFailedException("No CSRF token was provided", params)
-       
-       val check = csrfMap.remove(token) ?: throw CsrfFailedException("The submitted CSRF token does not exist", params)
-       val payload = csrfPayload(route, check.expires)
-       if (check != payload)
-               throw CsrfFailedException("The submitted CSRF token does not match", params)
-       if (payload.expires < Instant.now())
-               throw CsrfFailedException("The submitted CSRF token has expired", params)
-       
-       return params
-}
-
-data class CsrfFailedException(override val message: String, val formData: Parameters) : RuntimeException(message)
diff --git a/src/main/kotlin/info/mechyrdia/auth/nationstates.kt b/src/main/kotlin/info/mechyrdia/auth/nationstates.kt
deleted file mode 100644 (file)
index ad37132..0000000
+++ /dev/null
@@ -1,26 +0,0 @@
-package info.mechyrdia.auth
-
-import com.aventrix.jnanoid.jnanoid.NanoIdUtils
-import com.github.agadar.nationstates.DefaultNationStatesImpl
-import com.github.agadar.nationstates.NationStates
-import com.github.agadar.nationstates.exception.NationStatesResourceNotFoundException
-import com.github.agadar.nationstates.query.APIQuery
-import kotlinx.coroutines.Dispatchers
-import kotlinx.coroutines.runInterruptible
-
-val NSAPI: NationStates = DefaultNationStatesImpl("Mechyrdia Factbooks <samfrancis00@gmail.com>")
-
-suspend fun <Q : APIQuery<Q, R>, R> Q.executeSuspend(): R? = runInterruptible(Dispatchers.IO) {
-       try {
-               execute()
-       } catch (ex: NationStatesResourceNotFoundException) {
-               null
-       }
-}
-
-fun String.toNationId() = replace(' ', '_').lowercase()
-
-private val tokenAlphabet = "ABCDEFGHILMNOPQRSTVXYZ0123456789".toCharArray()
-fun token(): String = NanoIdUtils.randomNanoId(NanoIdUtils.DEFAULT_NUMBER_GENERATOR, tokenAlphabet, 16)
-
-class ForbiddenException(override val message: String) : RuntimeException(message)
diff --git a/src/main/kotlin/info/mechyrdia/auth/session_storage.kt b/src/main/kotlin/info/mechyrdia/auth/session_storage.kt
deleted file mode 100644 (file)
index ad09fb2..0000000
+++ /dev/null
@@ -1,36 +0,0 @@
-package info.mechyrdia.auth
-
-import info.mechyrdia.data.DataDocument
-import info.mechyrdia.data.DocumentTable
-import info.mechyrdia.data.Id
-import info.mechyrdia.data.TableHolder
-import io.ktor.server.sessions.*
-import kotlinx.serialization.SerialName
-import kotlinx.serialization.Serializable
-
-object SessionStorageMongoDB : SessionStorage {
-       override suspend fun invalidate(id: String) {
-               SessionStorageDoc.Table.del(Id(id))
-       }
-       
-       override suspend fun read(id: String): String {
-               return SessionStorageDoc.Table.get(Id(id))?.session ?: throw NoSuchElementException("Session $id not found")
-       }
-       
-       override suspend fun write(id: String, value: String) {
-               SessionStorageDoc.Table.put(SessionStorageDoc(Id(id), value))
-       }
-}
-
-@Serializable
-data class SessionStorageDoc(
-       @SerialName("_id")
-       override val id: Id<SessionStorageDoc>,
-       val session: String
-) : DataDocument<SessionStorageDoc> {
-       companion object : TableHolder<SessionStorageDoc> {
-               override val Table = DocumentTable<SessionStorageDoc>()
-               
-               override suspend fun initialize() = Unit
-       }
-}
diff --git a/src/main/kotlin/info/mechyrdia/auth/sessions.kt b/src/main/kotlin/info/mechyrdia/auth/sessions.kt
deleted file mode 100644 (file)
index f47b9c1..0000000
+++ /dev/null
@@ -1,10 +0,0 @@
-package info.mechyrdia.auth
-
-import info.mechyrdia.data.Id
-import info.mechyrdia.data.NationData
-import kotlinx.serialization.Serializable
-
-@Serializable
-data class UserSession(
-       val nationId: Id<NationData>,
-)
diff --git a/src/main/kotlin/info/mechyrdia/auth/views_login.kt b/src/main/kotlin/info/mechyrdia/auth/views_login.kt
deleted file mode 100644 (file)
index 3cd4df1..0000000
+++ /dev/null
@@ -1,104 +0,0 @@
-package info.mechyrdia.auth
-
-import com.github.agadar.nationstates.shard.NationShard
-import info.mechyrdia.data.Id
-import info.mechyrdia.data.NationData
-import info.mechyrdia.lore.page
-import info.mechyrdia.lore.redirect
-import info.mechyrdia.lore.redirectWithError
-import info.mechyrdia.lore.standardNavBar
-import io.ktor.server.application.*
-import io.ktor.server.plugins.*
-import io.ktor.server.sessions.*
-import io.ktor.server.util.*
-import io.ktor.util.*
-import kotlinx.html.*
-import java.util.concurrent.ConcurrentHashMap
-
-val PageDoNotCacheAttributeKey = AttributeKey<Boolean>("Mechyrdia.PageDoNotCache")
-
-private val nsTokenMap = ConcurrentHashMap<String, String>()
-
-suspend fun ApplicationCall.loginPage(): HTML.() -> Unit {
-       attributes.put(PageDoNotCacheAttributeKey, true)
-       
-       return page("Log In With NationStates", standardNavBar()) {
-               val tokenKey = token()
-               val nsToken = token()
-               
-               nsTokenMap[tokenKey] = nsToken
-               
-               section {
-                       h1 { +"Log In With NationStates" }
-                       form(method = FormMethod.post, action = "/auth/login") {
-                               installCsrfToken(createCsrfToken())
-                               
-                               hiddenInput {
-                                       name = "token"
-                                       value = tokenKey
-                               }
-                               
-                               label {
-                                       +"Nation Name"
-                                       br
-                                       textInput {
-                                               name = "nation"
-                                               placeholder = "Name of your nation without pretitle, e.g. Mechyrdia, Valentine Z, Reinkalistan, etc."
-                                       }
-                               }
-                               p {
-                                       style = "text-align:center"
-                                       button(classes = "view-checksum") {
-                                               attributes["data-token"] = "mechyrdia_$nsToken"
-                                               +"View Your Checksum"
-                                       }
-                               }
-                               label {
-                                       +"Verification Checksum"
-                                       br
-                                       textInput {
-                                               name = "checksum"
-                                               placeholder = "The random text checksum generated by NationStates for verification"
-                                       }
-                               }
-                               submitInput { value = "Log In" }
-                       }
-               }
-       }
-}
-
-suspend fun ApplicationCall.loginRoute(): Nothing {
-       val postParams = verifyCsrfToken()
-       
-       val nation = postParams.getOrFail("nation").toNationId()
-       val checksum = postParams.getOrFail("checksum")
-       val nsToken = nsTokenMap.remove(postParams.getOrFail("token"))
-               ?: throw MissingRequestParameterException("token")
-       
-       val result = NSAPI
-               .verifyAndGetNation(nation, checksum)
-               .token("mechyrdia_$nsToken")
-               .shards(NationShard.NAME, NationShard.FLAG_URL)
-               .executeSuspend()
-               ?: redirectWithError("/auth/login", "That nation does not exist.")
-       
-       if (!result.isVerified)
-               redirectWithError("/auth/login", "Checksum failed verification.")
-       
-       val nationData = NationData(Id(result.id), result.name, result.flagUrl)
-       NationData.Table.put(nationData)
-       
-       sessions.set(UserSession(nationData.id))
-       
-       redirect("/")
-}
-
-suspend fun ApplicationCall.logoutRoute(): Nothing {
-       verifyCsrfToken()
-       
-       val sessId = sessionId<UserSession>()
-       sessions.clear<UserSession>()
-       sessId?.let { id -> SessionStorageDoc.Table.del(Id(id)) }
-       
-       redirect("/")
-}
diff --git a/src/main/kotlin/info/mechyrdia/data/bson.kt b/src/main/kotlin/info/mechyrdia/data/bson.kt
deleted file mode 100644 (file)
index eb9881c..0000000
+++ /dev/null
@@ -1,87 +0,0 @@
-package info.mechyrdia.data
-
-import kotlinx.serialization.KSerializer
-import kotlinx.serialization.SerializationException
-import kotlinx.serialization.descriptors.PrimitiveKind
-import kotlinx.serialization.descriptors.PrimitiveSerialDescriptor
-import kotlinx.serialization.descriptors.SerialDescriptor
-import kotlinx.serialization.encoding.Decoder
-import kotlinx.serialization.encoding.Encoder
-import kotlinx.serialization.modules.SerializersModule
-import org.bson.BsonDateTime
-import org.bson.BsonNull
-import org.bson.BsonReader
-import org.bson.BsonWriter
-import org.bson.codecs.Codec
-import org.bson.codecs.DecoderContext
-import org.bson.codecs.EncoderContext
-import org.bson.codecs.configuration.CodecProvider
-import org.bson.codecs.configuration.CodecRegistry
-import org.bson.codecs.kotlinx.BsonDecoder
-import org.bson.codecs.kotlinx.BsonEncoder
-import java.time.Instant
-
-object IdCodec : Codec<Id<*>> {
-       override fun getEncoderClass(): Class<Id<*>> {
-               return Id::class.java
-       }
-       
-       override fun encode(writer: BsonWriter, value: Id<*>, encoderContext: EncoderContext?) {
-               writer.writeString(value.id)
-       }
-       
-       override fun decode(reader: BsonReader, decoderContext: DecoderContext?): Id<*> {
-               return Id<Any>(reader.readString())
-       }
-}
-
-object IdCodecProvider : CodecProvider {
-       override fun <T : Any?> get(clazz: Class<T>?, registry: CodecRegistry?): Codec<T>? {
-               @Suppress("UNCHECKED_CAST")
-               return if (clazz == Id::class.java)
-                       IdCodec as Codec<T>
-               else null
-       }
-}
-
-object InstantSerializer : KSerializer<Instant> {
-       override val descriptor: SerialDescriptor = PrimitiveSerialDescriptor("InstantSerializer", PrimitiveKind.STRING)
-       
-       override fun serialize(encoder: Encoder, value: Instant) {
-               if (encoder !is BsonEncoder)
-                       throw SerializationException("Instant is not supported by ${encoder::class}")
-               
-               encoder.encodeBsonValue(BsonDateTime(value.toEpochMilli()))
-       }
-       
-       override fun deserialize(decoder: Decoder): Instant {
-               if (decoder !is BsonDecoder)
-                       throw SerializationException("Instant is not supported by ${decoder::class}")
-               
-               return Instant.ofEpochMilli(decoder.decodeBsonValue().asDateTime().value)
-       }
-}
-
-object InstantNullableSerializer : KSerializer<Instant?> {
-       override val descriptor: SerialDescriptor = PrimitiveSerialDescriptor("InstantSerializer", PrimitiveKind.STRING)
-       
-       override fun serialize(encoder: Encoder, value: Instant?) {
-               if (encoder !is BsonEncoder)
-                       throw SerializationException("Instant is not supported by ${encoder::class}")
-               
-               if (value == null)
-                       encoder.encodeBsonValue(BsonNull.VALUE)
-               else
-                       encoder.encodeBsonValue(BsonDateTime(value.toEpochMilli()))
-       }
-       
-       override fun deserialize(decoder: Decoder): Instant? {
-               if (decoder !is BsonDecoder)
-                       throw SerializationException("Instant is not supported by ${decoder::class}")
-               
-               val value = decoder.decodeBsonValue()
-               if (value.isNull)
-                       return null
-               return Instant.ofEpochMilli(value.asDateTime().value)
-       }
-}
diff --git a/src/main/kotlin/info/mechyrdia/data/comments.kt b/src/main/kotlin/info/mechyrdia/data/comments.kt
deleted file mode 100644 (file)
index 8261498..0000000
+++ /dev/null
@@ -1,91 +0,0 @@
-package info.mechyrdia.data
-
-import com.mongodb.client.model.Filters
-import com.mongodb.client.model.Sorts
-import kotlinx.coroutines.flow.Flow
-import kotlinx.coroutines.flow.toList
-import kotlinx.serialization.Contextual
-import kotlinx.serialization.SerialName
-import kotlinx.serialization.Serializable
-import java.time.Instant
-
-@Serializable
-data class Comment(
-       @SerialName("_id")
-       override val id: Id<Comment>,
-       
-       val submittedBy: Id<NationData>,
-       val submittedIn: String,
-       val submittedAt: @Serializable(with = InstantSerializer::class) Instant,
-       
-       val numEdits: Int,
-       val lastEdit: @Serializable(with = InstantNullableSerializer::class) Instant?,
-       
-       val contents: String
-) : DataDocument<Comment> {
-       companion object : TableHolder<Comment> {
-               override val Table = DocumentTable<Comment>()
-               
-               override suspend fun initialize() {
-                       Table.index(Comment::submittedBy, Comment::submittedAt)
-                       Table.index(Comment::submittedIn, Comment::submittedAt)
-               }
-               
-               suspend fun getCommentsIn(page: String): Flow<Comment> {
-                       return Table.select(Filters.eq(Comment::submittedIn.serialName, page), Sorts.descending(Comment::submittedAt.serialName))
-               }
-               
-               suspend fun getCommentsBy(user: Id<NationData>): Flow<Comment> {
-                       return Table.select(Filters.eq(Comment::submittedBy.serialName, user), Sorts.descending(Comment::submittedAt.serialName))
-               }
-       }
-}
-
-@Serializable
-data class CommentReplyLink(
-       @SerialName("_id")
-       override val id: Id<CommentReplyLink> = Id(),
-       
-       val originalPost: Id<Comment>,
-       val replyingPost: Id<Comment>,
-       
-       val repliedAt: @Serializable(with = InstantSerializer::class) Instant = Instant.now(),
-) : DataDocument<CommentReplyLink> {
-       companion object : TableHolder<CommentReplyLink> {
-               override val Table = DocumentTable<CommentReplyLink>()
-               
-               override suspend fun initialize() {
-                       Table.index(CommentReplyLink::originalPost)
-                       Table.index(CommentReplyLink::replyingPost)
-                       Table.unique(CommentReplyLink::replyingPost, CommentReplyLink::originalPost)
-               }
-               
-               suspend fun updateComment(updatedReply: Id<Comment>, repliesTo: Set<Id<Comment>>) {
-                       Table.remove(
-                               Filters.and(
-                                       Filters.nin(CommentReplyLink::originalPost.serialName, repliesTo),
-                                       Filters.eq(CommentReplyLink::replyingPost.serialName, updatedReply)
-                               )
-                       )
-                       Table.put(
-                               repliesTo.map { original ->
-                                       CommentReplyLink(
-                                               originalPost = original,
-                                               replyingPost = updatedReply
-                                       )
-                               }
-                       )
-               }
-               
-               suspend fun deleteComment(deletedReply: Id<Comment>) {
-                       Table.remove(Filters.eq(CommentReplyLink::replyingPost.serialName, deletedReply))
-               }
-               
-               suspend fun getReplies(original: Id<Comment>): List<Id<Comment>> {
-                       return Table.filter(Filters.eq(CommentReplyLink::originalPost.serialName, original))
-                               .toList()
-                               .sortedBy { it.repliedAt }
-                               .map { it.replyingPost }
-               }
-       }
-}
diff --git a/src/main/kotlin/info/mechyrdia/data/data.kt b/src/main/kotlin/info/mechyrdia/data/data.kt
deleted file mode 100644 (file)
index 2584ee1..0000000
+++ /dev/null
@@ -1,207 +0,0 @@
-package info.mechyrdia.data
-
-import com.aventrix.jnanoid.jnanoid.NanoIdUtils
-import com.mongodb.ConnectionString
-import com.mongodb.MongoClientSettings
-import com.mongodb.client.model.*
-import com.mongodb.kotlin.client.coroutine.MongoClient
-import info.mechyrdia.auth.SessionStorageDoc
-import kotlinx.coroutines.CompletableDeferred
-import kotlinx.coroutines.flow.Flow
-import kotlinx.coroutines.flow.firstOrNull
-import kotlinx.coroutines.flow.singleOrNull
-import kotlinx.coroutines.launch
-import kotlinx.coroutines.runBlocking
-import kotlinx.serialization.KSerializer
-import kotlinx.serialization.SerialName
-import kotlinx.serialization.Serializable
-import kotlinx.serialization.descriptors.PrimitiveKind
-import kotlinx.serialization.descriptors.PrimitiveSerialDescriptor
-import kotlinx.serialization.descriptors.SerialDescriptor
-import kotlinx.serialization.encoding.Decoder
-import kotlinx.serialization.encoding.Encoder
-import kotlinx.serialization.modules.SerializersModule
-import org.bson.BsonReader
-import org.bson.BsonWriter
-import org.bson.codecs.Codec
-import org.bson.codecs.DecoderContext
-import org.bson.codecs.EncoderContext
-import org.bson.codecs.configuration.CodecProvider
-import org.bson.codecs.configuration.CodecRegistries
-import org.bson.codecs.configuration.CodecRegistry
-import org.bson.codecs.kotlinx.KotlinSerializerCodecProvider
-import org.bson.conversions.Bson
-import java.security.SecureRandom
-import kotlin.reflect.KClass
-import kotlin.reflect.KProperty1
-
-@Serializable(IdSerializer::class)
-@JvmInline
-value class Id<T>(val id: String) {
-       override fun toString() = id
-       
-       companion object {
-               fun serializer(): KSerializer<Id<*>> = IdSerializer
-       }
-}
-
-private val secureRandom = SecureRandom.getInstanceStrong()
-private val alphabet = "ABCDEFGHILMNOPQRSTVXYZ0123456789".toCharArray()
-fun <T> Id() = Id<T>(NanoIdUtils.randomNanoId(secureRandom, alphabet, 24))
-
-object IdSerializer : KSerializer<Id<*>> {
-       override val descriptor: SerialDescriptor = PrimitiveSerialDescriptor("Id", PrimitiveKind.STRING)
-       
-       override fun serialize(encoder: Encoder, value: Id<*>) {
-               encoder.encodeString(value.id)
-       }
-       
-       override fun deserialize(decoder: Decoder): Id<*> {
-               return Id<Any>(decoder.decodeString())
-       }
-}
-
-object ConnectionHolder {
-       private lateinit var databaseName: String
-       
-       private val clientDeferred = CompletableDeferred<MongoClient>()
-       
-       suspend fun getDatabase() = clientDeferred.await().getDatabase(databaseName)
-       
-       fun initialize(conn: String, db: String) {
-               if (clientDeferred.isCompleted)
-                       error("Cannot initialize database twice!")
-               
-               MongoClient.create(
-                       MongoClientSettings.builder()
-                               .codecRegistry(
-                                       CodecRegistries.fromProviders(
-                                               IdCodecProvider,
-                                               KotlinSerializerCodecProvider()
-                                       )
-                               )
-                               .applyConnectionString(ConnectionString(conn))
-                               .build()
-               )
-               
-               databaseName = db
-               clientDeferred.complete(MongoClient.create(conn))
-               
-               runBlocking {
-                       for (holder in TableHolder.entries)
-                               launch {
-                                       holder.initialize()
-                               }
-               }
-       }
-}
-
-interface DataDocument<T : DataDocument<T>> {
-       @SerialName("_id")
-       val id: Id<T>
-}
-
-const val MONGODB_ID_KEY = "_id"
-
-class DocumentTable<T : DataDocument<T>>(private val kClass: KClass<T>) {
-       private suspend fun collection() = ConnectionHolder.getDatabase().getCollection(kClass.simpleName!!, kClass.java)
-       
-       suspend fun index(vararg properties: KProperty1<T, *>) {
-               collection().createIndex(Indexes.ascending(*properties.map { it.serialName }.toTypedArray()))
-       }
-       
-       suspend fun unique(vararg properties: KProperty1<T, *>) {
-               collection().createIndex(Indexes.ascending(*properties.map { it.serialName }.toTypedArray()), IndexOptions().unique(true))
-       }
-       
-       suspend fun indexIf(condition: Bson, vararg properties: KProperty1<T, *>) {
-               collection().createIndex(Indexes.ascending(*properties.map { it.serialName }.toTypedArray()), IndexOptions().partialFilterExpression(condition))
-       }
-       
-       suspend fun uniqueIf(condition: Bson, vararg properties: KProperty1<T, *>) {
-               collection().createIndex(Indexes.ascending(*properties.map { it.serialName }.toTypedArray()), IndexOptions().unique(true).partialFilterExpression(condition))
-       }
-       
-       suspend fun put(doc: T) {
-               collection().replaceOne(Filters.eq(MONGODB_ID_KEY, doc.id), doc, ReplaceOptions().upsert(true))
-       }
-       
-       suspend fun put(docs: Collection<T>) {
-               if (docs.isNotEmpty())
-                       collection().bulkWrite(
-                               docs.map { doc ->
-                                       ReplaceOneModel(Filters.eq(MONGODB_ID_KEY, doc.id), doc, ReplaceOptions().upsert(true))
-                               },
-                               BulkWriteOptions().ordered(false)
-                       )
-       }
-       
-       suspend fun set(id: Id<T>, set: Bson): Boolean {
-               return collection().updateOne(Filters.eq(MONGODB_ID_KEY, id), set).matchedCount != 0L
-       }
-       
-       suspend fun get(id: Id<T>): T? {
-               return collection().find(Filters.eq(MONGODB_ID_KEY, id)).singleOrNull()
-       }
-       
-       suspend fun del(id: Id<T>) {
-               collection().deleteOne(Filters.eq(MONGODB_ID_KEY, id))
-       }
-       
-       suspend fun all(): Flow<T> {
-               return collection().find()
-       }
-       
-       suspend fun filter(where: Bson): Flow<T> {
-               return collection().find(where)
-       }
-       
-       suspend fun sorted(order: Bson): Flow<T> {
-               return collection().find().sort(order)
-       }
-       
-       suspend fun select(where: Bson, order: Bson): Flow<T> {
-               return collection().find(where).sort(order)
-       }
-       
-       suspend fun number(where: Bson): Long {
-               return collection().countDocuments(where)
-       }
-       
-       suspend fun locate(where: Bson): T? {
-               return collection().find(where).singleOrNull()
-       }
-       
-       suspend fun update(where: Bson, set: Bson) {
-               collection().updateMany(where, set)
-       }
-       
-       suspend fun remove(where: Bson) {
-               collection().deleteMany(where)
-       }
-       
-       suspend fun <T : Any> aggregate(pipeline: List<Bson>, resultClass: KClass<T>): Flow<T> {
-               return collection().aggregate(pipeline, resultClass.java)
-       }
-}
-
-suspend inline fun <T : DataDocument<T>, reified R : Any> DocumentTable<T>.aggregate(pipeline: List<Bson>) = aggregate(pipeline, R::class)
-
-inline fun <reified T : DataDocument<T>> DocumentTable() = DocumentTable(T::class)
-
-interface TableHolder<T : DataDocument<T>> {
-       @Suppress("PropertyName")
-       val Table: DocumentTable<T>
-       
-       suspend fun initialize()
-       
-       companion object {
-               val entries = listOf(
-                       SessionStorageDoc,
-                       NationData,
-                       Comment,
-                       CommentReplyLink,
-                       PageVisitData
-               )
-       }
-}
diff --git a/src/main/kotlin/info/mechyrdia/data/data_utils.kt b/src/main/kotlin/info/mechyrdia/data/data_utils.kt
deleted file mode 100644 (file)
index 274b065..0000000
+++ /dev/null
@@ -1,22 +0,0 @@
-package info.mechyrdia.data
-
-import kotlinx.serialization.SerialName
-import kotlin.reflect.KProperty
-import kotlin.reflect.full.findAnnotations
-
-suspend inline fun <T : DataDocument<T>> DocumentTable<T>.getOrPut(id: Id<T>, defaultValue: () -> T): T {
-       val value = get(id)
-       return if (value == null) {
-               val answer = defaultValue()
-               if (answer.id != id) {
-                       throw IllegalArgumentException("Default value $answer has different Id than provided: $id")
-               }
-               put(answer)
-               answer
-       } else {
-               value
-       }
-}
-
-val <T> KProperty<T>.serialName: String
-       get() = findAnnotations(SerialName::class).singleOrNull()?.value ?: name
diff --git a/src/main/kotlin/info/mechyrdia/data/nations.kt b/src/main/kotlin/info/mechyrdia/data/nations.kt
deleted file mode 100644 (file)
index 255e0f0..0000000
+++ /dev/null
@@ -1,90 +0,0 @@
-package info.mechyrdia.data
-
-import com.github.agadar.nationstates.shard.NationShard
-import info.mechyrdia.OwnerNationId
-import info.mechyrdia.application
-import info.mechyrdia.auth.NSAPI
-import info.mechyrdia.auth.UserSession
-import info.mechyrdia.auth.executeSuspend
-import io.ktor.server.application.*
-import io.ktor.server.sessions.*
-import io.ktor.util.*
-import kotlinx.serialization.SerialName
-import kotlinx.serialization.Serializable
-
-@Serializable
-data class NationData(
-       @SerialName("_id")
-       override val id: Id<NationData>,
-       val name: String,
-       val flag: String,
-       
-       val isBanned: Boolean = false
-) : DataDocument<NationData> {
-       companion object : TableHolder<NationData> {
-               override val Table = DocumentTable<NationData>()
-               
-               override suspend fun initialize() {
-                       Table.index(NationData::name)
-               }
-               
-               fun unknown(id: Id<NationData>): NationData {
-                       application.log.warn("Unable to find nation with Id $id - did it CTE?")
-                       return NationData(id, "Unknown Nation", "https://www.nationstates.net/images/flags/exnation.png")
-               }
-               
-               suspend fun get(id: Id<NationData>): NationData = Table.getOrPut(id) {
-                       NSAPI
-                               .getNation(id.id)
-                               .shards(NationShard.NAME, NationShard.FLAG_URL)
-                               .executeSuspend()
-                               ?.let { nation ->
-                                       NationData(id = Id(nation.id), name = nation.name, flag = nation.flagUrl)
-                               } ?: unknown(id)
-               }
-       }
-}
-
-val CallNationCacheAttribute = AttributeKey<MutableMap<Id<NationData>, NationData>>("NationCache")
-
-val ApplicationCall.nationCache: MutableMap<Id<NationData>, NationData>
-       get() = attributes.getOrNull(CallNationCacheAttribute)
-               ?: mutableMapOf<Id<NationData>, NationData>().also { cache ->
-                       attributes.put(CallNationCacheAttribute, cache)
-               }
-
-suspend fun MutableMap<Id<NationData>, NationData>.getNation(id: Id<NationData>): NationData {
-       return getOrPut(id) {
-               NationData.get(id)
-       }
-}
-
-private val callCurrentNationAttribute = AttributeKey<NationSession>("CurrentNation")
-
-fun ApplicationCall.ownerNationOnly() {
-       if (sessions.get<UserSession>()?.nationId != OwnerNationId)
-               throw NullPointerException("Hidden page")
-}
-
-suspend fun ApplicationCall.currentNation(): NationData? {
-       attributes.getOrNull(callCurrentNationAttribute)?.let { sess ->
-               return when (sess) {
-                       NationSession.Anonymous -> null
-                       is NationSession.LoggedIn -> sess.nation
-               }
-       }
-       
-       val nationId = sessions.get<UserSession>()?.nationId
-       return if (nationId == null) {
-               attributes.put(callCurrentNationAttribute, NationSession.Anonymous)
-               null
-       } else nationCache.getNation(nationId).also { data ->
-               attributes.put(callCurrentNationAttribute, NationSession.LoggedIn(data))
-       }
-}
-
-private sealed class NationSession {
-       data object Anonymous : NationSession()
-       
-       data class LoggedIn(val nation: NationData) : NationSession()
-}
diff --git a/src/main/kotlin/info/mechyrdia/data/view_comments.kt b/src/main/kotlin/info/mechyrdia/data/view_comments.kt
deleted file mode 100644 (file)
index 7328859..0000000
+++ /dev/null
@@ -1,195 +0,0 @@
-package info.mechyrdia.data
-
-import info.mechyrdia.OwnerNationId
-import info.mechyrdia.auth.createCsrfToken
-import info.mechyrdia.auth.installCsrfToken
-import info.mechyrdia.lore.TextParserCommentTags
-import info.mechyrdia.lore.TextParserState
-import info.mechyrdia.lore.dateTime
-import io.ktor.server.application.*
-import kotlinx.coroutines.async
-import kotlinx.coroutines.awaitAll
-import kotlinx.coroutines.coroutineScope
-import kotlinx.html.*
-import java.time.Instant
-
-data class CommentRenderData(
-       val id: Id<Comment>,
-       
-       val submittedBy: NationData,
-       val submittedIn: String,
-       val submittedAt: Instant,
-       
-       val numEdits: Int,
-       val lastEdit: Instant?,
-       
-       val contentsRaw: String,
-       val contentsHtml: String,
-       
-       val replyLinks: List<Id<Comment>>,
-) {
-       companion object {
-               suspend operator fun invoke(comments: List<Comment>, nations: MutableMap<Id<NationData>, NationData> = mutableMapOf()): List<CommentRenderData> {
-                       return coroutineScope {
-                               comments.map { comment ->
-                                       val nationData = nations.getNation(comment.submittedBy)
-                                       val htmlResult = TextParserState.parseText(comment.contents, TextParserCommentTags.asTags, Unit)
-                                       
-                                       async {
-                                               CommentRenderData(
-                                                       id = comment.id,
-                                                       submittedBy = nationData,
-                                                       submittedIn = comment.submittedIn,
-                                                       submittedAt = comment.submittedAt,
-                                                       numEdits = comment.numEdits,
-                                                       lastEdit = comment.lastEdit,
-                                                       contentsRaw = comment.contents,
-                                                       contentsHtml = htmlResult,
-                                                       replyLinks = CommentReplyLink.getReplies(comment.id),
-                                               )
-                                       }
-                               }.awaitAll()
-                       }
-               }
-       }
-}
-
-context(ApplicationCall)
-fun FlowContent.commentBox(comment: CommentRenderData, loggedInAs: Id<NationData>?, viewingUserPage: Boolean = false) {
-       if (comment.submittedBy.isBanned && !viewingUserPage && loggedInAs != comment.submittedBy.id && loggedInAs != OwnerNationId)
-               return
-       
-       if (viewingUserPage)
-               p {
-                       style = "font-size:1.5em;margin-top:2.5em"
-                       +"On factbook "
-                       a(href = "/lore/${comment.submittedIn}") {
-                               +comment.submittedIn
-                       }
-               }
-       
-       div(classes = "comment-box") {
-               id = "comment-${comment.id}"
-               div(classes = "comment-author") {
-                       img(src = comment.submittedBy.flag, alt = "Flag of ${comment.submittedBy.name}", classes = "flag-icon")
-                       span(classes = "author-name") {
-                               +Entities.nbsp
-                               a(href = "/user/${comment.submittedBy.id}") {
-                                       +comment.submittedBy.name
-                               }
-                       }
-                       span(classes = "posted-at") {
-                               dateTime(comment.submittedAt)
-                       }
-               }
-               
-               div(classes = "comment") {
-                       unsafe { raw(comment.contentsHtml) }
-                       comment.lastEdit?.let { lastEdit ->
-                               p {
-                                       style = "font-size:0.8em"
-                                       val nounSuffix = if (comment.numEdits != 1) "s" else ""
-                                       +"Edited ${comment.numEdits} time$nounSuffix, last edited at "
-                                       dateTime(lastEdit)
-                               }
-                       }
-                       p {
-                               style = "font-size:0.8em"
-                               a(href = "/comment/view/${comment.id}") {
-                                       +"Permalink"
-                               }
-                               +Entities.nbsp
-                               a(href = "#", classes = "copy-text") {
-                                       attributes["data-text"] = "https://mechyrdia.info/comment/view/${comment.id}"
-                                       +"(Copy)"
-                               }
-                               
-                               if (loggedInAs != null) {
-                                       +Entities.nbsp
-                                       +"\u2022"
-                                       +Entities.nbsp
-                                       a(href = "#", classes = "copy-text") {
-                                               attributes["data-text"] = "[reply]${comment.id}[/reply]"
-                                               +"Reply"
-                                       }
-                                       
-                                       +Entities.nbsp
-                                       +"\u2022"
-                                       +Entities.nbsp
-                                       a(href = "#", classes = "copy-text") {
-                                               attributes["data-text"] = "[quote]${comment.contentsRaw}[/quote][reply]${comment.id}[/reply]"
-                                               +"Quote Reply"
-                                       }
-                               }
-                               
-                               if (loggedInAs == comment.submittedBy.id) {
-                                       +Entities.nbsp
-                                       +"\u2022"
-                                       +Entities.nbsp
-                                       a(href = "#", classes = "comment-edit-link") {
-                                               attributes["data-edit-id"] = "comment-edit-box-${comment.id}"
-                                               +"Edit"
-                                       }
-                               }
-                               
-                               if (loggedInAs == comment.submittedBy.id || loggedInAs == OwnerNationId) {
-                                       +Entities.nbsp
-                                       +"\u2022"
-                                       +Entities.nbsp
-                                       a(href = "/comment/delete/${comment.id}", classes = "comment-delete-link") {
-                                               +"Delete"
-                                       }
-                               }
-                       }
-                       if (comment.replyLinks.isNotEmpty())
-                               p {
-                                       style = "font-size:0.8em"
-                                       +"Replies:"
-                                       for (reply in comment.replyLinks) {
-                                               +" "
-                                               a(href = "/comment/view/$reply") {
-                                                       +">>$reply"
-                                               }
-                                       }
-                               }
-               }
-       }
-       
-       if (loggedInAs == comment.submittedBy.id) {
-               val formPath = "/comment/edit/${comment.id}"
-               form(action = formPath, method = FormMethod.post, classes = "comment-input comment-edit-box") {
-                       id = "comment-edit-box-${comment.id}"
-                       div(classes = "comment-preview")
-                       textArea(classes = "comment-markup") {
-                               name = "comment"
-                               +comment.contentsRaw
-                       }
-                       installCsrfToken(createCsrfToken(formPath))
-                       submitInput { value = "Edit Comment" }
-                       button(classes = "comment-cancel-edit evil") {
-                               +"Cancel Editing"
-                       }
-               }
-       }
-}
-
-context(ApplicationCall)
-fun FlowContent.commentInput(commentingOn: String, commentingAs: NationData?) {
-       if (commentingAs == null) {
-               p {
-                       a(href = "/auth/login") { +"Log in" }
-                       +" to comment"
-               }
-               return
-       }
-       
-       val formPath = "/comment/new/$commentingOn"
-       form(action = formPath, method = FormMethod.post, classes = "comment-input") {
-               div(classes = "comment-preview")
-               textArea(classes = "comment-markup") {
-                       name = "comment"
-               }
-               installCsrfToken(createCsrfToken(formPath))
-               submitInput { value = "Submit Comment" }
-       }
-}
diff --git a/src/main/kotlin/info/mechyrdia/data/views_comment.kt b/src/main/kotlin/info/mechyrdia/data/views_comment.kt
deleted file mode 100644 (file)
index 89bb037..0000000
+++ /dev/null
@@ -1,539 +0,0 @@
-package info.mechyrdia.data
-
-import com.mongodb.client.model.Sorts
-import info.mechyrdia.OwnerNationId
-import info.mechyrdia.auth.ForbiddenException
-import info.mechyrdia.auth.createCsrfToken
-import info.mechyrdia.auth.installCsrfToken
-import info.mechyrdia.auth.verifyCsrfToken
-import info.mechyrdia.lore.*
-import io.ktor.http.*
-import io.ktor.server.application.*
-import io.ktor.server.util.*
-import kotlinx.coroutines.flow.filterNot
-import kotlinx.coroutines.flow.take
-import kotlinx.coroutines.flow.toList
-import kotlinx.html.*
-import java.time.Instant
-
-suspend fun ApplicationCall.recentCommentsPage(): HTML.() -> Unit {
-       val currNation = currentNation()
-       
-       val limit = request.queryParameters["limit"]?.toIntOrNull() ?: redirect("/comment/recent?limit=10")
-       
-       val validLimits = listOf(10, 20, 50, 80, 100)
-       
-       if (limit !in validLimits)
-               redirect(
-                       "/comment/recent?" + listOf(
-                               "limit" to "10",
-                               "error" to "Invalid limit $limit, must be one of ${validLimits.joinToString()}"
-                       ).formUrlEncode()
-               )
-       
-       val comments = CommentRenderData(
-               Comment.Table
-                       .sorted(Sorts.descending(Comment::submittedAt.serialName))
-                       .filterNot { comment ->
-                               NationData.get(comment.submittedBy).isBanned
-                       }
-                       .take(limit)
-                       .toList(),
-               nationCache
-       )
-       
-       return page("Recent Comments", standardNavBar()) {
-               section {
-                       h1 { +"Recent Comments" }
-                       
-                       p {
-                               +"Number of comments to view: "
-                               for ((i, validLimit) in validLimits.withIndex()) {
-                                       if (i != 0)
-                                               +Entities.nbsp
-                                       
-                                       if (limit == validLimit)
-                                               +"$validLimit"
-                                       else
-                                               a(href = "/comment/recent?limit=$validLimit") {
-                                                       +"$validLimit"
-                                               }
-                               }
-                       }
-                       
-                       for (comment in comments)
-                               commentBox(comment, currNation?.id, viewingUserPage = true)
-               }
-       }
-}
-
-suspend fun ApplicationCall.newCommentRoute(): Nothing {
-       val pagePathParts = parameters.getAll("path")!!
-       val pagePath = pagePathParts.joinToString("/")
-       
-       val formParams = verifyCsrfToken()
-       val loggedInAs = currentNation() ?: redirectWithError("/auth/login", "You must be logged in to write comments", "comments")
-       
-       val contents = formParams.getOrFail("comment")
-       
-       if (contents.isBlank())
-               redirectWithError("/lore/$pagePath", "Comments may not be blank", "comments")
-       
-       val comment = Comment(
-               id = Id(),
-               submittedBy = loggedInAs.id,
-               submittedIn = pagePath,
-               submittedAt = Instant.now(),
-               
-               numEdits = 0,
-               lastEdit = null,
-               
-               contents = contents
-       )
-       
-       Comment.Table.put(comment)
-       CommentReplyLink.updateComment(comment.id, getReplies(contents))
-       
-       redirect("/lore/$pagePath#comment-${comment.id}")
-}
-
-suspend fun ApplicationCall.viewCommentRoute(): Nothing {
-       val commentId = Id<Comment>(parameters["id"]!!)
-       
-       val comment = Comment.Table.get(commentId)!!
-       
-       val currentNation = currentNation()
-       val submitter = nationCache.getNation(comment.submittedBy)
-       
-       if (submitter.isBanned && currentNation?.id != comment.submittedBy && currentNation?.id != OwnerNationId)
-               throw NullPointerException("Shadowbanned comment")
-       
-       val queryParams = if (request.queryParameters.isEmpty())
-               ""
-       else "?${request.queryParameters.formUrlEncode()}"
-       
-       redirect("/lore/${comment.submittedIn}$queryParams#comment-$commentId")
-}
-
-suspend fun ApplicationCall.editCommentRoute(): Nothing {
-       val commentId = Id<Comment>(parameters["id"]!!)
-       
-       val oldComment = Comment.Table.get(commentId)!!
-       
-       val formParams = verifyCsrfToken()
-       val currNation = currentNation() ?: redirectWithError("/auth/login", "You must be logged in to edit comments")
-       
-       if (currNation.id != oldComment.submittedBy)
-               throw ForbiddenException("Illegal attempt by ${currNation.id} to edit comment by ${oldComment.submittedBy}")
-       
-       val newContents = formParams.getOrFail("comment")
-       
-       if (newContents.isBlank())
-               redirectWithError("/comment/view/$commentId", "Comments may not be blank")
-       
-       // Check for null edits, i.e. edits that don't change anything
-       if (newContents == oldComment.contents)
-               redirect("/comment/view/$commentId")
-       
-       val newComment = oldComment.copy(
-               numEdits = oldComment.numEdits + 1,
-               lastEdit = Instant.now(),
-               contents = newContents
-       )
-       
-       Comment.Table.put(newComment)
-       CommentReplyLink.updateComment(commentId, getReplies(newContents))
-       
-       redirect("/comment/view/$commentId")
-}
-
-suspend fun ApplicationCall.deleteCommentPage(): HTML.() -> Unit {
-       val currNation = currentNation() ?: redirectWithError("/auth/login", "You must be logged in to delete comments")
-       
-       val commentId = Id<Comment>(parameters["id"]!!)
-       val comment = Comment.Table.get(commentId)!!
-       
-       if (currNation.id != comment.submittedBy && currNation.id != OwnerNationId)
-               throw ForbiddenException("Illegal attempt by ${currNation.id} to delete comment by ${comment.submittedBy}")
-       
-       val commentDisplay = CommentRenderData(listOf(comment), nationCache).single()
-       
-       return page("Confirm Deletion of Commment", standardNavBar()) {
-               section {
-                       p {
-                               +"Are you sure you want to delete this comment? "
-                               strong { +"It will be gone forever!" }
-                       }
-                       
-                       commentBox(commentDisplay, currNation.id)
-                       
-                       form(method = FormMethod.get, action = "/comment/view/$commentId") {
-                               submitInput { value = "No, take me back" }
-                       }
-                       form(method = FormMethod.post, action = "/comment/delete/$commentId") {
-                               installCsrfToken(createCsrfToken())
-                               submitInput(classes = "evil") { value = "Yes, delete it" }
-                       }
-               }
-       }
-}
-
-suspend fun ApplicationCall.deleteCommentRoute(): Nothing {
-       val currNation = currentNation() ?: redirectWithError("/auth/login", "You must be logged in to delete comments")
-       
-       val commentId = Id<Comment>(parameters["id"]!!)
-       val comment = Comment.Table.get(commentId)!!
-       
-       if (currNation.id != comment.submittedBy && currNation.id != OwnerNationId)
-               throw ForbiddenException("Illegal attempt by ${currNation.id} to delete comment by ${comment.submittedBy}")
-       
-       Comment.Table.del(commentId)
-       CommentReplyLink.deleteComment(commentId)
-       
-       redirect("/lore/${comment.submittedIn}#comments")
-}
-
-suspend fun ApplicationCall.commentHelpPage(): HTML.() -> Unit = page("Commenting Help", standardNavBar()) {
-       section {
-               h1 { +"Commenting Help" }
-               p { +"Comments on this repository support a subset of the BBCode used in factbook markup." }
-               p { +"The following tags are supported:" }
-               table {
-                       thead {
-                               tr {
-                                       th { +"Tag" }
-                                       th { +"Purpose" }
-                               }
-                       }
-                       tbody {
-                               tr {
-                                       td { +"[b]Text goes here[/b]" }
-                                       td {
-                                               span {
-                                                       style = "font-weight:bold"
-                                                       +"Emboldens"
-                                               }
-                                               +" text"
-                                       }
-                               }
-                               tr {
-                                       td { +"[i]Text goes here[/i]" }
-                                       td {
-                                               span {
-                                                       style = "font-style:italic"
-                                                       +"Italicizes"
-                                               }
-                                               +" text"
-                                       }
-                               }
-                               tr {
-                                       td { +"[u]Text goes here[/u]" }
-                                       td {
-                                               span {
-                                                       style = "text-decoration: underline"
-                                                       +"Underlines"
-                                               }
-                                               +" text"
-                                       }
-                               }
-                               tr {
-                                       td { +"[s]Text goes here[/s]" }
-                                       td {
-                                               span {
-                                                       style = "text-decoration: line-through"
-                                                       +"Strikes out"
-                                               }
-                                               +" text"
-                                       }
-                               }
-                               tr {
-                                       td { +"[sup]Text goes here[/sup]" }
-                                       td {
-                                               sup {
-                                                       +"Superscripts"
-                                               }
-                                               +" text"
-                                       }
-                               }
-                               tr {
-                                       td { +"[sub]Text goes here[/sub]" }
-                                       td {
-                                               sub {
-                                                       +"Subscripts"
-                                               }
-                                               +" text"
-                                       }
-                               }
-                               tr {
-                                       td { +"[color=#CC8844]Text goes here[/sub]" }
-                                       td {
-                                               span {
-                                                       style = "color:#CC8844"
-                                                       +"Colors"
-                                               }
-                                               +" text"
-                                       }
-                               }
-                               tr {
-                                       td { +"[ipa]Text goes here[/ipa]" }
-                                       td {
-                                               span {
-                                                       style = "font-family:DejaVu Sans"
-                                                       +"Applies IPA font to "
-                                               }
-                                               +" text"
-                                       }
-                               }
-                               tr {
-                                       td { +"[code]Text goes here[/code]" }
-                                       td {
-                                               span {
-                                                       style = "font-family:JetBrains Mono"
-                                                       +"Applies code font to "
-                                               }
-                                               +" text"
-                                       }
-                               }
-                               tr {
-                                       td { +"[align=(left, center, right, or justify)]Text goes here[/align]" }
-                                       td {
-                                               +"Aligns text on the left, center, right, or justified"
-                                       }
-                               }
-                               tr {
-                                       td { +"e.g. [align=center]Text goes here[/align]" }
-                                       td {
-                                               div {
-                                                       style = "text-align: center"
-                                                       +"Center-aligns text"
-                                               }
-                                       }
-                               }
-                               tr {
-                                       td { +"[aside=(left or right)]Text goes here[/aside]" }
-                                       td {
-                                               +"Creates a floating block to the side, on either the left or the right"
-                                       }
-                               }
-                               tr {
-                                       td { +"[ul][li]List items go here[/li]... [/ul]" }
-                                       td {
-                                               +"Creates a bullet list, e.g."
-                                               ul {
-                                                       li { +"Item" }
-                                                       li { +"The cooler item" }
-                                               }
-                                       }
-                               }
-                               tr {
-                                       td { +"[ol][li]List items go here[/li]... [/ol]" }
-                                       td {
-                                               +"Creates a numbered list, e.g."
-                                               ol {
-                                                       li { +"First item" }
-                                                       li { +"Second item" }
-                                               }
-                                       }
-                               }
-                               tr {
-                                       td { +"[table](table rows go here...)[/table]" }
-                                       td {
-                                               +"The root element of a table"
-                                       }
-                               }
-                               tr {
-                                       td { +"[tr](table cells go here...)[/tr]" }
-                                       td {
-                                               +"A row of a table"
-                                       }
-                               }
-                               tr {
-                                       td { +"[th]Text goes here[/th]" }
-                                       td {
-                                               +"A heading cell of a table"
-                                       }
-                               }
-                               tr {
-                                       td { +"[td]Text goes here[/td]" }
-                                       td {
-                                               +"A data cell of a table"
-                                       }
-                               }
-                       }
-               }
-               val tableDemoMarkup =
-                       """
-                               |[table]
-                               |[tr]
-                               |[th=2x2][i]ab[/i][sup]-1[/sup] mod 10[/th]
-                               |[th=10][i]a[/i][/th]
-                               |[/tr]
-                               |[tr]
-                               |[th]0[/th]
-                               |[th]1[/th]
-                               |[th]2[/th]
-                               |[th]3[/th]
-                               |[th]4[/th]
-                               |[th]5[/th]
-                               |[th]6[/th]
-                               |[th]7[/th]
-                               |[th]8[/th]
-                               |[th]9[/th]
-                               |[/tr]
-                               |[tr]
-                               |[th=x4][i]b[/i][/th]
-                               |[th]1[/th]
-                               |[td]0[/td]
-                               |[td]1[/td]
-                               |[td]2[/td]
-                               |[td]3[/td]
-                               |[td]4[/td]
-                               |[td]5[/td]
-                               |[td]6[/td]
-                               |[td]7[/td]
-                               |[td]8[/td]
-                               |[td]9[/td]
-                               |[/tr]
-                               |[tr]
-                               |[th]3[/th]
-                               |[td]0[/td]
-                               |[td]7[/td]
-                               |[td]4[/td]
-                               |[td]1[/td]
-                               |[td]8[/td]
-                               |[td]5[/td]
-                               |[td]2[/td]
-                               |[td]9[/td]
-                               |[td]6[/td]
-                               |[td]3[/td]
-                               |[/tr]
-                               |[tr]
-                               |[th]7[/th]
-                               |[td]0[/td]
-                               |[td]3[/td]
-                               |[td]6[/td]
-                               |[td]9[/td]
-                               |[td]2[/td]
-                               |[td]5[/td]
-                               |[td]8[/td]
-                               |[td]1[/td]
-                               |[td]4[/td]
-                               |[td]7[/td]
-                               |[/tr]
-                               |[tr]
-                               |[th]9[/th]
-                               |[td]0[/td]
-                               |[td]9[/td]
-                               |[td]8[/td]
-                               |[td]7[/td]
-                               |[td]6[/td]
-                               |[td]5[/td]
-                               |[td]4[/td]
-                               |[td]3[/td]
-                               |[td]2[/td]
-                               |[td]1[/td]
-                               |[/tr]
-                               |[/table]
-                       """.trimMargin()
-               val tableDemoHtml = TextParserState.parseText(tableDemoMarkup, TextParserCommentTags.asTags, Unit)
-               p {
-                       +"Table cells in this custom BBCode markup also support row-spans and column-spans, even at the same time:"
-               }
-               pre { +tableDemoMarkup }
-               unsafe { raw(tableDemoHtml) }
-               p {
-                       +"The format goes as [td=(width)x(height)] or [th=(width)x(height)]. If one parameter is omitted (assumed to be 1), then the format can be [td=(width)] or [td=x(height)]"
-               }
-               table {
-                       thead {
-                               tr {
-                                       th { +"Tag" }
-                                       th { +"Purpose" }
-                               }
-                       }
-                       tbody {
-                               tr {
-                                       td { +"[url=https://google.com/]Text goes here[/url]" }
-                                       td {
-                                               +"Creates an "
-                                               a(href = "https://google.com/") { +"HTML link" }
-                                       }
-                               }
-                               tr {
-                                       td { +"[imgbb=256x256]Lns12z1/robert-sparr.png[/imgbb]" }
-                                       td {
-                                               p {
-                                                       +"Creates an embedded image:"
-                                                       br
-                                                       img(src = "https://i.ibb.co/Lns12z1/robert-sparr.png") {
-                                                               style = getImageSizeStyleValue(256, 256)
-                                                       }
-                                                       br
-                                                       +"The tag param controls the width and height, much like a table cell. The size unit is viewport-responsive and has no correlation with pixels."
-                                               }
-                                               p {
-                                                       +"A similar tag is used to embed images that are hosted on Imgur, e.g. the image at https://i.imgur.com/dd0mmQ1.png"
-                                                       br
-                                                       img(src = "https://i.imgur.com/dd0mmQ1.png") {
-                                                               style = getImageSizeStyleValue(250, 323)
-                                                       }
-                                                       br
-                                                       +"can be embedded using [imgur=250x323]dd0mmQ1.png[/imgur]"
-                                               }
-                                       }
-                               }
-                               tr {
-                                       td { +"[reply](comment id)[/reply]" }
-                                       td { +"Creates a reply link to a comment" }
-                               }
-                               tr {
-                                       td { +"[quote]Quoted text[/quote]" }
-                                       td {
-                                               +"Creates a "
-                                               blockQuote {
-                                                       +"block-level quote"
-                                               }
-                                       }
-                               }
-                               tr {
-                                       td { +"[lang=tylan]Rheagda Tulasra[/lang]" }
-                                       td {
-                                               +"Writes text in the Tylan alphabet: "
-                                               span(classes = "lang-tylan") {
-                                                       +TylanAlphabet.tylanToFontAlphabet("rheagda tulasra")
-                                               }
-                                       }
-                               }
-                               tr {
-                                       td { +"[lang=thedish]Theodisc Rasda[/lang]" }
-                                       td {
-                                               +"Writes text in the Thedish alphabet: "
-                                               span(classes = "lang-thedish") {
-                                                       +"Theodisc Rasda"
-                                               }
-                                       }
-                               }
-                               tr {
-                                       td { +"[lang=pokhval]Pokhvalsko Jaargo[/lang]" }
-                                       td {
-                                               +"Writes text in the Pokhwalish alphabet: "
-                                               span(classes = "lang-pokhwal") {
-                                                       +PokhwalishAlphabet.pokhwalToFontAlphabet("pokhvalsqo jargo")
-                                               }
-                                       }
-                               }
-                               tr {
-                                       td { +"[lang=gothic]\uD800\uDF32\uD800\uDF3F\uD800\uDF44\uD800\uDF39\uD800\uDF43\uD800\uDF3A\uD800\uDF30 \uD800\uDF42\uD800\uDF30\uD800\uDF36\uD800\uDF33\uD800\uDF30[/lang]" }
-                                       td {
-                                               +"Writes text in the Gothic alphabet: "
-                                               span(classes = "lang-gothic") {
-                                                       +"\uD800\uDF32\uD800\uDF3F\uD800\uDF44\uD800\uDF39\uD800\uDF43\uD800\uDF3A\uD800\uDF30 \uD800\uDF42\uD800\uDF30\uD800\uDF36\uD800\uDF33\uD800\uDF30"
-                                               }
-                                               br
-                                               +"Requires the Unicode Gothic alphabet; Latin alphabet characters are not supported."
-                                       }
-                               }
-                       }
-               }
-       }
-}
diff --git a/src/main/kotlin/info/mechyrdia/data/views_user.kt b/src/main/kotlin/info/mechyrdia/data/views_user.kt
deleted file mode 100644 (file)
index 3d79c29..0000000
+++ /dev/null
@@ -1,74 +0,0 @@
-package info.mechyrdia.data
-
-import com.mongodb.client.model.Updates
-import info.mechyrdia.OwnerNationId
-import info.mechyrdia.auth.createCsrfToken
-import info.mechyrdia.auth.verifyCsrfToken
-import info.mechyrdia.lore.NationProfileSidebar
-import info.mechyrdia.lore.page
-import info.mechyrdia.lore.redirect
-import info.mechyrdia.lore.standardNavBar
-import io.ktor.server.application.*
-import kotlinx.coroutines.flow.toList
-import kotlinx.html.*
-
-suspend fun ApplicationCall.userPage(): HTML.() -> Unit {
-       val currNation = currentNation()
-       val viewingNation = nationCache.getNation(Id(parameters["id"]!!))
-       
-       val comments = CommentRenderData(
-               Comment.getCommentsBy(viewingNation.id).toList(),
-               nationCache
-       )
-       
-       return page(viewingNation.name, standardNavBar(), NationProfileSidebar(viewingNation)) {
-               section {
-                       a { id = "page-top" }
-                       h1 { +viewingNation.name }
-                       if (currNation?.id == OwnerNationId) {
-                               if (viewingNation.isBanned) {
-                                       p { +"This user is banned" }
-                                       val unbanLink = "/admin/unban/${viewingNation.id}"
-                                       a(href = unbanLink) {
-                                               attributes["data-method"] = "post"
-                                               attributes["data-csrf-token"] = createCsrfToken(unbanLink)
-                                               +"Unban"
-                                       }
-                               } else {
-                                       val banLink = "/admin/ban/${viewingNation.id}"
-                                       a(href = banLink) {
-                                               attributes["data-method"] = "post"
-                                               attributes["data-csrf-token"] = createCsrfToken(banLink)
-                                               +"Ban"
-                                       }
-                               }
-                       }
-                       for (comment in comments)
-                               commentBox(comment, currNation?.id, viewingUserPage = true)
-               }
-       }
-}
-
-suspend fun ApplicationCall.adminBanUserRoute(): Nothing {
-       ownerNationOnly()
-       verifyCsrfToken()
-       
-       val bannedNation = nationCache.getNation(Id(parameters["id"]!!))
-       
-       if (!bannedNation.isBanned)
-               NationData.Table.set(bannedNation.id, Updates.set(NationData::isBanned.serialName, true))
-       
-       redirect("/user/${bannedNation.id}")
-}
-
-suspend fun ApplicationCall.adminUnbanUserRoute(): Nothing {
-       ownerNationOnly()
-       verifyCsrfToken()
-       
-       val bannedNation = nationCache.getNation(Id(parameters["id"]!!))
-       
-       if (bannedNation.isBanned)
-               NationData.Table.set(bannedNation.id, Updates.set(NationData::isBanned.serialName, false))
-       
-       redirect("/user/${bannedNation.id}")
-}
diff --git a/src/main/kotlin/info/mechyrdia/data/visits.kt b/src/main/kotlin/info/mechyrdia/data/visits.kt
deleted file mode 100644 (file)
index 1b7620f..0000000
+++ /dev/null
@@ -1,309 +0,0 @@
-package info.mechyrdia.data
-
-import com.mongodb.client.model.Accumulators
-import com.mongodb.client.model.Aggregates
-import com.mongodb.client.model.Filters
-import info.mechyrdia.lore.dateTime
-import io.ktor.server.application.*
-import io.ktor.server.plugins.*
-import io.ktor.server.request.*
-import io.ktor.server.sessions.*
-import io.ktor.util.*
-import kotlinx.coroutines.flow.firstOrNull
-import kotlinx.html.FlowContent
-import kotlinx.html.p
-import kotlinx.html.style
-import kotlinx.serialization.Contextual
-import kotlinx.serialization.SerialName
-import kotlinx.serialization.Serializable
-import java.security.MessageDigest
-import java.time.Instant
-
-@Serializable
-data class PageVisitTotals(
-       val total: Long,
-       val totalUnique: Long,
-       val mostRecent: @Serializable(with = InstantNullableSerializer::class) Instant?
-)
-
-@Serializable
-data class PageVisitData(
-       @SerialName("_id")
-       override val id: Id<PageVisitData> = Id(),
-       
-       val path: String,
-       val visitor: String,
-       val visits: Long = 0L,
-       val lastVisit: @Serializable(with = InstantSerializer::class) Instant = Instant.now()
-) : DataDocument<PageVisitData> {
-       companion object : TableHolder<PageVisitData> {
-               override val Table = DocumentTable<PageVisitData>()
-               
-               override suspend fun initialize() {
-                       Table.index(PageVisitData::path)
-                       Table.unique(PageVisitData::path, PageVisitData::visitor)
-                       Table.index(PageVisitData::lastVisit)
-               }
-               
-               suspend fun visit(path: String, visitor: String) {
-                       val data = Table.locate(
-                               Filters.and(
-                                       Filters.eq(PageVisitData::path.serialName, path),
-                                       Filters.eq(PageVisitData::visitor.serialName, visitor)
-                               )
-                       )
-                       if (data == null)
-                               Table.put(
-                                       PageVisitData(
-                                               path = path,
-                                               visitor = visitor,
-                                               visits = 1L,
-                                       )
-                               )
-                       else
-                               Table.put(
-                                       data.copy(
-                                               visits = data.visits + 1,
-                                               lastVisit = Instant.now()
-                                       )
-                               )
-               }
-               
-               suspend fun totalVisits(path: String): PageVisitTotals {
-                       return Table.aggregate<_, PageVisitTotals>(
-                               listOf(
-                                       Aggregates.match(Filters.eq(PageVisitData::path.serialName, path)),
-                                       Aggregates.group(
-                                               null,
-                                               Accumulators.sum(PageVisitTotals::total.serialName, "\$${PageVisitData::visits.serialName}"),
-                                               Accumulators.sum(PageVisitTotals::totalUnique.serialName, 1L),
-                                               Accumulators.max(PageVisitTotals::mostRecent.serialName, "\$${PageVisitData::lastVisit.serialName}"),
-                                       )
-                               )
-                       ).firstOrNull() ?: PageVisitTotals(0L, 0L, null)
-               }
-       }
-}
-
-private val messageDigestProvider = ThreadLocal.withInitial { MessageDigest.getInstance("SHA-256") }
-
-fun ApplicationCall.anonymizedClientId(): String {
-       val messageDigest = messageDigestProvider.get()
-       
-       messageDigest.reset()
-       messageDigest.update(request.origin.remoteAddress.encodeToByteArray())
-       request.userAgent()?.encodeToByteArray()?.let { messageDigest.update(it) }
-       
-       return hex(messageDigest.digest())
-}
-
-suspend fun ApplicationCall.processGuestbook(): PageVisitTotals {
-       val path = request.path()
-       
-       val totals = PageVisitData.totalVisits(path)
-       if (!RobotDetector.isRobot(request.userAgent()))
-               PageVisitData.visit(path, anonymizedClientId())
-       
-       return totals
-}
-
-fun Long.pluralize(singular: String, plural: String = singular + "s") = if (this == 1L) singular else plural
-
-fun FlowContent.guestbook(totalsData: PageVisitTotals) {
-       p {
-               style = "font-size:0.8em"
-               
-               +"This page has been visited ${totalsData.total} ${totalsData.total.pluralize("time")} by ${totalsData.totalUnique} unique ${totalsData.totalUnique.pluralize("visitor")}, most recently "
-               
-               val mostRecent = totalsData.mostRecent
-               if (mostRecent == null)
-                       +"in the abyss of unwritten history"
-               else {
-                       +"at "
-                       dateTime(mostRecent)
-               }
-       }
-}
-
-object RobotDetector {
-       private val botRegexes = listOf(
-               Regex(" daum[ /]"),
-               Regex(" deusu/"),
-               Regex(" yadirectfetcher"),
-               Regex("(?:^| )site"),
-               Regex("(?:^|[^g])news"),
-               Regex("@[a-z]"),
-               Regex("\\(at\\)[a-z]"),
-               Regex("\\(github\\.com/"),
-               Regex("\\[at][a-z]"),
-               Regex("^12345"),
-               Regex("^<"),
-               Regex("^[\\w .\\-()]+(/v?\\d+(\\.\\d+)?(\\.\\d{1,10})?)?$"),
-               Regex("^[^ ]{50,}$"),
-               Regex("^active"),
-               Regex("^ad muncher"),
-               Regex("^amaya"),
-               Regex("^anglesharp/"),
-               Regex("^anonymous"),
-               Regex("^avsdevicesdk/"),
-               Regex("^axios/"),
-               Regex("^bidtellect/"),
-               Regex("^biglotron"),
-               Regex("^btwebclient/"),
-               Regex("^castro"),
-               Regex("^clamav[ /]"),
-               Regex("^client/"),
-               Regex("^cobweb/"),
-               Regex("^coccoc"),
-               Regex("^custom"),
-               Regex("^ddg[_-]android"),
-               Regex("^discourse"),
-               Regex("^dispatch/\\d"),
-               Regex("^downcast/"),
-               Regex("^duckduckgo"),
-               Regex("^facebook"),
-               Regex("^fdm[ /]\\d"),
-               Regex("^getright/"),
-               Regex("^gozilla/"),
-               Regex("^hatena"),
-               Regex("^hobbit"),
-               Regex("^hotzonu"),
-               Regex("^hwcdn/"),
-               Regex("^jeode/"),
-               Regex("^jetty/"),
-               Regex("^jigsaw"),
-               Regex("^linkdex"),
-               Regex("^lwp[-: ]"),
-               Regex("^metauri"),
-               Regex("^microsoft bits"),
-               Regex("^movabletype"),
-               Regex("^mozilla/\\d\\.\\d \\(compatible;?\\)$"),
-               Regex("^mozilla/\\d\\.\\d \\w*$"),
-               Regex("^navermailapp"),
-               Regex("^netsurf"),
-               Regex("^offline explorer"),
-               Regex("^php"),
-               Regex("^postman"),
-               Regex("^postrank"),
-               Regex("^python"),
-               Regex("^read"),
-               Regex("^reed"),
-               Regex("^restsharp/"),
-               Regex("^snapchat"),
-               Regex("^space bison"),
-               Regex("^svn"),
-               Regex("^swcd "),
-               Regex("^taringa"),
-               Regex("^test certificate info"),
-               Regex("^thumbor/"),
-               Regex("^tumblr/"),
-               Regex("^user-agent:mozilla"),
-               Regex("^valid"),
-               Regex("^venus/fedoraplanet"),
-               Regex("^w3c"),
-               Regex("^webbandit/"),
-               Regex("^webcopier"),
-               Regex("^wget"),
-               Regex("^whatsapp"),
-               Regex("^xenu link sleuth"),
-               Regex("^yahoo"),
-               Regex("^yandex"),
-               Regex("^zdm/\\d"),
-               Regex("^zoom marketplace/"),
-               Regex("^\\{\\{.*\\}\\}$"),
-               Regex("adbeat\\.com"),
-               Regex("appinsights"),
-               Regex("archive"),
-               Regex("ask jeeves/teoma"),
-               Regex("bit\\.ly/"),
-               Regex("bluecoat drtr"),
-               Regex("bot"),
-               Regex("browsex"),
-               Regex("burpcollaborator"),
-               Regex("capture"),
-               Regex("catch"),
-               Regex("check"),
-               Regex("chrome-lighthouse"),
-               Regex("chromeframe"),
-               Regex("cloud"),
-               Regex("crawl"),
-               Regex("cryptoapi"),
-               Regex("dareboost"),
-               Regex("datanyze"),
-               Regex("dataprovider"),
-               Regex("dejaclick"),
-               Regex("dmbrowser"),
-               Regex("download"),
-               Regex("evc-batch/"),
-               Regex("feed"),
-               Regex("firephp"),
-               Regex("freesafeip"),
-               Regex("ghost"),
-               Regex("gomezagent"),
-               Regex("google"),
-               Regex("headlesschrome/"),
-               Regex("http"),
-               Regex("httrack"),
-               Regex("hubspot marketing grader"),
-               Regex("hydra"),
-               Regex("ibisbrowser"),
-               Regex("images"),
-               Regex("iplabel"),
-               Regex("ips-agent"),
-               Regex("java"),
-               Regex("library"),
-               Regex("mail\\.ru/"),
-               Regex("manager"),
-               Regex("monitor"),
-               Regex("morningscore/"),
-               Regex("neustar wpm"),
-               Regex("nutch"),
-               Regex("offbyone"),
-               Regex("optimize"),
-               Regex("pageburst"),
-               Regex("pagespeed"),
-               Regex("perl"),
-               Regex("phantom"),
-               Regex("pingdom"),
-               Regex("powermarks"),
-               Regex("preview"),
-               Regex("proxy"),
-               Regex("ptst[ /]\\d"),
-               Regex("reader"),
-               Regex("rexx;"),
-               Regex("rigor"),
-               Regex("rss"),
-               Regex("scan"),
-               Regex("scrape"),
-               Regex("search"),
-               Regex("serp ?reputation ?management"),
-               Regex("server"),
-               Regex("sogou"),
-               Regex("sparkler/"),
-               Regex("speedcurve"),
-               Regex("spider"),
-               Regex("splash"),
-               Regex("statuscake"),
-               Regex("stumbleupon\\.com"),
-               Regex("supercleaner"),
-               Regex("synapse"),
-               Regex("synthetic"),
-               Regex("taginspector/"),
-               Regex("torrent"),
-               Regex("tracemyfile"),
-               Regex("transcoder"),
-               Regex("trendsmapresolver"),
-               Regex("twingly recon"),
-               Regex("url"),
-               Regex("virtuoso"),
-               Regex("wappalyzer"),
-               Regex("webglance"),
-               Regex("webkit2png"),
-               Regex("websitemetadataretriever"),
-               Regex("whatcms/"),
-               Regex("wordpress"),
-               Regex("zgrab"),
-       )
-       
-       fun isRobot(userAgent: String?) = userAgent == null || botRegexes.any { it.containsMatchIn(userAgent) }
-}
diff --git a/src/main/kotlin/info/mechyrdia/lore/article_listing.kt b/src/main/kotlin/info/mechyrdia/lore/article_listing.kt
deleted file mode 100644 (file)
index bfb7585..0000000
+++ /dev/null
@@ -1,47 +0,0 @@
-package info.mechyrdia.lore
-
-import info.mechyrdia.Configuration
-import kotlinx.html.UL
-import kotlinx.html.a
-import kotlinx.html.li
-import kotlinx.html.ul
-import java.io.File
-
-data class ArticleNode(val name: String, val subNodes: List<ArticleNode>)
-
-fun rootArticleNodeList(): List<ArticleNode> = File(Configuration.CurrentConfiguration.articleDir)
-       .toArticleNode()
-       .subNodes
-
-fun File.toArticleNode(): ArticleNode = ArticleNode(
-       name,
-       listFiles()
-               .orEmpty()
-               .map { it.toArticleNode() }
-               .sortedBy { it.name }
-               .sortedBy { it.subNodes.isEmpty() }
-)
-
-fun List<ArticleNode>.renderInto(list: UL, base: String? = null) {
-       val prefix by lazy(LazyThreadSafetyMode.NONE) { base?.let { "$it/" } ?: "" }
-       for (node in this) {
-               if (Configuration.CurrentConfiguration.isDevMode || !(node.name.endsWith(".wip") || node.name.endsWith(".old")))
-                       list.li {
-                               a(href = "/lore/$prefix${node.name}") { +node.name }
-                               if (node.subNodes.isNotEmpty())
-                                       ul {
-                                               node.subNodes.renderInto(this, "$prefix${node.name}")
-                                       }
-                       }
-       }
-}
-
-fun String.toFriendlyIndexTitle() = split('/')
-       .joinToString(separator = " - ") { part ->
-               part.toFriendlyPageTitle()
-       }
-
-fun String.toFriendlyPageTitle() = split('-')
-       .joinToString(separator = " ") { word ->
-               word.lowercase().replaceFirstChar { it.titlecase() }
-       }
diff --git a/src/main/kotlin/info/mechyrdia/lore/html_utils.kt b/src/main/kotlin/info/mechyrdia/lore/html_utils.kt
deleted file mode 100644 (file)
index 5d4e59f..0000000
+++ /dev/null
@@ -1,23 +0,0 @@
-package info.mechyrdia.lore
-
-import kotlinx.html.*
-import java.time.Instant
-
-fun interface SECTIONS {
-       fun section(body: SECTION.() -> Unit)
-}
-
-fun MAIN.sectioned(): SECTIONS = MainSections(this)
-
-private class MainSections(private val delegate: MAIN) : SECTIONS {
-       override fun section(body: SECTION.() -> Unit) {
-               delegate.section(block = body)
-       }
-}
-
-fun FlowOrPhrasingContent.dateTime(instant: Instant) {
-       span(classes = "moment") {
-               style = "display:none"
-               +"${instant.toEpochMilli()}"
-       }
-}
diff --git a/src/main/kotlin/info/mechyrdia/lore/http_utils.kt b/src/main/kotlin/info/mechyrdia/lore/http_utils.kt
deleted file mode 100644 (file)
index 923c971..0000000
+++ /dev/null
@@ -1,14 +0,0 @@
-package info.mechyrdia.lore
-
-import io.ktor.http.*
-
-data class HttpRedirectException(val url: String, val permanent: Boolean) : RuntimeException()
-
-fun redirect(url: String, permanent: Boolean = false): Nothing = throw HttpRedirectException(url, permanent)
-
-fun redirectWithError(url: String, error: String, hash: String? = null): Nothing {
-       val parameters = parametersOf("error", error).formUrlEncode()
-       val markedHash = hash?.let { "#$it" } ?: ""
-       val urlWithError = "$url?$parameters$markedHash"
-       redirect(urlWithError, false)
-}
diff --git a/src/main/kotlin/info/mechyrdia/lore/languages.kt b/src/main/kotlin/info/mechyrdia/lore/languages.kt
deleted file mode 100644 (file)
index 362eccf..0000000
+++ /dev/null
@@ -1,131 +0,0 @@
-package info.mechyrdia.lore
-
-object TylanAlphabet {
-       private val allowedTranslitCharacters = setOf(
-               ' ', '\r', '\n', '\t',
-               'a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p', 'r', 's', 't', 'u', 'v', 'x', 'y',
-               '0', '1', '2', '3', '4', '5', '6', '7', '8', '9',
-               '~', '`', '!', '@', '#', '$', '%', '^', '&', '*', '(', ')', '-', '_', '=', '+',
-               '[', '{', '}', ']', '\\', '|', '/', '<',
-               '.', ',', ':', ';', '\'', '"', '?', '>',
-       )
-       
-       private val replacements = listOf(
-               Regex("([0-9xy]+)(?![\\s0-9xy])") to "$1 ",
-               Regex("(?<![\\s0-9xy])([0-9xy]+)") to " $1",
-               
-               Regex("([a-pr-v'])m(?![\\w'])") to "$1A",
-               Regex("([a-pr-v'])n(?![\\w'])") to "$1E",
-               Regex("([a-ps-v'])r(?![\\w'])") to "$1H",
-               Regex("([ac-fh-jl-or-v'])s(?![\\w'])") to "$1I",
-               Regex("([a-pr-v'])t(?![\\w'])") to "$1Q",
-               
-               Regex("x") to "M",
-               Regex("y") to "N",
-               Regex("[qw-z]") to "",
-               
-               Regex("ch") to "C",
-               Regex("dh") to "D",
-               Regex("sh") to "S",
-               Regex("th") to "T",
-               
-               Regex("bs") to "B",
-               Regex("gs") to "G",
-               Regex("ks") to "K",
-               Regex("ps") to "P",
-               
-               Regex("b'([Is])") to "b$1",
-               Regex("g'([Is])") to "g$1",
-               Regex("k'([Is])") to "k$1",
-               Regex("p'([Is])") to "p$1",
-               
-               Regex("ff") to "F",
-               Regex("fv") to "V",
-               Regex("hj") to "J",
-               Regex("lh") to "L",
-               Regex("ll") to "L",
-               Regex("hl") to "L",
-               Regex("rh") to "R",
-               Regex("rr") to "R",
-               Regex("hr") to "R",
-               Regex("d'h") to "dh",
-               Regex("l'h") to "lh",
-               Regex("l'J") to "lJ",
-               Regex("r'h") to "rh",
-               Regex("r'J") to "rJ",
-               Regex("s'h") to "sh",
-               Regex("t'h") to "th",
-               Regex("h'l") to "hl",
-               Regex("h'r") to "hr",
-               Regex("B'h") to "Bh",
-               Regex("G'h") to "Gh",
-               Regex("K'h") to "Kh",
-               Regex("P'h") to "Ph",
-               Regex("c(?!h)") to "",
-               
-               Regex("ae") to "W",
-               Regex("au") to "X",
-               Regex("ea") to "Y",
-               Regex("ei") to "Z",
-               Regex("eo") to "w",
-               Regex("eu") to "x",
-               Regex("oa") to "y",
-               Regex("ou") to "z",
-               Regex("oe") to "O",
-               Regex("ui") to "U",
-               
-               Regex("i([aeiouOUw-zW-Z])") to "ij$1",
-               Regex("^([aeiouOUw-zW-Z])") to "'$1",
-               Regex("([^'BCDFGJKLPR-TVbdf-hj-npr-tv])([aeiouOUw-zW-Z])") to "$1'$2",
-               Regex("([aeiouOUw-zW-Z])([aeiouOUw-zW-Z])") to "$1'$2",
-       )
-       
-       fun tylanToFontAlphabet(tylan: String) = replacements.fold(tylan.lowercase().filter { it in allowedTranslitCharacters }) { partial, (regex, replacement) ->
-               partial.replace(regex, replacement)
-       }
-}
-
-object PokhwalishAlphabet {
-       private val allowedTranslitCharacters = setOf(
-               ' ', '\r', '\n', '\t',
-               'a', 'b', 'c', 'd', 'e', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p', 'q', 'r', 's', 't', 'u', 'v', 'y', 'z',
-               '.', ',', '\'', '?', '!',
-       )
-       
-       private val replacements = listOf(
-               // Vowels
-               Regex("aa") to "A",
-               Regex("ae") to "A",
-               Regex("ee") to "E",
-               Regex("ei") to "E",
-               Regex("ey") to "E",
-               Regex("ie") to "I",
-               Regex("ii") to "I",
-               Regex("iy") to "I",
-               Regex("ao") to "O",
-               Regex("au") to "O",
-               Regex("oo") to "O",
-               Regex("ou") to "U",
-               Regex("ue") to "U",
-               Regex("ui") to "U",
-               Regex("uu") to "U",
-               // Consonants
-               Regex("tz") to "C",
-               Regex("hh") to "K",
-               Regex("kh") to "K",
-               Regex("gh") to "G",
-               Regex("ng(?![aeiouAEIOU])") to "N",
-               Regex("ng([aeiouAEIOU])") to "Ng$1",
-               Regex("n'g") to "ng",
-               Regex("qh") to "Q",
-               Regex("th") to "T",
-               
-               Regex("ck") to "q",
-               Regex("c") to "",
-               Regex("k") to "q",
-       )
-       
-       fun pokhwalToFontAlphabet(pokhwal: String) = replacements.fold(pokhwal.lowercase().filter { it in allowedTranslitCharacters }) { partial, (regex, replacement) ->
-               partial.replace(regex, replacement)
-       }
-}
diff --git a/src/main/kotlin/info/mechyrdia/lore/parser.kt b/src/main/kotlin/info/mechyrdia/lore/parser.kt
deleted file mode 100644 (file)
index a4fda8d..0000000
+++ /dev/null
@@ -1,193 +0,0 @@
-package info.mechyrdia.lore
-
-data class TextParserScope<TContext>(
-       val write: Appendable,
-       val tags: TextParserTags<TContext>,
-       val ctx: TContext
-)
-
-sealed class InsideTag {
-       abstract val tag: String
-       
-       data class DirectTag(override val tag: String) : InsideTag()
-       data class IndirectTag(override val tag: String, val param: String?) : InsideTag()
-}
-
-sealed class TextParserState<TContext>(
-       val scope: TextParserScope<TContext>,
-       val insideTags: List<InsideTag>
-) {
-       abstract fun processCharacter(char: Char): TextParserState<TContext>
-       abstract fun processEndOfText()
-       
-       protected fun appendText(text: String) {
-               scope.write.append(
-                       insideTags.foldRight(censorText(text)) { insideTag, t ->
-                               if (insideTag is InsideTag.IndirectTag) {
-                                       val (tag, param) = insideTag
-                                       (scope.tags[tag] as? TextParserTagType.Indirect<TContext>)
-                                               ?.process(param, t, scope.ctx)
-                                               ?: "[$tag${param?.let { "=$it" } ?: ""}]$t[/$tag]"
-                               } else t
-                       }
-               )
-       }
-       
-       protected fun appendTextRaw(text: String) {
-               scope.write.append(text)
-       }
-       
-       class Initial<TContext>(scope: TextParserScope<TContext>) : TextParserState<TContext>(scope, listOf()) {
-               override fun processCharacter(char: Char): TextParserState<TContext> {
-                       return if (char == '[')
-                               OpenTag(scope, "", insideTags)
-                       else
-                               PlainText(scope, "$char", insideTags)
-               }
-               
-               override fun processEndOfText() {
-                       // Do nothing
-               }
-       }
-       
-       class PlainText<TContext>(scope: TextParserScope<TContext>, private val text: String, insideTags: List<InsideTag>) : TextParserState<TContext>(scope, insideTags) {
-               override fun processCharacter(char: Char): TextParserState<TContext> {
-                       return if (char == '[') {
-                               appendText(text)
-                               OpenTag(scope, "", insideTags)
-                       } else if (char == '\n' && text.endsWith('\n')) {
-                               appendText(text.removeSuffix("\n"))
-                               
-                               val newline = if (insideTags.none { it is InsideTag.DirectTag })
-                                       "</p><p>"
-                               else
-                                       "<br/>"
-                               
-                               appendTextRaw(newline)
-                               PlainText(scope, "", insideTags)
-                       } else
-                               PlainText(scope, text + char, insideTags)
-               }
-               
-               override fun processEndOfText() {
-                       appendText(text)
-               }
-       }
-       
-       class NoFormatText<TContext>(scope: TextParserScope<TContext>, private val text: String, insideTags: List<InsideTag>) : TextParserState<TContext>(scope, insideTags) {
-               override fun processCharacter(char: Char): TextParserState<TContext> {
-                       val newText = text + char
-                       return if (newText.endsWith("[/$NO_FORMAT_TAG]")) {
-                               appendText(newText.removeSuffix("[/$NO_FORMAT_TAG]"))
-                               PlainText(scope, "", insideTags)
-                       } else if (newText.endsWith('\n')) {
-                               appendText(newText.removeSuffix("\n"))
-                               appendTextRaw("<br/>")
-                               NoFormatText(scope, "", insideTags)
-                       } else
-                               NoFormatText(scope, newText, insideTags)
-               }
-               
-               override fun processEndOfText() {
-                       appendText(text)
-               }
-       }
-       
-       class OpenTag<TContext>(scope: TextParserScope<TContext>, private val tag: String, insideTags: List<InsideTag>) : TextParserState<TContext>(scope, insideTags) {
-               override fun processCharacter(char: Char): TextParserState<TContext> {
-                       return if (char == ']') {
-                               if (tag.equals(NO_FORMAT_TAG, ignoreCase = true))
-                                       NoFormatText(scope, "", insideTags)
-                               else when (val tagType = scope.tags[tag]) {
-                                       is TextParserTagType.Direct<TContext> -> {
-                                               appendTextRaw(tagType.begin(null, scope.ctx))
-                                               PlainText(scope, "", insideTags + InsideTag.DirectTag(tag))
-                                       }
-                                       
-                                       is TextParserTagType.Indirect<TContext> -> PlainText(scope, "", insideTags + InsideTag.IndirectTag(tag, null))
-                                       
-                                       else -> PlainText(scope, "[$tag]", insideTags)
-                               }
-                       } else if (char == '/' && tag == "")
-                               CloseTag(scope, tag, insideTags)
-                       else if (char == '=' && tag != "")
-                               TagParam(scope, tag, "", insideTags)
-                       else
-                               OpenTag(scope, tag + char, insideTags)
-               }
-               
-               override fun processEndOfText() {
-                       appendText("[$tag")
-               }
-       }
-       
-       class TagParam<TContext>(scope: TextParserScope<TContext>, private val tag: String, private val param: String, insideTags: List<InsideTag>) : TextParserState<TContext>(scope, insideTags) {
-               override fun processCharacter(char: Char): TextParserState<TContext> {
-                       return if (char == ']')
-                               when (val tagType = scope.tags[tag]) {
-                                       is TextParserTagType.Direct<TContext> -> {
-                                               appendTextRaw(tagType.begin(param, scope.ctx))
-                                               PlainText(scope, "", insideTags + InsideTag.DirectTag(tag))
-                                       }
-                                       
-                                       is TextParserTagType.Indirect<TContext> -> PlainText(scope, "", insideTags + InsideTag.IndirectTag(tag, param))
-                                       
-                                       else -> PlainText(scope, "[$tag=$param]", insideTags)
-                               }
-                       else
-                               TagParam(scope, tag, param + char, insideTags)
-               }
-               
-               override fun processEndOfText() {
-                       appendText("[$tag=$param")
-               }
-       }
-       
-       class CloseTag<TContext>(scope: TextParserScope<TContext>, private val tag: String, insideTags: List<InsideTag>) : TextParserState<TContext>(scope, insideTags) {
-               override fun processCharacter(char: Char): TextParserState<TContext> {
-                       return if (char == ']') {
-                               val tagType = scope.tags[tag]
-                               if (tagType is TextParserTagType.Direct<TContext> && insideTags.lastOrNull() == InsideTag.DirectTag(tag)) {
-                                       appendTextRaw(tagType.end(scope.ctx))
-                                       
-                                       PlainText(scope, "", insideTags.dropLast(1))
-                               } else if (insideTags.isNotEmpty() && (insideTags.last() as? InsideTag.IndirectTag)?.tag == tag) {
-                                       PlainText(scope, "", insideTags.dropLast(1))
-                               } else {
-                                       appendText("[/$tag]")
-                                       PlainText(scope, "", insideTags)
-                               }
-                       } else CloseTag(scope, tag + char, insideTags)
-               }
-               
-               override fun processEndOfText() {
-                       appendText("[/$tag")
-               }
-       }
-       
-       companion object {
-               const val NO_FORMAT_TAG = "noformat"
-               
-               fun censorText(uncensored: String) = uncensored
-                       .replace("&", "&amp;")
-                       .replace("<", "&lt;")
-                       .replace(">", "&gt;")
-                       .replace("\"", "&quot;")
-               
-               fun uncensorText(censored: String) = censored
-                       .replace("&quot;", "\"")
-                       .replace("&lt;", "<")
-                       .replace("&gt;", ">")
-                       .replace("&amp;", "&")
-               
-               fun <TContext> parseText(text: String, tags: TextParserTags<TContext>, context: TContext): String {
-                       val builder = StringBuilder()
-                       val fixedText = text.replace("\r\n", "\n").replace('\r', '\n')
-                       fixedText
-                               .fold<TextParserState<TContext>>(Initial(TextParserScope(builder, tags, context))) { state, char ->
-                                       state.processCharacter(char)
-                               }.processEndOfText()
-                       return "<p>$builder</p>"
-               }
-       }
-}
diff --git a/src/main/kotlin/info/mechyrdia/lore/parser_reply.kt b/src/main/kotlin/info/mechyrdia/lore/parser_reply.kt
deleted file mode 100644 (file)
index 8299c7a..0000000
+++ /dev/null
@@ -1,38 +0,0 @@
-package info.mechyrdia.lore
-
-import info.mechyrdia.data.Comment
-import info.mechyrdia.data.Id
-
-class CommentRepliesBuilder {
-       private val repliesTo = mutableSetOf<Id<Comment>>()
-       
-       fun addReplyTag(reply: Id<Comment>) {
-               repliesTo += reply
-       }
-       
-       fun toReplySet() = repliesTo.toSet()
-}
-
-enum class TextParserReplyCounterTag(val type: TextParserTagType<CommentRepliesBuilder>) {
-       REPLY(
-               TextParserTagType.Indirect { _, content, builder ->
-                       sanitizeId(content)?.let { id ->
-                               builder.addReplyTag(Id(id))
-                       }
-                       "[reply]$content[/reply]"
-               }
-       );
-       
-       companion object {
-               val asTags: TextParserTags<CommentRepliesBuilder>
-                       get() = TextParserTags(entries.associate { it.name to it.type })
-       }
-}
-
-fun getReplies(commentContents: String): Set<Id<Comment>> {
-       val builder = CommentRepliesBuilder()
-       
-       TextParserState.parseText(commentContents, TextParserReplyCounterTag.asTags, builder)
-       
-       return builder.toReplySet()
-}
diff --git a/src/main/kotlin/info/mechyrdia/lore/parser_tags.kt b/src/main/kotlin/info/mechyrdia/lore/parser_tags.kt
deleted file mode 100644 (file)
index 60479cd..0000000
+++ /dev/null
@@ -1,466 +0,0 @@
-package info.mechyrdia.lore
-
-import info.mechyrdia.Configuration
-import info.mechyrdia.JsonStorageCodec
-import io.ktor.util.*
-import kotlinx.serialization.builtins.serializer
-import kotlinx.serialization.json.JsonPrimitive
-import java.io.File
-
-sealed class TextParserTagType<TContext> {
-       data class Direct<TContext>(val beginFunc: (String?, TContext) -> String, val endFunc: (TContext) -> String) : TextParserTagType<TContext>() {
-               fun begin(param: String?, context: TContext) = beginFunc(param, context)
-               fun end(context: TContext) = endFunc(context)
-       }
-       
-       data class Indirect<TContext>(val processFunc: (String?, String, TContext) -> String) : TextParserTagType<TContext>() {
-               fun process(param: String?, content: String, context: TContext) = processFunc(param, content, context)
-       }
-}
-
-@JvmInline
-value class TextParserTags<TContext> private constructor(private val tags: Map<String, TextParserTagType<TContext>>) {
-       operator fun get(name: String) = tags[name.lowercase()]
-       
-       companion object {
-               operator fun <TContext> invoke(tags: Map<String, TextParserTagType<TContext>>) = TextParserTags(tags.mapKeys { (name, _) -> name.lowercase() })
-       }
-}
-
-enum class TextParserFormattingTag(val type: TextParserTagType<Unit>) {
-       // Basic formatting
-       B(
-               TextParserTagType.Direct(
-                       { _, _ -> "<span style='font-weight: bold'>" },
-                       { "</span>" },
-               )
-       ),
-       I(
-               TextParserTagType.Direct(
-                       { _, _ -> "<span style='font-style: italic'>" },
-                       { "</span>" },
-               )
-       ),
-       U(
-               TextParserTagType.Direct(
-                       { _, _ -> "<span style='text-decoration: underline'>" },
-                       { "</span>" },
-               )
-       ),
-       S(
-               TextParserTagType.Direct(
-                       { _, _ -> "<span style='text-decoration: line-through'>" },
-                       { "</span>" },
-               )
-       ),
-       SUP(
-               TextParserTagType.Direct(
-                       { _, _ -> "<sup>" },
-                       { "</sup>" },
-               )
-       ),
-       SUB(
-               TextParserTagType.Direct(
-                       { _, _ -> "<sub>" },
-                       { "</sub>" },
-               )
-       ),
-       COLOR(
-               TextParserTagType.Direct(
-                       { tagParam, _ ->
-                               val color = tagParam?.toIntOrNull(16)?.toString(16)?.padStart(6, '0')
-                               val style = color?.let { " style=\"color: #$it\"" } ?: ""
-                               "<span$style>"
-                       },
-                       { "</span>" },
-               )
-       ),
-       IPA(
-               TextParserTagType.Direct(
-                       { _, _ -> "<span style='font-family: DejaVu Sans'>" },
-                       { "</span>" },
-               )
-       ),
-       CODE(
-               TextParserTagType.Direct(
-                       { _, _ -> "<span style='font-family: JetBrains Mono'><pre>" },
-                       { "</pre></span>" },
-               )
-       ),
-       H1(
-               TextParserTagType.Indirect { _, content, _ ->
-                       "<h1>$content</h1><script>window.checkRedirectTarget('');</script>"
-               }
-       ),
-       H2(
-               TextParserTagType.Indirect { _, content, _ ->
-                       val anchor = headerContentToAnchor(content)
-                       "</section><section><h2><a id='$anchor'></a>$content</h2><script>window.checkRedirectTarget('#$anchor');</script>"
-               }
-       ),
-       H3(
-               TextParserTagType.Indirect { _, content, _ ->
-                       val anchor = headerContentToAnchor(content)
-                       "<h3><a id='$anchor'></a>$content</h3><script>window.checkRedirectTarget('#$anchor');</script>"
-               }
-       ),
-       H4(
-               TextParserTagType.Indirect { _, content, _ ->
-                       val anchor = headerContentToAnchor(content)
-                       "<h4><a id='$anchor'></a>$content</h4><script>window.checkRedirectTarget('#$anchor');</script>"
-               }
-       ),
-       H5(
-               TextParserTagType.Indirect { _, content, _ ->
-                       val anchor = headerContentToAnchor(content)
-                       "<h5><a id='$anchor'></a>$content</h5><script>window.checkRedirectTarget('#$anchor');</script>"
-               }
-       ),
-       H6(
-               TextParserTagType.Indirect { _, content, _ ->
-                       val anchor = headerContentToAnchor(content)
-                       "<h6><a id='$anchor'></a>$content</h6><script>window.checkRedirectTarget('#$anchor');</script>"
-               }
-       ),
-       ALIGN(
-               TextParserTagType.Direct(
-                       { tagParam, _ ->
-                               val alignments = setOf("left", "center", "right", "justify")
-                               val alignment = tagParam?.takeIf { it in alignments }
-                               val styleAttr = alignment?.let { " style=\"text-align: $it\"" } ?: ""
-                               "<div$styleAttr>"
-                       },
-                       { "</div>" },
-               )
-       ),
-       ASIDE(
-               TextParserTagType.Direct(
-                       { tagParam, _ ->
-                               val floats = setOf("left", "right")
-                               val float = tagParam?.takeIf { it in floats } ?: "right"
-                               "<div style='float: $float; max-width: var(--aside-width)'>"
-                       },
-                       { "</div>" },
-               )
-       ),
-       BLOCKQUOTE(
-               TextParserTagType.Direct({ _, _ ->
-                       "<blockquote>"
-               }, { _ ->
-                       "</blockquote>"
-               })
-       ),
-       
-       // Metadata
-       DESC(
-               TextParserTagType.Direct(
-                       { _, _ -> "" },
-                       { "" },
-               )
-       ),
-       THUMB(
-               TextParserTagType.Indirect { _, _, _ -> "" }
-       ),
-       
-       // Resource showing
-       IMAGE(
-               TextParserTagType.Indirect { tagParam, content, _ ->
-                       val imageUrl = sanitizeLink(content)
-                       
-                       val (width, height) = getSizeParam(tagParam)
-                       
-                       if (imageUrl.endsWith(".svg"))
-                               File(Configuration.CurrentConfiguration.assetDir)
-                                       .combineSafe("images/$imageUrl")
-                                       .readText()
-                                       .replace("<svg", "<svg${getImageSizeAttributes(width, height)}")
-                       else
-                               "<script>window.appendImageThumb('/assets/images/$imageUrl', '${getImageSizeStyleValue(width, height)}');</script>"
-               }
-       ),
-       MODEL(
-               TextParserTagType.Indirect { tagParam, content, _ ->
-                       val modelUrl = sanitizeLink(content)
-                       
-                       val (width, height) = getSizeParam(tagParam)
-                       val sizeAttrs = getImageSizeAttributes(width, height)
-                       
-                       "<canvas data-model=\"$modelUrl\"$sizeAttrs></canvas>"
-               }
-       ),
-       AUDIO(
-               TextParserTagType.Indirect { _, content, _ ->
-                       val audioUrl = sanitizeLink(content)
-                       
-                       "<audio src=\"/assets/sounds/$audioUrl\" controls></audio>"
-               }
-       ),
-       QUIZ(
-               TextParserTagType.Indirect { _, content, _ ->
-                       val quizText = File(Configuration.CurrentConfiguration.quizDir).combineSafe("$content.json").readText()
-                       val quizJson = JsonStorageCodec.encodeToString(String.serializer(), quizText)
-                       
-                       "<script>window.renderQuiz(JSON.parse($quizJson));</script>"
-               }
-       ),
-       
-       // Lists
-       UL(
-               TextParserTagType.Direct(
-                       { _, _ -> "<ul>" },
-                       { "</ul>" },
-               )
-       ),
-       OL(
-               TextParserTagType.Direct(
-                       { _, _ -> "<ol>" },
-                       { "</ol>" },
-               )
-       ),
-       LI(
-               TextParserTagType.Direct(
-                       { _, _ -> "<li>" },
-                       { "</li>" },
-               )
-       ),
-       
-       // Tables
-       TABLE(
-               TextParserTagType.Direct(
-                       { _, _ -> "<table>" },
-                       { "</table>" },
-               )
-       ),
-       TR(
-               TextParserTagType.Direct(
-                       { _, _ -> "<tr>" },
-                       { "</tr>" },
-               )
-       ),
-       TD(
-               TextParserTagType.Direct(
-                       { tagParam, _ ->
-                               val (width, height) = getSizeParam(tagParam)
-                               val sizeAttrs = getTableSizeAttributes(width, height)
-                               
-                               "<td$sizeAttrs>"
-                       },
-                       { "</td>" },
-               )
-       ),
-       TH(
-               TextParserTagType.Direct(
-                       { tagParam, _ ->
-                               val (width, height) = getSizeParam(tagParam)
-                               val sizeAttrs = getTableSizeAttributes(width, height)
-                               
-                               "<th$sizeAttrs>"
-                       },
-                       { "</th>" },
-               )
-       ),
-       
-       // Hyperformatting
-       LINK(
-               TextParserTagType.Direct(
-                       { tagParam, _ ->
-                               val param = tagParam?.let { TextParserState.censorText(it) }
-                               val url = param?.let { if (it.startsWith('/')) "/lore$it" else "./$it" }
-                               val attr = url?.let { " href=\"$it\"" } ?: ""
-                               
-                               "<a$attr>"
-                       },
-                       { "</a>" },
-               )
-       ),
-       EXTLINK(
-               TextParserTagType.Direct(
-                       { tagParam, _ ->
-                               val url = tagParam?.let { TextParserState.censorText(it) }
-                               val attr = url?.let { " href=\"$it\"" } ?: ""
-                               
-                               "<a$attr>"
-                       },
-                       { "</a>" },
-               )
-       ),
-       ANCHOR(
-               TextParserTagType.Indirect { _, content, _ ->
-                       val anchor = sanitizeLink(content)
-                       "<a id=\"$anchor\" name=\"$anchor\"></a>"
-               }
-       ),
-       REDIRECT(
-               TextParserTagType.Indirect { _, content, _ ->
-                       val target = TextParserState.censorText(content)
-                       val url = if (target.startsWith('/')) "/lore$target" else "./$target"
-                       val string = JsonPrimitive(url).toString()
-                       
-                       "<script>window.factbookRedirect($string);</script>"
-               }
-       ),
-       
-       // Conlangs
-       LANG(
-               TextParserTagType.Indirect { tagParam, content, _ ->
-                       if (tagParam?.equals("tylan", ignoreCase = true) == true) {
-                               val uncensored = TextParserState.uncensorText(content)
-                               val tylan = TylanAlphabet.tylanToFontAlphabet(uncensored)
-                               val recensored = TextParserState.censorText(tylan)
-                               "<span class=\"lang-tylan\">$recensored</span>"
-                       } else if (tagParam?.equals("thedish", ignoreCase = true) == true)
-                               "<span class=\"lang-thedish\">$content</span>"
-                       else if (tagParam?.equals("kishari", ignoreCase = true) == true)
-                               "<span class=\"lang-kishari\">$content</span>"
-                       else if (tagParam?.equals("pokhval", ignoreCase = true) == true || tagParam?.equals("pokhwal", ignoreCase = true) == true) {
-                               val uncensored = TextParserState.uncensorText(content)
-                               val pokhwal = PokhwalishAlphabet.pokhwalToFontAlphabet(uncensored)
-                               val recensored = TextParserState.censorText(pokhwal)
-                               "<span class=\"lang-pokhwal\">$recensored</span>"
-                       } else if (tagParam?.equals("gothic", ignoreCase = true) == true)
-                               "<span class=\"lang-gothic\">$content</span>"
-                       else content
-               }
-       ),
-       ALPHABET(
-               TextParserTagType.Indirect { _, content, _ ->
-                       if (content.equals("tylan", ignoreCase = true)) {
-                               """
-                                       |<div class="tylan-alphabet-box">
-                                       |<p>Latin Alphabet:</p>
-                                       |<textarea class="input-box" spellcheck="false"></textarea>
-                                       |<p>Tylan Alphabet:</p>
-                                       |<textarea class="output-box lang-tylan" readonly></textarea>
-                                       |</div>
-                               """.trimMargin()
-                       } else if (content.equals("thedish", ignoreCase = true)) {
-                               """
-                                       |<div class="thedish-alphabet-box">
-                                       |<p>Latin Alphabet:</p>
-                                       |<textarea class="input-box" spellcheck="false"></textarea>
-                                       |<p>Thedish Alphabet:</p>
-                                       |<textarea class="output-box lang-thedish" readonly></textarea>
-                                       |</div>
-                               """.trimMargin()
-                       } else if (content.equals("kishari", ignoreCase = true)) {
-                               """
-                                       |<div class="kishari-alphabet-box">
-                                       |<p>Latin Alphabet:</p>
-                                       |<textarea class="input-box" spellcheck="false"></textarea>
-                                       |<p>Kishari Alphabet:</p>
-                                       |<textarea class="output-box lang-kishari" readonly></textarea>
-                                       |</div>
-                               """.trimMargin()
-                       } else if (content.equals("pokhval", ignoreCase = true) || content.equals("pokhwal", ignoreCase = true)) {
-                               """
-                                       |<div class="pokhwal-alphabet-box">
-                                       |<p>Latin Alphabet:</p>
-                                       |<textarea class="input-box" spellcheck="false"></textarea>
-                                       |<p>Pokhwalish Alphabet:</p>
-                                       |<textarea class="output-box lang-pokhwal" readonly></textarea>
-                                       |</div>
-                               """.trimMargin()
-                       } else ""
-               }
-       ),
-       ;
-       
-       companion object {
-               val asTags: TextParserTags<Unit>
-                       get() = TextParserTags(entries.associate { it.name to it.type })
-       }
-}
-
-enum class TextParserCommentTags(val type: TextParserTagType<Unit>) {
-       B(TextParserFormattingTag.B.type),
-       I(TextParserFormattingTag.I.type),
-       U(TextParserFormattingTag.U.type),
-       S(TextParserFormattingTag.S.type),
-       SUP(TextParserFormattingTag.SUP.type),
-       SUB(TextParserFormattingTag.SUB.type),
-       IPA(TextParserFormattingTag.IPA.type),
-       CODE(TextParserFormattingTag.CODE.type),
-       COLOR(TextParserFormattingTag.COLOR.type),
-       
-       ALIGN(TextParserFormattingTag.ALIGN.type),
-       ASIDE(TextParserFormattingTag.ASIDE.type),
-       
-       UL(TextParserFormattingTag.UL.type),
-       OL(TextParserFormattingTag.OL.type),
-       LI(TextParserFormattingTag.LI.type),
-       
-       TABLE(TextParserFormattingTag.TABLE.type),
-       TR(TextParserFormattingTag.TR.type),
-       TD(TextParserFormattingTag.TD.type),
-       TH(TextParserFormattingTag.TH.type),
-       URL(TextParserFormattingTag.EXTLINK.type),
-       
-       LANG(TextParserFormattingTag.LANG.type),
-       
-       IMGUR(
-               TextParserTagType.Indirect { tagParam, content, _ ->
-                       val imageUrl = sanitizeExtLink(content)
-                       val (width, height) = getSizeParam(tagParam)
-                       
-                       "<img src='https://i.imgur.com/$imageUrl'${getImageSizeAttributes(width, height)}/>"
-               }
-       ),
-       IMGBB(
-               TextParserTagType.Indirect { tagParam, content, _ ->
-                       val imageUrl = sanitizeExtLink(content)
-                       val (width, height) = getSizeParam(tagParam)
-                       
-                       "<img src='https://i.ibb.co/$imageUrl'${getImageSizeAttributes(width, height)}/>"
-               }
-       ),
-       
-       REPLY(
-               TextParserTagType.Indirect { _, content, _ ->
-                       sanitizeId(content)?.let { id ->
-                               "<a href=\"/comment/view/$id\">&gt;&gt;$id</a>"
-                       } ?: "[reply]$content[/reply]"
-               }
-       ),
-       
-       QUOTE(
-               TextParserTagType.Direct({ _, _ ->
-                       "<blockquote>"
-               }, { _ ->
-                       "</blockquote>"
-               })
-       )
-       ;
-       
-       companion object {
-               val asTags: TextParserTags<Unit>
-                       get() = TextParserTags(entries.associate { it.name to it.type })
-       }
-}
-
-val NON_LINK_CHAR = Regex("[^#a-zA-Z\\d\\-._]")
-val DOT_CHARS = Regex("\\.+")
-fun sanitizeLink(html: String) = html.replace(NON_LINK_CHAR, "").replace(DOT_CHARS, ".")
-
-val NON_EXT_LINK_CHAR = Regex("[^#a-zA-Z\\d\\-._/]")
-fun sanitizeExtLink(html: String) = html.replace(NON_EXT_LINK_CHAR, "").replace(DOT_CHARS, ".")
-
-val ID_REGEX = Regex("[A-IL-TVX-Z0-9]{24}")
-fun sanitizeId(html: String) = ID_REGEX.matchEntire(html)?.value
-
-fun getSizeParam(tagParam: String?): Pair<Int?, Int?> = tagParam?.let { resolution ->
-       val parts = resolution.split('x')
-       parts.getOrNull(0)?.toIntOrNull() to parts.getOrNull(1)?.toIntOrNull()
-} ?: (null to null)
-
-fun getTableSizeAttributes(width: Int?, height: Int?) = (width?.let { " colspan=\"$it\"" } ?: "") + (height?.let { " rowspan=\"$it\"" } ?: "")
-fun getImageSizeStyleValue(width: Int?, height: Int?) = (width?.let { "width: calc(var(--media-size-unit) * $it);" } ?: "") + (height?.let { "height: calc(var(--media-size-unit) * $it);" } ?: "")
-fun getImageSizeAttributes(width: Int?, height: Int?) = " style=\"${getImageSizeStyleValue(width, height)}\""
-
-val NON_ANCHOR_CHAR = Regex("[^a-zA-Z\\d\\-]")
-val INSIDE_TAG_TEXT = Regex("\\[.*?]")
-
-fun headerContentToLabel(content: String) = TextParserState.uncensorText(content.replace(INSIDE_TAG_TEXT, ""))
-fun headerContentToAnchor(content: String) = headerContentToLabel(content).replace(NON_ANCHOR_CHAR, "-")
-
-fun imagePathToOpenGraphValue(path: String) = "https://mechyrdia.info/assets/images/${sanitizeLink(path)}"
-fun descriptionContentToPlainText(content: String) = TextParserState.uncensorText(content.replace(INSIDE_TAG_TEXT, ""))
diff --git a/src/main/kotlin/info/mechyrdia/lore/parser_toc.kt b/src/main/kotlin/info/mechyrdia/lore/parser_toc.kt
deleted file mode 100644 (file)
index a8ef197..0000000
+++ /dev/null
@@ -1,115 +0,0 @@
-package info.mechyrdia.lore
-
-class TableOfContentsBuilder {
-       private var title: String? = null
-       private val levels = mutableListOf<Int>()
-       private val links = mutableListOf<NavLink>()
-       
-       fun addHeader(text: String, level: Int, toAnchor: String) {
-               if (level == 0) {
-                       if (title == null)
-                               title = text
-                       
-                       return
-               }
-               
-               if (level > levels.size)
-                       levels.add(1)
-               else {
-                       val newLevels = levels.take(level).mapIndexed { i, n -> if (i == level - 1) n + 1 else n }
-                       levels.clear()
-                       levels.addAll(newLevels)
-               }
-               
-               val number = levels.joinToString(separator = ".") { it.toString() }
-               links.plusAssign(NavLink("#$toAnchor", "$number. $text", aClasses = "left"))
-       }
-       
-       private var description: String? = null
-       private var image: String? = null
-       
-       fun addDescription(plainText: String) {
-               description = description.orEmpty() + plainText
-       }
-       
-       fun addImage(path: String, overWrite: Boolean = false) {
-               if (overWrite || image == null)
-                       image = path
-       }
-       
-       fun toPageTitle() = title ?: MISSING_TITLE
-       
-       fun toOpenGraph() = description?.let { desc ->
-               image?.let { image ->
-                       OpenGraphData(desc, image)
-               }
-       }
-       
-       fun toNavBar(): List<NavItem> = listOf(NavLink("#page-top", title ?: MISSING_TITLE, aClasses = "left")) + links.toList()
-       
-       companion object {
-               const val MISSING_TITLE = "Untitled"
-       }
-}
-
-enum class TextParserToCBuilderTag(val type: TextParserTagType<TableOfContentsBuilder>) {
-       H1(
-               TextParserTagType.Indirect { _, content, builder ->
-                       builder.addHeader(headerContentToLabel(content), 0, headerContentToAnchor(content))
-                       "[h1]$content[/h1]"
-               }
-       ),
-       H2(
-               TextParserTagType.Indirect { _, content, builder ->
-                       builder.addHeader(headerContentToLabel(content), 1, headerContentToAnchor(content))
-                       "[h2]$content[/h2]"
-               }
-       ),
-       H3(
-               TextParserTagType.Indirect { _, content, builder ->
-                       builder.addHeader(headerContentToLabel(content), 2, headerContentToAnchor(content))
-                       "[h3]$content[/h3]"
-               }
-       ),
-       H4(
-               TextParserTagType.Indirect { _, content, builder ->
-                       builder.addHeader(headerContentToLabel(content), 3, headerContentToAnchor(content))
-                       "[h4]$content[/h4]"
-               }
-       ),
-       H5(
-               TextParserTagType.Indirect { _, content, builder ->
-                       builder.addHeader(headerContentToLabel(content), 4, headerContentToAnchor(content))
-                       "[h5]$content[/h5]"
-               }
-       ),
-       H6(
-               TextParserTagType.Indirect { _, content, builder ->
-                       builder.addHeader(headerContentToLabel(content), 5, headerContentToAnchor(content))
-                       "[h6]$content[/h6]"
-               }
-       ),
-       DESC(
-               TextParserTagType.Indirect { _, content, builder ->
-                       builder.addDescription(descriptionContentToPlainText(content))
-                       content
-               }
-       ),
-       IMAGE(
-               TextParserTagType.Indirect { param, content, builder ->
-                       builder.addImage(imagePathToOpenGraphValue(content))
-                       "[image=$param]$content[/image]"
-               }
-       ),
-       THUMB(
-               TextParserTagType.Indirect { _, content, builder ->
-                       builder.addImage(imagePathToOpenGraphValue(content), true)
-                       ""
-               }
-       );
-       
-       companion object {
-               val asTags: TextParserTags<TableOfContentsBuilder>
-                       get() = TextParserTags(entries.associate { it.name to it.type })
-       }
-}
diff --git a/src/main/kotlin/info/mechyrdia/lore/preparser.kt b/src/main/kotlin/info/mechyrdia/lore/preparser.kt
deleted file mode 100644 (file)
index 6b14cf5..0000000
+++ /dev/null
@@ -1,119 +0,0 @@
-package info.mechyrdia.lore
-
-import com.samskivert.mustache.Escapers
-import com.samskivert.mustache.Mustache
-import info.mechyrdia.Configuration
-import info.mechyrdia.JsonFileCodec
-import info.mechyrdia.application
-import io.ktor.server.application.*
-import io.ktor.util.*
-import kotlinx.serialization.json.*
-import java.io.File
-import javax.script.ScriptException
-
-@JvmInline
-value class JsonPath private constructor(private val pathElements: List<String>) {
-       constructor(path: String) : this(path.split('.').filterNot { it.isBlank() })
-       
-       operator fun component1() = pathElements.firstOrNull()
-       operator fun component2() = JsonPath(pathElements.drop(1))
-       
-       override fun toString(): String {
-               return pathElements.joinToString(separator = ".")
-       }
-}
-
-operator fun JsonElement.get(path: JsonPath): JsonElement {
-       val (pathHead, pathTail) = path
-       pathHead ?: return this
-       
-       return when (this) {
-               is JsonObject -> this.getValue(pathHead)[pathTail]
-               is JsonArray -> this[pathHead.toInt()][pathTail]
-               is JsonPrimitive -> throw NoSuchElementException("Cannot resolve path $path on JSON primitive $this")
-       }
-}
-
-@JvmInline
-value class JsonImport private constructor(private val importFrom: Pair<File, JsonPath>) {
-       fun resolve(): Pair<File, JsonElement> {
-               return try {
-                       importFrom.let { (file, path) ->
-                               file to JsonFileCodec.parseToJsonElement(file.readText())[path]
-                       }
-               } catch (ex: RuntimeException) {
-                       val filePath = importFrom.first.toRelativeString(File(Configuration.CurrentConfiguration.jsonDocDir))
-                       val jsonPath = importFrom.second
-                       throw IllegalArgumentException("Unable to resolve JSON path $jsonPath on file $filePath", ex)
-               }
-       }
-       
-       companion object {
-               operator fun invoke(statement: String, currentFile: File): JsonImport? {
-                       if (!statement.startsWith('@')) return null
-                       val splitterIndex = statement.lastIndexOf('#')
-                       
-                       val (filePath, jsonPath) = if (splitterIndex != -1)
-                               statement.substring(1, splitterIndex) to statement.substring(splitterIndex + 1)
-                       else
-                               statement.substring(1) to ""
-                       
-                       val file = if (filePath.startsWith('/'))
-                               File(Configuration.CurrentConfiguration.jsonDocDir).combineSafe("$filePath.json")
-                       else
-                               currentFile.parentFile.combineSafe("$filePath.json")
-                       
-                       if (!file.isFile)
-                               throw IllegalArgumentException("JSON import path '$filePath' does not point to a file")
-                       
-                       return JsonImport(file to JsonPath(jsonPath))
-               }
-       }
-}
-
-object PreParser {
-       private val compiler = Mustache.compiler()
-               .withEscaper(Escapers.NONE)
-               .defaultValue("{{ MISSING VALUE \"{{name}}\" }}")
-               .withLoader { File(Configuration.CurrentConfiguration.templateDir).combineSafe("$it.tpl").bufferedReader() }
-       
-       private fun convertJson(json: JsonElement, currentFile: File): Any? = when (json) {
-               JsonNull -> null
-               is JsonPrimitive -> if (json.isString) {
-                       JsonImport(json.content, currentFile)?.let { jsonImport ->
-                               val (nextFile, jsonData) = jsonImport.resolve()
-                               convertJson(jsonData, nextFile)
-                       } ?: json.content
-               } else json.intOrNull ?: json.double
-               
-               is JsonObject -> json.mapValues { (_, it) -> convertJson(it, currentFile) }
-               is JsonArray -> json.map { convertJson(it, currentFile) }
-       }
-       
-       private fun loadJsonContext(name: String): Map<*, *> =
-               File(Configuration.CurrentConfiguration.jsonDocDir)
-                       .combineSafe("$name.json")
-                       .takeIf { it.isFile }
-                       ?.let { file ->
-                               val text = file.readText()
-                               val data = convertJson(JsonFileCodec.parseToJsonElement(text), file)
-                               if (data !is Map<*, *>)
-                                       error("JSON Object expected in file $name, got $text")
-                               
-                               data
-                       } ?: emptyMap<String, Any?>()
-       
-       fun preparse(name: String, content: String): String {
-               return try {
-                       val template = compiler.compile(content)
-                       val context = loadJsonContext(name) + PreParserFunctions.getFunctions()
-                       template.execute(context)
-               } catch (ex: RuntimeException) {
-                       application.log.warn("Runtime error pre-parsing factbook $name", ex)
-                       "[h1]Error[/h1]\n\nThere was a runtime error pre-parsing this factbook: ${ex.message}"
-               } catch (ex: ScriptException) {
-                       application.log.warn("Scripting error pre-parsing factbook $name", ex)
-                       "[h1]Error[/h1]\n\nThere was a scripting error pre-parsing this factbook: ${ex.message}"
-               }
-       }
-}
diff --git a/src/main/kotlin/info/mechyrdia/lore/preparser_functions.kt b/src/main/kotlin/info/mechyrdia/lore/preparser_functions.kt
deleted file mode 100644 (file)
index bdc6302..0000000
+++ /dev/null
@@ -1,46 +0,0 @@
-package info.mechyrdia.lore
-
-import com.samskivert.mustache.Mustache
-import com.samskivert.mustache.Template
-import info.mechyrdia.Configuration
-import io.ktor.util.*
-import java.io.File
-import java.io.Writer
-import java.security.MessageDigest
-import javax.script.Compilable
-import javax.script.CompiledScript
-import javax.script.ScriptEngineManager
-import javax.script.SimpleBindings
-
-@JvmInline
-value class ScriptedMustacheLambda(private val script: CompiledScript) : Mustache.Lambda {
-       override fun execute(frag: Template.Fragment, out: Writer) {
-               val bindings = SimpleBindings()
-               bindings["frag"] = frag
-               bindings["out"] = out
-               script.eval(bindings)
-       }
-}
-
-object PreParserFunctions {
-       private val scriptEngine = ThreadLocal.withInitial { ScriptEngineManager().getEngineByExtension("groovy") }
-       private val hasher = ThreadLocal.withInitial { MessageDigest.getInstance("SHA-256") }
-       private val cache = mutableMapOf<String, CompiledScript>()
-       
-       private fun loadFunction(name: String): Mustache.Lambda {
-               val scriptFile = File(Configuration.CurrentConfiguration.scriptDir).combineSafe("$name.groovy")
-               val script = scriptFile.readText()
-               val digest = hasher.get().digest(script.toByteArray()).joinToString(separator = "") { it.toUByte().toString(16) }
-               cache[digest]?.let { return ScriptedMustacheLambda(it) }
-               
-               val compiledScript = (scriptEngine.get() as Compilable).compile(script)
-               cache[digest] = compiledScript
-               return ScriptedMustacheLambda(compiledScript)
-       }
-       
-       fun getFunctions(): Map<String, Mustache.Lambda> {
-               val scriptDir = File(Configuration.CurrentConfiguration.scriptDir)
-               val scripts = scriptDir.listFiles() ?: return emptyMap()
-               return scripts.associate { it.nameWithoutExtension to loadFunction(it.nameWithoutExtension) }
-       }
-}
diff --git a/src/main/kotlin/info/mechyrdia/lore/view_bar.kt b/src/main/kotlin/info/mechyrdia/lore/view_bar.kt
deleted file mode 100644 (file)
index 5a9346b..0000000
+++ /dev/null
@@ -1,31 +0,0 @@
-package info.mechyrdia.lore
-
-import info.mechyrdia.data.NationData
-import kotlinx.html.*
-
-abstract class Sidebar {
-       protected abstract fun TagConsumer<*>.display()
-       fun displayIn(aside: ASIDE) = aside.consumer.display()
-}
-
-data class PageNavSidebar(val contents: List<NavItem>) : Sidebar() {
-       override fun TagConsumer<*>.display() {
-               div(classes = "list") {
-                       for (content in contents) {
-                               div(classes = "item") {
-                                       content.displayIn(this)
-                               }
-                       }
-               }
-       }
-}
-
-data class NationProfileSidebar(val nationData: NationData) : Sidebar() {
-       override fun TagConsumer<*>.display() {
-               img(src = nationData.flag, alt = "Flag of ${nationData.name}", classes = "flag-icon")
-               p {
-                       style = "text-align:center"
-                       +nationData.name
-               }
-       }
-}
diff --git a/src/main/kotlin/info/mechyrdia/lore/view_map.kt b/src/main/kotlin/info/mechyrdia/lore/view_map.kt
deleted file mode 100644 (file)
index 91b938a..0000000
+++ /dev/null
@@ -1,18 +0,0 @@
-package info.mechyrdia.lore
-
-import info.mechyrdia.Configuration
-import io.ktor.server.application.*
-import io.ktor.util.*
-import kotlinx.html.*
-import java.io.File
-import kotlin.collections.set
-
-fun ApplicationCall.galaxyMapPage(): File {
-       val themeName = when (request.cookies["FACTBOOK_THEME"]) {
-               "light" -> "light"
-               "dark" -> "dark"
-               else -> "system"
-       }
-       
-       return File(Configuration.CurrentConfiguration.assetDir).combineSafe("map/index-$themeName.html")
-}
diff --git a/src/main/kotlin/info/mechyrdia/lore/view_nav.kt b/src/main/kotlin/info/mechyrdia/lore/view_nav.kt
deleted file mode 100644 (file)
index c2b03d5..0000000
+++ /dev/null
@@ -1,90 +0,0 @@
-package info.mechyrdia.lore
-
-import info.mechyrdia.Configuration
-import info.mechyrdia.JsonFileCodec
-import info.mechyrdia.auth.createCsrfToken
-import info.mechyrdia.data.currentNation
-import io.ktor.server.application.*
-import io.ktor.util.*
-import kotlinx.html.*
-import kotlinx.serialization.Serializable
-import kotlinx.serialization.builtins.ListSerializer
-import java.io.File
-import kotlin.collections.component1
-import kotlin.collections.component2
-import kotlin.collections.set
-
-@Serializable
-private data class ExternalLink(
-       val url: String,
-       val text: String
-)
-
-fun loadExternalLinks(): List<NavItem> {
-       val extraLinksFile = File(Configuration.CurrentConfiguration.rootDir).combineSafe("externalLinks.json")
-       val extraLinks = JsonFileCodec.decodeFromString(ListSerializer(ExternalLink.serializer()), extraLinksFile.readText())
-       return if (extraLinks.isEmpty())
-               emptyList()
-       else (listOf(NavHead("See Also")) + extraLinks.map { NavLink(it.url, it.text, textIsHtml = true) })
-}
-
-suspend fun ApplicationCall.standardNavBar(path: List<String>? = null) = listOf(
-       NavLink("/", "Lore Intro"),
-       NavLink("/lore", "Table of Contents")
-) + path?.let { pathParts ->
-       pathParts.dropLast(1).mapIndexed { i, part ->
-               val subPath = pathParts.take(i + 1).joinToString("/")
-               NavLink("/lore/$subPath", part)
-       }
-}.orEmpty() + listOf(
-       NavHead("Client Preferences"),
-       NavLink("/change-theme", "Light/Dark Mode"),
-) + (currentNation()?.let { data ->
-       listOf(
-               NavHead(data.name),
-               NavLink("/user/${data.id}", "Your User Page"),
-               NavLink("https://nationstates.net/${data.id}", "Your NationStates Page"),
-               NavLink("/auth/logout", "Log Out", linkAttributes = mapOf("data-method" to "post", "data-csrf-token" to createCsrfToken("/auth/logout")))
-       )
-} ?: listOf(
-       NavHead("Log In"),
-       NavLink("/auth/login", "Log In with NationStates")
-)) + listOf(
-       NavHead("Useful Links"),
-       NavLink("/comment/help", "Commenting Help"),
-       NavLink("/comment/recent", "Recent Comments"),
-) + loadExternalLinks()
-
-sealed class NavItem {
-       protected abstract fun DIV.display()
-       fun displayIn(div: DIV) = div.display()
-}
-
-data class NavHead(val label: String) : NavItem() {
-       override fun DIV.display() {
-               span {
-                       style = "font-variant:small-caps;text-decoration:underline"
-                       +label
-               }
-       }
-}
-
-data class NavLink(
-       val to: String,
-       val text: String,
-       val textIsHtml: Boolean = false,
-       val aClasses: String? = null,
-       val linkAttributes: Map<String, String> = emptyMap()
-) : NavItem() {
-       override fun DIV.display() {
-               a(href = to, classes = aClasses) {
-                       for ((attrName, attrValue) in linkAttributes)
-                               attributes[attrName] = attrValue
-                       
-                       if (textIsHtml)
-                               unsafe { raw(text) }
-                       else
-                               +text
-               }
-       }
-}
diff --git a/src/main/kotlin/info/mechyrdia/lore/view_og.kt b/src/main/kotlin/info/mechyrdia/lore/view_og.kt
deleted file mode 100644 (file)
index 94374d7..0000000
+++ /dev/null
@@ -1,31 +0,0 @@
-package info.mechyrdia.lore
-
-import io.ktor.server.application.*
-import io.ktor.server.request.*
-import kotlinx.html.HEAD
-import kotlinx.html.meta
-import kotlinx.serialization.Serializable
-
-@Serializable
-data class OpenGraphData(
-       val desc: String,
-       val image: String
-)
-
-fun HEAD.ogProperty(property: String, content: String) {
-       meta {
-               attributes["property"] = "og:$property"
-               attributes["content"] = content
-       }
-}
-
-context(ApplicationCall)
-fun HEAD.renderOgData(title: String, data: OpenGraphData) {
-       meta(name = "description", content = data.desc)
-       
-       ogProperty("title", title)
-       ogProperty("type", "website")
-       ogProperty("description", data.desc)
-       ogProperty("image", data.image)
-       ogProperty("url", "https://mechyrdia.info/${request.path().removePrefix("/")}")
-}
diff --git a/src/main/kotlin/info/mechyrdia/lore/view_tpl.kt b/src/main/kotlin/info/mechyrdia/lore/view_tpl.kt
deleted file mode 100644 (file)
index 8841296..0000000
+++ /dev/null
@@ -1,176 +0,0 @@
-package info.mechyrdia.lore
-
-import io.ktor.http.*
-import io.ktor.server.application.*
-import io.ktor.server.request.*
-import io.ktor.util.*
-import kotlinx.html.*
-
-val preloadFonts = listOf(
-       "DejaVuSans-Bold.woff",
-       "DejaVuSans-BoldOblique.woff",
-       "DejaVuSans-Oblique.woff",
-       "DejaVuSans.woff",
-       "JetBrainsMono-ExtraBold.woff",
-       "JetBrainsMono-ExtraBoldItalic.woff",
-       "JetBrainsMono-Medium.woff",
-       "JetBrainsMono-MediumItalic.woff",
-       "NotoSans-Black.woff",
-       "NotoSans-BlackItalic.woff",
-       "NotoSans-Medium.woff",
-       "NotoSans-MediumItalic.woff",
-       "NotoSansGothic-Regular.woff",
-       "Oxanium-Bold.woff",
-       "Oxanium-ExtraBold.woff",
-       "Oxanium-Regular.woff",
-       "Oxanium-SemiBold.woff",
-       "thedish-language-alphabet.woff",
-       "tylan-language-alphabet-3.woff",
-)
-
-val preloadImages = listOf(
-       "external-link-dark.png",
-       "external-link.png",
-       "icon.png",
-       "panel-dark.png",
-       "panel.png",
-)
-
-fun ApplicationCall.page(pageTitle: String, navBar: List<NavItem>? = null, sidebar: Sidebar? = null, ogData: OpenGraphData? = null, content: SECTIONS.() -> Unit): HTML.() -> Unit {
-       val theme = request.cookies["FACTBOOK_THEME"]
-       
-       return {
-               when (theme) {
-                       "light" -> "light"
-                       "dark" -> "dark"
-                       else -> null
-               }?.let { attributes["data-theme"] = it }
-               
-               lang = "en"
-               
-               head {
-                       meta(charset = "utf-8")
-                       meta(name = "viewport", content = "width=device-width, initial-scale=1.0")
-                       
-                       meta(name = "theme-color", content = "#FFCC33")
-                       
-                       ogData?.let { data ->
-                               renderOgData(pageTitle, data)
-                       }
-                       
-                       for (font in preloadFonts)
-                               link(
-                                       rel = "preload",
-                                       href = "/static/font/$font",
-                                       type = "font/woff"
-                               ) {
-                                       attributes["as"] = "font"
-                               }
-                       
-                       for (image in preloadImages)
-                               link(
-                                       rel = "preload",
-                                       href = "/static/images/$image",
-                                       type = "image/png"
-                               ) {
-                                       attributes["as"] = "image"
-                               }
-                       
-                       link(rel = "icon", type = "image/svg+xml", href = "/static/images/icon.png")
-                       
-                       link(rel = "stylesheet", type = "text/css", href = "/static/style.css")
-                       
-                       request.queryParameters["redirect"]?.let { redirect ->
-                               if (redirect == "no")
-                                       script {
-                                               unsafe {
-                                                       raw("window.disableFactbookRedirect = true;")
-                                               }
-                                       }
-                       }
-                       
-                       script(src = "/static/init.js") {}
-                       
-                       title {
-                               +pageTitle
-                       }
-               }
-               body {
-                       div { id = "bg" }
-                       
-                       navBar?.let { nb ->
-                               nav(classes = "desktop") {
-                                       div(classes = "list") {
-                                               for (ni in nb) {
-                                                       div(classes = "item") {
-                                                               ni.displayIn(this)
-                                                       }
-                                               }
-                                       }
-                               }
-                       }
-                       
-                       sidebar?.let {
-                               aside(classes = "desktop") {
-                                       it.displayIn(this)
-                               }
-                       }
-                       
-                       main {
-                               sidebar?.let {
-                                       aside(classes = "mobile") {
-                                               it.displayIn(this)
-                                       }
-                               }
-                               
-                               with(sectioned()) {
-                                       content()
-                               }
-                               
-                               navBar?.let { nb ->
-                                       nav(classes = "mobile") {
-                                               div(classes = "list") {
-                                                       for (ni in nb) {
-                                                               div(classes = "item") {
-                                                                       ni.displayIn(this)
-                                                               }
-                                                       }
-                                               }
-                                       }
-                               }
-                       }
-                       
-                       div {
-                               id = "thumb-view"
-                               div(classes = "bg")
-                               img(alt = "Click to close full size") {
-                                       title = "Click to close full size"
-                               }
-                       }
-                       
-                       script {
-                               unsafe {
-                                       raw("window.handleFullSizeImages();")
-                               }
-                       }
-                       
-                       request.queryParameters["error"]?.let { errorMessage ->
-                               div {
-                                       id = "error-popup"
-                                       
-                                       val paramsWithoutError = parametersOf(request.queryParameters.toMap() - "error")
-                                       val newQueryString = if (paramsWithoutError.isEmpty())
-                                               ""
-                                       else "?${paramsWithoutError.formUrlEncode()}"
-                                       attributes["data-redirect-url"] = "${request.path()}$newQueryString"
-                                       
-                                       div(classes = "bg")
-                                       div(classes = "msg") {
-                                               p { +errorMessage }
-                                               p { +"Click to close this popup" }
-                                       }
-                               }
-                       }
-               }
-       }
-}
diff --git a/src/main/kotlin/info/mechyrdia/lore/views_error.kt b/src/main/kotlin/info/mechyrdia/lore/views_error.kt
deleted file mode 100644 (file)
index 49cde50..0000000
+++ /dev/null
@@ -1,59 +0,0 @@
-package info.mechyrdia.lore
-
-import io.ktor.http.*
-import io.ktor.server.application.*
-import io.ktor.server.request.*
-import kotlinx.html.*
-
-suspend fun ApplicationCall.error400(): HTML.() -> Unit = page("400 Bad Request", standardNavBar()) {
-       section {
-               h1 { +"400 Bad Request" }
-               p { +"The request your browser sent was improperly formatted." }
-       }
-}
-
-suspend fun ApplicationCall.error403(): HTML.() -> Unit = page("403 Forbidden", standardNavBar()) {
-       section {
-               h1 { +"403 Forbidden" }
-               p { +"You are not allowed to do that." }
-       }
-}
-
-suspend fun ApplicationCall.error403PageExpired(formData: Parameters): HTML.() -> Unit = page("Page Expired", standardNavBar()) {
-       section {
-               h1 { +"Page Expired" }
-               formData["comment"]?.let { commentData ->
-                       p { +"The comment you tried to submit had been preserved here:" }
-                       textArea {
-                               readonly = true
-                               +commentData
-                       }
-               }
-               p {
-                       +"The page you were on has expired."
-                       request.header(HttpHeaders.Referrer)?.let { referrer ->
-                               +" You can "
-                               a(href = referrer) { +"return to the previous page" }
-                               +" and retry your action."
-                       }
-               }
-       }
-}
-
-suspend fun ApplicationCall.error404(): HTML.() -> Unit = page("404 Not Found", standardNavBar()) {
-       section {
-               h1 { +"404 Not Found" }
-               p {
-                       +"Unfortunately, we could not find what you were looking for. Would you like to "
-                       a(href = "/") { +"return to the index page" }
-                       +"?"
-               }
-       }
-}
-
-suspend fun ApplicationCall.error500(): HTML.() -> Unit = page("500 Internal Error", standardNavBar()) {
-       section {
-               h1 { +"500 Internal Error" }
-               p { +"The servers made a bit of a mistake. Please be patient while we clean up our mess." }
-       }
-}
diff --git a/src/main/kotlin/info/mechyrdia/lore/views_lore.kt b/src/main/kotlin/info/mechyrdia/lore/views_lore.kt
deleted file mode 100644 (file)
index 43ccce1..0000000
+++ /dev/null
@@ -1,144 +0,0 @@
-package info.mechyrdia.lore
-
-import info.mechyrdia.Configuration
-import info.mechyrdia.JsonFileCodec
-import info.mechyrdia.data.*
-import io.ktor.server.application.*
-import io.ktor.util.*
-import kotlinx.coroutines.async
-import kotlinx.coroutines.coroutineScope
-import kotlinx.coroutines.flow.toList
-import kotlinx.html.*
-import kotlinx.serialization.Serializable
-import java.io.File
-
-@Serializable
-data class IntroMetaData(
-       val title: String,
-       val desc: String,
-       val image: String
-) {
-       val ogData: OpenGraphData
-               get() = OpenGraphData(desc, image)
-}
-
-suspend fun ApplicationCall.loreIntroPage(): HTML.() -> Unit {
-       val rootDirFile = File(Configuration.CurrentConfiguration.rootDir)
-       
-       val metaJsonFile = rootDirFile.combineSafe("introMeta.json")
-       val metaData = JsonFileCodec.decodeFromString(IntroMetaData.serializer(), metaJsonFile.readText())
-       
-       val htmlFile = rootDirFile.combineSafe("intro.html")
-       val fileHtml = htmlFile.readText()
-       
-       return page(metaData.title, standardNavBar(), null, metaData.ogData) {
-               section {
-                       a { id = "page-top" }
-                       unsafe { raw(fileHtml) }
-               }
-       }
-}
-
-suspend fun ApplicationCall.loreArticlePage(): HTML.() -> Unit {
-       val totalsData = processGuestbook()
-       
-       val pagePathParts = parameters.getAll("path")!!
-       val pagePath = pagePathParts.joinToString("/")
-       val pageFile = File(Configuration.CurrentConfiguration.articleDir).combineSafe(pagePath)
-       val pageNode = pageFile.toArticleNode()
-       
-       val (canCommentAs, comments) = coroutineScope {
-               val canCommentAs = async { currentNation() }
-               val comments = async {
-                       CommentRenderData(Comment.getCommentsIn(pagePath).toList(), nationCache)
-               }
-               
-               canCommentAs.await() to comments.await()
-       }
-       
-       if (pageFile.isDirectory) {
-               val navbar = standardNavBar(pagePathParts.takeIf { it.isNotEmpty() })
-               
-               val title = pagePath.takeIf { it.isNotEmpty() }?.toFriendlyIndexTitle() ?: "Table of Contents"
-               
-               val sidebar = PageNavSidebar(
-                       listOf(
-                               NavLink("#page-top", title, aClasses = "left"),
-                               NavLink("#comments", "Comments", aClasses = "left")
-                       )
-               )
-               
-               return page(title, navbar, sidebar) {
-                       section {
-                               a { id = "page-top" }
-                               h1 { +title }
-                               ul {
-                                       pageNode.subNodes.renderInto(this, pagePath.takeIf { it.isNotEmpty() })
-                               }
-                       }
-                       
-                       finalSection(pagePath, canCommentAs, comments, totalsData)
-               }
-       } else if (pageFile.isFile) {
-               val pageTemplate = pageFile.readText()
-               val pageMarkup = PreParser.preparse(pagePath, pageTemplate)
-               val pageHtml = TextParserState.parseText(pageMarkup, TextParserFormattingTag.asTags, Unit)
-               
-               val pageToC = TableOfContentsBuilder()
-               TextParserState.parseText(pageMarkup, TextParserToCBuilderTag.asTags, pageToC)
-               
-               val pageNav = pageToC.toNavBar() + NavLink("#comments", "Comments", aClasses = "left")
-               
-               val navbar = standardNavBar(pagePathParts)
-               val sidebar = PageNavSidebar(pageNav)
-               
-               return page(pageToC.toPageTitle(), navbar, sidebar, pageToC.toOpenGraph()) {
-                       section {
-                               a { id = "page-top" }
-                               unsafe { raw(pageHtml) }
-                       }
-                       
-                       finalSection(pagePath, canCommentAs, comments, totalsData)
-               }
-       } else {
-               val title = pagePathParts.last().toFriendlyPageTitle()
-               
-               val navbar = standardNavBar(pagePathParts)
-               
-               val sidebar = PageNavSidebar(
-                       listOf(
-                               NavLink("#page-top", title, aClasses = "left"),
-                               NavLink("#comments", "Comments", aClasses = "left")
-                       )
-               )
-               
-               return page(title, navbar, sidebar) {
-                       section {
-                               a { id = "page-top" }
-                               h1 { +title }
-                               p {
-                                       +"This factbook does not exist. Would you like to "
-                                       a(href = "/") { +"return to the index page" }
-                                       +"?"
-                               }
-                       }
-                       
-                       finalSection(pagePath, canCommentAs, comments, totalsData)
-               }
-       }
-}
-
-context(ApplicationCall)
-private fun SECTIONS.finalSection(pagePath: String, canCommentAs: NationData?, comments: List<CommentRenderData>, totalsData: PageVisitTotals) {
-       section {
-               h2 {
-                       a { id = "comments" }
-                       +"Comments"
-               }
-               commentInput(pagePath, canCommentAs)
-               for (comment in comments)
-                       commentBox(comment, canCommentAs?.id)
-               
-               guestbook(totalsData)
-       }
-}
diff --git a/src/main/kotlin/info/mechyrdia/lore/views_prefs.kt b/src/main/kotlin/info/mechyrdia/lore/views_prefs.kt
deleted file mode 100644 (file)
index 6e8894f..0000000
+++ /dev/null
@@ -1,72 +0,0 @@
-package info.mechyrdia.lore
-
-import info.mechyrdia.auth.PageDoNotCacheAttributeKey
-import info.mechyrdia.auth.createCsrfToken
-import info.mechyrdia.auth.installCsrfToken
-import info.mechyrdia.auth.verifyCsrfToken
-import io.ktor.server.application.*
-import kotlinx.html.*
-
-suspend fun ApplicationCall.changeThemePage(): HTML.() -> Unit {
-       attributes.put(PageDoNotCacheAttributeKey, true)
-       
-       val theme = when (request.cookies["FACTBOOK_THEME"]) {
-               "light" -> "light"
-               "dark" -> "dark"
-               else -> null
-       }
-       
-       return page("Client Preferences", standardNavBar()) {
-               section {
-                       h1 { +"Client Preferences" }
-                       form(action = "/change-theme", method = FormMethod.post) {
-                               installCsrfToken(createCsrfToken())
-                               label {
-                                       radioInput(name = "theme") {
-                                               id = "system-theme"
-                                               value = "system"
-                                               required = true
-                                               checked = theme == null
-                                       }
-                                       +Entities.nbsp
-                                       +"System Choice"
-                               }
-                               br
-                               label {
-                                       radioInput(name = "theme") {
-                                               id = "light-theme"
-                                               value = "light"
-                                               required = true
-                                               checked = theme == "light"
-                                       }
-                                       +Entities.nbsp
-                                       +"Light Theme"
-                               }
-                               br
-                               label {
-                                       radioInput(name = "theme") {
-                                               id = "dark-theme"
-                                               value = "dark"
-                                               required = true
-                                               checked = theme == "dark"
-                                       }
-                                       +Entities.nbsp
-                                       +"Dark Theme"
-                               }
-                               br
-                               submitInput { value = "Accept Changes" }
-                       }
-               }
-       }
-}
-
-suspend fun ApplicationCall.changeThemeRoute(): Nothing {
-       val newTheme = when (verifyCsrfToken()["theme"]) {
-               "light" -> "light"
-               "dark" -> "dark"
-               else -> "system"
-       }
-       response.cookies.append("FACTBOOK_THEME", newTheme, maxAge = Int.MAX_VALUE.toLong())
-       
-       redirect("/change-theme")
-}
diff --git a/src/main/kotlin/info/mechyrdia/lore/views_robots.kt b/src/main/kotlin/info/mechyrdia/lore/views_robots.kt
deleted file mode 100644 (file)
index 8f7177b..0000000
+++ /dev/null
@@ -1,84 +0,0 @@
-package info.mechyrdia.lore
-
-import info.mechyrdia.Configuration
-import io.ktor.util.*
-import java.io.File
-import java.time.Instant
-import kotlin.math.max
-
-private const val AVERAGE_FACTBOOK_PAGE_CHANGEFREQ = "hourly"
-private const val AVERAGE_FACTBOOK_INDEX_CHANGEFREQ = "daily"
-private const val AVERAGE_FACTBOOK_INTRO_CHANGEFREQ = "daily"
-private const val FACTBOOK_INTRO_PRIORITY = "0.7"
-private const val FACTBOOK_ROOT_PRIORITY = "0.6"
-private const val FACTBOOK_INDEX_PRIORITY = "0.4"
-private const val FACTBOOK_PAGE_PRIORITY = "0.8"
-
-private val File.lastSubFilesModified: Instant?
-       get() = if (isDirectory)
-               (listFiles().orEmpty().mapNotNull {
-                       it.lastSubFilesModified
-               } + Instant.ofEpochMilli(lastModified())).max()
-       else null
-
-private val File.lastContentModified: Instant
-       get() = lastSubFilesModified ?: Instant.ofEpochMilli(lastModified())
-
-context(Appendable)
-private fun List<ArticleNode>.renderIntoSitemap(base: String? = null) {
-       val prefix by lazy(LazyThreadSafetyMode.NONE) { base?.let { "$it/" } ?: "" }
-       for (node in this) {
-               if (Configuration.CurrentConfiguration.isDevMode || !(node.name.endsWith(".wip") || node.name.endsWith(".old"))) {
-                       val path = "$prefix${node.name}"
-                       
-                       val file = File(Configuration.CurrentConfiguration.articleDir).combineSafe(path)
-                       val lastModified = file.lastContentModified
-                       val changeFreq = if (node.subNodes.isNotEmpty()) AVERAGE_FACTBOOK_INDEX_CHANGEFREQ else AVERAGE_FACTBOOK_PAGE_CHANGEFREQ
-                       val priority = if (node.subNodes.isNotEmpty()) FACTBOOK_INDEX_PRIORITY else FACTBOOK_PAGE_PRIORITY
-                       
-                       appendLine("\t<url>")
-                       appendLine("\t\t<loc>https://mechyrdia.info/lore/$path</loc>")
-                       appendLine("\t\t<lastmod>$lastModified</lastmod>")
-                       appendLine("\t\t<changefreq>$changeFreq</changefreq>")
-                       appendLine("\t\t<priority>$priority</priority>")
-                       appendLine("\t</url>")
-                       node.subNodes.renderIntoSitemap(path)
-               }
-       }
-}
-
-private fun Appendable.renderLoreSitemap() {
-       val rootFile = File(Configuration.CurrentConfiguration.articleDir)
-       val rootLastModified = rootFile.lastContentModified
-       
-       appendLine("\t<url>")
-       appendLine("\t\t<loc>https://mechyrdia.info/lore</loc>")
-       appendLine("\t\t<lastmod>$rootLastModified</lastmod>")
-       appendLine("\t\t<changefreq>$AVERAGE_FACTBOOK_INDEX_CHANGEFREQ</changefreq>")
-       appendLine("\t\t<priority>$FACTBOOK_ROOT_PRIORITY</priority>")
-       appendLine("\t</url>")
-       
-       rootArticleNodeList().renderIntoSitemap()
-}
-
-private fun Appendable.renderIntroSitemap() {
-       val introFile = File(Configuration.CurrentConfiguration.rootDir).combineSafe("intro.html")
-       val introMetaFile = File(Configuration.CurrentConfiguration.rootDir).combineSafe("introMeta.json")
-       
-       val introLastModified = Instant.ofEpochMilli(max(introFile.lastModified(), introMetaFile.lastModified()))
-       
-       appendLine("\t<url>")
-       appendLine("\t\t<loc>https://mechyrdia.info</loc>")
-       appendLine("\t\t<lastmod>$introLastModified</lastmod>")
-       appendLine("\t\t<changefreq>$AVERAGE_FACTBOOK_INTRO_CHANGEFREQ</changefreq>")
-       appendLine("\t\t<priority>$FACTBOOK_INTRO_PRIORITY</priority>")
-       appendLine("\t</url>")
-}
-
-fun Appendable.generateSitemap() {
-       appendLine("<?xml version='1.0' encoding='UTF-8'?>")
-       appendLine("<urlset xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\" xsi:schemaLocation=\"http://www.sitemaps.org/schemas/sitemap/0.9 http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd\" xmlns=\"http://www.sitemaps.org/schemas/sitemap/0.9\">")
-       renderIntroSitemap()
-       renderLoreSitemap()
-       appendLine("</urlset>")
-}
diff --git a/src/main/resources/logback.xml b/src/main/resources/logback.xml
deleted file mode 100644 (file)
index a9f975a..0000000
+++ /dev/null
@@ -1,25 +0,0 @@
-<?xml version="1.1" encoding="utf-8"?>
-<configuration>
-       <appender name="LOGDIR" class="ch.qos.logback.core.rolling.RollingFileAppender">
-               <file>logs/server.log</file>
-               <rollingPolicy class="ch.qos.logback.core.rolling.TimeBasedRollingPolicy">
-                       <fileNamePattern>logs/server.%d{yyyy-MM-dd}.log</fileNamePattern>
-               </rollingPolicy>
-
-               <encoder>
-                       <charset>UTF-8</charset>
-                       <pattern>%d{yyyy-MM-dd/HH:mm:ss.SSS} [%thread] %.-1level \(%logger\) - %msg%n</pattern>
-               </encoder>
-       </appender>
-
-       <appender name="STDOUT" class="ch.qos.logback.core.ConsoleAppender">
-               <encoder>
-                       <pattern>%d{yyyy-MM-dd/HH:mm:ss.SSS} [%thread] %.-1level \(%logger\) - %msg%n</pattern>
-               </encoder>
-       </appender>
-
-       <root level="INFO">
-               <appender-ref ref="STDOUT"/>
-               <appender-ref ref="LOGDIR"/>
-       </root>
-</configuration>
diff --git a/src/main/resources/static/font/DejaVuSans-Bold.woff b/src/main/resources/static/font/DejaVuSans-Bold.woff
deleted file mode 100644 (file)
index c8782b3..0000000
Binary files a/src/main/resources/static/font/DejaVuSans-Bold.woff and /dev/null differ
diff --git a/src/main/resources/static/font/DejaVuSans-BoldOblique.woff b/src/main/resources/static/font/DejaVuSans-BoldOblique.woff
deleted file mode 100644 (file)
index cab068f..0000000
Binary files a/src/main/resources/static/font/DejaVuSans-BoldOblique.woff and /dev/null differ
diff --git a/src/main/resources/static/font/DejaVuSans-Oblique.woff b/src/main/resources/static/font/DejaVuSans-Oblique.woff
deleted file mode 100644 (file)
index 7cd5cfd..0000000
Binary files a/src/main/resources/static/font/DejaVuSans-Oblique.woff and /dev/null differ
diff --git a/src/main/resources/static/font/DejaVuSans.woff b/src/main/resources/static/font/DejaVuSans.woff
deleted file mode 100644 (file)
index 9bd1c50..0000000
Binary files a/src/main/resources/static/font/DejaVuSans.woff and /dev/null differ
diff --git a/src/main/resources/static/font/JetBrainsMono-ExtraBold.woff b/src/main/resources/static/font/JetBrainsMono-ExtraBold.woff
deleted file mode 100644 (file)
index 11b8c72..0000000
Binary files a/src/main/resources/static/font/JetBrainsMono-ExtraBold.woff and /dev/null differ
diff --git a/src/main/resources/static/font/JetBrainsMono-ExtraBoldItalic.woff b/src/main/resources/static/font/JetBrainsMono-ExtraBoldItalic.woff
deleted file mode 100644 (file)
index 72e2e9e..0000000
Binary files a/src/main/resources/static/font/JetBrainsMono-ExtraBoldItalic.woff and /dev/null differ
diff --git a/src/main/resources/static/font/JetBrainsMono-Medium.woff b/src/main/resources/static/font/JetBrainsMono-Medium.woff
deleted file mode 100644 (file)
index aac1a42..0000000
Binary files a/src/main/resources/static/font/JetBrainsMono-Medium.woff and /dev/null differ
diff --git a/src/main/resources/static/font/JetBrainsMono-MediumItalic.woff b/src/main/resources/static/font/JetBrainsMono-MediumItalic.woff
deleted file mode 100644 (file)
index 997758a..0000000
Binary files a/src/main/resources/static/font/JetBrainsMono-MediumItalic.woff and /dev/null differ
diff --git a/src/main/resources/static/font/NotoSans-Black.woff b/src/main/resources/static/font/NotoSans-Black.woff
deleted file mode 100644 (file)
index fd4a950..0000000
Binary files a/src/main/resources/static/font/NotoSans-Black.woff and /dev/null differ
diff --git a/src/main/resources/static/font/NotoSans-BlackItalic.woff b/src/main/resources/static/font/NotoSans-BlackItalic.woff
deleted file mode 100644 (file)
index e3884d7..0000000
Binary files a/src/main/resources/static/font/NotoSans-BlackItalic.woff and /dev/null differ
diff --git a/src/main/resources/static/font/NotoSans-Medium.woff b/src/main/resources/static/font/NotoSans-Medium.woff
deleted file mode 100644 (file)
index 7319e69..0000000
Binary files a/src/main/resources/static/font/NotoSans-Medium.woff and /dev/null differ
diff --git a/src/main/resources/static/font/NotoSans-MediumItalic.woff b/src/main/resources/static/font/NotoSans-MediumItalic.woff
deleted file mode 100644 (file)
index 12ce7cc..0000000
Binary files a/src/main/resources/static/font/NotoSans-MediumItalic.woff and /dev/null differ
diff --git a/src/main/resources/static/font/NotoSansGothic-Regular.woff b/src/main/resources/static/font/NotoSansGothic-Regular.woff
deleted file mode 100644 (file)
index b042098..0000000
Binary files a/src/main/resources/static/font/NotoSansGothic-Regular.woff and /dev/null differ
diff --git a/src/main/resources/static/font/Oxanium-Bold.woff b/src/main/resources/static/font/Oxanium-Bold.woff
deleted file mode 100644 (file)
index 49f75f1..0000000
Binary files a/src/main/resources/static/font/Oxanium-Bold.woff and /dev/null differ
diff --git a/src/main/resources/static/font/Oxanium-ExtraBold.woff b/src/main/resources/static/font/Oxanium-ExtraBold.woff
deleted file mode 100644 (file)
index c7ff06f..0000000
Binary files a/src/main/resources/static/font/Oxanium-ExtraBold.woff and /dev/null differ
diff --git a/src/main/resources/static/font/Oxanium-Regular.woff b/src/main/resources/static/font/Oxanium-Regular.woff
deleted file mode 100644 (file)
index 028c619..0000000
Binary files a/src/main/resources/static/font/Oxanium-Regular.woff and /dev/null differ
diff --git a/src/main/resources/static/font/Oxanium-SemiBold.woff b/src/main/resources/static/font/Oxanium-SemiBold.woff
deleted file mode 100644 (file)
index cb8be50..0000000
Binary files a/src/main/resources/static/font/Oxanium-SemiBold.woff and /dev/null differ
diff --git a/src/main/resources/static/font/kishari-language-alphabet.woff b/src/main/resources/static/font/kishari-language-alphabet.woff
deleted file mode 100644 (file)
index 949b56e..0000000
Binary files a/src/main/resources/static/font/kishari-language-alphabet.woff and /dev/null differ
diff --git a/src/main/resources/static/font/pokhval-alphabet.woff b/src/main/resources/static/font/pokhval-alphabet.woff
deleted file mode 100644 (file)
index 2fa7d67..0000000
Binary files a/src/main/resources/static/font/pokhval-alphabet.woff and /dev/null differ
diff --git a/src/main/resources/static/font/thedish-language-alphabet.woff b/src/main/resources/static/font/thedish-language-alphabet.woff
deleted file mode 100644 (file)
index c1100f0..0000000
Binary files a/src/main/resources/static/font/thedish-language-alphabet.woff and /dev/null differ
diff --git a/src/main/resources/static/font/tylan-language-alphabet-3.woff b/src/main/resources/static/font/tylan-language-alphabet-3.woff
deleted file mode 100644 (file)
index 313bb3f..0000000
Binary files a/src/main/resources/static/font/tylan-language-alphabet-3.woff and /dev/null differ
diff --git a/src/main/resources/static/images/external-link-dark.png b/src/main/resources/static/images/external-link-dark.png
deleted file mode 100644 (file)
index dff1058..0000000
Binary files a/src/main/resources/static/images/external-link-dark.png and /dev/null differ
diff --git a/src/main/resources/static/images/external-link.png b/src/main/resources/static/images/external-link.png
deleted file mode 100644 (file)
index d9b69ab..0000000
Binary files a/src/main/resources/static/images/external-link.png and /dev/null differ
diff --git a/src/main/resources/static/images/icon.png b/src/main/resources/static/images/icon.png
deleted file mode 100644 (file)
index 6e083e7..0000000
Binary files a/src/main/resources/static/images/icon.png and /dev/null differ
diff --git a/src/main/resources/static/images/panel-dark.png b/src/main/resources/static/images/panel-dark.png
deleted file mode 100644 (file)
index 7551027..0000000
Binary files a/src/main/resources/static/images/panel-dark.png and /dev/null differ
diff --git a/src/main/resources/static/images/panel.png b/src/main/resources/static/images/panel.png
deleted file mode 100644 (file)
index 00f564b..0000000
Binary files a/src/main/resources/static/images/panel.png and /dev/null differ
diff --git a/src/main/resources/static/init.js b/src/main/resources/static/init.js
deleted file mode 100644 (file)
index 6dfb458..0000000
+++ /dev/null
@@ -1,589 +0,0 @@
-(function () {
-       function delay(amount) {
-               return new Promise(resolve => window.setTimeout(resolve, amount));
-       }
-
-       function frame() {
-               return new Promise(resolve => window.requestAnimationFrame(resolve));
-       }
-
-       function loadScript(url) {
-               return new Promise((resolve, reject) => {
-                       const script = document.createElement('script');
-                       script.onload = () => resolve();
-                       script.onerror = event => reject(event);
-                       script.src = url;
-                       document.head.appendChild(script);
-               });
-       }
-
-       window.addEventListener("load", function () {
-               // Tylan alphabet
-               async function tylanToFont(input, output) {
-                       const inText = input.value;
-                       const outText = await (await fetch('/tylan-lang', {
-                               method: 'POST',
-                               headers: {
-                                       'Content-Type': 'text/plain',
-                               },
-                               body: inText,
-                       })).text();
-
-                       if (inText === input.value)
-                               output.value = outText;
-               }
-
-               const tylanAlphabetBoxes = document.getElementsByClassName("tylan-alphabet-box");
-               for (const tylanAlphabetBox of tylanAlphabetBoxes) {
-                       const inputBox = tylanAlphabetBox.getElementsByClassName("input-box")[0];
-                       const outputBox = tylanAlphabetBox.getElementsByClassName("output-box")[0];
-
-                       inputBox.addEventListener("input", () => tylanToFont(inputBox, outputBox));
-               }
-       });
-
-       window.addEventListener("load", function () {
-               // Thedish alphabet
-               const thedishAlphabetBoxes = document.getElementsByClassName("thedish-alphabet-box");
-               for (const thedishAlphabetBox of thedishAlphabetBoxes) {
-                       const inputBox = thedishAlphabetBox.getElementsByClassName("input-box")[0];
-                       const outputBox = thedishAlphabetBox.getElementsByClassName("output-box")[0];
-
-                       inputBox.addEventListener("input", () => {
-                               outputBox.value = inputBox.value;
-                       });
-               }
-
-               // Kishari alphabet
-               const kishariAlphabetBoxes = document.getElementsByClassName("kishari-alphabet-box");
-               for (const kishariAlphabetBox of kishariAlphabetBoxes) {
-                       const inputBox = kishariAlphabetBox.getElementsByClassName("input-box")[0];
-                       const outputBox = kishariAlphabetBox.getElementsByClassName("output-box")[0];
-
-                       inputBox.addEventListener("input", () => {
-                               outputBox.value = inputBox.value;
-                       });
-               }
-       });
-
-       window.addEventListener("load", function () {
-               // Pokhwalish alphabet
-               async function pokhwalToFont(input, output) {
-                       const inText = input.value;
-                       const outText = await (await fetch('/pokhwal-lang', {
-                               method: 'POST',
-                               headers: {
-                                       'Content-Type': 'text/plain',
-                               },
-                               body: inText,
-                       })).text();
-
-                       if (inText === input.value)
-                               output.value = outText;
-               }
-
-               const pokhwalAlphabetBoxes = document.getElementsByClassName("pokhwal-alphabet-box");
-               for (const pokhwalAlphabetBox of pokhwalAlphabetBoxes) {
-                       const inputBox = pokhwalAlphabetBox.getElementsByClassName("input-box")[0];
-                       const outputBox = pokhwalAlphabetBox.getElementsByClassName("output-box")[0];
-
-                       inputBox.addEventListener("input", () => pokhwalToFont(inputBox, outputBox));
-               }
-       });
-
-       window.addEventListener("load", function () {
-               // Preview themes
-               const themeChoices = document.getElementsByName("theme");
-               for (const themeChoice of themeChoices) {
-                       themeChoice.addEventListener("click", e => {
-                               document.documentElement.setAttribute("data-theme", e.currentTarget.value);
-                       });
-               }
-       });
-
-       window.addEventListener("load", function () {
-               // Localize dates and times
-               const moments = document.getElementsByClassName("moment");
-               for (const moment of moments) {
-                       let date = new Date(Number(moment.textContent.trim()));
-                       moment.innerHTML = date.toLocaleString();
-                       moment.style.display = "inline";
-               }
-       });
-
-       window.addEventListener("load", function () {
-               // Login button
-               const viewChecksumButtons = document.getElementsByClassName("view-checksum");
-               for (const viewChecksumButton of viewChecksumButtons) {
-                       const token = viewChecksumButton.getAttribute("data-token");
-                       const url = (token != null && token !== "") ? ("https://www.nationstates.net/page=verify_login?token=" + token) : "https://www.nationstates.net/page=verify_login"
-                       viewChecksumButton.addEventListener("click", e => {
-                               e.preventDefault();
-                               window.open(url);
-                       });
-               }
-       });
-
-       window.appendImageThumb = function (src, sizeStyle) {
-               // Image previewing (1)
-               const imgElement = document.createElement("img");
-               imgElement.src = src;
-               imgElement.setAttribute("title", "Click to view full size");
-               imgElement.setAttribute("style", sizeStyle);
-
-               imgElement.onclick = e => {
-                       e.preventDefault();
-
-                       const thumbView = document.getElementById("thumb-view");
-                       const thumbViewImg = thumbView.getElementsByTagName("img")[0];
-                       thumbViewImg.src = e.currentTarget.src;
-                       thumbView.classList.add("visible");
-               }
-
-               document.currentScript.after(imgElement);
-       };
-
-       window.handleFullSizeImages = function () {
-               // Image previewing (2)
-               document.getElementById("thumb-view").addEventListener("click", e => {
-                       e.preventDefault();
-
-                       e.currentTarget.classList.remove("visible");
-                       e.currentTarget.getElementsByTagName("img")[0].src = "";
-               });
-       };
-
-       window.addEventListener("load", function () {
-               // Mesh viewing
-
-               async function loadThree() {
-                       await loadScript("/static/obj-viewer/three.js");
-                       await loadScript("/static/obj-viewer/three-examples.js");
-               }
-
-               async function loadObj(modelName) {
-                       const mtlLib = await (new THREE.MTLLoader()).setPath("/assets/meshes/").setResourcePath("/assets/meshes/").loadAsync(modelName + ".mtl");
-                       mtlLib.preload();
-                       return await (new THREE.OBJLoader()).setPath("/assets/meshes/").setResourcePath("/assets/meshes/").setMaterials(mtlLib).loadAsync(modelName + ".obj");
-               }
-
-               const canvases = document.getElementsByTagName("canvas");
-               if (canvases.length > 0) {
-                       (async () => {
-                               await loadThree();
-
-                               for (const canvas of canvases) {
-                                       const modelName = canvas.getAttribute("data-model");
-                                       if (modelName == null || modelName === "") continue;
-
-                                       const modelAsync = loadObj(modelName);
-
-                                       const camera = new THREE.PerspectiveCamera(69, 1, 0.01, 1000.0);
-
-                                       const scene = new THREE.Scene();
-                                       scene.add(new THREE.AmbientLight("#555555", 1.0));
-
-                                       const renderer = new THREE.WebGLRenderer({"canvas": canvas, "antialias": true});
-
-                                       const controls = new THREE.OrbitControls(camera, canvas);
-
-                                       function render() {
-                                               controls.update();
-                                               renderer.render(scene, camera);
-                                               window.requestAnimationFrame(render);
-                                       }
-
-                                       function onResize() {
-                                               const dim = canvas.getBoundingClientRect();
-                                               camera.aspect = dim.width / dim.height;
-                                               camera.updateProjectionMatrix();
-                                               renderer.setSize(dim.width, dim.height, false);
-                                       }
-
-                                       window.addEventListener('resize', onResize);
-                                       await frame();
-                                       onResize();
-
-                                       const model = await modelAsync;
-                                       scene.add(model);
-
-                                       const bbox = new THREE.Box3().setFromObject(scene);
-                                       bbox.dimensions = {
-                                               x: bbox.max.x - bbox.min.x,
-                                               y: bbox.max.y - bbox.min.y,
-                                               z: bbox.max.z - bbox.min.z
-                                       };
-                                       model.position.sub(new THREE.Vector3(bbox.min.x + bbox.dimensions.x / 2, bbox.min.y + bbox.dimensions.y / 2, bbox.min.z + bbox.dimensions.z / 2));
-
-                                       camera.position.set(bbox.dimensions.x / 2, bbox.dimensions.y / 2, Math.max(bbox.dimensions.x, bbox.dimensions.y, bbox.dimensions.z));
-
-                                       const light = new THREE.PointLight("#AAAAAA", 1.0);
-                                       scene.add(camera);
-                                       camera.add(light);
-                                       light.position.set(0, 0, 0);
-
-                                       render();
-                               }
-                       })().catch(reason => {
-                               console.error("Error rendering models", reason);
-                       });
-               }
-       });
-
-       window.addEventListener("load", function () {
-               // Allow POSTing with <a>s
-               const anchors = document.getElementsByTagName("a");
-               for (const anchor of anchors) {
-                       const method = anchor.getAttribute("data-method");
-                       if (method == null) continue;
-
-                       anchor.onclick = e => {
-                               e.preventDefault();
-
-                               let form = document.createElement("form");
-                               form.style.display = "none";
-                               form.action = e.currentTarget.href;
-                               form.method = e.currentTarget.getAttribute("data-method");
-
-                               const csrfToken = e.currentTarget.getAttribute("data-csrf-token");
-                               if (csrfToken != null) {
-                                       let csrfInput = document.createElement("input");
-                                       csrfInput.name = "csrf-token";
-                                       csrfInput.type = "hidden";
-                                       csrfInput.value = csrfToken;
-                                       form.append(csrfInput);
-                               }
-
-                               document.body.append(form);
-                               form.submit();
-                       };
-               }
-       });
-
-       window.renderQuiz = function (quiz) {
-               const quizFunctions = {};
-               const quizRoot = document.createElement("table");
-               const questionAnswers = [];
-
-               quizFunctions.clearRoot = function () {
-                       while (quizRoot.hasChildNodes()) {
-                               quizRoot.firstChild.remove();
-                       }
-               };
-
-               quizFunctions.renderIntro = function () {
-                       quizFunctions.clearRoot();
-
-                       const firstRow = document.createElement("tr");
-                       const firstCell = document.createElement("td");
-                       firstCell.style.textAlign = "center";
-                       firstCell.style.fontSize = "1.5em";
-                       firstCell.style.fontWeight = "bold";
-                       firstCell.append(quiz.title.toString());
-                       firstRow.appendChild(firstCell);
-                       quizRoot.appendChild(firstRow);
-
-                       const secondRow = document.createElement("tr");
-                       const secondCell = document.createElement("td");
-                       secondCell.style.textAlign = "center";
-                       secondCell.appendChild(document.createElement("img")).src = quiz.image;
-                       for (const paragraph of quiz.intro.toString().split('\n')) {
-                               secondCell.appendChild(document.createElement("p")).append(paragraph);
-                       }
-                       secondRow.appendChild(secondCell);
-                       quizRoot.appendChild(secondRow);
-
-                       const thirdRow = document.createElement("tr");
-                       const thirdCell = document.createElement("td");
-                       thirdCell.style.textAlign = "center";
-                       const beginLink = thirdCell.appendChild(document.createElement("a"));
-                       beginLink.href = "#";
-                       beginLink.append("Begin Quiz (" + quiz.questions.length + " questions)");
-                       beginLink.onclick = e => {
-                               e.preventDefault();
-                               quizFunctions.renderQuestion(0);
-                       };
-                       thirdRow.appendChild(thirdCell);
-                       quizRoot.appendChild(thirdRow);
-               };
-
-               quizFunctions.renderOutro = function (outcome) {
-                       quizFunctions.clearRoot();
-
-                       const firstRow = document.createElement("tr");
-                       const firstCell = document.createElement("td");
-                       firstCell.style.textAlign = "center";
-                       firstCell.style.fontSize = "1.5em";
-                       firstCell.style.fontWeight = "bold";
-                       firstCell.append(outcome.name.toString());
-                       firstRow.appendChild(firstCell);
-                       quizRoot.appendChild(firstRow);
-
-                       const secondRow = document.createElement("tr");
-                       const secondCell = document.createElement("td");
-                       secondCell.style.textAlign = "center";
-                       secondCell.appendChild(document.createElement("img")).src = outcome.img;
-                       for (const paragraph of outcome.desc.toString().split('\n')) {
-                               secondCell.appendChild(document.createElement("p")).append(paragraph);
-                       }
-                       secondRow.appendChild(secondCell);
-                       quizRoot.appendChild(secondRow);
-
-                       const thirdRow = document.createElement("tr");
-                       const thirdCell = document.createElement("td");
-                       thirdCell.style.textAlign = "center";
-                       const moreInfoLink = thirdCell.appendChild(document.createElement("a"));
-                       moreInfoLink.href = outcome.url;
-                       moreInfoLink.append("More Information");
-                       thirdRow.appendChild(thirdCell);
-                       quizRoot.appendChild(thirdRow);
-               };
-
-               quizFunctions.calculateResults = function () {
-                       const total = {};
-                       for (const result of questionAnswers) {
-                               for (const resKey of Object.keys(result)) {
-                                       if (total[resKey] == null) {
-                                               total[resKey] = 0;
-                                       }
-                                       total[resKey] += result[resKey];
-                               }
-                       }
-
-                       let maxKey;
-                       let maxValue = null;
-                       for (const key of Object.keys(total)) {
-                               const result = total[key];
-                               if (maxValue == null || result > maxValue) {
-                                       maxKey = key;
-                                       maxValue = result;
-                               }
-                       }
-
-                       return quiz.outcomes[maxKey];
-               };
-
-               quizFunctions.renderQuestion = function (index) {
-                       quizFunctions.clearRoot();
-
-                       const question = quiz.questions[index];
-
-                       const firstRow = document.createElement("tr");
-                       const firstCell = document.createElement("td");
-                       firstCell.style.textAlign = "center";
-                       firstCell.style.fontSize = "1.5em";
-                       firstCell.style.fontWeight = "bold";
-                       firstCell.append("Question " + (index + 1) + "/" + quiz.questions.length);
-                       firstCell.append(document.createElement("br"));
-                       firstCell.append(question.asks.toString());
-                       firstRow.appendChild(firstCell);
-                       quizRoot.appendChild(firstRow);
-
-                       for (const answer of question.answers) {
-                               const secondRow = document.createElement("tr");
-                               const secondCell = document.createElement("td");
-                               secondCell.style.textAlign = "center";
-                               const answerLink = secondCell.appendChild(document.createElement("a"));
-                               answerLink.href = "#";
-                               answerLink.append(answer.answer.toString());
-                               answerLink.onclick = e => {
-                                       e.preventDefault();
-                                       questionAnswers[index] = answer.result;
-                                       if (index === quiz.questions.length - 1) {
-                                               quizFunctions.renderOutro(quizFunctions.calculateResults());
-                                       } else {
-                                               quizFunctions.renderQuestion(index + 1);
-                                       }
-                               };
-                               secondRow.appendChild(secondCell);
-                               quizRoot.appendChild(secondRow);
-                       }
-
-                       const thirdRow = document.createElement("tr");
-                       const thirdCell = document.createElement("td");
-                       thirdCell.style.textAlign = "center";
-                       const prevLink = thirdCell.appendChild(document.createElement("a"));
-                       prevLink.href = "#";
-                       prevLink.append("Previous Question");
-                       prevLink.onclick = e => {
-                               e.preventDefault();
-                               if (index === 0) {
-                                       quizFunctions.renderIntro();
-                               } else {
-                                       quizFunctions.renderQuestion(index - 1);
-                               }
-                       };
-                       thirdRow.appendChild(thirdCell);
-                       quizRoot.appendChild(thirdRow);
-               };
-
-               document.currentScript.after(quizRoot);
-
-               quizFunctions.renderIntro();
-       };
-
-       window.addEventListener("load", function () {
-               // Comment previews
-               async function commentPreview(input, output) {
-                       const inText = input.value;
-
-                       await delay(500);
-                       if (input.value !== inText)
-                               return;
-
-                       if (inText.length === 0) {
-                               output.innerHTML = "";
-                               return;
-                       }
-
-                       const outText = await (await fetch('/preview-comment', {
-                               method: 'POST',
-                               headers: {
-                                       'Content-Type': 'text/plain',
-                               },
-                               body: inText,
-                       })).text();
-                       if (input.value !== inText)
-                               return;
-
-                       output.innerHTML = "<h3>Preview:</h3>" + outText;
-               }
-
-               const commentInputBoxes = document.getElementsByClassName("comment-input");
-               for (const commentInputBox of commentInputBoxes) {
-                       const inputBox = commentInputBox.getElementsByClassName("comment-markup")[0];
-                       const outputBox = commentInputBox.getElementsByClassName("comment-preview")[0];
-
-                       inputBox.addEventListener("input", () => commentPreview(inputBox, outputBox));
-               }
-       });
-
-       window.addEventListener("load", function () {
-               // Comment editing
-               const commentEditLinks = document.getElementsByClassName("comment-edit-link");
-               for (const commentEditLink of commentEditLinks) {
-                       commentEditLink.onclick = e => {
-                               e.preventDefault();
-
-                               const elementId = e.currentTarget.getAttribute("data-edit-id");
-                               document.getElementById(elementId).classList.add("visible");
-                       };
-               }
-
-               const commentEditCancelButtons = document.getElementsByClassName("comment-cancel-edit");
-               for (const commentEditCancelButton of commentEditCancelButtons) {
-                       commentEditCancelButton.onclick = e => {
-                               e.preventDefault();
-
-                               e.currentTarget.parentElement.classList.remove("visible");
-                       };
-               }
-       });
-
-       window.addEventListener("load", function () {
-               // Copying text
-               const copyTextElements = document.getElementsByClassName("copy-text");
-               for (const copyTextElement of copyTextElements) {
-                       copyTextElement.onclick = e => {
-                               e.preventDefault();
-
-                               const thisElement = e.currentTarget;
-                               if (thisElement.hasAttribute("data-copying"))
-                                       return;
-
-                               const elementHtml = thisElement.innerHTML;
-
-                               thisElement.setAttribute("data-copying", "copying");
-
-                               const text = thisElement.getAttribute("data-text");
-                               navigator.clipboard.writeText(text)
-                                       .then(() => {
-                                               thisElement.innerHTML = "Text copied!";
-                                               window.setTimeout(() => {
-                                                       thisElement.innerHTML = elementHtml;
-                                                       thisElement.removeAttribute("data-copying");
-                                               }, 750);
-                                       })
-                                       .catch(reason => {
-                                               console.error("Error copying text to clipboard", reason);
-
-                                               thisElement.innerHTML = "Text copy failed";
-                                               window.setTimeout(() => {
-                                                       thisElement.innerHTML = elementHtml;
-                                                       thisElement.removeAttribute("data-copying");
-                                               }, 1500);
-                                       });
-
-                               thisElement.innerHTML = "Copying text...";
-                       };
-               }
-       });
-
-       window.addEventListener("load", function () {
-               // Error popup
-               const errorPopup = document.getElementById("error-popup");
-               if (errorPopup != null) {
-                       errorPopup.addEventListener("click", e => {
-                               e.preventDefault();
-
-                               const thisElement = e.currentTarget;
-                               const newUrl = window.location.origin + thisElement.getAttribute("data-redirect-url") + window.location.hash;
-                               window.history.replaceState({}, '', newUrl);
-
-                               thisElement.remove();
-                       });
-               }
-       });
-
-       window.factbookRedirect = function (redirectTo) {
-               if (window.disableFactbookRedirect) {
-                       const redirectTarget = new URL(redirectTo, window.location);
-
-                       const redirectTargetUrl = redirectTarget.pathname + redirectTarget.search + redirectTarget.hash;
-
-                       const pElement = document.createElement("p");
-                       pElement.style.fontWeight = "800";
-                       pElement.append(document.createTextNode("Redirect to "));
-
-                       const aElement = document.createElement("a");
-                       aElement.href = redirectTargetUrl;
-                       aElement.append(document.createTextNode(redirectTarget.pathname));
-
-                       pElement.append(aElement);
-                       document.currentScript.after(pElement);
-               } else {
-                       window.localStorage.setItem("redirectedFrom", window.location.pathname);
-                       window.location = redirectTo;
-               }
-       };
-
-       window.checkRedirectTarget = function (anchorHash) {
-               const redirectTargetValue = window.location.hash;
-               if (redirectTargetValue !== anchorHash) return;
-
-               const redirectSourceValue = window.localStorage.getItem("redirectedFrom");
-               if (redirectSourceValue != null) {
-                       const redirectSource = new URL(redirectSourceValue, window.location.origin);
-                       if (redirectSource.search.length > 0) {
-                               redirectSource.search += "&redirect=no";
-                       } else {
-                               redirectSource.search = "?redirect=no";
-                       }
-
-                       const redirectSourceUrl = redirectSource.pathname + redirectSource.search + redirectSource.hash;
-
-                       const pElement = document.createElement("p");
-                       pElement.style.fontSize = "0.8em";
-                       pElement.append(document.createTextNode("Redirected from "));
-
-                       const aElement = document.createElement("a");
-                       aElement.href = redirectSourceUrl;
-                       aElement.append(document.createTextNode(redirectSource.pathname));
-
-                       pElement.append(aElement);
-                       document.currentScript.after(pElement);
-               }
-
-               window.localStorage.removeItem("redirectedFrom");
-       };
-})();
diff --git a/src/main/resources/static/obj-viewer/hammer.min.js b/src/main/resources/static/obj-viewer/hammer.min.js
deleted file mode 100644 (file)
index 94b653d..0000000
+++ /dev/null
@@ -1,6 +0,0 @@
-/*! Hammer.JS - v2.0.8 - 2016-04-23
- * http://hammerjs.github.io/
- *
- * Copyright (c) 2016 Jorik Tangelder;
- * Licensed under the MIT license */
-!function(a,b,c,d){"use strict";function e(a,b,c){return setTimeout(j(a,c),b)}function f(a,b,c){return Array.isArray(a)?(g(a,c[b],c),!0):!1}function g(a,b,c){var e;if(a)if(a.forEach)a.forEach(b,c);else if(a.length!==d)for(e=0;e<a.length;)b.call(c,a[e],e,a),e++;else for(e in a)a.hasOwnProperty(e)&&b.call(c,a[e],e,a)}function h(b,c,d){var e="DEPRECATED METHOD: "+c+"\n"+d+" AT \n";return function(){var c=new Error("get-stack-trace"),d=c&&c.stack?c.stack.replace(/^[^\(]+?[\n$]/gm,"").replace(/^\s+at\s+/gm,"").replace(/^Object.<anonymous>\s*\(/gm,"{anonymous}()@"):"Unknown Stack Trace",f=a.console&&(a.console.warn||a.console.log);return f&&f.call(a.console,e,d),b.apply(this,arguments)}}function i(a,b,c){var d,e=b.prototype;d=a.prototype=Object.create(e),d.constructor=a,d._super=e,c&&la(d,c)}function j(a,b){return function(){return a.apply(b,arguments)}}function k(a,b){return typeof a==oa?a.apply(b?b[0]||d:d,b):a}function l(a,b){return a===d?b:a}function m(a,b,c){g(q(b),function(b){a.addEventListener(b,c,!1)})}function n(a,b,c){g(q(b),function(b){a.removeEventListener(b,c,!1)})}function o(a,b){for(;a;){if(a==b)return!0;a=a.parentNode}return!1}function p(a,b){return a.indexOf(b)>-1}function q(a){return a.trim().split(/\s+/g)}function r(a,b,c){if(a.indexOf&&!c)return a.indexOf(b);for(var d=0;d<a.length;){if(c&&a[d][c]==b||!c&&a[d]===b)return d;d++}return-1}function s(a){return Array.prototype.slice.call(a,0)}function t(a,b,c){for(var d=[],e=[],f=0;f<a.length;){var g=b?a[f][b]:a[f];r(e,g)<0&&d.push(a[f]),e[f]=g,f++}return c&&(d=b?d.sort(function(a,c){return a[b]>c[b]}):d.sort()),d}function u(a,b){for(var c,e,f=b[0].toUpperCase()+b.slice(1),g=0;g<ma.length;){if(c=ma[g],e=c?c+f:b,e in a)return e;g++}return d}function v(){return ua++}function w(b){var c=b.ownerDocument||b;return c.defaultView||c.parentWindow||a}function x(a,b){var c=this;this.manager=a,this.callback=b,this.element=a.element,this.target=a.options.inputTarget,this.domHandler=function(b){k(a.options.enable,[a])&&c.handler(b)},this.init()}function y(a){var b,c=a.options.inputClass;return new(b=c?c:xa?M:ya?P:wa?R:L)(a,z)}function z(a,b,c){var d=c.pointers.length,e=c.changedPointers.length,f=b&Ea&&d-e===0,g=b&(Ga|Ha)&&d-e===0;c.isFirst=!!f,c.isFinal=!!g,f&&(a.session={}),c.eventType=b,A(a,c),a.emit("hammer.input",c),a.recognize(c),a.session.prevInput=c}function A(a,b){var c=a.session,d=b.pointers,e=d.length;c.firstInput||(c.firstInput=D(b)),e>1&&!c.firstMultiple?c.firstMultiple=D(b):1===e&&(c.firstMultiple=!1);var f=c.firstInput,g=c.firstMultiple,h=g?g.center:f.center,i=b.center=E(d);b.timeStamp=ra(),b.deltaTime=b.timeStamp-f.timeStamp,b.angle=I(h,i),b.distance=H(h,i),B(c,b),b.offsetDirection=G(b.deltaX,b.deltaY);var j=F(b.deltaTime,b.deltaX,b.deltaY);b.overallVelocityX=j.x,b.overallVelocityY=j.y,b.overallVelocity=qa(j.x)>qa(j.y)?j.x:j.y,b.scale=g?K(g.pointers,d):1,b.rotation=g?J(g.pointers,d):0,b.maxPointers=c.prevInput?b.pointers.length>c.prevInput.maxPointers?b.pointers.length:c.prevInput.maxPointers:b.pointers.length,C(c,b);var k=a.element;o(b.srcEvent.target,k)&&(k=b.srcEvent.target),b.target=k}function B(a,b){var c=b.center,d=a.offsetDelta||{},e=a.prevDelta||{},f=a.prevInput||{};b.eventType!==Ea&&f.eventType!==Ga||(e=a.prevDelta={x:f.deltaX||0,y:f.deltaY||0},d=a.offsetDelta={x:c.x,y:c.y}),b.deltaX=e.x+(c.x-d.x),b.deltaY=e.y+(c.y-d.y)}function C(a,b){var c,e,f,g,h=a.lastInterval||b,i=b.timeStamp-h.timeStamp;if(b.eventType!=Ha&&(i>Da||h.velocity===d)){var j=b.deltaX-h.deltaX,k=b.deltaY-h.deltaY,l=F(i,j,k);e=l.x,f=l.y,c=qa(l.x)>qa(l.y)?l.x:l.y,g=G(j,k),a.lastInterval=b}else c=h.velocity,e=h.velocityX,f=h.velocityY,g=h.direction;b.velocity=c,b.velocityX=e,b.velocityY=f,b.direction=g}function D(a){for(var b=[],c=0;c<a.pointers.length;)b[c]={clientX:pa(a.pointers[c].clientX),clientY:pa(a.pointers[c].clientY)},c++;return{timeStamp:ra(),pointers:b,center:E(b),deltaX:a.deltaX,deltaY:a.deltaY}}function E(a){var b=a.length;if(1===b)return{x:pa(a[0].clientX),y:pa(a[0].clientY)};for(var c=0,d=0,e=0;b>e;)c+=a[e].clientX,d+=a[e].clientY,e++;return{x:pa(c/b),y:pa(d/b)}}function F(a,b,c){return{x:b/a||0,y:c/a||0}}function G(a,b){return a===b?Ia:qa(a)>=qa(b)?0>a?Ja:Ka:0>b?La:Ma}function H(a,b,c){c||(c=Qa);var d=b[c[0]]-a[c[0]],e=b[c[1]]-a[c[1]];return Math.sqrt(d*d+e*e)}function I(a,b,c){c||(c=Qa);var d=b[c[0]]-a[c[0]],e=b[c[1]]-a[c[1]];return 180*Math.atan2(e,d)/Math.PI}function J(a,b){return I(b[1],b[0],Ra)+I(a[1],a[0],Ra)}function K(a,b){return H(b[0],b[1],Ra)/H(a[0],a[1],Ra)}function L(){this.evEl=Ta,this.evWin=Ua,this.pressed=!1,x.apply(this,arguments)}function M(){this.evEl=Xa,this.evWin=Ya,x.apply(this,arguments),this.store=this.manager.session.pointerEvents=[]}function N(){this.evTarget=$a,this.evWin=_a,this.started=!1,x.apply(this,arguments)}function O(a,b){var c=s(a.touches),d=s(a.changedTouches);return b&(Ga|Ha)&&(c=t(c.concat(d),"identifier",!0)),[c,d]}function P(){this.evTarget=bb,this.targetIds={},x.apply(this,arguments)}function Q(a,b){var c=s(a.touches),d=this.targetIds;if(b&(Ea|Fa)&&1===c.length)return d[c[0].identifier]=!0,[c,c];var e,f,g=s(a.changedTouches),h=[],i=this.target;if(f=c.filter(function(a){return o(a.target,i)}),b===Ea)for(e=0;e<f.length;)d[f[e].identifier]=!0,e++;for(e=0;e<g.length;)d[g[e].identifier]&&h.push(g[e]),b&(Ga|Ha)&&delete d[g[e].identifier],e++;return h.length?[t(f.concat(h),"identifier",!0),h]:void 0}function R(){x.apply(this,arguments);var a=j(this.handler,this);this.touch=new P(this.manager,a),this.mouse=new L(this.manager,a),this.primaryTouch=null,this.lastTouches=[]}function S(a,b){a&Ea?(this.primaryTouch=b.changedPointers[0].identifier,T.call(this,b)):a&(Ga|Ha)&&T.call(this,b)}function T(a){var b=a.changedPointers[0];if(b.identifier===this.primaryTouch){var c={x:b.clientX,y:b.clientY};this.lastTouches.push(c);var d=this.lastTouches,e=function(){var a=d.indexOf(c);a>-1&&d.splice(a,1)};setTimeout(e,cb)}}function U(a){for(var b=a.srcEvent.clientX,c=a.srcEvent.clientY,d=0;d<this.lastTouches.length;d++){var e=this.lastTouches[d],f=Math.abs(b-e.x),g=Math.abs(c-e.y);if(db>=f&&db>=g)return!0}return!1}function V(a,b){this.manager=a,this.set(b)}function W(a){if(p(a,jb))return jb;var b=p(a,kb),c=p(a,lb);return b&&c?jb:b||c?b?kb:lb:p(a,ib)?ib:hb}function X(){if(!fb)return!1;var b={},c=a.CSS&&a.CSS.supports;return["auto","manipulation","pan-y","pan-x","pan-x pan-y","none"].forEach(function(d){b[d]=c?a.CSS.supports("touch-action",d):!0}),b}function Y(a){this.options=la({},this.defaults,a||{}),this.id=v(),this.manager=null,this.options.enable=l(this.options.enable,!0),this.state=nb,this.simultaneous={},this.requireFail=[]}function Z(a){return a&sb?"cancel":a&qb?"end":a&pb?"move":a&ob?"start":""}function $(a){return a==Ma?"down":a==La?"up":a==Ja?"left":a==Ka?"right":""}function _(a,b){var c=b.manager;return c?c.get(a):a}function aa(){Y.apply(this,arguments)}function ba(){aa.apply(this,arguments),this.pX=null,this.pY=null}function ca(){aa.apply(this,arguments)}function da(){Y.apply(this,arguments),this._timer=null,this._input=null}function ea(){aa.apply(this,arguments)}function fa(){aa.apply(this,arguments)}function ga(){Y.apply(this,arguments),this.pTime=!1,this.pCenter=!1,this._timer=null,this._input=null,this.count=0}function ha(a,b){return b=b||{},b.recognizers=l(b.recognizers,ha.defaults.preset),new ia(a,b)}function ia(a,b){this.options=la({},ha.defaults,b||{}),this.options.inputTarget=this.options.inputTarget||a,this.handlers={},this.session={},this.recognizers=[],this.oldCssProps={},this.element=a,this.input=y(this),this.touchAction=new V(this,this.options.touchAction),ja(this,!0),g(this.options.recognizers,function(a){var b=this.add(new a[0](a[1]));a[2]&&b.recognizeWith(a[2]),a[3]&&b.requireFailure(a[3])},this)}function ja(a,b){var c=a.element;if(c.style){var d;g(a.options.cssProps,function(e,f){d=u(c.style,f),b?(a.oldCssProps[d]=c.style[d],c.style[d]=e):c.style[d]=a.oldCssProps[d]||""}),b||(a.oldCssProps={})}}function ka(a,c){var d=b.createEvent("Event");d.initEvent(a,!0,!0),d.gesture=c,c.target.dispatchEvent(d)}var la,ma=["","webkit","Moz","MS","ms","o"],na=b.createElement("div"),oa="function",pa=Math.round,qa=Math.abs,ra=Date.now;la="function"!=typeof Object.assign?function(a){if(a===d||null===a)throw new TypeError("Cannot convert undefined or null to object");for(var b=Object(a),c=1;c<arguments.length;c++){var e=arguments[c];if(e!==d&&null!==e)for(var f in e)e.hasOwnProperty(f)&&(b[f]=e[f])}return b}:Object.assign;var sa=h(function(a,b,c){for(var e=Object.keys(b),f=0;f<e.length;)(!c||c&&a[e[f]]===d)&&(a[e[f]]=b[e[f]]),f++;return a},"extend","Use `assign`."),ta=h(function(a,b){return sa(a,b,!0)},"merge","Use `assign`."),ua=1,va=/mobile|tablet|ip(ad|hone|od)|android/i,wa="ontouchstart"in a,xa=u(a,"PointerEvent")!==d,ya=wa&&va.test(navigator.userAgent),za="touch",Aa="pen",Ba="mouse",Ca="kinect",Da=25,Ea=1,Fa=2,Ga=4,Ha=8,Ia=1,Ja=2,Ka=4,La=8,Ma=16,Na=Ja|Ka,Oa=La|Ma,Pa=Na|Oa,Qa=["x","y"],Ra=["clientX","clientY"];x.prototype={handler:function(){},init:function(){this.evEl&&m(this.element,this.evEl,this.domHandler),this.evTarget&&m(this.target,this.evTarget,this.domHandler),this.evWin&&m(w(this.element),this.evWin,this.domHandler)},destroy:function(){this.evEl&&n(this.element,this.evEl,this.domHandler),this.evTarget&&n(this.target,this.evTarget,this.domHandler),this.evWin&&n(w(this.element),this.evWin,this.domHandler)}};var Sa={mousedown:Ea,mousemove:Fa,mouseup:Ga},Ta="mousedown",Ua="mousemove mouseup";i(L,x,{handler:function(a){var b=Sa[a.type];b&Ea&&0===a.button&&(this.pressed=!0),b&Fa&&1!==a.which&&(b=Ga),this.pressed&&(b&Ga&&(this.pressed=!1),this.callback(this.manager,b,{pointers:[a],changedPointers:[a],pointerType:Ba,srcEvent:a}))}});var Va={pointerdown:Ea,pointermove:Fa,pointerup:Ga,pointercancel:Ha,pointerout:Ha},Wa={2:za,3:Aa,4:Ba,5:Ca},Xa="pointerdown",Ya="pointermove pointerup pointercancel";a.MSPointerEvent&&!a.PointerEvent&&(Xa="MSPointerDown",Ya="MSPointerMove MSPointerUp MSPointerCancel"),i(M,x,{handler:function(a){var b=this.store,c=!1,d=a.type.toLowerCase().replace("ms",""),e=Va[d],f=Wa[a.pointerType]||a.pointerType,g=f==za,h=r(b,a.pointerId,"pointerId");e&Ea&&(0===a.button||g)?0>h&&(b.push(a),h=b.length-1):e&(Ga|Ha)&&(c=!0),0>h||(b[h]=a,this.callback(this.manager,e,{pointers:b,changedPointers:[a],pointerType:f,srcEvent:a}),c&&b.splice(h,1))}});var Za={touchstart:Ea,touchmove:Fa,touchend:Ga,touchcancel:Ha},$a="touchstart",_a="touchstart touchmove touchend touchcancel";i(N,x,{handler:function(a){var b=Za[a.type];if(b===Ea&&(this.started=!0),this.started){var c=O.call(this,a,b);b&(Ga|Ha)&&c[0].length-c[1].length===0&&(this.started=!1),this.callback(this.manager,b,{pointers:c[0],changedPointers:c[1],pointerType:za,srcEvent:a})}}});var ab={touchstart:Ea,touchmove:Fa,touchend:Ga,touchcancel:Ha},bb="touchstart touchmove touchend touchcancel";i(P,x,{handler:function(a){var b=ab[a.type],c=Q.call(this,a,b);c&&this.callback(this.manager,b,{pointers:c[0],changedPointers:c[1],pointerType:za,srcEvent:a})}});var cb=2500,db=25;i(R,x,{handler:function(a,b,c){var d=c.pointerType==za,e=c.pointerType==Ba;if(!(e&&c.sourceCapabilities&&c.sourceCapabilities.firesTouchEvents)){if(d)S.call(this,b,c);else if(e&&U.call(this,c))return;this.callback(a,b,c)}},destroy:function(){this.touch.destroy(),this.mouse.destroy()}});var eb=u(na.style,"touchAction"),fb=eb!==d,gb="compute",hb="auto",ib="manipulation",jb="none",kb="pan-x",lb="pan-y",mb=X();V.prototype={set:function(a){a==gb&&(a=this.compute()),fb&&this.manager.element.style&&mb[a]&&(this.manager.element.style[eb]=a),this.actions=a.toLowerCase().trim()},update:function(){this.set(this.manager.options.touchAction)},compute:function(){var a=[];return g(this.manager.recognizers,function(b){k(b.options.enable,[b])&&(a=a.concat(b.getTouchAction()))}),W(a.join(" "))},preventDefaults:function(a){var b=a.srcEvent,c=a.offsetDirection;if(this.manager.session.prevented)return void b.preventDefault();var d=this.actions,e=p(d,jb)&&!mb[jb],f=p(d,lb)&&!mb[lb],g=p(d,kb)&&!mb[kb];if(e){var h=1===a.pointers.length,i=a.distance<2,j=a.deltaTime<250;if(h&&i&&j)return}return g&&f?void 0:e||f&&c&Na||g&&c&Oa?this.preventSrc(b):void 0},preventSrc:function(a){this.manager.session.prevented=!0,a.preventDefault()}};var nb=1,ob=2,pb=4,qb=8,rb=qb,sb=16,tb=32;Y.prototype={defaults:{},set:function(a){return la(this.options,a),this.manager&&this.manager.touchAction.update(),this},recognizeWith:function(a){if(f(a,"recognizeWith",this))return this;var b=this.simultaneous;return a=_(a,this),b[a.id]||(b[a.id]=a,a.recognizeWith(this)),this},dropRecognizeWith:function(a){return f(a,"dropRecognizeWith",this)?this:(a=_(a,this),delete this.simultaneous[a.id],this)},requireFailure:function(a){if(f(a,"requireFailure",this))return this;var b=this.requireFail;return a=_(a,this),-1===r(b,a)&&(b.push(a),a.requireFailure(this)),this},dropRequireFailure:function(a){if(f(a,"dropRequireFailure",this))return this;a=_(a,this);var b=r(this.requireFail,a);return b>-1&&this.requireFail.splice(b,1),this},hasRequireFailures:function(){return this.requireFail.length>0},canRecognizeWith:function(a){return!!this.simultaneous[a.id]},emit:function(a){function b(b){c.manager.emit(b,a)}var c=this,d=this.state;qb>d&&b(c.options.event+Z(d)),b(c.options.event),a.additionalEvent&&b(a.additionalEvent),d>=qb&&b(c.options.event+Z(d))},tryEmit:function(a){return this.canEmit()?this.emit(a):void(this.state=tb)},canEmit:function(){for(var a=0;a<this.requireFail.length;){if(!(this.requireFail[a].state&(tb|nb)))return!1;a++}return!0},recognize:function(a){var b=la({},a);return k(this.options.enable,[this,b])?(this.state&(rb|sb|tb)&&(this.state=nb),this.state=this.process(b),void(this.state&(ob|pb|qb|sb)&&this.tryEmit(b))):(this.reset(),void(this.state=tb))},process:function(a){},getTouchAction:function(){},reset:function(){}},i(aa,Y,{defaults:{pointers:1},attrTest:function(a){var b=this.options.pointers;return 0===b||a.pointers.length===b},process:function(a){var b=this.state,c=a.eventType,d=b&(ob|pb),e=this.attrTest(a);return d&&(c&Ha||!e)?b|sb:d||e?c&Ga?b|qb:b&ob?b|pb:ob:tb}}),i(ba,aa,{defaults:{event:"pan",threshold:10,pointers:1,direction:Pa},getTouchAction:function(){var a=this.options.direction,b=[];return a&Na&&b.push(lb),a&Oa&&b.push(kb),b},directionTest:function(a){var b=this.options,c=!0,d=a.distance,e=a.direction,f=a.deltaX,g=a.deltaY;return e&b.direction||(b.direction&Na?(e=0===f?Ia:0>f?Ja:Ka,c=f!=this.pX,d=Math.abs(a.deltaX)):(e=0===g?Ia:0>g?La:Ma,c=g!=this.pY,d=Math.abs(a.deltaY))),a.direction=e,c&&d>b.threshold&&e&b.direction},attrTest:function(a){return aa.prototype.attrTest.call(this,a)&&(this.state&ob||!(this.state&ob)&&this.directionTest(a))},emit:function(a){this.pX=a.deltaX,this.pY=a.deltaY;var b=$(a.direction);b&&(a.additionalEvent=this.options.event+b),this._super.emit.call(this,a)}}),i(ca,aa,{defaults:{event:"pinch",threshold:0,pointers:2},getTouchAction:function(){return[jb]},attrTest:function(a){return this._super.attrTest.call(this,a)&&(Math.abs(a.scale-1)>this.options.threshold||this.state&ob)},emit:function(a){if(1!==a.scale){var b=a.scale<1?"in":"out";a.additionalEvent=this.options.event+b}this._super.emit.call(this,a)}}),i(da,Y,{defaults:{event:"press",pointers:1,time:251,threshold:9},getTouchAction:function(){return[hb]},process:function(a){var b=this.options,c=a.pointers.length===b.pointers,d=a.distance<b.threshold,f=a.deltaTime>b.time;if(this._input=a,!d||!c||a.eventType&(Ga|Ha)&&!f)this.reset();else if(a.eventType&Ea)this.reset(),this._timer=e(function(){this.state=rb,this.tryEmit()},b.time,this);else if(a.eventType&Ga)return rb;return tb},reset:function(){clearTimeout(this._timer)},emit:function(a){this.state===rb&&(a&&a.eventType&Ga?this.manager.emit(this.options.event+"up",a):(this._input.timeStamp=ra(),this.manager.emit(this.options.event,this._input)))}}),i(ea,aa,{defaults:{event:"rotate",threshold:0,pointers:2},getTouchAction:function(){return[jb]},attrTest:function(a){return this._super.attrTest.call(this,a)&&(Math.abs(a.rotation)>this.options.threshold||this.state&ob)}}),i(fa,aa,{defaults:{event:"swipe",threshold:10,velocity:.3,direction:Na|Oa,pointers:1},getTouchAction:function(){return ba.prototype.getTouchAction.call(this)},attrTest:function(a){var b,c=this.options.direction;return c&(Na|Oa)?b=a.overallVelocity:c&Na?b=a.overallVelocityX:c&Oa&&(b=a.overallVelocityY),this._super.attrTest.call(this,a)&&c&a.offsetDirection&&a.distance>this.options.threshold&&a.maxPointers==this.options.pointers&&qa(b)>this.options.velocity&&a.eventType&Ga},emit:function(a){var b=$(a.offsetDirection);b&&this.manager.emit(this.options.event+b,a),this.manager.emit(this.options.event,a)}}),i(ga,Y,{defaults:{event:"tap",pointers:1,taps:1,interval:300,time:250,threshold:9,posThreshold:10},getTouchAction:function(){return[ib]},process:function(a){var b=this.options,c=a.pointers.length===b.pointers,d=a.distance<b.threshold,f=a.deltaTime<b.time;if(this.reset(),a.eventType&Ea&&0===this.count)return this.failTimeout();if(d&&f&&c){if(a.eventType!=Ga)return this.failTimeout();var g=this.pTime?a.timeStamp-this.pTime<b.interval:!0,h=!this.pCenter||H(this.pCenter,a.center)<b.posThreshold;this.pTime=a.timeStamp,this.pCenter=a.center,h&&g?this.count+=1:this.count=1,this._input=a;var i=this.count%b.taps;if(0===i)return this.hasRequireFailures()?(this._timer=e(function(){this.state=rb,this.tryEmit()},b.interval,this),ob):rb}return tb},failTimeout:function(){return this._timer=e(function(){this.state=tb},this.options.interval,this),tb},reset:function(){clearTimeout(this._timer)},emit:function(){this.state==rb&&(this._input.tapCount=this.count,this.manager.emit(this.options.event,this._input))}}),ha.VERSION="2.0.8",ha.defaults={domEvents:!1,touchAction:gb,enable:!0,inputTarget:null,inputClass:null,preset:[[ea,{enable:!1}],[ca,{enable:!1},["rotate"]],[fa,{direction:Na}],[ba,{direction:Na},["swipe"]],[ga],[ga,{event:"doubletap",taps:2},["tap"]],[da]],cssProps:{userSelect:"none",touchSelect:"none",touchCallout:"none",contentZooming:"none",userDrag:"none",tapHighlightColor:"rgba(0,0,0,0)"}};var ub=1,vb=2;ia.prototype={set:function(a){return la(this.options,a),a.touchAction&&this.touchAction.update(),a.inputTarget&&(this.input.destroy(),this.input.target=a.inputTarget,this.input.init()),this},stop:function(a){this.session.stopped=a?vb:ub},recognize:function(a){var b=this.session;if(!b.stopped){this.touchAction.preventDefaults(a);var c,d=this.recognizers,e=b.curRecognizer;(!e||e&&e.state&rb)&&(e=b.curRecognizer=null);for(var f=0;f<d.length;)c=d[f],b.stopped===vb||e&&c!=e&&!c.canRecognizeWith(e)?c.reset():c.recognize(a),!e&&c.state&(ob|pb|qb)&&(e=b.curRecognizer=c),f++}},get:function(a){if(a instanceof Y)return a;for(var b=this.recognizers,c=0;c<b.length;c++)if(b[c].options.event==a)return b[c];return null},add:function(a){if(f(a,"add",this))return this;var b=this.get(a.options.event);return b&&this.remove(b),this.recognizers.push(a),a.manager=this,this.touchAction.update(),a},remove:function(a){if(f(a,"remove",this))return this;if(a=this.get(a)){var b=this.recognizers,c=r(b,a);-1!==c&&(b.splice(c,1),this.touchAction.update())}return this},on:function(a,b){if(a!==d&&b!==d){var c=this.handlers;return g(q(a),function(a){c[a]=c[a]||[],c[a].push(b)}),this}},off:function(a,b){if(a!==d){var c=this.handlers;return g(q(a),function(a){b?c[a]&&c[a].splice(r(c[a],b),1):delete c[a]}),this}},emit:function(a,b){this.options.domEvents&&ka(a,b);var c=this.handlers[a]&&this.handlers[a].slice();if(c&&c.length){b.type=a,b.preventDefault=function(){b.srcEvent.preventDefault()};for(var d=0;d<c.length;)c[d](b),d++}},destroy:function(){this.element&&ja(this,!1),this.handlers={},this.session={},this.input.destroy(),this.element=null}},la(ha,{INPUT_START:Ea,INPUT_MOVE:Fa,INPUT_END:Ga,INPUT_CANCEL:Ha,STATE_POSSIBLE:nb,STATE_BEGAN:ob,STATE_CHANGED:pb,STATE_ENDED:qb,STATE_RECOGNIZED:rb,STATE_CANCELLED:sb,STATE_FAILED:tb,DIRECTION_NONE:Ia,DIRECTION_LEFT:Ja,DIRECTION_RIGHT:Ka,DIRECTION_UP:La,DIRECTION_DOWN:Ma,DIRECTION_HORIZONTAL:Na,DIRECTION_VERTICAL:Oa,DIRECTION_ALL:Pa,Manager:ia,Input:x,TouchAction:V,TouchInput:P,MouseInput:L,PointerEventInput:M,TouchMouseInput:R,SingleTouchInput:N,Recognizer:Y,AttrRecognizer:aa,Tap:ga,Pan:ba,Swipe:fa,Pinch:ca,Rotate:ea,Press:da,on:m,off:n,each:g,merge:ta,extend:sa,assign:la,inherit:i,bindFn:j,prefixed:u});var wb="undefined"!=typeof a?a:"undefined"!=typeof self?self:{};wb.Hammer=ha,"function"==typeof define&&define.amd?define(function(){return ha}):"undefined"!=typeof module&&module.exports?module.exports=ha:a[c]=ha}(window,document,"Hammer");
\ No newline at end of file
diff --git a/src/main/resources/static/obj-viewer/three-examples.js b/src/main/resources/static/obj-viewer/three-examples.js
deleted file mode 100644 (file)
index cd3d962..0000000
+++ /dev/null
@@ -1,2639 +0,0 @@
-( function () {
-
-       /**
-        * Loads a Wavefront .mtl file specifying materials
-        */
-
-       class MTLLoader extends THREE.Loader {
-
-               constructor( manager ) {
-
-                       super( manager );
-
-               }
-               /**
-                * Loads and parses a MTL asset from a URL.
-                *
-                * @param {String} url - URL to the MTL file.
-                * @param {Function} [onLoad] - Callback invoked with the loaded object.
-                * @param {Function} [onProgress] - Callback for download progress.
-                * @param {Function} [onError] - Callback for download errors.
-                *
-                * @see setPath setResourcePath
-                *
-                * @note In order for relative texture references to resolve correctly
-                * you must call setResourcePath() explicitly prior to load.
-                */
-
-
-               load( url, onLoad, onProgress, onError ) {
-
-                       const scope = this;
-                       const path = this.path === '' ? THREE.LoaderUtils.extractUrlBase( url ) : this.path;
-                       const loader = new THREE.FileLoader( this.manager );
-                       loader.setPath( this.path );
-                       loader.setRequestHeader( this.requestHeader );
-                       loader.setWithCredentials( this.withCredentials );
-                       loader.load( url, function ( text ) {
-
-                               try {
-
-                                       onLoad( scope.parse( text, path ) );
-
-                               } catch ( e ) {
-
-                                       if ( onError ) {
-
-                                               onError( e );
-
-                                       } else {
-
-                                               console.error( e );
-
-                                       }
-
-                                       scope.manager.itemError( url );
-
-                               }
-
-                       }, onProgress, onError );
-
-               }
-
-               setMaterialOptions( value ) {
-
-                       this.materialOptions = value;
-                       return this;
-
-               }
-               /**
-                * Parses a MTL file.
-                *
-                * @param {String} text - Content of MTL file
-                * @return {MaterialCreator}
-                *
-                * @see setPath setResourcePath
-                *
-                * @note In order for relative texture references to resolve correctly
-                * you must call setResourcePath() explicitly prior to parse.
-                */
-
-
-               parse( text, path ) {
-
-                       const lines = text.split( '\n' );
-                       let info = {};
-                       const delimiter_pattern = /\s+/;
-                       const materialsInfo = {};
-
-                       for ( let i = 0; i < lines.length; i ++ ) {
-
-                               let line = lines[ i ];
-                               line = line.trim();
-
-                               if ( line.length === 0 || line.charAt( 0 ) === '#' ) {
-
-                                       // Blank line or comment ignore
-                                       continue;
-
-                               }
-
-                               const pos = line.indexOf( ' ' );
-                               let key = pos >= 0 ? line.substring( 0, pos ) : line;
-                               key = key.toLowerCase();
-                               let value = pos >= 0 ? line.substring( pos + 1 ) : '';
-                               value = value.trim();
-
-                               if ( key === 'newmtl' ) {
-
-                                       // New material
-                                       info = {
-                                               name: value
-                                       };
-                                       materialsInfo[ value ] = info;
-
-                               } else {
-
-                                       if ( key === 'ka' || key === 'kd' || key === 'ks' || key === 'ke' ) {
-
-                                               const ss = value.split( delimiter_pattern, 3 );
-                                               info[ key ] = [ parseFloat( ss[ 0 ] ), parseFloat( ss[ 1 ] ), parseFloat( ss[ 2 ] ) ];
-
-                                       } else {
-
-                                               info[ key ] = value;
-
-                                       }
-
-                               }
-
-                       }
-
-                       const materialCreator = new MaterialCreator( this.resourcePath || path, this.materialOptions );
-                       materialCreator.setCrossOrigin( this.crossOrigin );
-                       materialCreator.setManager( this.manager );
-                       materialCreator.setMaterials( materialsInfo );
-                       return materialCreator;
-
-               }
-
-       }
-       /**
-        * Create a new MTLLoader.MaterialCreator
-        * @param baseUrl - Url relative to which textures are loaded
-        * @param options - Set of options on how to construct the materials
-        *                  side: Which side to apply the material
-        *                        THREE.FrontSide (default), THREE.BackSide, THREE.DoubleSide
-        *                  wrap: What type of wrapping to apply for textures
-        *                        THREE.RepeatWrapping (default), THREE.ClampToEdgeWrapping, THREE.MirroredRepeatWrapping
-        *                  normalizeRGB: RGBs need to be normalized to 0-1 from 0-255
-        *                                Default: false, assumed to be already normalized
-        *                  ignoreZeroRGBs: Ignore values of RGBs (Ka,Kd,Ks) that are all 0's
-        *                                  Default: false
-        * @constructor
-        */
-
-
-       class MaterialCreator {
-
-               constructor( baseUrl = '', options = {} ) {
-
-                       this.baseUrl = baseUrl;
-                       this.options = options;
-                       this.materialsInfo = {};
-                       this.materials = {};
-                       this.materialsArray = [];
-                       this.nameLookup = {};
-                       this.crossOrigin = 'anonymous';
-                       this.side = this.options.side !== undefined ? this.options.side : THREE.FrontSide;
-                       this.wrap = this.options.wrap !== undefined ? this.options.wrap : THREE.RepeatWrapping;
-
-               }
-
-               setCrossOrigin( value ) {
-
-                       this.crossOrigin = value;
-                       return this;
-
-               }
-
-               setManager( value ) {
-
-                       this.manager = value;
-
-               }
-
-               setMaterials( materialsInfo ) {
-
-                       this.materialsInfo = this.convert( materialsInfo );
-                       this.materials = {};
-                       this.materialsArray = [];
-                       this.nameLookup = {};
-
-               }
-
-               convert( materialsInfo ) {
-
-                       if ( ! this.options ) return materialsInfo;
-                       const converted = {};
-
-                       for ( const mn in materialsInfo ) {
-
-                               // Convert materials info into normalized form based on options
-                               const mat = materialsInfo[ mn ];
-                               const covmat = {};
-                               converted[ mn ] = covmat;
-
-                               for ( const prop in mat ) {
-
-                                       let save = true;
-                                       let value = mat[ prop ];
-                                       const lprop = prop.toLowerCase();
-
-                                       switch ( lprop ) {
-
-                                               case 'kd':
-                                               case 'ka':
-                                               case 'ks':
-                                                       // Diffuse color (color under white light) using RGB values
-                                                       if ( this.options && this.options.normalizeRGB ) {
-
-                                                               value = [ value[ 0 ] / 255, value[ 1 ] / 255, value[ 2 ] / 255 ];
-
-                                                       }
-
-                                                       if ( this.options && this.options.ignoreZeroRGBs ) {
-
-                                                               if ( value[ 0 ] === 0 && value[ 1 ] === 0 && value[ 2 ] === 0 ) {
-
-                                                                       // ignore
-                                                                       save = false;
-
-                                                               }
-
-                                                       }
-
-                                                       break;
-
-                                               default:
-                                                       break;
-
-                                       }
-
-                                       if ( save ) {
-
-                                               covmat[ lprop ] = value;
-
-                                       }
-
-                               }
-
-                       }
-
-                       return converted;
-
-               }
-
-               preload() {
-
-                       for ( const mn in this.materialsInfo ) {
-
-                               this.create( mn );
-
-                       }
-
-               }
-
-               getIndex( materialName ) {
-
-                       return this.nameLookup[ materialName ];
-
-               }
-
-               getAsArray() {
-
-                       let index = 0;
-
-                       for ( const mn in this.materialsInfo ) {
-
-                               this.materialsArray[ index ] = this.create( mn );
-                               this.nameLookup[ mn ] = index;
-                               index ++;
-
-                       }
-
-                       return this.materialsArray;
-
-               }
-
-               create( materialName ) {
-
-                       if ( this.materials[ materialName ] === undefined ) {
-
-                               this.createMaterial_( materialName );
-
-                       }
-
-                       return this.materials[ materialName ];
-
-               }
-
-               createMaterial_( materialName ) {
-
-                       // Create material
-                       const scope = this;
-                       const mat = this.materialsInfo[ materialName ];
-                       const params = {
-                               name: materialName,
-                               side: this.side
-                       };
-
-                       function resolveURL( baseUrl, url ) {
-
-                               if ( typeof url !== 'string' || url === '' ) return ''; // Absolute URL
-
-                               if ( /^https?:\/\//i.test( url ) ) return url;
-                               return baseUrl + url;
-
-                       }
-
-                       function setMapForType( mapType, value ) {
-
-                               if ( params[ mapType ] ) return; // Keep the first encountered texture
-
-                               const texParams = scope.getTextureParams( value, params );
-                               const map = scope.loadTexture( resolveURL( scope.baseUrl, texParams.url ) );
-                               map.repeat.copy( texParams.scale );
-                               map.offset.copy( texParams.offset );
-                               map.wrapS = scope.wrap;
-                               map.wrapT = scope.wrap;
-
-                               params[ mapType ] = map;
-
-                       }
-
-                       for ( const prop in mat ) {
-
-                               const value = mat[ prop ];
-                               let n;
-                               if ( value === '' ) continue;
-
-                               switch ( prop.toLowerCase() ) {
-
-                                       // Ns is material specular exponent
-                                       case 'kd':
-                                               // Diffuse color (color under white light) using RGB values
-                                               params.color = new THREE.Color().fromArray( value );
-                                               break;
-
-                                       case 'ks':
-                                               // Specular color (color when light is reflected from shiny surface) using RGB values
-                                               params.specular = new THREE.Color().fromArray( value );
-                                               break;
-
-                                       case 'ke':
-                                               // Emissive using RGB values
-                                               params.emissive = new THREE.Color().fromArray( value );
-                                               break;
-
-                                       case 'map_kd':
-                                               // Diffuse texture map
-                                               setMapForType( 'map', value );
-                                               break;
-
-                                       case 'map_ks':
-                                               // Specular map
-                                               setMapForType( 'specularMap', value );
-                                               break;
-
-                                       case 'map_ke':
-                                               // Emissive map
-                                               setMapForType( 'emissiveMap', value );
-                                               break;
-
-                                       case 'norm':
-                                               setMapForType( 'normalMap', value );
-                                               break;
-
-                                       case 'map_bump':
-                                       case 'bump':
-                                               // Bump texture map
-                                               setMapForType( 'bumpMap', value );
-                                               break;
-
-                                       case 'map_d':
-                                               // Alpha map
-                                               setMapForType( 'alphaMap', value );
-                                               params.transparent = true;
-                                               break;
-
-                                       case 'ns':
-                                               // The specular exponent (defines the focus of the specular highlight)
-                                               // A high exponent results in a tight, concentrated highlight. Ns values normally range from 0 to 1000.
-                                               params.shininess = parseFloat( value );
-                                               break;
-
-                                       case 'd':
-                                               n = parseFloat( value );
-
-                                               if ( n < 1 ) {
-
-                                                       params.opacity = n;
-                                                       params.transparent = true;
-
-                                               }
-
-                                               break;
-
-                                       case 'tr':
-                                               n = parseFloat( value );
-                                               if ( this.options && this.options.invertTrProperty ) n = 1 - n;
-
-                                               if ( n > 0 ) {
-
-                                                       params.opacity = 1 - n;
-                                                       params.transparent = true;
-
-                                               }
-
-                                               break;
-
-                                       default:
-                                               break;
-
-                               }
-
-                       }
-
-                       this.materials[ materialName ] = new THREE.MeshPhongMaterial( params );
-                       return this.materials[ materialName ];
-
-               }
-
-               getTextureParams( value, matParams ) {
-
-                       const texParams = {
-                               scale: new THREE.Vector2( 1, 1 ),
-                               offset: new THREE.Vector2( 0, 0 )
-                       };
-                       const items = value.split( /\s+/ );
-                       let pos;
-                       pos = items.indexOf( '-bm' );
-
-                       if ( pos >= 0 ) {
-
-                               matParams.bumpScale = parseFloat( items[ pos + 1 ] );
-                               items.splice( pos, 2 );
-
-                       }
-
-                       pos = items.indexOf( '-s' );
-
-                       if ( pos >= 0 ) {
-
-                               texParams.scale.set( parseFloat( items[ pos + 1 ] ), parseFloat( items[ pos + 2 ] ) );
-                               items.splice( pos, 4 ); // we expect 3 parameters here!
-
-                       }
-
-                       pos = items.indexOf( '-o' );
-
-                       if ( pos >= 0 ) {
-
-                               texParams.offset.set( parseFloat( items[ pos + 1 ] ), parseFloat( items[ pos + 2 ] ) );
-                               items.splice( pos, 4 ); // we expect 3 parameters here!
-
-                       }
-
-                       texParams.url = items.join( ' ' ).trim();
-                       return texParams;
-
-               }
-
-               loadTexture( url, mapping, onLoad, onProgress, onError ) {
-
-                       const manager = this.manager !== undefined ? this.manager : THREE.DefaultLoadingManager;
-                       let loader = manager.getHandler( url );
-
-                       if ( loader === null ) {
-
-                               loader = new THREE.TextureLoader( manager );
-
-                       }
-
-                       if ( loader.setCrossOrigin ) loader.setCrossOrigin( this.crossOrigin );
-                       const texture = loader.load( url, onLoad, onProgress, onError );
-                       if ( mapping !== undefined ) texture.mapping = mapping;
-                       return texture;
-
-               }
-
-       }
-
-       THREE.MTLLoader = MTLLoader;
-
-} )();
-( function () {
-
-       const _object_pattern = /^[og]\s*(.+)?/; // mtllib file_reference
-
-       const _material_library_pattern = /^mtllib /; // usemtl material_name
-
-       const _material_use_pattern = /^usemtl /; // usemap map_name
-
-       const _map_use_pattern = /^usemap /;
-
-       const _vA = new THREE.Vector3();
-
-       const _vB = new THREE.Vector3();
-
-       const _vC = new THREE.Vector3();
-
-       const _ab = new THREE.Vector3();
-
-       const _cb = new THREE.Vector3();
-
-       function ParserState() {
-
-               const state = {
-                       objects: [],
-                       object: {},
-                       vertices: [],
-                       normals: [],
-                       colors: [],
-                       uvs: [],
-                       materials: {},
-                       materialLibraries: [],
-                       startObject: function ( name, fromDeclaration ) {
-
-                               // If the current object (initial from reset) is not from a g/o declaration in the parsed
-                               // file. We need to use it for the first parsed g/o to keep things in sync.
-                               if ( this.object && this.object.fromDeclaration === false ) {
-
-                                       this.object.name = name;
-                                       this.object.fromDeclaration = fromDeclaration !== false;
-                                       return;
-
-                               }
-
-                               const previousMaterial = this.object && typeof this.object.currentMaterial === 'function' ? this.object.currentMaterial() : undefined;
-
-                               if ( this.object && typeof this.object._finalize === 'function' ) {
-
-                                       this.object._finalize( true );
-
-                               }
-
-                               this.object = {
-                                       name: name || '',
-                                       fromDeclaration: fromDeclaration !== false,
-                                       geometry: {
-                                               vertices: [],
-                                               normals: [],
-                                               colors: [],
-                                               uvs: [],
-                                               hasUVIndices: false
-                                       },
-                                       materials: [],
-                                       smooth: true,
-                                       startMaterial: function ( name, libraries ) {
-
-                                               const previous = this._finalize( false ); // New usemtl declaration overwrites an inherited material, except if faces were declared
-                                               // after the material, then it must be preserved for proper MultiMaterial continuation.
-
-
-                                               if ( previous && ( previous.inherited || previous.groupCount <= 0 ) ) {
-
-                                                       this.materials.splice( previous.index, 1 );
-
-                                               }
-
-                                               const material = {
-                                                       index: this.materials.length,
-                                                       name: name || '',
-                                                       mtllib: Array.isArray( libraries ) && libraries.length > 0 ? libraries[ libraries.length - 1 ] : '',
-                                                       smooth: previous !== undefined ? previous.smooth : this.smooth,
-                                                       groupStart: previous !== undefined ? previous.groupEnd : 0,
-                                                       groupEnd: - 1,
-                                                       groupCount: - 1,
-                                                       inherited: false,
-                                                       clone: function ( index ) {
-
-                                                               const cloned = {
-                                                                       index: typeof index === 'number' ? index : this.index,
-                                                                       name: this.name,
-                                                                       mtllib: this.mtllib,
-                                                                       smooth: this.smooth,
-                                                                       groupStart: 0,
-                                                                       groupEnd: - 1,
-                                                                       groupCount: - 1,
-                                                                       inherited: false
-                                                               };
-                                                               cloned.clone = this.clone.bind( cloned );
-                                                               return cloned;
-
-                                                       }
-                                               };
-                                               this.materials.push( material );
-                                               return material;
-
-                                       },
-                                       currentMaterial: function () {
-
-                                               if ( this.materials.length > 0 ) {
-
-                                                       return this.materials[ this.materials.length - 1 ];
-
-                                               }
-
-                                               return undefined;
-
-                                       },
-                                       _finalize: function ( end ) {
-
-                                               const lastMultiMaterial = this.currentMaterial();
-
-                                               if ( lastMultiMaterial && lastMultiMaterial.groupEnd === - 1 ) {
-
-                                                       lastMultiMaterial.groupEnd = this.geometry.vertices.length / 3;
-                                                       lastMultiMaterial.groupCount = lastMultiMaterial.groupEnd - lastMultiMaterial.groupStart;
-                                                       lastMultiMaterial.inherited = false;
-
-                                               } // Ignore objects tail materials if no face declarations followed them before a new o/g started.
-
-
-                                               if ( end && this.materials.length > 1 ) {
-
-                                                       for ( let mi = this.materials.length - 1; mi >= 0; mi -- ) {
-
-                                                               if ( this.materials[ mi ].groupCount <= 0 ) {
-
-                                                                       this.materials.splice( mi, 1 );
-
-                                                               }
-
-                                                       }
-
-                                               } // Guarantee at least one empty material, this makes the creation later more straight forward.
-
-
-                                               if ( end && this.materials.length === 0 ) {
-
-                                                       this.materials.push( {
-                                                               name: '',
-                                                               smooth: this.smooth
-                                                       } );
-
-                                               }
-
-                                               return lastMultiMaterial;
-
-                                       }
-                               }; // Inherit previous objects material.
-                               // Spec tells us that a declared material must be set to all objects until a new material is declared.
-                               // If a usemtl declaration is encountered while this new object is being parsed, it will
-                               // overwrite the inherited material. Exception being that there was already face declarations
-                               // to the inherited material, then it will be preserved for proper MultiMaterial continuation.
-
-                               if ( previousMaterial && previousMaterial.name && typeof previousMaterial.clone === 'function' ) {
-
-                                       const declared = previousMaterial.clone( 0 );
-                                       declared.inherited = true;
-                                       this.object.materials.push( declared );
-
-                               }
-
-                               this.objects.push( this.object );
-
-                       },
-                       finalize: function () {
-
-                               if ( this.object && typeof this.object._finalize === 'function' ) {
-
-                                       this.object._finalize( true );
-
-                               }
-
-                       },
-                       parseVertexIndex: function ( value, len ) {
-
-                               const index = parseInt( value, 10 );
-                               return ( index >= 0 ? index - 1 : index + len / 3 ) * 3;
-
-                       },
-                       parseNormalIndex: function ( value, len ) {
-
-                               const index = parseInt( value, 10 );
-                               return ( index >= 0 ? index - 1 : index + len / 3 ) * 3;
-
-                       },
-                       parseUVIndex: function ( value, len ) {
-
-                               const index = parseInt( value, 10 );
-                               return ( index >= 0 ? index - 1 : index + len / 2 ) * 2;
-
-                       },
-                       addVertex: function ( a, b, c ) {
-
-                               const src = this.vertices;
-                               const dst = this.object.geometry.vertices;
-                               dst.push( src[ a + 0 ], src[ a + 1 ], src[ a + 2 ] );
-                               dst.push( src[ b + 0 ], src[ b + 1 ], src[ b + 2 ] );
-                               dst.push( src[ c + 0 ], src[ c + 1 ], src[ c + 2 ] );
-
-                       },
-                       addVertexPoint: function ( a ) {
-
-                               const src = this.vertices;
-                               const dst = this.object.geometry.vertices;
-                               dst.push( src[ a + 0 ], src[ a + 1 ], src[ a + 2 ] );
-
-                       },
-                       addVertexLine: function ( a ) {
-
-                               const src = this.vertices;
-                               const dst = this.object.geometry.vertices;
-                               dst.push( src[ a + 0 ], src[ a + 1 ], src[ a + 2 ] );
-
-                       },
-                       addNormal: function ( a, b, c ) {
-
-                               const src = this.normals;
-                               const dst = this.object.geometry.normals;
-                               dst.push( src[ a + 0 ], src[ a + 1 ], src[ a + 2 ] );
-                               dst.push( src[ b + 0 ], src[ b + 1 ], src[ b + 2 ] );
-                               dst.push( src[ c + 0 ], src[ c + 1 ], src[ c + 2 ] );
-
-                       },
-                       addFaceNormal: function ( a, b, c ) {
-
-                               const src = this.vertices;
-                               const dst = this.object.geometry.normals;
-
-                               _vA.fromArray( src, a );
-
-                               _vB.fromArray( src, b );
-
-                               _vC.fromArray( src, c );
-
-                               _cb.subVectors( _vC, _vB );
-
-                               _ab.subVectors( _vA, _vB );
-
-                               _cb.cross( _ab );
-
-                               _cb.normalize();
-
-                               dst.push( _cb.x, _cb.y, _cb.z );
-                               dst.push( _cb.x, _cb.y, _cb.z );
-                               dst.push( _cb.x, _cb.y, _cb.z );
-
-                       },
-                       addColor: function ( a, b, c ) {
-
-                               const src = this.colors;
-                               const dst = this.object.geometry.colors;
-                               if ( src[ a ] !== undefined ) dst.push( src[ a + 0 ], src[ a + 1 ], src[ a + 2 ] );
-                               if ( src[ b ] !== undefined ) dst.push( src[ b + 0 ], src[ b + 1 ], src[ b + 2 ] );
-                               if ( src[ c ] !== undefined ) dst.push( src[ c + 0 ], src[ c + 1 ], src[ c + 2 ] );
-
-                       },
-                       addUV: function ( a, b, c ) {
-
-                               const src = this.uvs;
-                               const dst = this.object.geometry.uvs;
-                               dst.push( src[ a + 0 ], src[ a + 1 ] );
-                               dst.push( src[ b + 0 ], src[ b + 1 ] );
-                               dst.push( src[ c + 0 ], src[ c + 1 ] );
-
-                       },
-                       addDefaultUV: function () {
-
-                               const dst = this.object.geometry.uvs;
-                               dst.push( 0, 0 );
-                               dst.push( 0, 0 );
-                               dst.push( 0, 0 );
-
-                       },
-                       addUVLine: function ( a ) {
-
-                               const src = this.uvs;
-                               const dst = this.object.geometry.uvs;
-                               dst.push( src[ a + 0 ], src[ a + 1 ] );
-
-                       },
-                       addFace: function ( a, b, c, ua, ub, uc, na, nb, nc ) {
-
-                               const vLen = this.vertices.length;
-                               let ia = this.parseVertexIndex( a, vLen );
-                               let ib = this.parseVertexIndex( b, vLen );
-                               let ic = this.parseVertexIndex( c, vLen );
-                               this.addVertex( ia, ib, ic );
-                               this.addColor( ia, ib, ic ); // normals
-
-                               if ( na !== undefined && na !== '' ) {
-
-                                       const nLen = this.normals.length;
-                                       ia = this.parseNormalIndex( na, nLen );
-                                       ib = this.parseNormalIndex( nb, nLen );
-                                       ic = this.parseNormalIndex( nc, nLen );
-                                       this.addNormal( ia, ib, ic );
-
-                               } else {
-
-                                       this.addFaceNormal( ia, ib, ic );
-
-                               } // uvs
-
-
-                               if ( ua !== undefined && ua !== '' ) {
-
-                                       const uvLen = this.uvs.length;
-                                       ia = this.parseUVIndex( ua, uvLen );
-                                       ib = this.parseUVIndex( ub, uvLen );
-                                       ic = this.parseUVIndex( uc, uvLen );
-                                       this.addUV( ia, ib, ic );
-                                       this.object.geometry.hasUVIndices = true;
-
-                               } else {
-
-                                       // add placeholder values (for inconsistent face definitions)
-                                       this.addDefaultUV();
-
-                               }
-
-                       },
-                       addPointGeometry: function ( vertices ) {
-
-                               this.object.geometry.type = 'Points';
-                               const vLen = this.vertices.length;
-
-                               for ( let vi = 0, l = vertices.length; vi < l; vi ++ ) {
-
-                                       const index = this.parseVertexIndex( vertices[ vi ], vLen );
-                                       this.addVertexPoint( index );
-                                       this.addColor( index );
-
-                               }
-
-                       },
-                       addLineGeometry: function ( vertices, uvs ) {
-
-                               this.object.geometry.type = 'Line';
-                               const vLen = this.vertices.length;
-                               const uvLen = this.uvs.length;
-
-                               for ( let vi = 0, l = vertices.length; vi < l; vi ++ ) {
-
-                                       this.addVertexLine( this.parseVertexIndex( vertices[ vi ], vLen ) );
-
-                               }
-
-                               for ( let uvi = 0, l = uvs.length; uvi < l; uvi ++ ) {
-
-                                       this.addUVLine( this.parseUVIndex( uvs[ uvi ], uvLen ) );
-
-                               }
-
-                       }
-               };
-               state.startObject( '', false );
-               return state;
-
-       } //
-
-
-       class OBJLoader extends THREE.Loader {
-
-               constructor( manager ) {
-
-                       super( manager );
-                       this.materials = null;
-
-               }
-
-               load( url, onLoad, onProgress, onError ) {
-
-                       const scope = this;
-                       const loader = new THREE.FileLoader( this.manager );
-                       loader.setPath( this.path );
-                       loader.setRequestHeader( this.requestHeader );
-                       loader.setWithCredentials( this.withCredentials );
-                       loader.load( url, function ( text ) {
-
-                               try {
-
-                                       onLoad( scope.parse( text ) );
-
-                               } catch ( e ) {
-
-                                       if ( onError ) {
-
-                                               onError( e );
-
-                                       } else {
-
-                                               console.error( e );
-
-                                       }
-
-                                       scope.manager.itemError( url );
-
-                               }
-
-                       }, onProgress, onError );
-
-               }
-
-               setMaterials( materials ) {
-
-                       this.materials = materials;
-                       return this;
-
-               }
-
-               parse( text ) {
-
-                       const state = new ParserState();
-
-                       if ( text.indexOf( '\r\n' ) !== - 1 ) {
-
-                               // This is faster than String.split with regex that splits on both
-                               text = text.replace( /\r\n/g, '\n' );
-
-                       }
-
-                       if ( text.indexOf( '\\\n' ) !== - 1 ) {
-
-                               // join lines separated by a line continuation character (\)
-                               text = text.replace( /\\\n/g, '' );
-
-                       }
-
-                       const lines = text.split( '\n' );
-                       let line = '',
-                               lineFirstChar = '';
-                       let lineLength = 0;
-                       let result = []; // Faster to just trim left side of the line. Use if available.
-
-                       const trimLeft = typeof ''.trimLeft === 'function';
-
-                       for ( let i = 0, l = lines.length; i < l; i ++ ) {
-
-                               line = lines[ i ];
-                               line = trimLeft ? line.trimLeft() : line.trim();
-                               lineLength = line.length;
-                               if ( lineLength === 0 ) continue;
-                               lineFirstChar = line.charAt( 0 ); // @todo invoke passed in handler if any
-
-                               if ( lineFirstChar === '#' ) continue;
-
-                               if ( lineFirstChar === 'v' ) {
-
-                                       const data = line.split( /\s+/ );
-
-                                       switch ( data[ 0 ] ) {
-
-                                               case 'v':
-                                                       state.vertices.push( parseFloat( data[ 1 ] ), parseFloat( data[ 2 ] ), parseFloat( data[ 3 ] ) );
-
-                                                       if ( data.length >= 7 ) {
-
-                                                               state.colors.push( parseFloat( data[ 4 ] ), parseFloat( data[ 5 ] ), parseFloat( data[ 6 ] ) );
-
-                                                       } else {
-
-                                                               // if no colors are defined, add placeholders so color and vertex indices match
-                                                               state.colors.push( undefined, undefined, undefined );
-
-                                                       }
-
-                                                       break;
-
-                                               case 'vn':
-                                                       state.normals.push( parseFloat( data[ 1 ] ), parseFloat( data[ 2 ] ), parseFloat( data[ 3 ] ) );
-                                                       break;
-
-                                               case 'vt':
-                                                       state.uvs.push( parseFloat( data[ 1 ] ), parseFloat( data[ 2 ] ) );
-                                                       break;
-
-                                       }
-
-                               } else if ( lineFirstChar === 'f' ) {
-
-                                       const lineData = line.substr( 1 ).trim();
-                                       const vertexData = lineData.split( /\s+/ );
-                                       const faceVertices = []; // Parse the face vertex data into an easy to work with format
-
-                                       for ( let j = 0, jl = vertexData.length; j < jl; j ++ ) {
-
-                                               const vertex = vertexData[ j ];
-
-                                               if ( vertex.length > 0 ) {
-
-                                                       const vertexParts = vertex.split( '/' );
-                                                       faceVertices.push( vertexParts );
-
-                                               }
-
-                                       } // Draw an edge between the first vertex and all subsequent vertices to form an n-gon
-
-
-                                       const v1 = faceVertices[ 0 ];
-
-                                       for ( let j = 1, jl = faceVertices.length - 1; j < jl; j ++ ) {
-
-                                               const v2 = faceVertices[ j ];
-                                               const v3 = faceVertices[ j + 1 ];
-                                               state.addFace( v1[ 0 ], v2[ 0 ], v3[ 0 ], v1[ 1 ], v2[ 1 ], v3[ 1 ], v1[ 2 ], v2[ 2 ], v3[ 2 ] );
-
-                                       }
-
-                               } else if ( lineFirstChar === 'l' ) {
-
-                                       const lineParts = line.substring( 1 ).trim().split( ' ' );
-                                       let lineVertices = [];
-                                       const lineUVs = [];
-
-                                       if ( line.indexOf( '/' ) === - 1 ) {
-
-                                               lineVertices = lineParts;
-
-                                       } else {
-
-                                               for ( let li = 0, llen = lineParts.length; li < llen; li ++ ) {
-
-                                                       const parts = lineParts[ li ].split( '/' );
-                                                       if ( parts[ 0 ] !== '' ) lineVertices.push( parts[ 0 ] );
-                                                       if ( parts[ 1 ] !== '' ) lineUVs.push( parts[ 1 ] );
-
-                                               }
-
-                                       }
-
-                                       state.addLineGeometry( lineVertices, lineUVs );
-
-                               } else if ( lineFirstChar === 'p' ) {
-
-                                       const lineData = line.substr( 1 ).trim();
-                                       const pointData = lineData.split( ' ' );
-                                       state.addPointGeometry( pointData );
-
-                               } else if ( ( result = _object_pattern.exec( line ) ) !== null ) {
-
-                                       // o object_name
-                                       // or
-                                       // g group_name
-                                       // WORKAROUND: https://bugs.chromium.org/p/v8/issues/detail?id=2869
-                                       // let name = result[ 0 ].substr( 1 ).trim();
-                                       const name = ( ' ' + result[ 0 ].substr( 1 ).trim() ).substr( 1 );
-                                       state.startObject( name );
-
-                               } else if ( _material_use_pattern.test( line ) ) {
-
-                                       // material
-                                       state.object.startMaterial( line.substring( 7 ).trim(), state.materialLibraries );
-
-                               } else if ( _material_library_pattern.test( line ) ) {
-
-                                       // mtl file
-                                       state.materialLibraries.push( line.substring( 7 ).trim() );
-
-                               } else if ( _map_use_pattern.test( line ) ) {
-
-                                       // the line is parsed but ignored since the loader assumes textures are defined MTL files
-                                       // (according to https://www.okino.com/conv/imp_wave.htm, 'usemap' is the old-style Wavefront texture reference method)
-                                       console.warn( 'THREE.OBJLoader: Rendering identifier "usemap" not supported. Textures must be defined in MTL files.' );
-
-                               } else if ( lineFirstChar === 's' ) {
-
-                                       result = line.split( ' ' ); // smooth shading
-                                       // @todo Handle files that have varying smooth values for a set of faces inside one geometry,
-                                       // but does not define a usemtl for each face set.
-                                       // This should be detected and a dummy material created (later MultiMaterial and geometry groups).
-                                       // This requires some care to not create extra material on each smooth value for "normal" obj files.
-                                       // where explicit usemtl defines geometry groups.
-                                       // Example asset: examples/models/obj/cerberus/Cerberus.obj
-
-                                       /*
-                * http://paulbourke.net/dataformats/obj/
-                *
-                * From chapter "Grouping" Syntax explanation "s group_number":
-                * "group_number is the smoothing group number. To turn off smoothing groups, use a value of 0 or off.
-                * Polygonal elements use group numbers to put elements in different smoothing groups. For free-form
-                * surfaces, smoothing groups are either turned on or off; there is no difference between values greater
-                * than 0."
-                */
-
-                                       if ( result.length > 1 ) {
-
-                                               const value = result[ 1 ].trim().toLowerCase();
-                                               state.object.smooth = value !== '0' && value !== 'off';
-
-                                       } else {
-
-                                               // ZBrush can produce "s" lines #11707
-                                               state.object.smooth = true;
-
-                                       }
-
-                                       const material = state.object.currentMaterial();
-                                       if ( material ) material.smooth = state.object.smooth;
-
-                               } else {
-
-                                       // Handle null terminated files without exception
-                                       if ( line === '\0' ) continue;
-                                       console.warn( 'THREE.OBJLoader: Unexpected line: "' + line + '"' );
-
-                               }
-
-                       }
-
-                       state.finalize();
-                       const container = new THREE.Group();
-                       container.materialLibraries = [].concat( state.materialLibraries );
-                       const hasPrimitives = ! ( state.objects.length === 1 && state.objects[ 0 ].geometry.vertices.length === 0 );
-
-                       if ( hasPrimitives === true ) {
-
-                               for ( let i = 0, l = state.objects.length; i < l; i ++ ) {
-
-                                       const object = state.objects[ i ];
-                                       const geometry = object.geometry;
-                                       const materials = object.materials;
-                                       const isLine = geometry.type === 'Line';
-                                       const isPoints = geometry.type === 'Points';
-                                       let hasVertexColors = false; // Skip o/g line declarations that did not follow with any faces
-
-                                       if ( geometry.vertices.length === 0 ) continue;
-                                       const buffergeometry = new THREE.BufferGeometry();
-                                       buffergeometry.setAttribute( 'position', new THREE.Float32BufferAttribute( geometry.vertices, 3 ) );
-
-                                       if ( geometry.normals.length > 0 ) {
-
-                                               buffergeometry.setAttribute( 'normal', new THREE.Float32BufferAttribute( geometry.normals, 3 ) );
-
-                                       }
-
-                                       if ( geometry.colors.length > 0 ) {
-
-                                               hasVertexColors = true;
-                                               buffergeometry.setAttribute( 'color', new THREE.Float32BufferAttribute( geometry.colors, 3 ) );
-
-                                       }
-
-                                       if ( geometry.hasUVIndices === true ) {
-
-                                               buffergeometry.setAttribute( 'uv', new THREE.Float32BufferAttribute( geometry.uvs, 2 ) );
-
-                                       } // Create materials
-
-
-                                       const createdMaterials = [];
-
-                                       for ( let mi = 0, miLen = materials.length; mi < miLen; mi ++ ) {
-
-                                               const sourceMaterial = materials[ mi ];
-                                               const materialHash = sourceMaterial.name + '_' + sourceMaterial.smooth + '_' + hasVertexColors;
-                                               let material = state.materials[ materialHash ];
-
-                                               if ( this.materials !== null ) {
-
-                                                       material = this.materials.create( sourceMaterial.name ); // mtl etc. loaders probably can't create line materials correctly, copy properties to a line material.
-
-                                                       if ( isLine && material && ! ( material instanceof THREE.LineBasicMaterial ) ) {
-
-                                                               const materialLine = new THREE.LineBasicMaterial();
-                                                               THREE.Material.prototype.copy.call( materialLine, material );
-                                                               materialLine.color.copy( material.color );
-                                                               material = materialLine;
-
-                                                       } else if ( isPoints && material && ! ( material instanceof THREE.PointsMaterial ) ) {
-
-                                                               const materialPoints = new THREE.PointsMaterial( {
-                                                                       size: 10,
-                                                                       sizeAttenuation: false
-                                                               } );
-                                                               THREE.Material.prototype.copy.call( materialPoints, material );
-                                                               materialPoints.color.copy( material.color );
-                                                               materialPoints.map = material.map;
-                                                               material = materialPoints;
-
-                                                       }
-
-                                               }
-
-                                               if ( material === undefined ) {
-
-                                                       if ( isLine ) {
-
-                                                               material = new THREE.LineBasicMaterial();
-
-                                                       } else if ( isPoints ) {
-
-                                                               material = new THREE.PointsMaterial( {
-                                                                       size: 1,
-                                                                       sizeAttenuation: false
-                                                               } );
-
-                                                       } else {
-
-                                                               material = new THREE.MeshPhongMaterial();
-
-                                                       }
-
-                                                       material.name = sourceMaterial.name;
-                                                       material.flatShading = sourceMaterial.smooth ? false : true;
-                                                       material.vertexColors = hasVertexColors;
-                                                       state.materials[ materialHash ] = material;
-
-                                               }
-
-                                               createdMaterials.push( material );
-
-                                       } // Create mesh
-
-
-                                       let mesh;
-
-                                       if ( createdMaterials.length > 1 ) {
-
-                                               for ( let mi = 0, miLen = materials.length; mi < miLen; mi ++ ) {
-
-                                                       const sourceMaterial = materials[ mi ];
-                                                       buffergeometry.addGroup( sourceMaterial.groupStart, sourceMaterial.groupCount, mi );
-
-                                               }
-
-                                               if ( isLine ) {
-
-                                                       mesh = new THREE.LineSegments( buffergeometry, createdMaterials );
-
-                                               } else if ( isPoints ) {
-
-                                                       mesh = new THREE.Points( buffergeometry, createdMaterials );
-
-                                               } else {
-
-                                                       mesh = new THREE.Mesh( buffergeometry, createdMaterials );
-
-                                               }
-
-                                       } else {
-
-                                               if ( isLine ) {
-
-                                                       mesh = new THREE.LineSegments( buffergeometry, createdMaterials[ 0 ] );
-
-                                               } else if ( isPoints ) {
-
-                                                       mesh = new THREE.Points( buffergeometry, createdMaterials[ 0 ] );
-
-                                               } else {
-
-                                                       mesh = new THREE.Mesh( buffergeometry, createdMaterials[ 0 ] );
-
-                                               }
-
-                                       }
-
-                                       mesh.name = object.name;
-                                       container.add( mesh );
-
-                               }
-
-                       } else {
-
-                               // if there is only the default parser state object with no geometry data, interpret data as point cloud
-                               if ( state.vertices.length > 0 ) {
-
-                                       const material = new THREE.PointsMaterial( {
-                                               size: 1,
-                                               sizeAttenuation: false
-                                       } );
-                                       const buffergeometry = new THREE.BufferGeometry();
-                                       buffergeometry.setAttribute( 'position', new THREE.Float32BufferAttribute( state.vertices, 3 ) );
-
-                                       if ( state.colors.length > 0 && state.colors[ 0 ] !== undefined ) {
-
-                                               buffergeometry.setAttribute( 'color', new THREE.Float32BufferAttribute( state.colors, 3 ) );
-                                               material.vertexColors = true;
-
-                                       }
-
-                                       const points = new THREE.Points( buffergeometry, material );
-                                       container.add( points );
-
-                               }
-
-                       }
-
-                       return container;
-
-               }
-
-       }
-
-       THREE.OBJLoader = OBJLoader;
-
-} )();
-(function () {
-
-       /**
-        * Based on http://www.emagix.net/academic/mscs-project/item/camera-sync-with-css3-and-webgl-threejs
-        */
-
-       const _position = new THREE.Vector3();
-
-       const _quaternion = new THREE.Quaternion();
-
-       const _scale = new THREE.Vector3();
-
-       class CSS3DObject extends THREE.Object3D {
-
-               constructor(element = document.createElement('div')) {
-
-                       super();
-                       this.element = element;
-                       this.element.style.position = 'absolute';
-                       this.element.style.pointerEvents = 'auto';
-                       this.element.style.userSelect = 'none';
-                       this.element.setAttribute('draggable', false);
-                       this.addEventListener('removed', function () {
-
-                               this.traverse(function (object) {
-
-                                       if (object.element instanceof Element && object.element.parentNode !== null) {
-
-                                               object.element.parentNode.removeChild(object.element);
-
-                                       }
-
-                               });
-
-                       });
-
-               }
-
-               copy(source, recursive) {
-
-                       super.copy(source, recursive);
-                       this.element = source.element.cloneNode(true);
-                       return this;
-
-               }
-
-       }
-
-       CSS3DObject.prototype.isCSS3DObject = true;
-
-       class CSS3DSprite extends CSS3DObject {
-
-               constructor(element) {
-
-                       super(element);
-                       this.rotation2D = 0;
-
-               }
-
-               copy(source, recursive) {
-
-                       super.copy(source, recursive);
-                       this.rotation2D = source.rotation2D;
-                       return this;
-
-               }
-
-       }
-
-       CSS3DSprite.prototype.isCSS3DSprite = true; //
-
-       const _matrix = new THREE.Matrix4();
-
-       const _matrix2 = new THREE.Matrix4();
-
-       class CSS3DRenderer {
-
-               constructor(parameters = {}) {
-
-                       const _this = this;
-
-                       let _width, _height;
-
-                       let _widthHalf, _heightHalf;
-
-                       const cache = {
-                               camera: {
-                                       fov: 0,
-                                       style: ''
-                               },
-                               objects: new WeakMap()
-                       };
-                       const domElement = parameters.element !== undefined ? parameters.element : document.createElement('div');
-                       domElement.style.overflow = 'hidden';
-                       this.domElement = domElement;
-                       const cameraElement = document.createElement('div');
-                       cameraElement.style.transformStyle = 'preserve-3d';
-                       cameraElement.style.pointerEvents = 'none';
-                       domElement.appendChild(cameraElement);
-
-                       this.getSize = function () {
-
-                               return {
-                                       width: _width,
-                                       height: _height
-                               };
-
-                       };
-
-                       this.render = function (scene, camera) {
-
-                               const fov = camera.projectionMatrix.elements[5] * _heightHalf;
-
-                               if (cache.camera.fov !== fov) {
-
-                                       domElement.style.perspective = camera.isPerspectiveCamera ? fov + 'px' : '';
-                                       cache.camera.fov = fov;
-
-                               }
-
-                               if (scene.autoUpdate === true) scene.updateMatrixWorld();
-                               if (camera.parent === null) camera.updateMatrixWorld();
-                               let tx, ty;
-
-                               if (camera.isOrthographicCamera) {
-
-                                       tx = -(camera.right + camera.left) / 2;
-                                       ty = (camera.top + camera.bottom) / 2;
-
-                               }
-
-                               const cameraCSSMatrix = camera.isOrthographicCamera ? 'scale(' + fov + ')' + 'translate(' + epsilon(tx) + 'px,' + epsilon(ty) + 'px)' + getCameraCSSMatrix(camera.matrixWorldInverse) : 'translateZ(' + fov + 'px)' + getCameraCSSMatrix(camera.matrixWorldInverse);
-                               const style = cameraCSSMatrix + 'translate(' + _widthHalf + 'px,' + _heightHalf + 'px)';
-
-                               if (cache.camera.style !== style) {
-
-                                       cameraElement.style.transform = style;
-                                       cache.camera.style = style;
-
-                               }
-
-                               renderObject(scene, scene, camera, cameraCSSMatrix);
-
-                       };
-
-                       this.setSize = function (width, height) {
-
-                               _width = width;
-                               _height = height;
-                               _widthHalf = _width / 2;
-                               _heightHalf = _height / 2;
-                               domElement.style.width = width + 'px';
-                               domElement.style.height = height + 'px';
-                               cameraElement.style.width = width + 'px';
-                               cameraElement.style.height = height + 'px';
-
-                       };
-
-                       function epsilon(value) {
-
-                               return Math.abs(value) < 1e-10 ? 0 : value;
-
-                       }
-
-                       function getCameraCSSMatrix(matrix) {
-
-                               const elements = matrix.elements;
-                               return 'matrix3d(' + epsilon(elements[0]) + ',' + epsilon(-elements[1]) + ',' + epsilon(elements[2]) + ',' + epsilon(elements[3]) + ',' + epsilon(elements[4]) + ',' + epsilon(-elements[5]) + ',' + epsilon(elements[6]) + ',' + epsilon(elements[7]) + ',' + epsilon(elements[8]) + ',' + epsilon(-elements[9]) + ',' + epsilon(elements[10]) + ',' + epsilon(elements[11]) + ',' + epsilon(elements[12]) + ',' + epsilon(-elements[13]) + ',' + epsilon(elements[14]) + ',' + epsilon(elements[15]) + ')';
-
-                       }
-
-                       function getObjectCSSMatrix(matrix) {
-
-                               const elements = matrix.elements;
-                               const matrix3d = 'matrix3d(' + epsilon(elements[0]) + ',' + epsilon(elements[1]) + ',' + epsilon(elements[2]) + ',' + epsilon(elements[3]) + ',' + epsilon(-elements[4]) + ',' + epsilon(-elements[5]) + ',' + epsilon(-elements[6]) + ',' + epsilon(-elements[7]) + ',' + epsilon(elements[8]) + ',' + epsilon(elements[9]) + ',' + epsilon(elements[10]) + ',' + epsilon(elements[11]) + ',' + epsilon(elements[12]) + ',' + epsilon(elements[13]) + ',' + epsilon(elements[14]) + ',' + epsilon(elements[15]) + ')';
-                               return 'translate(-50%,-50%)' + matrix3d;
-
-                       }
-
-                       function renderObject(object, scene, camera, cameraCSSMatrix) {
-
-                               if (object.isCSS3DObject) {
-
-                                       const visible = object.visible && object.layers.test(camera.layers);
-                                       object.element.style.display = visible ? '' : 'none'; // only getObjectCSSMatrix when object.visible
-
-                                       if (visible) {
-
-                                               object.onBeforeRender(_this, scene, camera);
-                                               let style;
-
-                                               if (object.isCSS3DSprite) {
-
-                                                       // http://swiftcoder.wordpress.com/2008/11/25/constructing-a-billboard-matrix/
-                                                       _matrix.copy(camera.matrixWorldInverse);
-
-                                                       _matrix.transpose();
-
-                                                       if (object.rotation2D !== 0) _matrix.multiply(_matrix2.makeRotationZ(object.rotation2D));
-                                                       object.matrixWorld.decompose(_position, _quaternion, _scale);
-
-                                                       _matrix.setPosition(_position);
-
-                                                       _matrix.scale(_scale);
-
-                                                       _matrix.elements[3] = 0;
-                                                       _matrix.elements[7] = 0;
-                                                       _matrix.elements[11] = 0;
-                                                       _matrix.elements[15] = 1;
-                                                       style = getObjectCSSMatrix(_matrix);
-
-                                               } else {
-
-                                                       style = getObjectCSSMatrix(object.matrixWorld);
-
-                                               }
-
-                                               const element = object.element;
-                                               const cachedObject = cache.objects.get(object);
-
-                                               if (cachedObject === undefined || cachedObject.style !== style) {
-
-                                                       element.style.transform = style;
-                                                       const objectData = {
-                                                               style: style
-                                                       };
-                                                       cache.objects.set(object, objectData);
-
-                                               }
-
-                                               if (element.parentNode !== cameraElement) {
-
-                                                       cameraElement.appendChild(element);
-
-                                               }
-
-                                               object.onAfterRender(_this, scene, camera);
-
-                                       }
-
-                               }
-
-                               for (let i = 0, l = object.children.length; i < l; i++) {
-
-                                       renderObject(object.children[i], scene, camera, cameraCSSMatrix);
-
-                               }
-
-                       }
-
-               }
-
-       }
-
-       THREE.CSS3DObject = CSS3DObject;
-       THREE.CSS3DRenderer = CSS3DRenderer;
-       THREE.CSS3DSprite = CSS3DSprite;
-
-})();
-( function () {
-
-       // Unlike TrackballControls, it maintains the "up" direction object.up (+Y by default).
-       //
-       //    Orbit - left mouse / touch: one-finger move
-       //    Zoom - middle mouse, or mousewheel / touch: two-finger spread or squish
-       //    Pan - right mouse, or left mouse + ctrl/meta/shiftKey, or arrow keys / touch: two-finger move
-
-       const _changeEvent = {
-               type: 'change'
-       };
-       const _startEvent = {
-               type: 'start'
-       };
-       const _endEvent = {
-               type: 'end'
-       };
-
-       class OrbitControls extends THREE.EventDispatcher {
-
-               constructor( object, domElement ) {
-
-                       super();
-                       if ( domElement === undefined ) console.warn( 'THREE.OrbitControls: The second parameter "domElement" is now mandatory.' );
-                       if ( domElement === document ) console.error( 'THREE.OrbitControls: "document" should not be used as the target "domElement". Please use "renderer.domElement" instead.' );
-                       this.object = object;
-                       this.domElement = domElement;
-                       this.domElement.style.touchAction = 'none'; // disable touch scroll
-                       // Set to false to disable this control
-
-                       this.enabled = true; // "target" sets the location of focus, where the object orbits around
-
-                       this.target = new THREE.Vector3(); // How far you can dolly in and out ( PerspectiveCamera only )
-
-                       this.minDistance = 0;
-                       this.maxDistance = Infinity; // How far you can zoom in and out ( OrthographicCamera only )
-
-                       this.minZoom = 0;
-                       this.maxZoom = Infinity; // How far you can orbit vertically, upper and lower limits.
-                       // Range is 0 to Math.PI radians.
-
-                       this.minPolarAngle = 0; // radians
-
-                       this.maxPolarAngle = Math.PI; // radians
-                       // How far you can orbit horizontally, upper and lower limits.
-                       // If set, the interval [ min, max ] must be a sub-interval of [ - 2 PI, 2 PI ], with ( max - min < 2 PI )
-
-                       this.minAzimuthAngle = - Infinity; // radians
-
-                       this.maxAzimuthAngle = Infinity; // radians
-                       // Set to true to enable damping (inertia)
-                       // If damping is enabled, you must call controls.update() in your animation loop
-
-                       this.enableDamping = false;
-                       this.dampingFactor = 0.05; // This option actually enables dollying in and out; left as "zoom" for backwards compatibility.
-                       // Set to false to disable zooming
-
-                       this.enableZoom = true;
-                       this.zoomSpeed = 1.0; // Set to false to disable rotating
-
-                       this.enableRotate = true;
-                       this.rotateSpeed = 1.0; // Set to false to disable panning
-
-                       this.enablePan = true;
-                       this.panSpeed = 1.0;
-                       this.screenSpacePanning = true; // if false, pan orthogonal to world-space direction camera.up
-
-                       this.keyPanSpeed = 7.0; // pixels moved per arrow key push
-                       // Set to true to automatically rotate around the target
-                       // If auto-rotate is enabled, you must call controls.update() in your animation loop
-
-                       this.autoRotate = false;
-                       this.autoRotateSpeed = 2.0; // 30 seconds per orbit when fps is 60
-                       // The four arrow keys
-
-                       this.keys = {
-                               LEFT: 'ArrowLeft',
-                               UP: 'ArrowUp',
-                               RIGHT: 'ArrowRight',
-                               BOTTOM: 'ArrowDown'
-                       }; // Mouse buttons
-
-                       this.mouseButtons = {
-                               LEFT: THREE.MOUSE.ROTATE,
-                               MIDDLE: THREE.MOUSE.DOLLY,
-                               RIGHT: THREE.MOUSE.PAN
-                       }; // Touch fingers
-
-                       this.touches = {
-                               ONE: THREE.TOUCH.ROTATE,
-                               TWO: THREE.TOUCH.DOLLY_PAN
-                       }; // for reset
-
-                       this.target0 = this.target.clone();
-                       this.position0 = this.object.position.clone();
-                       this.zoom0 = this.object.zoom; // the target DOM element for key events
-
-                       this._domElementKeyEvents = null; //
-                       // public methods
-                       //
-
-                       this.getPolarAngle = function () {
-
-                               return spherical.phi;
-
-                       };
-
-                       this.getAzimuthalAngle = function () {
-
-                               return spherical.theta;
-
-                       };
-
-                       this.getDistance = function () {
-
-                               return this.object.position.distanceTo( this.target );
-
-                       };
-
-                       this.listenToKeyEvents = function ( domElement ) {
-
-                               domElement.addEventListener( 'keydown', onKeyDown );
-                               this._domElementKeyEvents = domElement;
-
-                       };
-
-                       this.saveState = function () {
-
-                               scope.target0.copy( scope.target );
-                               scope.position0.copy( scope.object.position );
-                               scope.zoom0 = scope.object.zoom;
-
-                       };
-
-                       this.reset = function () {
-
-                               scope.target.copy( scope.target0 );
-                               scope.object.position.copy( scope.position0 );
-                               scope.object.zoom = scope.zoom0;
-                               scope.object.updateProjectionMatrix();
-                               scope.dispatchEvent( _changeEvent );
-                               scope.update();
-                               state = STATE.NONE;
-
-                       }; // this method is exposed, but perhaps it would be better if we can make it private...
-
-
-                       this.update = function () {
-
-                               const offset = new THREE.Vector3(); // so camera.up is the orbit axis
-
-                               const quat = new THREE.Quaternion().setFromUnitVectors( object.up, new THREE.Vector3( 0, 1, 0 ) );
-                               const quatInverse = quat.clone().invert();
-                               const lastPosition = new THREE.Vector3();
-                               const lastQuaternion = new THREE.Quaternion();
-                               const twoPI = 2 * Math.PI;
-                               return function update() {
-
-                                       const position = scope.object.position;
-                                       offset.copy( position ).sub( scope.target ); // rotate offset to "y-axis-is-up" space
-
-                                       offset.applyQuaternion( quat ); // angle from z-axis around y-axis
-
-                                       spherical.setFromVector3( offset );
-
-                                       if ( scope.autoRotate && state === STATE.NONE ) {
-
-                                               rotateLeft( getAutoRotationAngle() );
-
-                                       }
-
-                                       if ( scope.enableDamping ) {
-
-                                               spherical.theta += sphericalDelta.theta * scope.dampingFactor;
-                                               spherical.phi += sphericalDelta.phi * scope.dampingFactor;
-
-                                       } else {
-
-                                               spherical.theta += sphericalDelta.theta;
-                                               spherical.phi += sphericalDelta.phi;
-
-                                       } // restrict theta to be between desired limits
-
-
-                                       let min = scope.minAzimuthAngle;
-                                       let max = scope.maxAzimuthAngle;
-
-                                       if ( isFinite( min ) && isFinite( max ) ) {
-
-                                               if ( min < - Math.PI ) min += twoPI; else if ( min > Math.PI ) min -= twoPI;
-                                               if ( max < - Math.PI ) max += twoPI; else if ( max > Math.PI ) max -= twoPI;
-
-                                               if ( min <= max ) {
-
-                                                       spherical.theta = Math.max( min, Math.min( max, spherical.theta ) );
-
-                                               } else {
-
-                                                       spherical.theta = spherical.theta > ( min + max ) / 2 ? Math.max( min, spherical.theta ) : Math.min( max, spherical.theta );
-
-                                               }
-
-                                       } // restrict phi to be between desired limits
-
-
-                                       spherical.phi = Math.max( scope.minPolarAngle, Math.min( scope.maxPolarAngle, spherical.phi ) );
-                                       spherical.makeSafe();
-                                       spherical.radius *= scale; // restrict radius to be between desired limits
-
-                                       spherical.radius = Math.max( scope.minDistance, Math.min( scope.maxDistance, spherical.radius ) ); // move target to panned location
-
-                                       if ( scope.enableDamping === true ) {
-
-                                               scope.target.addScaledVector( panOffset, scope.dampingFactor );
-
-                                       } else {
-
-                                               scope.target.add( panOffset );
-
-                                       }
-
-                                       offset.setFromSpherical( spherical ); // rotate offset back to "camera-up-vector-is-up" space
-
-                                       offset.applyQuaternion( quatInverse );
-                                       position.copy( scope.target ).add( offset );
-                                       scope.object.lookAt( scope.target );
-
-                                       if ( scope.enableDamping === true ) {
-
-                                               sphericalDelta.theta *= 1 - scope.dampingFactor;
-                                               sphericalDelta.phi *= 1 - scope.dampingFactor;
-                                               panOffset.multiplyScalar( 1 - scope.dampingFactor );
-
-                                       } else {
-
-                                               sphericalDelta.set( 0, 0, 0 );
-                                               panOffset.set( 0, 0, 0 );
-
-                                       }
-
-                                       scale = 1; // update condition is:
-                                       // min(camera displacement, camera rotation in radians)^2 > EPS
-                                       // using small-angle approximation cos(x/2) = 1 - x^2 / 8
-
-                                       if ( zoomChanged || lastPosition.distanceToSquared( scope.object.position ) > EPS || 8 * ( 1 - lastQuaternion.dot( scope.object.quaternion ) ) > EPS ) {
-
-                                               scope.dispatchEvent( _changeEvent );
-                                               lastPosition.copy( scope.object.position );
-                                               lastQuaternion.copy( scope.object.quaternion );
-                                               zoomChanged = false;
-                                               return true;
-
-                                       }
-
-                                       return false;
-
-                               };
-
-                       }();
-
-                       this.dispose = function () {
-
-                               scope.domElement.removeEventListener( 'contextmenu', onContextMenu );
-                               scope.domElement.removeEventListener( 'pointerdown', onPointerDown );
-                               scope.domElement.removeEventListener( 'pointercancel', onPointerCancel );
-                               scope.domElement.removeEventListener( 'wheel', onMouseWheel );
-                               scope.domElement.removeEventListener( 'pointermove', onPointerMove );
-                               scope.domElement.removeEventListener( 'pointerup', onPointerUp );
-
-                               if ( scope._domElementKeyEvents !== null ) {
-
-                                       scope._domElementKeyEvents.removeEventListener( 'keydown', onKeyDown );
-
-                               } //scope.dispatchEvent( { type: 'dispose' } ); // should this be added here?
-
-                       }; //
-                       // internals
-                       //
-
-
-                       const scope = this;
-                       const STATE = {
-                               NONE: - 1,
-                               ROTATE: 0,
-                               DOLLY: 1,
-                               PAN: 2,
-                               TOUCH_ROTATE: 3,
-                               TOUCH_PAN: 4,
-                               TOUCH_DOLLY_PAN: 5,
-                               TOUCH_DOLLY_ROTATE: 6
-                       };
-                       let state = STATE.NONE;
-                       const EPS = 0.000001; // current position in spherical coordinates
-
-                       const spherical = new THREE.Spherical();
-                       const sphericalDelta = new THREE.Spherical();
-                       let scale = 1;
-                       const panOffset = new THREE.Vector3();
-                       let zoomChanged = false;
-                       const rotateStart = new THREE.Vector2();
-                       const rotateEnd = new THREE.Vector2();
-                       const rotateDelta = new THREE.Vector2();
-                       const panStart = new THREE.Vector2();
-                       const panEnd = new THREE.Vector2();
-                       const panDelta = new THREE.Vector2();
-                       const dollyStart = new THREE.Vector2();
-                       const dollyEnd = new THREE.Vector2();
-                       const dollyDelta = new THREE.Vector2();
-                       const pointers = [];
-                       const pointerPositions = {};
-
-                       function getAutoRotationAngle() {
-
-                               return 2 * Math.PI / 60 / 60 * scope.autoRotateSpeed;
-
-                       }
-
-                       function getZoomScale() {
-
-                               return Math.pow( 0.95, scope.zoomSpeed );
-
-                       }
-
-                       function rotateLeft( angle ) {
-
-                               sphericalDelta.theta -= angle;
-
-                       }
-
-                       function rotateUp( angle ) {
-
-                               sphericalDelta.phi -= angle;
-
-                       }
-
-                       const panLeft = function () {
-
-                               const v = new THREE.Vector3();
-                               return function panLeft( distance, objectMatrix ) {
-
-                                       v.setFromMatrixColumn( objectMatrix, 0 ); // get X column of objectMatrix
-
-                                       v.multiplyScalar( - distance );
-                                       panOffset.add( v );
-
-                               };
-
-                       }();
-
-                       const panUp = function () {
-
-                               const v = new THREE.Vector3();
-                               return function panUp( distance, objectMatrix ) {
-
-                                       if ( scope.screenSpacePanning === true ) {
-
-                                               v.setFromMatrixColumn( objectMatrix, 1 );
-
-                                       } else {
-
-                                               v.setFromMatrixColumn( objectMatrix, 0 );
-                                               v.crossVectors( scope.object.up, v );
-
-                                       }
-
-                                       v.multiplyScalar( distance );
-                                       panOffset.add( v );
-
-                               };
-
-                       }(); // deltaX and deltaY are in pixels; right and down are positive
-
-
-                       const pan = function () {
-
-                               const offset = new THREE.Vector3();
-                               return function pan( deltaX, deltaY ) {
-
-                                       const element = scope.domElement;
-
-                                       if ( scope.object.isPerspectiveCamera ) {
-
-                                               // perspective
-                                               const position = scope.object.position;
-                                               offset.copy( position ).sub( scope.target );
-                                               let targetDistance = offset.length(); // half of the fov is center to top of screen
-
-                                               targetDistance *= Math.tan( scope.object.fov / 2 * Math.PI / 180.0 ); // we use only clientHeight here so aspect ratio does not distort speed
-
-                                               panLeft( 2 * deltaX * targetDistance / element.clientHeight, scope.object.matrix );
-                                               panUp( 2 * deltaY * targetDistance / element.clientHeight, scope.object.matrix );
-
-                                       } else if ( scope.object.isOrthographicCamera ) {
-
-                                               // orthographic
-                                               panLeft( deltaX * ( scope.object.right - scope.object.left ) / scope.object.zoom / element.clientWidth, scope.object.matrix );
-                                               panUp( deltaY * ( scope.object.top - scope.object.bottom ) / scope.object.zoom / element.clientHeight, scope.object.matrix );
-
-                                       } else {
-
-                                               // camera neither orthographic nor perspective
-                                               console.warn( 'WARNING: OrbitControls.js encountered an unknown camera type - pan disabled.' );
-                                               scope.enablePan = false;
-
-                                       }
-
-                               };
-
-                       }();
-
-                       function dollyOut( dollyScale ) {
-
-                               if ( scope.object.isPerspectiveCamera ) {
-
-                                       scale /= dollyScale;
-
-                               } else if ( scope.object.isOrthographicCamera ) {
-
-                                       scope.object.zoom = Math.max( scope.minZoom, Math.min( scope.maxZoom, scope.object.zoom * dollyScale ) );
-                                       scope.object.updateProjectionMatrix();
-                                       zoomChanged = true;
-
-                               } else {
-
-                                       console.warn( 'WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled.' );
-                                       scope.enableZoom = false;
-
-                               }
-
-                       }
-
-                       function dollyIn( dollyScale ) {
-
-                               if ( scope.object.isPerspectiveCamera ) {
-
-                                       scale *= dollyScale;
-
-                               } else if ( scope.object.isOrthographicCamera ) {
-
-                                       scope.object.zoom = Math.max( scope.minZoom, Math.min( scope.maxZoom, scope.object.zoom / dollyScale ) );
-                                       scope.object.updateProjectionMatrix();
-                                       zoomChanged = true;
-
-                               } else {
-
-                                       console.warn( 'WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled.' );
-                                       scope.enableZoom = false;
-
-                               }
-
-                       } //
-                       // event callbacks - update the object state
-                       //
-
-
-                       function handleMouseDownRotate( event ) {
-
-                               rotateStart.set( event.clientX, event.clientY );
-
-                       }
-
-                       function handleMouseDownDolly( event ) {
-
-                               dollyStart.set( event.clientX, event.clientY );
-
-                       }
-
-                       function handleMouseDownPan( event ) {
-
-                               panStart.set( event.clientX, event.clientY );
-
-                       }
-
-                       function handleMouseMoveRotate( event ) {
-
-                               rotateEnd.set( event.clientX, event.clientY );
-                               rotateDelta.subVectors( rotateEnd, rotateStart ).multiplyScalar( scope.rotateSpeed );
-                               const element = scope.domElement;
-                               rotateLeft( 2 * Math.PI * rotateDelta.x / element.clientHeight ); // yes, height
-
-                               rotateUp( 2 * Math.PI * rotateDelta.y / element.clientHeight );
-                               rotateStart.copy( rotateEnd );
-                               scope.update();
-
-                       }
-
-                       function handleMouseMoveDolly( event ) {
-
-                               dollyEnd.set( event.clientX, event.clientY );
-                               dollyDelta.subVectors( dollyEnd, dollyStart );
-
-                               if ( dollyDelta.y > 0 ) {
-
-                                       dollyOut( getZoomScale() );
-
-                               } else if ( dollyDelta.y < 0 ) {
-
-                                       dollyIn( getZoomScale() );
-
-                               }
-
-                               dollyStart.copy( dollyEnd );
-                               scope.update();
-
-                       }
-
-                       function handleMouseMovePan( event ) {
-
-                               panEnd.set( event.clientX, event.clientY );
-                               panDelta.subVectors( panEnd, panStart ).multiplyScalar( scope.panSpeed );
-                               pan( panDelta.x, panDelta.y );
-                               panStart.copy( panEnd );
-                               scope.update();
-
-                       }
-
-                       function handleMouseWheel( event ) {
-
-                               if ( event.deltaY < 0 ) {
-
-                                       dollyIn( getZoomScale() );
-
-                               } else if ( event.deltaY > 0 ) {
-
-                                       dollyOut( getZoomScale() );
-
-                               }
-
-                               scope.update();
-
-                       }
-
-                       function handleKeyDown( event ) {
-
-                               let needsUpdate = false;
-
-                               switch ( event.code ) {
-
-                                       case scope.keys.UP:
-                                               pan( 0, scope.keyPanSpeed );
-                                               needsUpdate = true;
-                                               break;
-
-                                       case scope.keys.BOTTOM:
-                                               pan( 0, - scope.keyPanSpeed );
-                                               needsUpdate = true;
-                                               break;
-
-                                       case scope.keys.LEFT:
-                                               pan( scope.keyPanSpeed, 0 );
-                                               needsUpdate = true;
-                                               break;
-
-                                       case scope.keys.RIGHT:
-                                               pan( - scope.keyPanSpeed, 0 );
-                                               needsUpdate = true;
-                                               break;
-
-                               }
-
-                               if ( needsUpdate ) {
-
-                                       // prevent the browser from scrolling on cursor keys
-                                       event.preventDefault();
-                                       scope.update();
-
-                               }
-
-                       }
-
-                       function handleTouchStartRotate() {
-
-                               if ( pointers.length === 1 ) {
-
-                                       rotateStart.set( pointers[ 0 ].pageX, pointers[ 0 ].pageY );
-
-                               } else {
-
-                                       const x = 0.5 * ( pointers[ 0 ].pageX + pointers[ 1 ].pageX );
-                                       const y = 0.5 * ( pointers[ 0 ].pageY + pointers[ 1 ].pageY );
-                                       rotateStart.set( x, y );
-
-                               }
-
-                       }
-
-                       function handleTouchStartPan() {
-
-                               if ( pointers.length === 1 ) {
-
-                                       panStart.set( pointers[ 0 ].pageX, pointers[ 0 ].pageY );
-
-                               } else {
-
-                                       const x = 0.5 * ( pointers[ 0 ].pageX + pointers[ 1 ].pageX );
-                                       const y = 0.5 * ( pointers[ 0 ].pageY + pointers[ 1 ].pageY );
-                                       panStart.set( x, y );
-
-                               }
-
-                       }
-
-                       function handleTouchStartDolly() {
-
-                               const dx = pointers[ 0 ].pageX - pointers[ 1 ].pageX;
-                               const dy = pointers[ 0 ].pageY - pointers[ 1 ].pageY;
-                               const distance = Math.sqrt( dx * dx + dy * dy );
-                               dollyStart.set( 0, distance );
-
-                       }
-
-                       function handleTouchStartDollyPan() {
-
-                               if ( scope.enableZoom ) handleTouchStartDolly();
-                               if ( scope.enablePan ) handleTouchStartPan();
-
-                       }
-
-                       function handleTouchStartDollyRotate() {
-
-                               if ( scope.enableZoom ) handleTouchStartDolly();
-                               if ( scope.enableRotate ) handleTouchStartRotate();
-
-                       }
-
-                       function handleTouchMoveRotate( event ) {
-
-                               if ( pointers.length == 1 ) {
-
-                                       rotateEnd.set( event.pageX, event.pageY );
-
-                               } else {
-
-                                       const position = getSecondPointerPosition( event );
-                                       const x = 0.5 * ( event.pageX + position.x );
-                                       const y = 0.5 * ( event.pageY + position.y );
-                                       rotateEnd.set( x, y );
-
-                               }
-
-                               rotateDelta.subVectors( rotateEnd, rotateStart ).multiplyScalar( scope.rotateSpeed );
-                               const element = scope.domElement;
-                               rotateLeft( 2 * Math.PI * rotateDelta.x / element.clientHeight ); // yes, height
-
-                               rotateUp( 2 * Math.PI * rotateDelta.y / element.clientHeight );
-                               rotateStart.copy( rotateEnd );
-
-                       }
-
-                       function handleTouchMovePan( event ) {
-
-                               if ( pointers.length === 1 ) {
-
-                                       panEnd.set( event.pageX, event.pageY );
-
-                               } else {
-
-                                       const position = getSecondPointerPosition( event );
-                                       const x = 0.5 * ( event.pageX + position.x );
-                                       const y = 0.5 * ( event.pageY + position.y );
-                                       panEnd.set( x, y );
-
-                               }
-
-                               panDelta.subVectors( panEnd, panStart ).multiplyScalar( scope.panSpeed );
-                               pan( panDelta.x, panDelta.y );
-                               panStart.copy( panEnd );
-
-                       }
-
-                       function handleTouchMoveDolly( event ) {
-
-                               const position = getSecondPointerPosition( event );
-                               const dx = event.pageX - position.x;
-                               const dy = event.pageY - position.y;
-                               const distance = Math.sqrt( dx * dx + dy * dy );
-                               dollyEnd.set( 0, distance );
-                               dollyDelta.set( 0, Math.pow( dollyEnd.y / dollyStart.y, scope.zoomSpeed ) );
-                               dollyOut( dollyDelta.y );
-                               dollyStart.copy( dollyEnd );
-
-                       }
-
-                       function handleTouchMoveDollyPan( event ) {
-
-                               if ( scope.enableZoom ) handleTouchMoveDolly( event );
-                               if ( scope.enablePan ) handleTouchMovePan( event );
-
-                       }
-
-                       function handleTouchMoveDollyRotate( event ) {
-
-                               if ( scope.enableZoom ) handleTouchMoveDolly( event );
-                               if ( scope.enableRotate ) handleTouchMoveRotate( event );
-
-                       } //
-                       // event handlers - FSM: listen for events and reset state
-                       //
-
-
-                       function onPointerDown( event ) {
-
-                               if ( scope.enabled === false ) return;
-
-                               if ( pointers.length === 0 ) {
-
-                                       scope.domElement.setPointerCapture( event.pointerId );
-                                       scope.domElement.addEventListener( 'pointermove', onPointerMove );
-                                       scope.domElement.addEventListener( 'pointerup', onPointerUp );
-
-                               } //
-
-
-                               addPointer( event );
-
-                               if ( event.pointerType === 'touch' ) {
-
-                                       onTouchStart( event );
-
-                               } else {
-
-                                       onMouseDown( event );
-
-                               }
-
-                       }
-
-                       function onPointerMove( event ) {
-
-                               if ( scope.enabled === false ) return;
-
-                               if ( event.pointerType === 'touch' ) {
-
-                                       onTouchMove( event );
-
-                               } else {
-
-                                       onMouseMove( event );
-
-                               }
-
-                       }
-
-                       function onPointerUp( event ) {
-
-                               removePointer( event );
-
-                               if ( pointers.length === 0 ) {
-
-                                       scope.domElement.releasePointerCapture( event.pointerId );
-                                       scope.domElement.removeEventListener( 'pointermove', onPointerMove );
-                                       scope.domElement.removeEventListener( 'pointerup', onPointerUp );
-
-                               }
-
-                               scope.dispatchEvent( _endEvent );
-                               state = STATE.NONE;
-
-                       }
-
-                       function onPointerCancel( event ) {
-
-                               removePointer( event );
-
-                       }
-
-                       function onMouseDown( event ) {
-
-                               let mouseAction;
-
-                               switch ( event.button ) {
-
-                                       case 0:
-                                               mouseAction = scope.mouseButtons.LEFT;
-                                               break;
-
-                                       case 1:
-                                               mouseAction = scope.mouseButtons.MIDDLE;
-                                               break;
-
-                                       case 2:
-                                               mouseAction = scope.mouseButtons.RIGHT;
-                                               break;
-
-                                       default:
-                                               mouseAction = - 1;
-
-                               }
-
-                               switch ( mouseAction ) {
-
-                                       case THREE.MOUSE.DOLLY:
-                                               if ( scope.enableZoom === false ) return;
-                                               handleMouseDownDolly( event );
-                                               state = STATE.DOLLY;
-                                               break;
-
-                                       case THREE.MOUSE.ROTATE:
-                                               if ( event.ctrlKey || event.metaKey || event.shiftKey ) {
-
-                                                       if ( scope.enablePan === false ) return;
-                                                       handleMouseDownPan( event );
-                                                       state = STATE.PAN;
-
-                                               } else {
-
-                                                       if ( scope.enableRotate === false ) return;
-                                                       handleMouseDownRotate( event );
-                                                       state = STATE.ROTATE;
-
-                                               }
-
-                                               break;
-
-                                       case THREE.MOUSE.PAN:
-                                               if ( event.ctrlKey || event.metaKey || event.shiftKey ) {
-
-                                                       if ( scope.enableRotate === false ) return;
-                                                       handleMouseDownRotate( event );
-                                                       state = STATE.ROTATE;
-
-                                               } else {
-
-                                                       if ( scope.enablePan === false ) return;
-                                                       handleMouseDownPan( event );
-                                                       state = STATE.PAN;
-
-                                               }
-
-                                               break;
-
-                                       default:
-                                               state = STATE.NONE;
-
-                               }
-
-                               if ( state !== STATE.NONE ) {
-
-                                       scope.dispatchEvent( _startEvent );
-
-                               }
-
-                       }
-
-                       function onMouseMove( event ) {
-
-                               if ( scope.enabled === false ) return;
-
-                               switch ( state ) {
-
-                                       case STATE.ROTATE:
-                                               if ( scope.enableRotate === false ) return;
-                                               handleMouseMoveRotate( event );
-                                               break;
-
-                                       case STATE.DOLLY:
-                                               if ( scope.enableZoom === false ) return;
-                                               handleMouseMoveDolly( event );
-                                               break;
-
-                                       case STATE.PAN:
-                                               if ( scope.enablePan === false ) return;
-                                               handleMouseMovePan( event );
-                                               break;
-
-                               }
-
-                       }
-
-                       function onMouseWheel( event ) {
-
-                               if ( scope.enabled === false || scope.enableZoom === false || state !== STATE.NONE ) return;
-                               event.preventDefault();
-                               scope.dispatchEvent( _startEvent );
-                               handleMouseWheel( event );
-                               scope.dispatchEvent( _endEvent );
-
-                       }
-
-                       function onKeyDown( event ) {
-
-                               if ( scope.enabled === false || scope.enablePan === false ) return;
-                               handleKeyDown( event );
-
-                       }
-
-                       function onTouchStart( event ) {
-
-                               trackPointer( event );
-
-                               switch ( pointers.length ) {
-
-                                       case 1:
-                                               switch ( scope.touches.ONE ) {
-
-                                                       case THREE.TOUCH.ROTATE:
-                                                               if ( scope.enableRotate === false ) return;
-                                                               handleTouchStartRotate();
-                                                               state = STATE.TOUCH_ROTATE;
-                                                               break;
-
-                                                       case THREE.TOUCH.PAN:
-                                                               if ( scope.enablePan === false ) return;
-                                                               handleTouchStartPan();
-                                                               state = STATE.TOUCH_PAN;
-                                                               break;
-
-                                                       default:
-                                                               state = STATE.NONE;
-
-                                               }
-
-                                               break;
-
-                                       case 2:
-                                               switch ( scope.touches.TWO ) {
-
-                                                       case THREE.TOUCH.DOLLY_PAN:
-                                                               if ( scope.enableZoom === false && scope.enablePan === false ) return;
-                                                               handleTouchStartDollyPan();
-                                                               state = STATE.TOUCH_DOLLY_PAN;
-                                                               break;
-
-                                                       case THREE.TOUCH.DOLLY_ROTATE:
-                                                               if ( scope.enableZoom === false && scope.enableRotate === false ) return;
-                                                               handleTouchStartDollyRotate();
-                                                               state = STATE.TOUCH_DOLLY_ROTATE;
-                                                               break;
-
-                                                       default:
-                                                               state = STATE.NONE;
-
-                                               }
-
-                                               break;
-
-                                       default:
-                                               state = STATE.NONE;
-
-                               }
-
-                               if ( state !== STATE.NONE ) {
-
-                                       scope.dispatchEvent( _startEvent );
-
-                               }
-
-                       }
-
-                       function onTouchMove( event ) {
-
-                               trackPointer( event );
-
-                               switch ( state ) {
-
-                                       case STATE.TOUCH_ROTATE:
-                                               if ( scope.enableRotate === false ) return;
-                                               handleTouchMoveRotate( event );
-                                               scope.update();
-                                               break;
-
-                                       case STATE.TOUCH_PAN:
-                                               if ( scope.enablePan === false ) return;
-                                               handleTouchMovePan( event );
-                                               scope.update();
-                                               break;
-
-                                       case STATE.TOUCH_DOLLY_PAN:
-                                               if ( scope.enableZoom === false && scope.enablePan === false ) return;
-                                               handleTouchMoveDollyPan( event );
-                                               scope.update();
-                                               break;
-
-                                       case STATE.TOUCH_DOLLY_ROTATE:
-                                               if ( scope.enableZoom === false && scope.enableRotate === false ) return;
-                                               handleTouchMoveDollyRotate( event );
-                                               scope.update();
-                                               break;
-
-                                       default:
-                                               state = STATE.NONE;
-
-                               }
-
-                       }
-
-                       function onContextMenu( event ) {
-
-                               if ( scope.enabled === false ) return;
-                               event.preventDefault();
-
-                       }
-
-                       function addPointer( event ) {
-
-                               pointers.push( event );
-
-                       }
-
-                       function removePointer( event ) {
-
-                               delete pointerPositions[ event.pointerId ];
-
-                               for ( let i = 0; i < pointers.length; i ++ ) {
-
-                                       if ( pointers[ i ].pointerId == event.pointerId ) {
-
-                                               pointers.splice( i, 1 );
-                                               return;
-
-                                       }
-
-                               }
-
-                       }
-
-                       function trackPointer( event ) {
-
-                               let position = pointerPositions[ event.pointerId ];
-
-                               if ( position === undefined ) {
-
-                                       position = new THREE.Vector2();
-                                       pointerPositions[ event.pointerId ] = position;
-
-                               }
-
-                               position.set( event.pageX, event.pageY );
-
-                       }
-
-                       function getSecondPointerPosition( event ) {
-
-                               const pointer = event.pointerId === pointers[ 0 ].pointerId ? pointers[ 1 ] : pointers[ 0 ];
-                               return pointerPositions[ pointer.pointerId ];
-
-                       } //
-
-
-                       scope.domElement.addEventListener( 'contextmenu', onContextMenu );
-                       scope.domElement.addEventListener( 'pointerdown', onPointerDown );
-                       scope.domElement.addEventListener( 'pointercancel', onPointerCancel );
-                       scope.domElement.addEventListener( 'wheel', onMouseWheel, {
-                               passive: false
-                       } ); // force an update at start
-
-                       this.update();
-
-               }
-
-       } // This set of controls performs orbiting, dollying (zooming), and panning.
-       // Unlike TrackballControls, it maintains the "up" direction object.up (+Y by default).
-       // This is very similar to OrbitControls, another set of touch behavior
-       //
-       //    Orbit - right mouse, or left mouse + ctrl/meta/shiftKey / touch: two-finger rotate
-       //    Zoom - middle mouse, or mousewheel / touch: two-finger spread or squish
-       //    Pan - left mouse, or arrow keys / touch: one-finger move
-
-
-       class MapControls extends OrbitControls {
-
-               constructor( object, domElement ) {
-
-                       super( object, domElement );
-                       this.screenSpacePanning = false; // pan orthogonal to world-space direction camera.up
-
-                       this.mouseButtons.LEFT = THREE.MOUSE.PAN;
-                       this.mouseButtons.RIGHT = THREE.MOUSE.ROTATE;
-                       this.touches.ONE = THREE.TOUCH.PAN;
-                       this.touches.TWO = THREE.TOUCH.DOLLY_ROTATE;
-
-               }
-
-       }
-
-       THREE.MapControls = MapControls;
-       THREE.OrbitControls = OrbitControls;
-
-} )();
diff --git a/src/main/resources/static/obj-viewer/three.js b/src/main/resources/static/obj-viewer/three.js
deleted file mode 100644 (file)
index c633728..0000000
+++ /dev/null
@@ -1,36585 +0,0 @@
-(function () {
-       function r(e, n, t) {
-               function o(i, f) {
-                       if (!n[i]) {
-                               if (!e[i]) {
-                                       var c = "function" == typeof require && require;
-                                       if (!f && c) return c(i, !0);
-                                       if (u) return u(i, !0);
-                                       var a = new Error("Cannot find module '" + i + "'");
-                                       throw a.code = "MODULE_NOT_FOUND", a
-                               }
-                               var p = n[i] = {exports: {}};
-                               e[i][0].call(p.exports, function (r) {
-                                       var n = e[i][1][r];
-                                       return o(n || r)
-                               }, p, p.exports, r, e, n, t)
-                       }
-                       return n[i].exports
-               }
-
-               for (var u = "function" == typeof require && require, i = 0; i < t.length; i++) o(t[i]);
-               return o
-       }
-
-       return r
-})()({
-       1: [function (require, module, exports) {
-               window["THREE"] = require("three");
-       }, {"three": 2}], 2: [function (require, module, exports) {
-               /**
-                * @license
-                * Copyright 2010-2021 Three.js Authors
-                * SPDX-License-Identifier: MIT
-                */
-               (function (global, factory) {
-                       typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
-                               typeof define === 'function' && define.amd ? define(['exports'], factory) :
-                                       (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.THREE = {}));
-               }(this, (function (exports) {
-                       'use strict';
-
-                       const REVISION = '132';
-                       const MOUSE = {
-                               LEFT: 0,
-                               MIDDLE: 1,
-                               RIGHT: 2,
-                               ROTATE: 0,
-                               DOLLY: 1,
-                               PAN: 2
-                       };
-                       const TOUCH = {
-                               ROTATE: 0,
-                               PAN: 1,
-                               DOLLY_PAN: 2,
-                               DOLLY_ROTATE: 3
-                       };
-                       const CullFaceNone = 0;
-                       const CullFaceBack = 1;
-                       const CullFaceFront = 2;
-                       const CullFaceFrontBack = 3;
-                       const BasicShadowMap = 0;
-                       const PCFShadowMap = 1;
-                       const PCFSoftShadowMap = 2;
-                       const VSMShadowMap = 3;
-                       const FrontSide = 0;
-                       const BackSide = 1;
-                       const DoubleSide = 2;
-                       const FlatShading = 1;
-                       const SmoothShading = 2;
-                       const NoBlending = 0;
-                       const NormalBlending = 1;
-                       const AdditiveBlending = 2;
-                       const SubtractiveBlending = 3;
-                       const MultiplyBlending = 4;
-                       const CustomBlending = 5;
-                       const AddEquation = 100;
-                       const SubtractEquation = 101;
-                       const ReverseSubtractEquation = 102;
-                       const MinEquation = 103;
-                       const MaxEquation = 104;
-                       const ZeroFactor = 200;
-                       const OneFactor = 201;
-                       const SrcColorFactor = 202;
-                       const OneMinusSrcColorFactor = 203;
-                       const SrcAlphaFactor = 204;
-                       const OneMinusSrcAlphaFactor = 205;
-                       const DstAlphaFactor = 206;
-                       const OneMinusDstAlphaFactor = 207;
-                       const DstColorFactor = 208;
-                       const OneMinusDstColorFactor = 209;
-                       const SrcAlphaSaturateFactor = 210;
-                       const NeverDepth = 0;
-                       const AlwaysDepth = 1;
-                       const LessDepth = 2;
-                       const LessEqualDepth = 3;
-                       const EqualDepth = 4;
-                       const GreaterEqualDepth = 5;
-                       const GreaterDepth = 6;
-                       const NotEqualDepth = 7;
-                       const MultiplyOperation = 0;
-                       const MixOperation = 1;
-                       const AddOperation = 2;
-                       const NoToneMapping = 0;
-                       const LinearToneMapping = 1;
-                       const ReinhardToneMapping = 2;
-                       const CineonToneMapping = 3;
-                       const ACESFilmicToneMapping = 4;
-                       const CustomToneMapping = 5;
-                       const UVMapping = 300;
-                       const CubeReflectionMapping = 301;
-                       const CubeRefractionMapping = 302;
-                       const EquirectangularReflectionMapping = 303;
-                       const EquirectangularRefractionMapping = 304;
-                       const CubeUVReflectionMapping = 306;
-                       const CubeUVRefractionMapping = 307;
-                       const RepeatWrapping = 1000;
-                       const ClampToEdgeWrapping = 1001;
-                       const MirroredRepeatWrapping = 1002;
-                       const NearestFilter = 1003;
-                       const NearestMipmapNearestFilter = 1004;
-                       const NearestMipMapNearestFilter = 1004;
-                       const NearestMipmapLinearFilter = 1005;
-                       const NearestMipMapLinearFilter = 1005;
-                       const LinearFilter = 1006;
-                       const LinearMipmapNearestFilter = 1007;
-                       const LinearMipMapNearestFilter = 1007;
-                       const LinearMipmapLinearFilter = 1008;
-                       const LinearMipMapLinearFilter = 1008;
-                       const UnsignedByteType = 1009;
-                       const ByteType = 1010;
-                       const ShortType = 1011;
-                       const UnsignedShortType = 1012;
-                       const IntType = 1013;
-                       const UnsignedIntType = 1014;
-                       const FloatType = 1015;
-                       const HalfFloatType = 1016;
-                       const UnsignedShort4444Type = 1017;
-                       const UnsignedShort5551Type = 1018;
-                       const UnsignedShort565Type = 1019;
-                       const UnsignedInt248Type = 1020;
-                       const AlphaFormat = 1021;
-                       const RGBFormat = 1022;
-                       const RGBAFormat = 1023;
-                       const LuminanceFormat = 1024;
-                       const LuminanceAlphaFormat = 1025;
-                       const RGBEFormat = RGBAFormat;
-                       const DepthFormat = 1026;
-                       const DepthStencilFormat = 1027;
-                       const RedFormat = 1028;
-                       const RedIntegerFormat = 1029;
-                       const RGFormat = 1030;
-                       const RGIntegerFormat = 1031;
-                       const RGBIntegerFormat = 1032;
-                       const RGBAIntegerFormat = 1033;
-                       const RGB_S3TC_DXT1_Format = 33776;
-                       const RGBA_S3TC_DXT1_Format = 33777;
-                       const RGBA_S3TC_DXT3_Format = 33778;
-                       const RGBA_S3TC_DXT5_Format = 33779;
-                       const RGB_PVRTC_4BPPV1_Format = 35840;
-                       const RGB_PVRTC_2BPPV1_Format = 35841;
-                       const RGBA_PVRTC_4BPPV1_Format = 35842;
-                       const RGBA_PVRTC_2BPPV1_Format = 35843;
-                       const RGB_ETC1_Format = 36196;
-                       const RGB_ETC2_Format = 37492;
-                       const RGBA_ETC2_EAC_Format = 37496;
-                       const RGBA_ASTC_4x4_Format = 37808;
-                       const RGBA_ASTC_5x4_Format = 37809;
-                       const RGBA_ASTC_5x5_Format = 37810;
-                       const RGBA_ASTC_6x5_Format = 37811;
-                       const RGBA_ASTC_6x6_Format = 37812;
-                       const RGBA_ASTC_8x5_Format = 37813;
-                       const RGBA_ASTC_8x6_Format = 37814;
-                       const RGBA_ASTC_8x8_Format = 37815;
-                       const RGBA_ASTC_10x5_Format = 37816;
-                       const RGBA_ASTC_10x6_Format = 37817;
-                       const RGBA_ASTC_10x8_Format = 37818;
-                       const RGBA_ASTC_10x10_Format = 37819;
-                       const RGBA_ASTC_12x10_Format = 37820;
-                       const RGBA_ASTC_12x12_Format = 37821;
-                       const RGBA_BPTC_Format = 36492;
-                       const SRGB8_ALPHA8_ASTC_4x4_Format = 37840;
-                       const SRGB8_ALPHA8_ASTC_5x4_Format = 37841;
-                       const SRGB8_ALPHA8_ASTC_5x5_Format = 37842;
-                       const SRGB8_ALPHA8_ASTC_6x5_Format = 37843;
-                       const SRGB8_ALPHA8_ASTC_6x6_Format = 37844;
-                       const SRGB8_ALPHA8_ASTC_8x5_Format = 37845;
-                       const SRGB8_ALPHA8_ASTC_8x6_Format = 37846;
-                       const SRGB8_ALPHA8_ASTC_8x8_Format = 37847;
-                       const SRGB8_ALPHA8_ASTC_10x5_Format = 37848;
-                       const SRGB8_ALPHA8_ASTC_10x6_Format = 37849;
-                       const SRGB8_ALPHA8_ASTC_10x8_Format = 37850;
-                       const SRGB8_ALPHA8_ASTC_10x10_Format = 37851;
-                       const SRGB8_ALPHA8_ASTC_12x10_Format = 37852;
-                       const SRGB8_ALPHA8_ASTC_12x12_Format = 37853;
-                       const LoopOnce = 2200;
-                       const LoopRepeat = 2201;
-                       const LoopPingPong = 2202;
-                       const InterpolateDiscrete = 2300;
-                       const InterpolateLinear = 2301;
-                       const InterpolateSmooth = 2302;
-                       const ZeroCurvatureEnding = 2400;
-                       const ZeroSlopeEnding = 2401;
-                       const WrapAroundEnding = 2402;
-                       const NormalAnimationBlendMode = 2500;
-                       const AdditiveAnimationBlendMode = 2501;
-                       const TrianglesDrawMode = 0;
-                       const TriangleStripDrawMode = 1;
-                       const TriangleFanDrawMode = 2;
-                       const LinearEncoding = 3000;
-                       const sRGBEncoding = 3001;
-                       const GammaEncoding = 3007;
-                       const RGBEEncoding = 3002;
-                       const LogLuvEncoding = 3003;
-                       const RGBM7Encoding = 3004;
-                       const RGBM16Encoding = 3005;
-                       const RGBDEncoding = 3006;
-                       const BasicDepthPacking = 3200;
-                       const RGBADepthPacking = 3201;
-                       const TangentSpaceNormalMap = 0;
-                       const ObjectSpaceNormalMap = 1;
-                       const ZeroStencilOp = 0;
-                       const KeepStencilOp = 7680;
-                       const ReplaceStencilOp = 7681;
-                       const IncrementStencilOp = 7682;
-                       const DecrementStencilOp = 7683;
-                       const IncrementWrapStencilOp = 34055;
-                       const DecrementWrapStencilOp = 34056;
-                       const InvertStencilOp = 5386;
-                       const NeverStencilFunc = 512;
-                       const LessStencilFunc = 513;
-                       const EqualStencilFunc = 514;
-                       const LessEqualStencilFunc = 515;
-                       const GreaterStencilFunc = 516;
-                       const NotEqualStencilFunc = 517;
-                       const GreaterEqualStencilFunc = 518;
-                       const AlwaysStencilFunc = 519;
-                       const StaticDrawUsage = 35044;
-                       const DynamicDrawUsage = 35048;
-                       const StreamDrawUsage = 35040;
-                       const StaticReadUsage = 35045;
-                       const DynamicReadUsage = 35049;
-                       const StreamReadUsage = 35041;
-                       const StaticCopyUsage = 35046;
-                       const DynamicCopyUsage = 35050;
-                       const StreamCopyUsage = 35042;
-                       const GLSL1 = '100';
-                       const GLSL3 = '300 es';
-
-                       /**
-                        * https://github.com/mrdoob/eventdispatcher.js/
-                        */
-                       class EventDispatcher {
-                               addEventListener(type, listener) {
-                                       if (this._listeners === undefined) this._listeners = {};
-                                       const listeners = this._listeners;
-
-                                       if (listeners[type] === undefined) {
-                                               listeners[type] = [];
-                                       }
-
-                                       if (listeners[type].indexOf(listener) === -1) {
-                                               listeners[type].push(listener);
-                                       }
-                               }
-
-                               hasEventListener(type, listener) {
-                                       if (this._listeners === undefined) return false;
-                                       const listeners = this._listeners;
-                                       return listeners[type] !== undefined && listeners[type].indexOf(listener) !== -1;
-                               }
-
-                               removeEventListener(type, listener) {
-                                       if (this._listeners === undefined) return;
-                                       const listeners = this._listeners;
-                                       const listenerArray = listeners[type];
-
-                                       if (listenerArray !== undefined) {
-                                               const index = listenerArray.indexOf(listener);
-
-                                               if (index !== -1) {
-                                                       listenerArray.splice(index, 1);
-                                               }
-                                       }
-                               }
-
-                               dispatchEvent(event) {
-                                       if (this._listeners === undefined) return;
-                                       const listeners = this._listeners;
-                                       const listenerArray = listeners[event.type];
-
-                                       if (listenerArray !== undefined) {
-                                               event.target = this; // Make a copy, in case listeners are removed while iterating.
-
-                                               const array = listenerArray.slice(0);
-
-                                               for (let i = 0, l = array.length; i < l; i++) {
-                                                       array[i].call(this, event);
-                                               }
-
-                                               event.target = null;
-                                       }
-                               }
-
-                       }
-
-                       const _lut = [];
-
-                       for (let i = 0; i < 256; i++) {
-                               _lut[i] = (i < 16 ? '0' : '') + i.toString(16);
-                       }
-
-                       let _seed = 1234567;
-                       const DEG2RAD = Math.PI / 180;
-                       const RAD2DEG = 180 / Math.PI; // http://stackoverflow.com/questions/105034/how-to-create-a-guid-uuid-in-javascript/21963136#21963136
-
-                       function generateUUID() {
-                               const d0 = Math.random() * 0xffffffff | 0;
-                               const d1 = Math.random() * 0xffffffff | 0;
-                               const d2 = Math.random() * 0xffffffff | 0;
-                               const d3 = Math.random() * 0xffffffff | 0;
-                               const uuid = _lut[d0 & 0xff] + _lut[d0 >> 8 & 0xff] + _lut[d0 >> 16 & 0xff] + _lut[d0 >> 24 & 0xff] + '-' + _lut[d1 & 0xff] + _lut[d1 >> 8 & 0xff] + '-' + _lut[d1 >> 16 & 0x0f | 0x40] + _lut[d1 >> 24 & 0xff] + '-' + _lut[d2 & 0x3f | 0x80] + _lut[d2 >> 8 & 0xff] + '-' + _lut[d2 >> 16 & 0xff] + _lut[d2 >> 24 & 0xff] + _lut[d3 & 0xff] + _lut[d3 >> 8 & 0xff] + _lut[d3 >> 16 & 0xff] + _lut[d3 >> 24 & 0xff]; // .toUpperCase() here flattens concatenated strings to save heap memory space.
-
-                               return uuid.toUpperCase();
-                       }
-
-                       function clamp(value, min, max) {
-                               return Math.max(min, Math.min(max, value));
-                       } // compute euclidian modulo of m % n
-                       // https://en.wikipedia.org/wiki/Modulo_operation
-
-
-                       function euclideanModulo(n, m) {
-                               return (n % m + m) % m;
-                       } // Linear mapping from range <a1, a2> to range <b1, b2>
-
-
-                       function mapLinear(x, a1, a2, b1, b2) {
-                               return b1 + (x - a1) * (b2 - b1) / (a2 - a1);
-                       } // https://www.gamedev.net/tutorials/programming/general-and-gameplay-programming/inverse-lerp-a-super-useful-yet-often-overlooked-function-r5230/
-
-
-                       function inverseLerp(x, y, value) {
-                               if (x !== y) {
-                                       return (value - x) / (y - x);
-                               } else {
-                                       return 0;
-                               }
-                       } // https://en.wikipedia.org/wiki/Linear_interpolation
-
-
-                       function lerp(x, y, t) {
-                               return (1 - t) * x + t * y;
-                       } // http://www.rorydriscoll.com/2016/03/07/frame-rate-independent-damping-using-lerp/
-
-
-                       function damp(x, y, lambda, dt) {
-                               return lerp(x, y, 1 - Math.exp(-lambda * dt));
-                       } // https://www.desmos.com/calculator/vcsjnyz7x4
-
-
-                       function pingpong(x, length = 1) {
-                               return length - Math.abs(euclideanModulo(x, length * 2) - length);
-                       } // http://en.wikipedia.org/wiki/Smoothstep
-
-
-                       function smoothstep(x, min, max) {
-                               if (x <= min) return 0;
-                               if (x >= max) return 1;
-                               x = (x - min) / (max - min);
-                               return x * x * (3 - 2 * x);
-                       }
-
-                       function smootherstep(x, min, max) {
-                               if (x <= min) return 0;
-                               if (x >= max) return 1;
-                               x = (x - min) / (max - min);
-                               return x * x * x * (x * (x * 6 - 15) + 10);
-                       } // Random integer from <low, high> interval
-
-
-                       function randInt(low, high) {
-                               return low + Math.floor(Math.random() * (high - low + 1));
-                       } // Random float from <low, high> interval
-
-
-                       function randFloat(low, high) {
-                               return low + Math.random() * (high - low);
-                       } // Random float from <-range/2, range/2> interval
-
-
-                       function randFloatSpread(range) {
-                               return range * (0.5 - Math.random());
-                       } // Deterministic pseudo-random float in the interval [ 0, 1 ]
-
-
-                       function seededRandom(s) {
-                               if (s !== undefined) _seed = s % 2147483647; // Park-Miller algorithm
-
-                               _seed = _seed * 16807 % 2147483647;
-                               return (_seed - 1) / 2147483646;
-                       }
-
-                       function degToRad(degrees) {
-                               return degrees * DEG2RAD;
-                       }
-
-                       function radToDeg(radians) {
-                               return radians * RAD2DEG;
-                       }
-
-                       function isPowerOfTwo(value) {
-                               return (value & value - 1) === 0 && value !== 0;
-                       }
-
-                       function ceilPowerOfTwo(value) {
-                               return Math.pow(2, Math.ceil(Math.log(value) / Math.LN2));
-                       }
-
-                       function floorPowerOfTwo(value) {
-                               return Math.pow(2, Math.floor(Math.log(value) / Math.LN2));
-                       }
-
-                       function setQuaternionFromProperEuler(q, a, b, c, order) {
-                               // Intrinsic Proper Euler Angles - see https://en.wikipedia.org/wiki/Euler_angles
-                               // rotations are applied to the axes in the order specified by 'order'
-                               // rotation by angle 'a' is applied first, then by angle 'b', then by angle 'c'
-                               // angles are in radians
-                               const cos = Math.cos;
-                               const sin = Math.sin;
-                               const c2 = cos(b / 2);
-                               const s2 = sin(b / 2);
-                               const c13 = cos((a + c) / 2);
-                               const s13 = sin((a + c) / 2);
-                               const c1_3 = cos((a - c) / 2);
-                               const s1_3 = sin((a - c) / 2);
-                               const c3_1 = cos((c - a) / 2);
-                               const s3_1 = sin((c - a) / 2);
-
-                               switch (order) {
-                                       case 'XYX':
-                                               q.set(c2 * s13, s2 * c1_3, s2 * s1_3, c2 * c13);
-                                               break;
-
-                                       case 'YZY':
-                                               q.set(s2 * s1_3, c2 * s13, s2 * c1_3, c2 * c13);
-                                               break;
-
-                                       case 'ZXZ':
-                                               q.set(s2 * c1_3, s2 * s1_3, c2 * s13, c2 * c13);
-                                               break;
-
-                                       case 'XZX':
-                                               q.set(c2 * s13, s2 * s3_1, s2 * c3_1, c2 * c13);
-                                               break;
-
-                                       case 'YXY':
-                                               q.set(s2 * c3_1, c2 * s13, s2 * s3_1, c2 * c13);
-                                               break;
-
-                                       case 'ZYZ':
-                                               q.set(s2 * s3_1, s2 * c3_1, c2 * s13, c2 * c13);
-                                               break;
-
-                                       default:
-                                               console.warn('THREE.MathUtils: .setQuaternionFromProperEuler() encountered an unknown order: ' + order);
-                               }
-                       }
-
-                       var MathUtils = /*#__PURE__*/Object.freeze({
-                               __proto__: null,
-                               DEG2RAD: DEG2RAD,
-                               RAD2DEG: RAD2DEG,
-                               generateUUID: generateUUID,
-                               clamp: clamp,
-                               euclideanModulo: euclideanModulo,
-                               mapLinear: mapLinear,
-                               inverseLerp: inverseLerp,
-                               lerp: lerp,
-                               damp: damp,
-                               pingpong: pingpong,
-                               smoothstep: smoothstep,
-                               smootherstep: smootherstep,
-                               randInt: randInt,
-                               randFloat: randFloat,
-                               randFloatSpread: randFloatSpread,
-                               seededRandom: seededRandom,
-                               degToRad: degToRad,
-                               radToDeg: radToDeg,
-                               isPowerOfTwo: isPowerOfTwo,
-                               ceilPowerOfTwo: ceilPowerOfTwo,
-                               floorPowerOfTwo: floorPowerOfTwo,
-                               setQuaternionFromProperEuler: setQuaternionFromProperEuler
-                       });
-
-                       class Vector2 {
-                               constructor(x = 0, y = 0) {
-                                       this.x = x;
-                                       this.y = y;
-                               }
-
-                               get width() {
-                                       return this.x;
-                               }
-
-                               set width(value) {
-                                       this.x = value;
-                               }
-
-                               get height() {
-                                       return this.y;
-                               }
-
-                               set height(value) {
-                                       this.y = value;
-                               }
-
-                               set(x, y) {
-                                       this.x = x;
-                                       this.y = y;
-                                       return this;
-                               }
-
-                               setScalar(scalar) {
-                                       this.x = scalar;
-                                       this.y = scalar;
-                                       return this;
-                               }
-
-                               setX(x) {
-                                       this.x = x;
-                                       return this;
-                               }
-
-                               setY(y) {
-                                       this.y = y;
-                                       return this;
-                               }
-
-                               setComponent(index, value) {
-                                       switch (index) {
-                                               case 0:
-                                                       this.x = value;
-                                                       break;
-
-                                               case 1:
-                                                       this.y = value;
-                                                       break;
-
-                                               default:
-                                                       throw new Error('index is out of range: ' + index);
-                                       }
-
-                                       return this;
-                               }
-
-                               getComponent(index) {
-                                       switch (index) {
-                                               case 0:
-                                                       return this.x;
-
-                                               case 1:
-                                                       return this.y;
-
-                                               default:
-                                                       throw new Error('index is out of range: ' + index);
-                                       }
-                               }
-
-                               clone() {
-                                       return new this.constructor(this.x, this.y);
-                               }
-
-                               copy(v) {
-                                       this.x = v.x;
-                                       this.y = v.y;
-                                       return this;
-                               }
-
-                               add(v, w) {
-                                       if (w !== undefined) {
-                                               console.warn('THREE.Vector2: .add() now only accepts one argument. Use .addVectors( a, b ) instead.');
-                                               return this.addVectors(v, w);
-                                       }
-
-                                       this.x += v.x;
-                                       this.y += v.y;
-                                       return this;
-                               }
-
-                               addScalar(s) {
-                                       this.x += s;
-                                       this.y += s;
-                                       return this;
-                               }
-
-                               addVectors(a, b) {
-                                       this.x = a.x + b.x;
-                                       this.y = a.y + b.y;
-                                       return this;
-                               }
-
-                               addScaledVector(v, s) {
-                                       this.x += v.x * s;
-                                       this.y += v.y * s;
-                                       return this;
-                               }
-
-                               sub(v, w) {
-                                       if (w !== undefined) {
-                                               console.warn('THREE.Vector2: .sub() now only accepts one argument. Use .subVectors( a, b ) instead.');
-                                               return this.subVectors(v, w);
-                                       }
-
-                                       this.x -= v.x;
-                                       this.y -= v.y;
-                                       return this;
-                               }
-
-                               subScalar(s) {
-                                       this.x -= s;
-                                       this.y -= s;
-                                       return this;
-                               }
-
-                               subVectors(a, b) {
-                                       this.x = a.x - b.x;
-                                       this.y = a.y - b.y;
-                                       return this;
-                               }
-
-                               multiply(v) {
-                                       this.x *= v.x;
-                                       this.y *= v.y;
-                                       return this;
-                               }
-
-                               multiplyScalar(scalar) {
-                                       this.x *= scalar;
-                                       this.y *= scalar;
-                                       return this;
-                               }
-
-                               divide(v) {
-                                       this.x /= v.x;
-                                       this.y /= v.y;
-                                       return this;
-                               }
-
-                               divideScalar(scalar) {
-                                       return this.multiplyScalar(1 / scalar);
-                               }
-
-                               applyMatrix3(m) {
-                                       const x = this.x,
-                                               y = this.y;
-                                       const e = m.elements;
-                                       this.x = e[0] * x + e[3] * y + e[6];
-                                       this.y = e[1] * x + e[4] * y + e[7];
-                                       return this;
-                               }
-
-                               min(v) {
-                                       this.x = Math.min(this.x, v.x);
-                                       this.y = Math.min(this.y, v.y);
-                                       return this;
-                               }
-
-                               max(v) {
-                                       this.x = Math.max(this.x, v.x);
-                                       this.y = Math.max(this.y, v.y);
-                                       return this;
-                               }
-
-                               clamp(min, max) {
-                                       // assumes min < max, componentwise
-                                       this.x = Math.max(min.x, Math.min(max.x, this.x));
-                                       this.y = Math.max(min.y, Math.min(max.y, this.y));
-                                       return this;
-                               }
-
-                               clampScalar(minVal, maxVal) {
-                                       this.x = Math.max(minVal, Math.min(maxVal, this.x));
-                                       this.y = Math.max(minVal, Math.min(maxVal, this.y));
-                                       return this;
-                               }
-
-                               clampLength(min, max) {
-                                       const length = this.length();
-                                       return this.divideScalar(length || 1).multiplyScalar(Math.max(min, Math.min(max, length)));
-                               }
-
-                               floor() {
-                                       this.x = Math.floor(this.x);
-                                       this.y = Math.floor(this.y);
-                                       return this;
-                               }
-
-                               ceil() {
-                                       this.x = Math.ceil(this.x);
-                                       this.y = Math.ceil(this.y);
-                                       return this;
-                               }
-
-                               round() {
-                                       this.x = Math.round(this.x);
-                                       this.y = Math.round(this.y);
-                                       return this;
-                               }
-
-                               roundToZero() {
-                                       this.x = this.x < 0 ? Math.ceil(this.x) : Math.floor(this.x);
-                                       this.y = this.y < 0 ? Math.ceil(this.y) : Math.floor(this.y);
-                                       return this;
-                               }
-
-                               negate() {
-                                       this.x = -this.x;
-                                       this.y = -this.y;
-                                       return this;
-                               }
-
-                               dot(v) {
-                                       return this.x * v.x + this.y * v.y;
-                               }
-
-                               cross(v) {
-                                       return this.x * v.y - this.y * v.x;
-                               }
-
-                               lengthSq() {
-                                       return this.x * this.x + this.y * this.y;
-                               }
-
-                               length() {
-                                       return Math.sqrt(this.x * this.x + this.y * this.y);
-                               }
-
-                               manhattanLength() {
-                                       return Math.abs(this.x) + Math.abs(this.y);
-                               }
-
-                               normalize() {
-                                       return this.divideScalar(this.length() || 1);
-                               }
-
-                               angle() {
-                                       // computes the angle in radians with respect to the positive x-axis
-                                       const angle = Math.atan2(-this.y, -this.x) + Math.PI;
-                                       return angle;
-                               }
-
-                               distanceTo(v) {
-                                       return Math.sqrt(this.distanceToSquared(v));
-                               }
-
-                               distanceToSquared(v) {
-                                       const dx = this.x - v.x,
-                                               dy = this.y - v.y;
-                                       return dx * dx + dy * dy;
-                               }
-
-                               manhattanDistanceTo(v) {
-                                       return Math.abs(this.x - v.x) + Math.abs(this.y - v.y);
-                               }
-
-                               setLength(length) {
-                                       return this.normalize().multiplyScalar(length);
-                               }
-
-                               lerp(v, alpha) {
-                                       this.x += (v.x - this.x) * alpha;
-                                       this.y += (v.y - this.y) * alpha;
-                                       return this;
-                               }
-
-                               lerpVectors(v1, v2, alpha) {
-                                       this.x = v1.x + (v2.x - v1.x) * alpha;
-                                       this.y = v1.y + (v2.y - v1.y) * alpha;
-                                       return this;
-                               }
-
-                               equals(v) {
-                                       return v.x === this.x && v.y === this.y;
-                               }
-
-                               fromArray(array, offset = 0) {
-                                       this.x = array[offset];
-                                       this.y = array[offset + 1];
-                                       return this;
-                               }
-
-                               toArray(array = [], offset = 0) {
-                                       array[offset] = this.x;
-                                       array[offset + 1] = this.y;
-                                       return array;
-                               }
-
-                               fromBufferAttribute(attribute, index, offset) {
-                                       if (offset !== undefined) {
-                                               console.warn('THREE.Vector2: offset has been removed from .fromBufferAttribute().');
-                                       }
-
-                                       this.x = attribute.getX(index);
-                                       this.y = attribute.getY(index);
-                                       return this;
-                               }
-
-                               rotateAround(center, angle) {
-                                       const c = Math.cos(angle),
-                                               s = Math.sin(angle);
-                                       const x = this.x - center.x;
-                                       const y = this.y - center.y;
-                                       this.x = x * c - y * s + center.x;
-                                       this.y = x * s + y * c + center.y;
-                                       return this;
-                               }
-
-                               random() {
-                                       this.x = Math.random();
-                                       this.y = Math.random();
-                                       return this;
-                               }
-
-                       }
-
-                       Vector2.prototype.isVector2 = true;
-
-                       class Matrix3 {
-                               constructor() {
-                                       this.elements = [1, 0, 0, 0, 1, 0, 0, 0, 1];
-
-                                       if (arguments.length > 0) {
-                                               console.error('THREE.Matrix3: the constructor no longer reads arguments. use .set() instead.');
-                                       }
-                               }
-
-                               set(n11, n12, n13, n21, n22, n23, n31, n32, n33) {
-                                       const te = this.elements;
-                                       te[0] = n11;
-                                       te[1] = n21;
-                                       te[2] = n31;
-                                       te[3] = n12;
-                                       te[4] = n22;
-                                       te[5] = n32;
-                                       te[6] = n13;
-                                       te[7] = n23;
-                                       te[8] = n33;
-                                       return this;
-                               }
-
-                               identity() {
-                                       this.set(1, 0, 0, 0, 1, 0, 0, 0, 1);
-                                       return this;
-                               }
-
-                               copy(m) {
-                                       const te = this.elements;
-                                       const me = m.elements;
-                                       te[0] = me[0];
-                                       te[1] = me[1];
-                                       te[2] = me[2];
-                                       te[3] = me[3];
-                                       te[4] = me[4];
-                                       te[5] = me[5];
-                                       te[6] = me[6];
-                                       te[7] = me[7];
-                                       te[8] = me[8];
-                                       return this;
-                               }
-
-                               extractBasis(xAxis, yAxis, zAxis) {
-                                       xAxis.setFromMatrix3Column(this, 0);
-                                       yAxis.setFromMatrix3Column(this, 1);
-                                       zAxis.setFromMatrix3Column(this, 2);
-                                       return this;
-                               }
-
-                               setFromMatrix4(m) {
-                                       const me = m.elements;
-                                       this.set(me[0], me[4], me[8], me[1], me[5], me[9], me[2], me[6], me[10]);
-                                       return this;
-                               }
-
-                               multiply(m) {
-                                       return this.multiplyMatrices(this, m);
-                               }
-
-                               premultiply(m) {
-                                       return this.multiplyMatrices(m, this);
-                               }
-
-                               multiplyMatrices(a, b) {
-                                       const ae = a.elements;
-                                       const be = b.elements;
-                                       const te = this.elements;
-                                       const a11 = ae[0],
-                                               a12 = ae[3],
-                                               a13 = ae[6];
-                                       const a21 = ae[1],
-                                               a22 = ae[4],
-                                               a23 = ae[7];
-                                       const a31 = ae[2],
-                                               a32 = ae[5],
-                                               a33 = ae[8];
-                                       const b11 = be[0],
-                                               b12 = be[3],
-                                               b13 = be[6];
-                                       const b21 = be[1],
-                                               b22 = be[4],
-                                               b23 = be[7];
-                                       const b31 = be[2],
-                                               b32 = be[5],
-                                               b33 = be[8];
-                                       te[0] = a11 * b11 + a12 * b21 + a13 * b31;
-                                       te[3] = a11 * b12 + a12 * b22 + a13 * b32;
-                                       te[6] = a11 * b13 + a12 * b23 + a13 * b33;
-                                       te[1] = a21 * b11 + a22 * b21 + a23 * b31;
-                                       te[4] = a21 * b12 + a22 * b22 + a23 * b32;
-                                       te[7] = a21 * b13 + a22 * b23 + a23 * b33;
-                                       te[2] = a31 * b11 + a32 * b21 + a33 * b31;
-                                       te[5] = a31 * b12 + a32 * b22 + a33 * b32;
-                                       te[8] = a31 * b13 + a32 * b23 + a33 * b33;
-                                       return this;
-                               }
-
-                               multiplyScalar(s) {
-                                       const te = this.elements;
-                                       te[0] *= s;
-                                       te[3] *= s;
-                                       te[6] *= s;
-                                       te[1] *= s;
-                                       te[4] *= s;
-                                       te[7] *= s;
-                                       te[2] *= s;
-                                       te[5] *= s;
-                                       te[8] *= s;
-                                       return this;
-                               }
-
-                               determinant() {
-                                       const te = this.elements;
-                                       const a = te[0],
-                                               b = te[1],
-                                               c = te[2],
-                                               d = te[3],
-                                               e = te[4],
-                                               f = te[5],
-                                               g = te[6],
-                                               h = te[7],
-                                               i = te[8];
-                                       return a * e * i - a * f * h - b * d * i + b * f * g + c * d * h - c * e * g;
-                               }
-
-                               invert() {
-                                       const te = this.elements,
-                                               n11 = te[0],
-                                               n21 = te[1],
-                                               n31 = te[2],
-                                               n12 = te[3],
-                                               n22 = te[4],
-                                               n32 = te[5],
-                                               n13 = te[6],
-                                               n23 = te[7],
-                                               n33 = te[8],
-                                               t11 = n33 * n22 - n32 * n23,
-                                               t12 = n32 * n13 - n33 * n12,
-                                               t13 = n23 * n12 - n22 * n13,
-                                               det = n11 * t11 + n21 * t12 + n31 * t13;
-                                       if (det === 0) return this.set(0, 0, 0, 0, 0, 0, 0, 0, 0);
-                                       const detInv = 1 / det;
-                                       te[0] = t11 * detInv;
-                                       te[1] = (n31 * n23 - n33 * n21) * detInv;
-                                       te[2] = (n32 * n21 - n31 * n22) * detInv;
-                                       te[3] = t12 * detInv;
-                                       te[4] = (n33 * n11 - n31 * n13) * detInv;
-                                       te[5] = (n31 * n12 - n32 * n11) * detInv;
-                                       te[6] = t13 * detInv;
-                                       te[7] = (n21 * n13 - n23 * n11) * detInv;
-                                       te[8] = (n22 * n11 - n21 * n12) * detInv;
-                                       return this;
-                               }
-
-                               transpose() {
-                                       let tmp;
-                                       const m = this.elements;
-                                       tmp = m[1];
-                                       m[1] = m[3];
-                                       m[3] = tmp;
-                                       tmp = m[2];
-                                       m[2] = m[6];
-                                       m[6] = tmp;
-                                       tmp = m[5];
-                                       m[5] = m[7];
-                                       m[7] = tmp;
-                                       return this;
-                               }
-
-                               getNormalMatrix(matrix4) {
-                                       return this.setFromMatrix4(matrix4).invert().transpose();
-                               }
-
-                               transposeIntoArray(r) {
-                                       const m = this.elements;
-                                       r[0] = m[0];
-                                       r[1] = m[3];
-                                       r[2] = m[6];
-                                       r[3] = m[1];
-                                       r[4] = m[4];
-                                       r[5] = m[7];
-                                       r[6] = m[2];
-                                       r[7] = m[5];
-                                       r[8] = m[8];
-                                       return this;
-                               }
-
-                               setUvTransform(tx, ty, sx, sy, rotation, cx, cy) {
-                                       const c = Math.cos(rotation);
-                                       const s = Math.sin(rotation);
-                                       this.set(sx * c, sx * s, -sx * (c * cx + s * cy) + cx + tx, -sy * s, sy * c, -sy * (-s * cx + c * cy) + cy + ty, 0, 0, 1);
-                                       return this;
-                               }
-
-                               scale(sx, sy) {
-                                       const te = this.elements;
-                                       te[0] *= sx;
-                                       te[3] *= sx;
-                                       te[6] *= sx;
-                                       te[1] *= sy;
-                                       te[4] *= sy;
-                                       te[7] *= sy;
-                                       return this;
-                               }
-
-                               rotate(theta) {
-                                       const c = Math.cos(theta);
-                                       const s = Math.sin(theta);
-                                       const te = this.elements;
-                                       const a11 = te[0],
-                                               a12 = te[3],
-                                               a13 = te[6];
-                                       const a21 = te[1],
-                                               a22 = te[4],
-                                               a23 = te[7];
-                                       te[0] = c * a11 + s * a21;
-                                       te[3] = c * a12 + s * a22;
-                                       te[6] = c * a13 + s * a23;
-                                       te[1] = -s * a11 + c * a21;
-                                       te[4] = -s * a12 + c * a22;
-                                       te[7] = -s * a13 + c * a23;
-                                       return this;
-                               }
-
-                               translate(tx, ty) {
-                                       const te = this.elements;
-                                       te[0] += tx * te[2];
-                                       te[3] += tx * te[5];
-                                       te[6] += tx * te[8];
-                                       te[1] += ty * te[2];
-                                       te[4] += ty * te[5];
-                                       te[7] += ty * te[8];
-                                       return this;
-                               }
-
-                               equals(matrix) {
-                                       const te = this.elements;
-                                       const me = matrix.elements;
-
-                                       for (let i = 0; i < 9; i++) {
-                                               if (te[i] !== me[i]) return false;
-                                       }
-
-                                       return true;
-                               }
-
-                               fromArray(array, offset = 0) {
-                                       for (let i = 0; i < 9; i++) {
-                                               this.elements[i] = array[i + offset];
-                                       }
-
-                                       return this;
-                               }
-
-                               toArray(array = [], offset = 0) {
-                                       const te = this.elements;
-                                       array[offset] = te[0];
-                                       array[offset + 1] = te[1];
-                                       array[offset + 2] = te[2];
-                                       array[offset + 3] = te[3];
-                                       array[offset + 4] = te[4];
-                                       array[offset + 5] = te[5];
-                                       array[offset + 6] = te[6];
-                                       array[offset + 7] = te[7];
-                                       array[offset + 8] = te[8];
-                                       return array;
-                               }
-
-                               clone() {
-                                       return new this.constructor().fromArray(this.elements);
-                               }
-
-                       }
-
-                       Matrix3.prototype.isMatrix3 = true;
-
-                       let _canvas;
-
-                       class ImageUtils {
-                               static getDataURL(image) {
-                                       if (/^data:/i.test(image.src)) {
-                                               return image.src;
-                                       }
-
-                                       if (typeof HTMLCanvasElement == 'undefined') {
-                                               return image.src;
-                                       }
-
-                                       let canvas;
-
-                                       if (image instanceof HTMLCanvasElement) {
-                                               canvas = image;
-                                       } else {
-                                               if (_canvas === undefined) _canvas = document.createElementNS('http://www.w3.org/1999/xhtml', 'canvas');
-                                               _canvas.width = image.width;
-                                               _canvas.height = image.height;
-
-                                               const context = _canvas.getContext('2d');
-
-                                               if (image instanceof ImageData) {
-                                                       context.putImageData(image, 0, 0);
-                                               } else {
-                                                       context.drawImage(image, 0, 0, image.width, image.height);
-                                               }
-
-                                               canvas = _canvas;
-                                       }
-
-                                       if (canvas.width > 2048 || canvas.height > 2048) {
-                                               console.warn('THREE.ImageUtils.getDataURL: Image converted to jpg for performance reasons', image);
-                                               return canvas.toDataURL('image/jpeg', 0.6);
-                                       } else {
-                                               return canvas.toDataURL('image/png');
-                                       }
-                               }
-
-                       }
-
-                       let textureId = 0;
-
-                       class Texture extends EventDispatcher {
-                               constructor(image = Texture.DEFAULT_IMAGE, mapping = Texture.DEFAULT_MAPPING, wrapS = ClampToEdgeWrapping, wrapT = ClampToEdgeWrapping, magFilter = LinearFilter, minFilter = LinearMipmapLinearFilter, format = RGBAFormat, type = UnsignedByteType, anisotropy = 1, encoding = LinearEncoding) {
-                                       super();
-                                       Object.defineProperty(this, 'id', {
-                                               value: textureId++
-                                       });
-                                       this.uuid = generateUUID();
-                                       this.name = '';
-                                       this.image = image;
-                                       this.mipmaps = [];
-                                       this.mapping = mapping;
-                                       this.wrapS = wrapS;
-                                       this.wrapT = wrapT;
-                                       this.magFilter = magFilter;
-                                       this.minFilter = minFilter;
-                                       this.anisotropy = anisotropy;
-                                       this.format = format;
-                                       this.internalFormat = null;
-                                       this.type = type;
-                                       this.offset = new Vector2(0, 0);
-                                       this.repeat = new Vector2(1, 1);
-                                       this.center = new Vector2(0, 0);
-                                       this.rotation = 0;
-                                       this.matrixAutoUpdate = true;
-                                       this.matrix = new Matrix3();
-                                       this.generateMipmaps = true;
-                                       this.premultiplyAlpha = false;
-                                       this.flipY = true;
-                                       this.unpackAlignment = 4; // valid values: 1, 2, 4, 8 (see http://www.khronos.org/opengles/sdk/docs/man/xhtml/glPixelStorei.xml)
-                                       // Values of encoding !== THREE.LinearEncoding only supported on map, envMap and emissiveMap.
-                                       //
-                                       // Also changing the encoding after already used by a Material will not automatically make the Material
-                                       // update. You need to explicitly call Material.needsUpdate to trigger it to recompile.
-
-                                       this.encoding = encoding;
-                                       this.version = 0;
-                                       this.onUpdate = null;
-                                       this.isRenderTargetTexture = false;
-                               }
-
-                               updateMatrix() {
-                                       this.matrix.setUvTransform(this.offset.x, this.offset.y, this.repeat.x, this.repeat.y, this.rotation, this.center.x, this.center.y);
-                               }
-
-                               clone() {
-                                       return new this.constructor().copy(this);
-                               }
-
-                               copy(source) {
-                                       this.name = source.name;
-                                       this.image = source.image;
-                                       this.mipmaps = source.mipmaps.slice(0);
-                                       this.mapping = source.mapping;
-                                       this.wrapS = source.wrapS;
-                                       this.wrapT = source.wrapT;
-                                       this.magFilter = source.magFilter;
-                                       this.minFilter = source.minFilter;
-                                       this.anisotropy = source.anisotropy;
-                                       this.format = source.format;
-                                       this.internalFormat = source.internalFormat;
-                                       this.type = source.type;
-                                       this.offset.copy(source.offset);
-                                       this.repeat.copy(source.repeat);
-                                       this.center.copy(source.center);
-                                       this.rotation = source.rotation;
-                                       this.matrixAutoUpdate = source.matrixAutoUpdate;
-                                       this.matrix.copy(source.matrix);
-                                       this.generateMipmaps = source.generateMipmaps;
-                                       this.premultiplyAlpha = source.premultiplyAlpha;
-                                       this.flipY = source.flipY;
-                                       this.unpackAlignment = source.unpackAlignment;
-                                       this.encoding = source.encoding;
-                                       return this;
-                               }
-
-                               toJSON(meta) {
-                                       const isRootObject = meta === undefined || typeof meta === 'string';
-
-                                       if (!isRootObject && meta.textures[this.uuid] !== undefined) {
-                                               return meta.textures[this.uuid];
-                                       }
-
-                                       const output = {
-                                               metadata: {
-                                                       version: 4.5,
-                                                       type: 'Texture',
-                                                       generator: 'Texture.toJSON'
-                                               },
-                                               uuid: this.uuid,
-                                               name: this.name,
-                                               mapping: this.mapping,
-                                               repeat: [this.repeat.x, this.repeat.y],
-                                               offset: [this.offset.x, this.offset.y],
-                                               center: [this.center.x, this.center.y],
-                                               rotation: this.rotation,
-                                               wrap: [this.wrapS, this.wrapT],
-                                               format: this.format,
-                                               type: this.type,
-                                               encoding: this.encoding,
-                                               minFilter: this.minFilter,
-                                               magFilter: this.magFilter,
-                                               anisotropy: this.anisotropy,
-                                               flipY: this.flipY,
-                                               premultiplyAlpha: this.premultiplyAlpha,
-                                               unpackAlignment: this.unpackAlignment
-                                       };
-
-                                       if (this.image !== undefined) {
-                                               // TODO: Move to THREE.Image
-                                               const image = this.image;
-
-                                               if (image.uuid === undefined) {
-                                                       image.uuid = generateUUID(); // UGH
-                                               }
-
-                                               if (!isRootObject && meta.images[image.uuid] === undefined) {
-                                                       let url;
-
-                                                       if (Array.isArray(image)) {
-                                                               // process array of images e.g. CubeTexture
-                                                               url = [];
-
-                                                               for (let i = 0, l = image.length; i < l; i++) {
-                                                                       // check cube texture with data textures
-                                                                       if (image[i].isDataTexture) {
-                                                                               url.push(serializeImage(image[i].image));
-                                                                       } else {
-                                                                               url.push(serializeImage(image[i]));
-                                                                       }
-                                                               }
-                                                       } else {
-                                                               // process single image
-                                                               url = serializeImage(image);
-                                                       }
-
-                                                       meta.images[image.uuid] = {
-                                                               uuid: image.uuid,
-                                                               url: url
-                                                       };
-                                               }
-
-                                               output.image = image.uuid;
-                                       }
-
-                                       if (!isRootObject) {
-                                               meta.textures[this.uuid] = output;
-                                       }
-
-                                       return output;
-                               }
-
-                               dispose() {
-                                       this.dispatchEvent({
-                                               type: 'dispose'
-                                       });
-                               }
-
-                               transformUv(uv) {
-                                       if (this.mapping !== UVMapping) return uv;
-                                       uv.applyMatrix3(this.matrix);
-
-                                       if (uv.x < 0 || uv.x > 1) {
-                                               switch (this.wrapS) {
-                                                       case RepeatWrapping:
-                                                               uv.x = uv.x - Math.floor(uv.x);
-                                                               break;
-
-                                                       case ClampToEdgeWrapping:
-                                                               uv.x = uv.x < 0 ? 0 : 1;
-                                                               break;
-
-                                                       case MirroredRepeatWrapping:
-                                                               if (Math.abs(Math.floor(uv.x) % 2) === 1) {
-                                                                       uv.x = Math.ceil(uv.x) - uv.x;
-                                                               } else {
-                                                                       uv.x = uv.x - Math.floor(uv.x);
-                                                               }
-
-                                                               break;
-                                               }
-                                       }
-
-                                       if (uv.y < 0 || uv.y > 1) {
-                                               switch (this.wrapT) {
-                                                       case RepeatWrapping:
-                                                               uv.y = uv.y - Math.floor(uv.y);
-                                                               break;
-
-                                                       case ClampToEdgeWrapping:
-                                                               uv.y = uv.y < 0 ? 0 : 1;
-                                                               break;
-
-                                                       case MirroredRepeatWrapping:
-                                                               if (Math.abs(Math.floor(uv.y) % 2) === 1) {
-                                                                       uv.y = Math.ceil(uv.y) - uv.y;
-                                                               } else {
-                                                                       uv.y = uv.y - Math.floor(uv.y);
-                                                               }
-
-                                                               break;
-                                               }
-                                       }
-
-                                       if (this.flipY) {
-                                               uv.y = 1 - uv.y;
-                                       }
-
-                                       return uv;
-                               }
-
-                               set needsUpdate(value) {
-                                       if (value === true) this.version++;
-                               }
-
-                       }
-
-                       Texture.DEFAULT_IMAGE = undefined;
-                       Texture.DEFAULT_MAPPING = UVMapping;
-                       Texture.prototype.isTexture = true;
-
-                       function serializeImage(image) {
-                               if (typeof HTMLImageElement !== 'undefined' && image instanceof HTMLImageElement || typeof HTMLCanvasElement !== 'undefined' && image instanceof HTMLCanvasElement || typeof ImageBitmap !== 'undefined' && image instanceof ImageBitmap) {
-                                       // default images
-                                       return ImageUtils.getDataURL(image);
-                               } else {
-                                       if (image.data) {
-                                               // images of DataTexture
-                                               return {
-                                                       data: Array.prototype.slice.call(image.data),
-                                                       width: image.width,
-                                                       height: image.height,
-                                                       type: image.data.constructor.name
-                                               };
-                                       } else {
-                                               console.warn('THREE.Texture: Unable to serialize Texture.');
-                                               return {};
-                                       }
-                               }
-                       }
-
-                       class Vector4 {
-                               constructor(x = 0, y = 0, z = 0, w = 1) {
-                                       this.x = x;
-                                       this.y = y;
-                                       this.z = z;
-                                       this.w = w;
-                               }
-
-                               get width() {
-                                       return this.z;
-                               }
-
-                               set width(value) {
-                                       this.z = value;
-                               }
-
-                               get height() {
-                                       return this.w;
-                               }
-
-                               set height(value) {
-                                       this.w = value;
-                               }
-
-                               set(x, y, z, w) {
-                                       this.x = x;
-                                       this.y = y;
-                                       this.z = z;
-                                       this.w = w;
-                                       return this;
-                               }
-
-                               setScalar(scalar) {
-                                       this.x = scalar;
-                                       this.y = scalar;
-                                       this.z = scalar;
-                                       this.w = scalar;
-                                       return this;
-                               }
-
-                               setX(x) {
-                                       this.x = x;
-                                       return this;
-                               }
-
-                               setY(y) {
-                                       this.y = y;
-                                       return this;
-                               }
-
-                               setZ(z) {
-                                       this.z = z;
-                                       return this;
-                               }
-
-                               setW(w) {
-                                       this.w = w;
-                                       return this;
-                               }
-
-                               setComponent(index, value) {
-                                       switch (index) {
-                                               case 0:
-                                                       this.x = value;
-                                                       break;
-
-                                               case 1:
-                                                       this.y = value;
-                                                       break;
-
-                                               case 2:
-                                                       this.z = value;
-                                                       break;
-
-                                               case 3:
-                                                       this.w = value;
-                                                       break;
-
-                                               default:
-                                                       throw new Error('index is out of range: ' + index);
-                                       }
-
-                                       return this;
-                               }
-
-                               getComponent(index) {
-                                       switch (index) {
-                                               case 0:
-                                                       return this.x;
-
-                                               case 1:
-                                                       return this.y;
-
-                                               case 2:
-                                                       return this.z;
-
-                                               case 3:
-                                                       return this.w;
-
-                                               default:
-                                                       throw new Error('index is out of range: ' + index);
-                                       }
-                               }
-
-                               clone() {
-                                       return new this.constructor(this.x, this.y, this.z, this.w);
-                               }
-
-                               copy(v) {
-                                       this.x = v.x;
-                                       this.y = v.y;
-                                       this.z = v.z;
-                                       this.w = v.w !== undefined ? v.w : 1;
-                                       return this;
-                               }
-
-                               add(v, w) {
-                                       if (w !== undefined) {
-                                               console.warn('THREE.Vector4: .add() now only accepts one argument. Use .addVectors( a, b ) instead.');
-                                               return this.addVectors(v, w);
-                                       }
-
-                                       this.x += v.x;
-                                       this.y += v.y;
-                                       this.z += v.z;
-                                       this.w += v.w;
-                                       return this;
-                               }
-
-                               addScalar(s) {
-                                       this.x += s;
-                                       this.y += s;
-                                       this.z += s;
-                                       this.w += s;
-                                       return this;
-                               }
-
-                               addVectors(a, b) {
-                                       this.x = a.x + b.x;
-                                       this.y = a.y + b.y;
-                                       this.z = a.z + b.z;
-                                       this.w = a.w + b.w;
-                                       return this;
-                               }
-
-                               addScaledVector(v, s) {
-                                       this.x += v.x * s;
-                                       this.y += v.y * s;
-                                       this.z += v.z * s;
-                                       this.w += v.w * s;
-                                       return this;
-                               }
-
-                               sub(v, w) {
-                                       if (w !== undefined) {
-                                               console.warn('THREE.Vector4: .sub() now only accepts one argument. Use .subVectors( a, b ) instead.');
-                                               return this.subVectors(v, w);
-                                       }
-
-                                       this.x -= v.x;
-                                       this.y -= v.y;
-                                       this.z -= v.z;
-                                       this.w -= v.w;
-                                       return this;
-                               }
-
-                               subScalar(s) {
-                                       this.x -= s;
-                                       this.y -= s;
-                                       this.z -= s;
-                                       this.w -= s;
-                                       return this;
-                               }
-
-                               subVectors(a, b) {
-                                       this.x = a.x - b.x;
-                                       this.y = a.y - b.y;
-                                       this.z = a.z - b.z;
-                                       this.w = a.w - b.w;
-                                       return this;
-                               }
-
-                               multiply(v) {
-                                       this.x *= v.x;
-                                       this.y *= v.y;
-                                       this.z *= v.z;
-                                       this.w *= v.w;
-                                       return this;
-                               }
-
-                               multiplyScalar(scalar) {
-                                       this.x *= scalar;
-                                       this.y *= scalar;
-                                       this.z *= scalar;
-                                       this.w *= scalar;
-                                       return this;
-                               }
-
-                               applyMatrix4(m) {
-                                       const x = this.x,
-                                               y = this.y,
-                                               z = this.z,
-                                               w = this.w;
-                                       const e = m.elements;
-                                       this.x = e[0] * x + e[4] * y + e[8] * z + e[12] * w;
-                                       this.y = e[1] * x + e[5] * y + e[9] * z + e[13] * w;
-                                       this.z = e[2] * x + e[6] * y + e[10] * z + e[14] * w;
-                                       this.w = e[3] * x + e[7] * y + e[11] * z + e[15] * w;
-                                       return this;
-                               }
-
-                               divideScalar(scalar) {
-                                       return this.multiplyScalar(1 / scalar);
-                               }
-
-                               setAxisAngleFromQuaternion(q) {
-                                       // http://www.euclideanspace.com/maths/geometry/rotations/conversions/quaternionToAngle/index.htm
-                                       // q is assumed to be normalized
-                                       this.w = 2 * Math.acos(q.w);
-                                       const s = Math.sqrt(1 - q.w * q.w);
-
-                                       if (s < 0.0001) {
-                                               this.x = 1;
-                                               this.y = 0;
-                                               this.z = 0;
-                                       } else {
-                                               this.x = q.x / s;
-                                               this.y = q.y / s;
-                                               this.z = q.z / s;
-                                       }
-
-                                       return this;
-                               }
-
-                               setAxisAngleFromRotationMatrix(m) {
-                                       // http://www.euclideanspace.com/maths/geometry/rotations/conversions/matrixToAngle/index.htm
-                                       // assumes the upper 3x3 of m is a pure rotation matrix (i.e, unscaled)
-                                       let angle, x, y, z; // variables for result
-
-                                       const epsilon = 0.01,
-                                               // margin to allow for rounding errors
-                                               epsilon2 = 0.1,
-                                               // margin to distinguish between 0 and 180 degrees
-                                               te = m.elements,
-                                               m11 = te[0],
-                                               m12 = te[4],
-                                               m13 = te[8],
-                                               m21 = te[1],
-                                               m22 = te[5],
-                                               m23 = te[9],
-                                               m31 = te[2],
-                                               m32 = te[6],
-                                               m33 = te[10];
-
-                                       if (Math.abs(m12 - m21) < epsilon && Math.abs(m13 - m31) < epsilon && Math.abs(m23 - m32) < epsilon) {
-                                               // singularity found
-                                               // first check for identity matrix which must have +1 for all terms
-                                               // in leading diagonal and zero in other terms
-                                               if (Math.abs(m12 + m21) < epsilon2 && Math.abs(m13 + m31) < epsilon2 && Math.abs(m23 + m32) < epsilon2 && Math.abs(m11 + m22 + m33 - 3) < epsilon2) {
-                                                       // this singularity is identity matrix so angle = 0
-                                                       this.set(1, 0, 0, 0);
-                                                       return this; // zero angle, arbitrary axis
-                                               } // otherwise this singularity is angle = 180
-
-
-                                               angle = Math.PI;
-                                               const xx = (m11 + 1) / 2;
-                                               const yy = (m22 + 1) / 2;
-                                               const zz = (m33 + 1) / 2;
-                                               const xy = (m12 + m21) / 4;
-                                               const xz = (m13 + m31) / 4;
-                                               const yz = (m23 + m32) / 4;
-
-                                               if (xx > yy && xx > zz) {
-                                                       // m11 is the largest diagonal term
-                                                       if (xx < epsilon) {
-                                                               x = 0;
-                                                               y = 0.707106781;
-                                                               z = 0.707106781;
-                                                       } else {
-                                                               x = Math.sqrt(xx);
-                                                               y = xy / x;
-                                                               z = xz / x;
-                                                       }
-                                               } else if (yy > zz) {
-                                                       // m22 is the largest diagonal term
-                                                       if (yy < epsilon) {
-                                                               x = 0.707106781;
-                                                               y = 0;
-                                                               z = 0.707106781;
-                                                       } else {
-                                                               y = Math.sqrt(yy);
-                                                               x = xy / y;
-                                                               z = yz / y;
-                                                       }
-                                               } else {
-                                                       // m33 is the largest diagonal term so base result on this
-                                                       if (zz < epsilon) {
-                                                               x = 0.707106781;
-                                                               y = 0.707106781;
-                                                               z = 0;
-                                                       } else {
-                                                               z = Math.sqrt(zz);
-                                                               x = xz / z;
-                                                               y = yz / z;
-                                                       }
-                                               }
-
-                                               this.set(x, y, z, angle);
-                                               return this; // return 180 deg rotation
-                                       } // as we have reached here there are no singularities so we can handle normally
-
-
-                                       let s = Math.sqrt((m32 - m23) * (m32 - m23) + (m13 - m31) * (m13 - m31) + (m21 - m12) * (m21 - m12)); // used to normalize
-
-                                       if (Math.abs(s) < 0.001) s = 1; // prevent divide by zero, should not happen if matrix is orthogonal and should be
-                                       // caught by singularity test above, but I've left it in just in case
-
-                                       this.x = (m32 - m23) / s;
-                                       this.y = (m13 - m31) / s;
-                                       this.z = (m21 - m12) / s;
-                                       this.w = Math.acos((m11 + m22 + m33 - 1) / 2);
-                                       return this;
-                               }
-
-                               min(v) {
-                                       this.x = Math.min(this.x, v.x);
-                                       this.y = Math.min(this.y, v.y);
-                                       this.z = Math.min(this.z, v.z);
-                                       this.w = Math.min(this.w, v.w);
-                                       return this;
-                               }
-
-                               max(v) {
-                                       this.x = Math.max(this.x, v.x);
-                                       this.y = Math.max(this.y, v.y);
-                                       this.z = Math.max(this.z, v.z);
-                                       this.w = Math.max(this.w, v.w);
-                                       return this;
-                               }
-
-                               clamp(min, max) {
-                                       // assumes min < max, componentwise
-                                       this.x = Math.max(min.x, Math.min(max.x, this.x));
-                                       this.y = Math.max(min.y, Math.min(max.y, this.y));
-                                       this.z = Math.max(min.z, Math.min(max.z, this.z));
-                                       this.w = Math.max(min.w, Math.min(max.w, this.w));
-                                       return this;
-                               }
-
-                               clampScalar(minVal, maxVal) {
-                                       this.x = Math.max(minVal, Math.min(maxVal, this.x));
-                                       this.y = Math.max(minVal, Math.min(maxVal, this.y));
-                                       this.z = Math.max(minVal, Math.min(maxVal, this.z));
-                                       this.w = Math.max(minVal, Math.min(maxVal, this.w));
-                                       return this;
-                               }
-
-                               clampLength(min, max) {
-                                       const length = this.length();
-                                       return this.divideScalar(length || 1).multiplyScalar(Math.max(min, Math.min(max, length)));
-                               }
-
-                               floor() {
-                                       this.x = Math.floor(this.x);
-                                       this.y = Math.floor(this.y);
-                                       this.z = Math.floor(this.z);
-                                       this.w = Math.floor(this.w);
-                                       return this;
-                               }
-
-                               ceil() {
-                                       this.x = Math.ceil(this.x);
-                                       this.y = Math.ceil(this.y);
-                                       this.z = Math.ceil(this.z);
-                                       this.w = Math.ceil(this.w);
-                                       return this;
-                               }
-
-                               round() {
-                                       this.x = Math.round(this.x);
-                                       this.y = Math.round(this.y);
-                                       this.z = Math.round(this.z);
-                                       this.w = Math.round(this.w);
-                                       return this;
-                               }
-
-                               roundToZero() {
-                                       this.x = this.x < 0 ? Math.ceil(this.x) : Math.floor(this.x);
-                                       this.y = this.y < 0 ? Math.ceil(this.y) : Math.floor(this.y);
-                                       this.z = this.z < 0 ? Math.ceil(this.z) : Math.floor(this.z);
-                                       this.w = this.w < 0 ? Math.ceil(this.w) : Math.floor(this.w);
-                                       return this;
-                               }
-
-                               negate() {
-                                       this.x = -this.x;
-                                       this.y = -this.y;
-                                       this.z = -this.z;
-                                       this.w = -this.w;
-                                       return this;
-                               }
-
-                               dot(v) {
-                                       return this.x * v.x + this.y * v.y + this.z * v.z + this.w * v.w;
-                               }
-
-                               lengthSq() {
-                                       return this.x * this.x + this.y * this.y + this.z * this.z + this.w * this.w;
-                               }
-
-                               length() {
-                                       return Math.sqrt(this.x * this.x + this.y * this.y + this.z * this.z + this.w * this.w);
-                               }
-
-                               manhattanLength() {
-                                       return Math.abs(this.x) + Math.abs(this.y) + Math.abs(this.z) + Math.abs(this.w);
-                               }
-
-                               normalize() {
-                                       return this.divideScalar(this.length() || 1);
-                               }
-
-                               setLength(length) {
-                                       return this.normalize().multiplyScalar(length);
-                               }
-
-                               lerp(v, alpha) {
-                                       this.x += (v.x - this.x) * alpha;
-                                       this.y += (v.y - this.y) * alpha;
-                                       this.z += (v.z - this.z) * alpha;
-                                       this.w += (v.w - this.w) * alpha;
-                                       return this;
-                               }
-
-                               lerpVectors(v1, v2, alpha) {
-                                       this.x = v1.x + (v2.x - v1.x) * alpha;
-                                       this.y = v1.y + (v2.y - v1.y) * alpha;
-                                       this.z = v1.z + (v2.z - v1.z) * alpha;
-                                       this.w = v1.w + (v2.w - v1.w) * alpha;
-                                       return this;
-                               }
-
-                               equals(v) {
-                                       return v.x === this.x && v.y === this.y && v.z === this.z && v.w === this.w;
-                               }
-
-                               fromArray(array, offset = 0) {
-                                       this.x = array[offset];
-                                       this.y = array[offset + 1];
-                                       this.z = array[offset + 2];
-                                       this.w = array[offset + 3];
-                                       return this;
-                               }
-
-                               toArray(array = [], offset = 0) {
-                                       array[offset] = this.x;
-                                       array[offset + 1] = this.y;
-                                       array[offset + 2] = this.z;
-                                       array[offset + 3] = this.w;
-                                       return array;
-                               }
-
-                               fromBufferAttribute(attribute, index, offset) {
-                                       if (offset !== undefined) {
-                                               console.warn('THREE.Vector4: offset has been removed from .fromBufferAttribute().');
-                                       }
-
-                                       this.x = attribute.getX(index);
-                                       this.y = attribute.getY(index);
-                                       this.z = attribute.getZ(index);
-                                       this.w = attribute.getW(index);
-                                       return this;
-                               }
-
-                               random() {
-                                       this.x = Math.random();
-                                       this.y = Math.random();
-                                       this.z = Math.random();
-                                       this.w = Math.random();
-                                       return this;
-                               }
-
-                       }
-
-                       Vector4.prototype.isVector4 = true;
-
-                       /*
-        In options, we can specify:
-        * Texture parameters for an auto-generated target texture
-        * depthBuffer/stencilBuffer: Booleans to indicate if we should generate these buffers
-       */
-
-                       class WebGLRenderTarget extends EventDispatcher {
-                               constructor(width, height, options = {}) {
-                                       super();
-                                       this.width = width;
-                                       this.height = height;
-                                       this.depth = 1;
-                                       this.scissor = new Vector4(0, 0, width, height);
-                                       this.scissorTest = false;
-                                       this.viewport = new Vector4(0, 0, width, height);
-                                       this.texture = new Texture(undefined, options.mapping, options.wrapS, options.wrapT, options.magFilter, options.minFilter, options.format, options.type, options.anisotropy, options.encoding);
-                                       this.texture.isRenderTargetTexture = true;
-                                       this.texture.image = {
-                                               width: width,
-                                               height: height,
-                                               depth: 1
-                                       };
-                                       this.texture.generateMipmaps = options.generateMipmaps !== undefined ? options.generateMipmaps : false;
-                                       this.texture.internalFormat = options.internalFormat !== undefined ? options.internalFormat : null;
-                                       this.texture.minFilter = options.minFilter !== undefined ? options.minFilter : LinearFilter;
-                                       this.depthBuffer = options.depthBuffer !== undefined ? options.depthBuffer : true;
-                                       this.stencilBuffer = options.stencilBuffer !== undefined ? options.stencilBuffer : false;
-                                       this.depthTexture = options.depthTexture !== undefined ? options.depthTexture : null;
-                               }
-
-                               setTexture(texture) {
-                                       texture.image = {
-                                               width: this.width,
-                                               height: this.height,
-                                               depth: this.depth
-                                       };
-                                       this.texture = texture;
-                               }
-
-                               setSize(width, height, depth = 1) {
-                                       if (this.width !== width || this.height !== height || this.depth !== depth) {
-                                               this.width = width;
-                                               this.height = height;
-                                               this.depth = depth;
-                                               this.texture.image.width = width;
-                                               this.texture.image.height = height;
-                                               this.texture.image.depth = depth;
-                                               this.dispose();
-                                       }
-
-                                       this.viewport.set(0, 0, width, height);
-                                       this.scissor.set(0, 0, width, height);
-                               }
-
-                               clone() {
-                                       return new this.constructor().copy(this);
-                               }
-
-                               copy(source) {
-                                       this.width = source.width;
-                                       this.height = source.height;
-                                       this.depth = source.depth;
-                                       this.viewport.copy(source.viewport);
-                                       this.texture = source.texture.clone();
-                                       this.texture.image = {
-                                               ...this.texture.image
-                                       }; // See #20328.
-
-                                       this.depthBuffer = source.depthBuffer;
-                                       this.stencilBuffer = source.stencilBuffer;
-                                       this.depthTexture = source.depthTexture;
-                                       return this;
-                               }
-
-                               dispose() {
-                                       this.dispatchEvent({
-                                               type: 'dispose'
-                                       });
-                               }
-
-                       }
-
-                       WebGLRenderTarget.prototype.isWebGLRenderTarget = true;
-
-                       class WebGLMultipleRenderTargets extends WebGLRenderTarget {
-                               constructor(width, height, count) {
-                                       super(width, height);
-                                       const texture = this.texture;
-                                       this.texture = [];
-
-                                       for (let i = 0; i < count; i++) {
-                                               this.texture[i] = texture.clone();
-                                       }
-                               }
-
-                               setSize(width, height, depth = 1) {
-                                       if (this.width !== width || this.height !== height || this.depth !== depth) {
-                                               this.width = width;
-                                               this.height = height;
-                                               this.depth = depth;
-
-                                               for (let i = 0, il = this.texture.length; i < il; i++) {
-                                                       this.texture[i].image.width = width;
-                                                       this.texture[i].image.height = height;
-                                                       this.texture[i].image.depth = depth;
-                                               }
-
-                                               this.dispose();
-                                       }
-
-                                       this.viewport.set(0, 0, width, height);
-                                       this.scissor.set(0, 0, width, height);
-                                       return this;
-                               }
-
-                               copy(source) {
-                                       this.dispose();
-                                       this.width = source.width;
-                                       this.height = source.height;
-                                       this.depth = source.depth;
-                                       this.viewport.set(0, 0, this.width, this.height);
-                                       this.scissor.set(0, 0, this.width, this.height);
-                                       this.depthBuffer = source.depthBuffer;
-                                       this.stencilBuffer = source.stencilBuffer;
-                                       this.depthTexture = source.depthTexture;
-                                       this.texture.length = 0;
-
-                                       for (let i = 0, il = source.texture.length; i < il; i++) {
-                                               this.texture[i] = source.texture[i].clone();
-                                       }
-
-                                       return this;
-                               }
-
-                       }
-
-                       WebGLMultipleRenderTargets.prototype.isWebGLMultipleRenderTargets = true;
-
-                       class WebGLMultisampleRenderTarget extends WebGLRenderTarget {
-                               constructor(width, height, options) {
-                                       super(width, height, options);
-                                       this.samples = 4;
-                               }
-
-                               copy(source) {
-                                       super.copy.call(this, source);
-                                       this.samples = source.samples;
-                                       return this;
-                               }
-
-                       }
-
-                       WebGLMultisampleRenderTarget.prototype.isWebGLMultisampleRenderTarget = true;
-
-                       class Quaternion {
-                               constructor(x = 0, y = 0, z = 0, w = 1) {
-                                       this._x = x;
-                                       this._y = y;
-                                       this._z = z;
-                                       this._w = w;
-                               }
-
-                               static slerp(qa, qb, qm, t) {
-                                       console.warn('THREE.Quaternion: Static .slerp() has been deprecated. Use qm.slerpQuaternions( qa, qb, t ) instead.');
-                                       return qm.slerpQuaternions(qa, qb, t);
-                               }
-
-                               static slerpFlat(dst, dstOffset, src0, srcOffset0, src1, srcOffset1, t) {
-                                       // fuzz-free, array-based Quaternion SLERP operation
-                                       let x0 = src0[srcOffset0 + 0],
-                                               y0 = src0[srcOffset0 + 1],
-                                               z0 = src0[srcOffset0 + 2],
-                                               w0 = src0[srcOffset0 + 3];
-                                       const x1 = src1[srcOffset1 + 0],
-                                               y1 = src1[srcOffset1 + 1],
-                                               z1 = src1[srcOffset1 + 2],
-                                               w1 = src1[srcOffset1 + 3];
-
-                                       if (t === 0) {
-                                               dst[dstOffset + 0] = x0;
-                                               dst[dstOffset + 1] = y0;
-                                               dst[dstOffset + 2] = z0;
-                                               dst[dstOffset + 3] = w0;
-                                               return;
-                                       }
-
-                                       if (t === 1) {
-                                               dst[dstOffset + 0] = x1;
-                                               dst[dstOffset + 1] = y1;
-                                               dst[dstOffset + 2] = z1;
-                                               dst[dstOffset + 3] = w1;
-                                               return;
-                                       }
-
-                                       if (w0 !== w1 || x0 !== x1 || y0 !== y1 || z0 !== z1) {
-                                               let s = 1 - t;
-                                               const cos = x0 * x1 + y0 * y1 + z0 * z1 + w0 * w1,
-                                                       dir = cos >= 0 ? 1 : -1,
-                                                       sqrSin = 1 - cos * cos; // Skip the Slerp for tiny steps to avoid numeric problems:
-
-                                               if (sqrSin > Number.EPSILON) {
-                                                       const sin = Math.sqrt(sqrSin),
-                                                               len = Math.atan2(sin, cos * dir);
-                                                       s = Math.sin(s * len) / sin;
-                                                       t = Math.sin(t * len) / sin;
-                                               }
-
-                                               const tDir = t * dir;
-                                               x0 = x0 * s + x1 * tDir;
-                                               y0 = y0 * s + y1 * tDir;
-                                               z0 = z0 * s + z1 * tDir;
-                                               w0 = w0 * s + w1 * tDir; // Normalize in case we just did a lerp:
-
-                                               if (s === 1 - t) {
-                                                       const f = 1 / Math.sqrt(x0 * x0 + y0 * y0 + z0 * z0 + w0 * w0);
-                                                       x0 *= f;
-                                                       y0 *= f;
-                                                       z0 *= f;
-                                                       w0 *= f;
-                                               }
-                                       }
-
-                                       dst[dstOffset] = x0;
-                                       dst[dstOffset + 1] = y0;
-                                       dst[dstOffset + 2] = z0;
-                                       dst[dstOffset + 3] = w0;
-                               }
-
-                               static multiplyQuaternionsFlat(dst, dstOffset, src0, srcOffset0, src1, srcOffset1) {
-                                       const x0 = src0[srcOffset0];
-                                       const y0 = src0[srcOffset0 + 1];
-                                       const z0 = src0[srcOffset0 + 2];
-                                       const w0 = src0[srcOffset0 + 3];
-                                       const x1 = src1[srcOffset1];
-                                       const y1 = src1[srcOffset1 + 1];
-                                       const z1 = src1[srcOffset1 + 2];
-                                       const w1 = src1[srcOffset1 + 3];
-                                       dst[dstOffset] = x0 * w1 + w0 * x1 + y0 * z1 - z0 * y1;
-                                       dst[dstOffset + 1] = y0 * w1 + w0 * y1 + z0 * x1 - x0 * z1;
-                                       dst[dstOffset + 2] = z0 * w1 + w0 * z1 + x0 * y1 - y0 * x1;
-                                       dst[dstOffset + 3] = w0 * w1 - x0 * x1 - y0 * y1 - z0 * z1;
-                                       return dst;
-                               }
-
-                               get x() {
-                                       return this._x;
-                               }
-
-                               set x(value) {
-                                       this._x = value;
-
-                                       this._onChangeCallback();
-                               }
-
-                               get y() {
-                                       return this._y;
-                               }
-
-                               set y(value) {
-                                       this._y = value;
-
-                                       this._onChangeCallback();
-                               }
-
-                               get z() {
-                                       return this._z;
-                               }
-
-                               set z(value) {
-                                       this._z = value;
-
-                                       this._onChangeCallback();
-                               }
-
-                               get w() {
-                                       return this._w;
-                               }
-
-                               set w(value) {
-                                       this._w = value;
-
-                                       this._onChangeCallback();
-                               }
-
-                               set(x, y, z, w) {
-                                       this._x = x;
-                                       this._y = y;
-                                       this._z = z;
-                                       this._w = w;
-
-                                       this._onChangeCallback();
-
-                                       return this;
-                               }
-
-                               clone() {
-                                       return new this.constructor(this._x, this._y, this._z, this._w);
-                               }
-
-                               copy(quaternion) {
-                                       this._x = quaternion.x;
-                                       this._y = quaternion.y;
-                                       this._z = quaternion.z;
-                                       this._w = quaternion.w;
-
-                                       this._onChangeCallback();
-
-                                       return this;
-                               }
-
-                               setFromEuler(euler, update) {
-                                       if (!(euler && euler.isEuler)) {
-                                               throw new Error('THREE.Quaternion: .setFromEuler() now expects an Euler rotation rather than a Vector3 and order.');
-                                       }
-
-                                       const x = euler._x,
-                                               y = euler._y,
-                                               z = euler._z,
-                                               order = euler._order; // http://www.mathworks.com/matlabcentral/fileexchange/
-                                       //      20696-function-to-convert-between-dcm-euler-angles-quaternions-and-euler-vectors/
-                                       //      content/SpinCalc.m
-
-                                       const cos = Math.cos;
-                                       const sin = Math.sin;
-                                       const c1 = cos(x / 2);
-                                       const c2 = cos(y / 2);
-                                       const c3 = cos(z / 2);
-                                       const s1 = sin(x / 2);
-                                       const s2 = sin(y / 2);
-                                       const s3 = sin(z / 2);
-
-                                       switch (order) {
-                                               case 'XYZ':
-                                                       this._x = s1 * c2 * c3 + c1 * s2 * s3;
-                                                       this._y = c1 * s2 * c3 - s1 * c2 * s3;
-                                                       this._z = c1 * c2 * s3 + s1 * s2 * c3;
-                                                       this._w = c1 * c2 * c3 - s1 * s2 * s3;
-                                                       break;
-
-                                               case 'YXZ':
-                                                       this._x = s1 * c2 * c3 + c1 * s2 * s3;
-                                                       this._y = c1 * s2 * c3 - s1 * c2 * s3;
-                                                       this._z = c1 * c2 * s3 - s1 * s2 * c3;
-                                                       this._w = c1 * c2 * c3 + s1 * s2 * s3;
-                                                       break;
-
-                                               case 'ZXY':
-                                                       this._x = s1 * c2 * c3 - c1 * s2 * s3;
-                                                       this._y = c1 * s2 * c3 + s1 * c2 * s3;
-                                                       this._z = c1 * c2 * s3 + s1 * s2 * c3;
-                                                       this._w = c1 * c2 * c3 - s1 * s2 * s3;
-                                                       break;
-
-                                               case 'ZYX':
-                                                       this._x = s1 * c2 * c3 - c1 * s2 * s3;
-                                                       this._y = c1 * s2 * c3 + s1 * c2 * s3;
-                                                       this._z = c1 * c2 * s3 - s1 * s2 * c3;
-                                                       this._w = c1 * c2 * c3 + s1 * s2 * s3;
-                                                       break;
-
-                                               case 'YZX':
-                                                       this._x = s1 * c2 * c3 + c1 * s2 * s3;
-                                                       this._y = c1 * s2 * c3 + s1 * c2 * s3;
-                                                       this._z = c1 * c2 * s3 - s1 * s2 * c3;
-                                                       this._w = c1 * c2 * c3 - s1 * s2 * s3;
-                                                       break;
-
-                                               case 'XZY':
-                                                       this._x = s1 * c2 * c3 - c1 * s2 * s3;
-                                                       this._y = c1 * s2 * c3 - s1 * c2 * s3;
-                                                       this._z = c1 * c2 * s3 + s1 * s2 * c3;
-                                                       this._w = c1 * c2 * c3 + s1 * s2 * s3;
-                                                       break;
-
-                                               default:
-                                                       console.warn('THREE.Quaternion: .setFromEuler() encountered an unknown order: ' + order);
-                                       }
-
-                                       if (update !== false) this._onChangeCallback();
-                                       return this;
-                               }
-
-                               setFromAxisAngle(axis, angle) {
-                                       // http://www.euclideanspace.com/maths/geometry/rotations/conversions/angleToQuaternion/index.htm
-                                       // assumes axis is normalized
-                                       const halfAngle = angle / 2,
-                                               s = Math.sin(halfAngle);
-                                       this._x = axis.x * s;
-                                       this._y = axis.y * s;
-                                       this._z = axis.z * s;
-                                       this._w = Math.cos(halfAngle);
-
-                                       this._onChangeCallback();
-
-                                       return this;
-                               }
-
-                               setFromRotationMatrix(m) {
-                                       // http://www.euclideanspace.com/maths/geometry/rotations/conversions/matrixToQuaternion/index.htm
-                                       // assumes the upper 3x3 of m is a pure rotation matrix (i.e, unscaled)
-                                       const te = m.elements,
-                                               m11 = te[0],
-                                               m12 = te[4],
-                                               m13 = te[8],
-                                               m21 = te[1],
-                                               m22 = te[5],
-                                               m23 = te[9],
-                                               m31 = te[2],
-                                               m32 = te[6],
-                                               m33 = te[10],
-                                               trace = m11 + m22 + m33;
-
-                                       if (trace > 0) {
-                                               const s = 0.5 / Math.sqrt(trace + 1.0);
-                                               this._w = 0.25 / s;
-                                               this._x = (m32 - m23) * s;
-                                               this._y = (m13 - m31) * s;
-                                               this._z = (m21 - m12) * s;
-                                       } else if (m11 > m22 && m11 > m33) {
-                                               const s = 2.0 * Math.sqrt(1.0 + m11 - m22 - m33);
-                                               this._w = (m32 - m23) / s;
-                                               this._x = 0.25 * s;
-                                               this._y = (m12 + m21) / s;
-                                               this._z = (m13 + m31) / s;
-                                       } else if (m22 > m33) {
-                                               const s = 2.0 * Math.sqrt(1.0 + m22 - m11 - m33);
-                                               this._w = (m13 - m31) / s;
-                                               this._x = (m12 + m21) / s;
-                                               this._y = 0.25 * s;
-                                               this._z = (m23 + m32) / s;
-                                       } else {
-                                               const s = 2.0 * Math.sqrt(1.0 + m33 - m11 - m22);
-                                               this._w = (m21 - m12) / s;
-                                               this._x = (m13 + m31) / s;
-                                               this._y = (m23 + m32) / s;
-                                               this._z = 0.25 * s;
-                                       }
-
-                                       this._onChangeCallback();
-
-                                       return this;
-                               }
-
-                               setFromUnitVectors(vFrom, vTo) {
-                                       // assumes direction vectors vFrom and vTo are normalized
-                                       let r = vFrom.dot(vTo) + 1;
-
-                                       if (r < Number.EPSILON) {
-                                               // vFrom and vTo point in opposite directions
-                                               r = 0;
-
-                                               if (Math.abs(vFrom.x) > Math.abs(vFrom.z)) {
-                                                       this._x = -vFrom.y;
-                                                       this._y = vFrom.x;
-                                                       this._z = 0;
-                                                       this._w = r;
-                                               } else {
-                                                       this._x = 0;
-                                                       this._y = -vFrom.z;
-                                                       this._z = vFrom.y;
-                                                       this._w = r;
-                                               }
-                                       } else {
-                                               // crossVectors( vFrom, vTo ); // inlined to avoid cyclic dependency on Vector3
-                                               this._x = vFrom.y * vTo.z - vFrom.z * vTo.y;
-                                               this._y = vFrom.z * vTo.x - vFrom.x * vTo.z;
-                                               this._z = vFrom.x * vTo.y - vFrom.y * vTo.x;
-                                               this._w = r;
-                                       }
-
-                                       return this.normalize();
-                               }
-
-                               angleTo(q) {
-                                       return 2 * Math.acos(Math.abs(clamp(this.dot(q), -1, 1)));
-                               }
-
-                               rotateTowards(q, step) {
-                                       const angle = this.angleTo(q);
-                                       if (angle === 0) return this;
-                                       const t = Math.min(1, step / angle);
-                                       this.slerp(q, t);
-                                       return this;
-                               }
-
-                               identity() {
-                                       return this.set(0, 0, 0, 1);
-                               }
-
-                               invert() {
-                                       // quaternion is assumed to have unit length
-                                       return this.conjugate();
-                               }
-
-                               conjugate() {
-                                       this._x *= -1;
-                                       this._y *= -1;
-                                       this._z *= -1;
-
-                                       this._onChangeCallback();
-
-                                       return this;
-                               }
-
-                               dot(v) {
-                                       return this._x * v._x + this._y * v._y + this._z * v._z + this._w * v._w;
-                               }
-
-                               lengthSq() {
-                                       return this._x * this._x + this._y * this._y + this._z * this._z + this._w * this._w;
-                               }
-
-                               length() {
-                                       return Math.sqrt(this._x * this._x + this._y * this._y + this._z * this._z + this._w * this._w);
-                               }
-
-                               normalize() {
-                                       let l = this.length();
-
-                                       if (l === 0) {
-                                               this._x = 0;
-                                               this._y = 0;
-                                               this._z = 0;
-                                               this._w = 1;
-                                       } else {
-                                               l = 1 / l;
-                                               this._x = this._x * l;
-                                               this._y = this._y * l;
-                                               this._z = this._z * l;
-                                               this._w = this._w * l;
-                                       }
-
-                                       this._onChangeCallback();
-
-                                       return this;
-                               }
-
-                               multiply(q, p) {
-                                       if (p !== undefined) {
-                                               console.warn('THREE.Quaternion: .multiply() now only accepts one argument. Use .multiplyQuaternions( a, b ) instead.');
-                                               return this.multiplyQuaternions(q, p);
-                                       }
-
-                                       return this.multiplyQuaternions(this, q);
-                               }
-
-                               premultiply(q) {
-                                       return this.multiplyQuaternions(q, this);
-                               }
-
-                               multiplyQuaternions(a, b) {
-                                       // from http://www.euclideanspace.com/maths/algebra/realNormedAlgebra/quaternions/code/index.htm
-                                       const qax = a._x,
-                                               qay = a._y,
-                                               qaz = a._z,
-                                               qaw = a._w;
-                                       const qbx = b._x,
-                                               qby = b._y,
-                                               qbz = b._z,
-                                               qbw = b._w;
-                                       this._x = qax * qbw + qaw * qbx + qay * qbz - qaz * qby;
-                                       this._y = qay * qbw + qaw * qby + qaz * qbx - qax * qbz;
-                                       this._z = qaz * qbw + qaw * qbz + qax * qby - qay * qbx;
-                                       this._w = qaw * qbw - qax * qbx - qay * qby - qaz * qbz;
-
-                                       this._onChangeCallback();
-
-                                       return this;
-                               }
-
-                               slerp(qb, t) {
-                                       if (t === 0) return this;
-                                       if (t === 1) return this.copy(qb);
-                                       const x = this._x,
-                                               y = this._y,
-                                               z = this._z,
-                                               w = this._w; // http://www.euclideanspace.com/maths/algebra/realNormedAlgebra/quaternions/slerp/
-
-                                       let cosHalfTheta = w * qb._w + x * qb._x + y * qb._y + z * qb._z;
-
-                                       if (cosHalfTheta < 0) {
-                                               this._w = -qb._w;
-                                               this._x = -qb._x;
-                                               this._y = -qb._y;
-                                               this._z = -qb._z;
-                                               cosHalfTheta = -cosHalfTheta;
-                                       } else {
-                                               this.copy(qb);
-                                       }
-
-                                       if (cosHalfTheta >= 1.0) {
-                                               this._w = w;
-                                               this._x = x;
-                                               this._y = y;
-                                               this._z = z;
-                                               return this;
-                                       }
-
-                                       const sqrSinHalfTheta = 1.0 - cosHalfTheta * cosHalfTheta;
-
-                                       if (sqrSinHalfTheta <= Number.EPSILON) {
-                                               const s = 1 - t;
-                                               this._w = s * w + t * this._w;
-                                               this._x = s * x + t * this._x;
-                                               this._y = s * y + t * this._y;
-                                               this._z = s * z + t * this._z;
-                                               this.normalize();
-
-                                               this._onChangeCallback();
-
-                                               return this;
-                                       }
-
-                                       const sinHalfTheta = Math.sqrt(sqrSinHalfTheta);
-                                       const halfTheta = Math.atan2(sinHalfTheta, cosHalfTheta);
-                                       const ratioA = Math.sin((1 - t) * halfTheta) / sinHalfTheta,
-                                               ratioB = Math.sin(t * halfTheta) / sinHalfTheta;
-                                       this._w = w * ratioA + this._w * ratioB;
-                                       this._x = x * ratioA + this._x * ratioB;
-                                       this._y = y * ratioA + this._y * ratioB;
-                                       this._z = z * ratioA + this._z * ratioB;
-
-                                       this._onChangeCallback();
-
-                                       return this;
-                               }
-
-                               slerpQuaternions(qa, qb, t) {
-                                       this.copy(qa).slerp(qb, t);
-                               }
-
-                               equals(quaternion) {
-                                       return quaternion._x === this._x && quaternion._y === this._y && quaternion._z === this._z && quaternion._w === this._w;
-                               }
-
-                               fromArray(array, offset = 0) {
-                                       this._x = array[offset];
-                                       this._y = array[offset + 1];
-                                       this._z = array[offset + 2];
-                                       this._w = array[offset + 3];
-
-                                       this._onChangeCallback();
-
-                                       return this;
-                               }
-
-                               toArray(array = [], offset = 0) {
-                                       array[offset] = this._x;
-                                       array[offset + 1] = this._y;
-                                       array[offset + 2] = this._z;
-                                       array[offset + 3] = this._w;
-                                       return array;
-                               }
-
-                               fromBufferAttribute(attribute, index) {
-                                       this._x = attribute.getX(index);
-                                       this._y = attribute.getY(index);
-                                       this._z = attribute.getZ(index);
-                                       this._w = attribute.getW(index);
-                                       return this;
-                               }
-
-                               _onChange(callback) {
-                                       this._onChangeCallback = callback;
-                                       return this;
-                               }
-
-                               _onChangeCallback() {
-                               }
-
-                       }
-
-                       Quaternion.prototype.isQuaternion = true;
-
-                       class Vector3 {
-                               constructor(x = 0, y = 0, z = 0) {
-                                       this.x = x;
-                                       this.y = y;
-                                       this.z = z;
-                               }
-
-                               set(x, y, z) {
-                                       if (z === undefined) z = this.z; // sprite.scale.set(x,y)
-
-                                       this.x = x;
-                                       this.y = y;
-                                       this.z = z;
-                                       return this;
-                               }
-
-                               setScalar(scalar) {
-                                       this.x = scalar;
-                                       this.y = scalar;
-                                       this.z = scalar;
-                                       return this;
-                               }
-
-                               setX(x) {
-                                       this.x = x;
-                                       return this;
-                               }
-
-                               setY(y) {
-                                       this.y = y;
-                                       return this;
-                               }
-
-                               setZ(z) {
-                                       this.z = z;
-                                       return this;
-                               }
-
-                               setComponent(index, value) {
-                                       switch (index) {
-                                               case 0:
-                                                       this.x = value;
-                                                       break;
-
-                                               case 1:
-                                                       this.y = value;
-                                                       break;
-
-                                               case 2:
-                                                       this.z = value;
-                                                       break;
-
-                                               default:
-                                                       throw new Error('index is out of range: ' + index);
-                                       }
-
-                                       return this;
-                               }
-
-                               getComponent(index) {
-                                       switch (index) {
-                                               case 0:
-                                                       return this.x;
-
-                                               case 1:
-                                                       return this.y;
-
-                                               case 2:
-                                                       return this.z;
-
-                                               default:
-                                                       throw new Error('index is out of range: ' + index);
-                                       }
-                               }
-
-                               clone() {
-                                       return new this.constructor(this.x, this.y, this.z);
-                               }
-
-                               copy(v) {
-                                       this.x = v.x;
-                                       this.y = v.y;
-                                       this.z = v.z;
-                                       return this;
-                               }
-
-                               add(v, w) {
-                                       if (w !== undefined) {
-                                               console.warn('THREE.Vector3: .add() now only accepts one argument. Use .addVectors( a, b ) instead.');
-                                               return this.addVectors(v, w);
-                                       }
-
-                                       this.x += v.x;
-                                       this.y += v.y;
-                                       this.z += v.z;
-                                       return this;
-                               }
-
-                               addScalar(s) {
-                                       this.x += s;
-                                       this.y += s;
-                                       this.z += s;
-                                       return this;
-                               }
-
-                               addVectors(a, b) {
-                                       this.x = a.x + b.x;
-                                       this.y = a.y + b.y;
-                                       this.z = a.z + b.z;
-                                       return this;
-                               }
-
-                               addScaledVector(v, s) {
-                                       this.x += v.x * s;
-                                       this.y += v.y * s;
-                                       this.z += v.z * s;
-                                       return this;
-                               }
-
-                               sub(v, w) {
-                                       if (w !== undefined) {
-                                               console.warn('THREE.Vector3: .sub() now only accepts one argument. Use .subVectors( a, b ) instead.');
-                                               return this.subVectors(v, w);
-                                       }
-
-                                       this.x -= v.x;
-                                       this.y -= v.y;
-                                       this.z -= v.z;
-                                       return this;
-                               }
-
-                               subScalar(s) {
-                                       this.x -= s;
-                                       this.y -= s;
-                                       this.z -= s;
-                                       return this;
-                               }
-
-                               subVectors(a, b) {
-                                       this.x = a.x - b.x;
-                                       this.y = a.y - b.y;
-                                       this.z = a.z - b.z;
-                                       return this;
-                               }
-
-                               multiply(v, w) {
-                                       if (w !== undefined) {
-                                               console.warn('THREE.Vector3: .multiply() now only accepts one argument. Use .multiplyVectors( a, b ) instead.');
-                                               return this.multiplyVectors(v, w);
-                                       }
-
-                                       this.x *= v.x;
-                                       this.y *= v.y;
-                                       this.z *= v.z;
-                                       return this;
-                               }
-
-                               multiplyScalar(scalar) {
-                                       this.x *= scalar;
-                                       this.y *= scalar;
-                                       this.z *= scalar;
-                                       return this;
-                               }
-
-                               multiplyVectors(a, b) {
-                                       this.x = a.x * b.x;
-                                       this.y = a.y * b.y;
-                                       this.z = a.z * b.z;
-                                       return this;
-                               }
-
-                               applyEuler(euler) {
-                                       if (!(euler && euler.isEuler)) {
-                                               console.error('THREE.Vector3: .applyEuler() now expects an Euler rotation rather than a Vector3 and order.');
-                                       }
-
-                                       return this.applyQuaternion(_quaternion$4.setFromEuler(euler));
-                               }
-
-                               applyAxisAngle(axis, angle) {
-                                       return this.applyQuaternion(_quaternion$4.setFromAxisAngle(axis, angle));
-                               }
-
-                               applyMatrix3(m) {
-                                       const x = this.x,
-                                               y = this.y,
-                                               z = this.z;
-                                       const e = m.elements;
-                                       this.x = e[0] * x + e[3] * y + e[6] * z;
-                                       this.y = e[1] * x + e[4] * y + e[7] * z;
-                                       this.z = e[2] * x + e[5] * y + e[8] * z;
-                                       return this;
-                               }
-
-                               applyNormalMatrix(m) {
-                                       return this.applyMatrix3(m).normalize();
-                               }
-
-                               applyMatrix4(m) {
-                                       const x = this.x,
-                                               y = this.y,
-                                               z = this.z;
-                                       const e = m.elements;
-                                       const w = 1 / (e[3] * x + e[7] * y + e[11] * z + e[15]);
-                                       this.x = (e[0] * x + e[4] * y + e[8] * z + e[12]) * w;
-                                       this.y = (e[1] * x + e[5] * y + e[9] * z + e[13]) * w;
-                                       this.z = (e[2] * x + e[6] * y + e[10] * z + e[14]) * w;
-                                       return this;
-                               }
-
-                               applyQuaternion(q) {
-                                       const x = this.x,
-                                               y = this.y,
-                                               z = this.z;
-                                       const qx = q.x,
-                                               qy = q.y,
-                                               qz = q.z,
-                                               qw = q.w; // calculate quat * vector
-
-                                       const ix = qw * x + qy * z - qz * y;
-                                       const iy = qw * y + qz * x - qx * z;
-                                       const iz = qw * z + qx * y - qy * x;
-                                       const iw = -qx * x - qy * y - qz * z; // calculate result * inverse quat
-
-                                       this.x = ix * qw + iw * -qx + iy * -qz - iz * -qy;
-                                       this.y = iy * qw + iw * -qy + iz * -qx - ix * -qz;
-                                       this.z = iz * qw + iw * -qz + ix * -qy - iy * -qx;
-                                       return this;
-                               }
-
-                               project(camera) {
-                                       return this.applyMatrix4(camera.matrixWorldInverse).applyMatrix4(camera.projectionMatrix);
-                               }
-
-                               unproject(camera) {
-                                       return this.applyMatrix4(camera.projectionMatrixInverse).applyMatrix4(camera.matrixWorld);
-                               }
-
-                               transformDirection(m) {
-                                       // input: THREE.Matrix4 affine matrix
-                                       // vector interpreted as a direction
-                                       const x = this.x,
-                                               y = this.y,
-                                               z = this.z;
-                                       const e = m.elements;
-                                       this.x = e[0] * x + e[4] * y + e[8] * z;
-                                       this.y = e[1] * x + e[5] * y + e[9] * z;
-                                       this.z = e[2] * x + e[6] * y + e[10] * z;
-                                       return this.normalize();
-                               }
-
-                               divide(v) {
-                                       this.x /= v.x;
-                                       this.y /= v.y;
-                                       this.z /= v.z;
-                                       return this;
-                               }
-
-                               divideScalar(scalar) {
-                                       return this.multiplyScalar(1 / scalar);
-                               }
-
-                               min(v) {
-                                       this.x = Math.min(this.x, v.x);
-                                       this.y = Math.min(this.y, v.y);
-                                       this.z = Math.min(this.z, v.z);
-                                       return this;
-                               }
-
-                               max(v) {
-                                       this.x = Math.max(this.x, v.x);
-                                       this.y = Math.max(this.y, v.y);
-                                       this.z = Math.max(this.z, v.z);
-                                       return this;
-                               }
-
-                               clamp(min, max) {
-                                       // assumes min < max, componentwise
-                                       this.x = Math.max(min.x, Math.min(max.x, this.x));
-                                       this.y = Math.max(min.y, Math.min(max.y, this.y));
-                                       this.z = Math.max(min.z, Math.min(max.z, this.z));
-                                       return this;
-                               }
-
-                               clampScalar(minVal, maxVal) {
-                                       this.x = Math.max(minVal, Math.min(maxVal, this.x));
-                                       this.y = Math.max(minVal, Math.min(maxVal, this.y));
-                                       this.z = Math.max(minVal, Math.min(maxVal, this.z));
-                                       return this;
-                               }
-
-                               clampLength(min, max) {
-                                       const length = this.length();
-                                       return this.divideScalar(length || 1).multiplyScalar(Math.max(min, Math.min(max, length)));
-                               }
-
-                               floor() {
-                                       this.x = Math.floor(this.x);
-                                       this.y = Math.floor(this.y);
-                                       this.z = Math.floor(this.z);
-                                       return this;
-                               }
-
-                               ceil() {
-                                       this.x = Math.ceil(this.x);
-                                       this.y = Math.ceil(this.y);
-                                       this.z = Math.ceil(this.z);
-                                       return this;
-                               }
-
-                               round() {
-                                       this.x = Math.round(this.x);
-                                       this.y = Math.round(this.y);
-                                       this.z = Math.round(this.z);
-                                       return this;
-                               }
-
-                               roundToZero() {
-                                       this.x = this.x < 0 ? Math.ceil(this.x) : Math.floor(this.x);
-                                       this.y = this.y < 0 ? Math.ceil(this.y) : Math.floor(this.y);
-                                       this.z = this.z < 0 ? Math.ceil(this.z) : Math.floor(this.z);
-                                       return this;
-                               }
-
-                               negate() {
-                                       this.x = -this.x;
-                                       this.y = -this.y;
-                                       this.z = -this.z;
-                                       return this;
-                               }
-
-                               dot(v) {
-                                       return this.x * v.x + this.y * v.y + this.z * v.z;
-                               } // TODO lengthSquared?
-
-
-                               lengthSq() {
-                                       return this.x * this.x + this.y * this.y + this.z * this.z;
-                               }
-
-                               length() {
-                                       return Math.sqrt(this.x * this.x + this.y * this.y + this.z * this.z);
-                               }
-
-                               manhattanLength() {
-                                       return Math.abs(this.x) + Math.abs(this.y) + Math.abs(this.z);
-                               }
-
-                               normalize() {
-                                       return this.divideScalar(this.length() || 1);
-                               }
-
-                               setLength(length) {
-                                       return this.normalize().multiplyScalar(length);
-                               }
-
-                               lerp(v, alpha) {
-                                       this.x += (v.x - this.x) * alpha;
-                                       this.y += (v.y - this.y) * alpha;
-                                       this.z += (v.z - this.z) * alpha;
-                                       return this;
-                               }
-
-                               lerpVectors(v1, v2, alpha) {
-                                       this.x = v1.x + (v2.x - v1.x) * alpha;
-                                       this.y = v1.y + (v2.y - v1.y) * alpha;
-                                       this.z = v1.z + (v2.z - v1.z) * alpha;
-                                       return this;
-                               }
-
-                               cross(v, w) {
-                                       if (w !== undefined) {
-                                               console.warn('THREE.Vector3: .cross() now only accepts one argument. Use .crossVectors( a, b ) instead.');
-                                               return this.crossVectors(v, w);
-                                       }
-
-                                       return this.crossVectors(this, v);
-                               }
-
-                               crossVectors(a, b) {
-                                       const ax = a.x,
-                                               ay = a.y,
-                                               az = a.z;
-                                       const bx = b.x,
-                                               by = b.y,
-                                               bz = b.z;
-                                       this.x = ay * bz - az * by;
-                                       this.y = az * bx - ax * bz;
-                                       this.z = ax * by - ay * bx;
-                                       return this;
-                               }
-
-                               projectOnVector(v) {
-                                       const denominator = v.lengthSq();
-                                       if (denominator === 0) return this.set(0, 0, 0);
-                                       const scalar = v.dot(this) / denominator;
-                                       return this.copy(v).multiplyScalar(scalar);
-                               }
-
-                               projectOnPlane(planeNormal) {
-                                       _vector$c.copy(this).projectOnVector(planeNormal);
-
-                                       return this.sub(_vector$c);
-                               }
-
-                               reflect(normal) {
-                                       // reflect incident vector off plane orthogonal to normal
-                                       // normal is assumed to have unit length
-                                       return this.sub(_vector$c.copy(normal).multiplyScalar(2 * this.dot(normal)));
-                               }
-
-                               angleTo(v) {
-                                       const denominator = Math.sqrt(this.lengthSq() * v.lengthSq());
-                                       if (denominator === 0) return Math.PI / 2;
-                                       const theta = this.dot(v) / denominator; // clamp, to handle numerical problems
-
-                                       return Math.acos(clamp(theta, -1, 1));
-                               }
-
-                               distanceTo(v) {
-                                       return Math.sqrt(this.distanceToSquared(v));
-                               }
-
-                               distanceToSquared(v) {
-                                       const dx = this.x - v.x,
-                                               dy = this.y - v.y,
-                                               dz = this.z - v.z;
-                                       return dx * dx + dy * dy + dz * dz;
-                               }
-
-                               manhattanDistanceTo(v) {
-                                       return Math.abs(this.x - v.x) + Math.abs(this.y - v.y) + Math.abs(this.z - v.z);
-                               }
-
-                               setFromSpherical(s) {
-                                       return this.setFromSphericalCoords(s.radius, s.phi, s.theta);
-                               }
-
-                               setFromSphericalCoords(radius, phi, theta) {
-                                       const sinPhiRadius = Math.sin(phi) * radius;
-                                       this.x = sinPhiRadius * Math.sin(theta);
-                                       this.y = Math.cos(phi) * radius;
-                                       this.z = sinPhiRadius * Math.cos(theta);
-                                       return this;
-                               }
-
-                               setFromCylindrical(c) {
-                                       return this.setFromCylindricalCoords(c.radius, c.theta, c.y);
-                               }
-
-                               setFromCylindricalCoords(radius, theta, y) {
-                                       this.x = radius * Math.sin(theta);
-                                       this.y = y;
-                                       this.z = radius * Math.cos(theta);
-                                       return this;
-                               }
-
-                               setFromMatrixPosition(m) {
-                                       const e = m.elements;
-                                       this.x = e[12];
-                                       this.y = e[13];
-                                       this.z = e[14];
-                                       return this;
-                               }
-
-                               setFromMatrixScale(m) {
-                                       const sx = this.setFromMatrixColumn(m, 0).length();
-                                       const sy = this.setFromMatrixColumn(m, 1).length();
-                                       const sz = this.setFromMatrixColumn(m, 2).length();
-                                       this.x = sx;
-                                       this.y = sy;
-                                       this.z = sz;
-                                       return this;
-                               }
-
-                               setFromMatrixColumn(m, index) {
-                                       return this.fromArray(m.elements, index * 4);
-                               }
-
-                               setFromMatrix3Column(m, index) {
-                                       return this.fromArray(m.elements, index * 3);
-                               }
-
-                               equals(v) {
-                                       return v.x === this.x && v.y === this.y && v.z === this.z;
-                               }
-
-                               fromArray(array, offset = 0) {
-                                       this.x = array[offset];
-                                       this.y = array[offset + 1];
-                                       this.z = array[offset + 2];
-                                       return this;
-                               }
-
-                               toArray(array = [], offset = 0) {
-                                       array[offset] = this.x;
-                                       array[offset + 1] = this.y;
-                                       array[offset + 2] = this.z;
-                                       return array;
-                               }
-
-                               fromBufferAttribute(attribute, index, offset) {
-                                       if (offset !== undefined) {
-                                               console.warn('THREE.Vector3: offset has been removed from .fromBufferAttribute().');
-                                       }
-
-                                       this.x = attribute.getX(index);
-                                       this.y = attribute.getY(index);
-                                       this.z = attribute.getZ(index);
-                                       return this;
-                               }
-
-                               random() {
-                                       this.x = Math.random();
-                                       this.y = Math.random();
-                                       this.z = Math.random();
-                                       return this;
-                               }
-
-                       }
-
-                       Vector3.prototype.isVector3 = true;
-
-                       const _vector$c = /*@__PURE__*/new Vector3();
-
-                       const _quaternion$4 = /*@__PURE__*/new Quaternion();
-
-                       class Box3 {
-                               constructor(min = new Vector3(+Infinity, +Infinity, +Infinity), max = new Vector3(-Infinity, -Infinity, -Infinity)) {
-                                       this.min = min;
-                                       this.max = max;
-                               }
-
-                               set(min, max) {
-                                       this.min.copy(min);
-                                       this.max.copy(max);
-                                       return this;
-                               }
-
-                               setFromArray(array) {
-                                       let minX = +Infinity;
-                                       let minY = +Infinity;
-                                       let minZ = +Infinity;
-                                       let maxX = -Infinity;
-                                       let maxY = -Infinity;
-                                       let maxZ = -Infinity;
-
-                                       for (let i = 0, l = array.length; i < l; i += 3) {
-                                               const x = array[i];
-                                               const y = array[i + 1];
-                                               const z = array[i + 2];
-                                               if (x < minX) minX = x;
-                                               if (y < minY) minY = y;
-                                               if (z < minZ) minZ = z;
-                                               if (x > maxX) maxX = x;
-                                               if (y > maxY) maxY = y;
-                                               if (z > maxZ) maxZ = z;
-                                       }
-
-                                       this.min.set(minX, minY, minZ);
-                                       this.max.set(maxX, maxY, maxZ);
-                                       return this;
-                               }
-
-                               setFromBufferAttribute(attribute) {
-                                       let minX = +Infinity;
-                                       let minY = +Infinity;
-                                       let minZ = +Infinity;
-                                       let maxX = -Infinity;
-                                       let maxY = -Infinity;
-                                       let maxZ = -Infinity;
-
-                                       for (let i = 0, l = attribute.count; i < l; i++) {
-                                               const x = attribute.getX(i);
-                                               const y = attribute.getY(i);
-                                               const z = attribute.getZ(i);
-                                               if (x < minX) minX = x;
-                                               if (y < minY) minY = y;
-                                               if (z < minZ) minZ = z;
-                                               if (x > maxX) maxX = x;
-                                               if (y > maxY) maxY = y;
-                                               if (z > maxZ) maxZ = z;
-                                       }
-
-                                       this.min.set(minX, minY, minZ);
-                                       this.max.set(maxX, maxY, maxZ);
-                                       return this;
-                               }
-
-                               setFromPoints(points) {
-                                       this.makeEmpty();
-
-                                       for (let i = 0, il = points.length; i < il; i++) {
-                                               this.expandByPoint(points[i]);
-                                       }
-
-                                       return this;
-                               }
-
-                               setFromCenterAndSize(center, size) {
-                                       const halfSize = _vector$b.copy(size).multiplyScalar(0.5);
-
-                                       this.min.copy(center).sub(halfSize);
-                                       this.max.copy(center).add(halfSize);
-                                       return this;
-                               }
-
-                               setFromObject(object) {
-                                       this.makeEmpty();
-                                       return this.expandByObject(object);
-                               }
-
-                               clone() {
-                                       return new this.constructor().copy(this);
-                               }
-
-                               copy(box) {
-                                       this.min.copy(box.min);
-                                       this.max.copy(box.max);
-                                       return this;
-                               }
-
-                               makeEmpty() {
-                                       this.min.x = this.min.y = this.min.z = +Infinity;
-                                       this.max.x = this.max.y = this.max.z = -Infinity;
-                                       return this;
-                               }
-
-                               isEmpty() {
-                                       // this is a more robust check for empty than ( volume <= 0 ) because volume can get positive with two negative axes
-                                       return this.max.x < this.min.x || this.max.y < this.min.y || this.max.z < this.min.z;
-                               }
-
-                               getCenter(target) {
-                                       return this.isEmpty() ? target.set(0, 0, 0) : target.addVectors(this.min, this.max).multiplyScalar(0.5);
-                               }
-
-                               getSize(target) {
-                                       return this.isEmpty() ? target.set(0, 0, 0) : target.subVectors(this.max, this.min);
-                               }
-
-                               expandByPoint(point) {
-                                       this.min.min(point);
-                                       this.max.max(point);
-                                       return this;
-                               }
-
-                               expandByVector(vector) {
-                                       this.min.sub(vector);
-                                       this.max.add(vector);
-                                       return this;
-                               }
-
-                               expandByScalar(scalar) {
-                                       this.min.addScalar(-scalar);
-                                       this.max.addScalar(scalar);
-                                       return this;
-                               }
-
-                               expandByObject(object) {
-                                       // Computes the world-axis-aligned bounding box of an object (including its children),
-                                       // accounting for both the object's, and children's, world transforms
-                                       object.updateWorldMatrix(false, false);
-                                       const geometry = object.geometry;
-
-                                       if (geometry !== undefined) {
-                                               if (geometry.boundingBox === null) {
-                                                       geometry.computeBoundingBox();
-                                               }
-
-                                               _box$3.copy(geometry.boundingBox);
-
-                                               _box$3.applyMatrix4(object.matrixWorld);
-
-                                               this.union(_box$3);
-                                       }
-
-                                       const children = object.children;
-
-                                       for (let i = 0, l = children.length; i < l; i++) {
-                                               this.expandByObject(children[i]);
-                                       }
-
-                                       return this;
-                               }
-
-                               containsPoint(point) {
-                                       return point.x < this.min.x || point.x > this.max.x || point.y < this.min.y || point.y > this.max.y || point.z < this.min.z || point.z > this.max.z ? false : true;
-                               }
-
-                               containsBox(box) {
-                                       return this.min.x <= box.min.x && box.max.x <= this.max.x && this.min.y <= box.min.y && box.max.y <= this.max.y && this.min.z <= box.min.z && box.max.z <= this.max.z;
-                               }
-
-                               getParameter(point, target) {
-                                       // This can potentially have a divide by zero if the box
-                                       // has a size dimension of 0.
-                                       return target.set((point.x - this.min.x) / (this.max.x - this.min.x), (point.y - this.min.y) / (this.max.y - this.min.y), (point.z - this.min.z) / (this.max.z - this.min.z));
-                               }
-
-                               intersectsBox(box) {
-                                       // using 6 splitting planes to rule out intersections.
-                                       return box.max.x < this.min.x || box.min.x > this.max.x || box.max.y < this.min.y || box.min.y > this.max.y || box.max.z < this.min.z || box.min.z > this.max.z ? false : true;
-                               }
-
-                               intersectsSphere(sphere) {
-                                       // Find the point on the AABB closest to the sphere center.
-                                       this.clampPoint(sphere.center, _vector$b); // If that point is inside the sphere, the AABB and sphere intersect.
-
-                                       return _vector$b.distanceToSquared(sphere.center) <= sphere.radius * sphere.radius;
-                               }
-
-                               intersectsPlane(plane) {
-                                       // We compute the minimum and maximum dot product values. If those values
-                                       // are on the same side (back or front) of the plane, then there is no intersection.
-                                       let min, max;
-
-                                       if (plane.normal.x > 0) {
-                                               min = plane.normal.x * this.min.x;
-                                               max = plane.normal.x * this.max.x;
-                                       } else {
-                                               min = plane.normal.x * this.max.x;
-                                               max = plane.normal.x * this.min.x;
-                                       }
-
-                                       if (plane.normal.y > 0) {
-                                               min += plane.normal.y * this.min.y;
-                                               max += plane.normal.y * this.max.y;
-                                       } else {
-                                               min += plane.normal.y * this.max.y;
-                                               max += plane.normal.y * this.min.y;
-                                       }
-
-                                       if (plane.normal.z > 0) {
-                                               min += plane.normal.z * this.min.z;
-                                               max += plane.normal.z * this.max.z;
-                                       } else {
-                                               min += plane.normal.z * this.max.z;
-                                               max += plane.normal.z * this.min.z;
-                                       }
-
-                                       return min <= -plane.constant && max >= -plane.constant;
-                               }
-
-                               intersectsTriangle(triangle) {
-                                       if (this.isEmpty()) {
-                                               return false;
-                                       } // compute box center and extents
-
-
-                                       this.getCenter(_center);
-
-                                       _extents.subVectors(this.max, _center); // translate triangle to aabb origin
-
-
-                                       _v0$2.subVectors(triangle.a, _center);
-
-                                       _v1$7.subVectors(triangle.b, _center);
-
-                                       _v2$3.subVectors(triangle.c, _center); // compute edge vectors for triangle
-
-
-                                       _f0.subVectors(_v1$7, _v0$2);
-
-                                       _f1.subVectors(_v2$3, _v1$7);
-
-                                       _f2.subVectors(_v0$2, _v2$3); // test against axes that are given by cross product combinations of the edges of the triangle and the edges of the aabb
-                                       // make an axis testing of each of the 3 sides of the aabb against each of the 3 sides of the triangle = 9 axis of separation
-                                       // axis_ij = u_i x f_j (u0, u1, u2 = face normals of aabb = x,y,z axes vectors since aabb is axis aligned)
-
-
-                                       let axes = [0, -_f0.z, _f0.y, 0, -_f1.z, _f1.y, 0, -_f2.z, _f2.y, _f0.z, 0, -_f0.x, _f1.z, 0, -_f1.x, _f2.z, 0, -_f2.x, -_f0.y, _f0.x, 0, -_f1.y, _f1.x, 0, -_f2.y, _f2.x, 0];
-
-                                       if (!satForAxes(axes, _v0$2, _v1$7, _v2$3, _extents)) {
-                                               return false;
-                                       } // test 3 face normals from the aabb
-
-
-                                       axes = [1, 0, 0, 0, 1, 0, 0, 0, 1];
-
-                                       if (!satForAxes(axes, _v0$2, _v1$7, _v2$3, _extents)) {
-                                               return false;
-                                       } // finally testing the face normal of the triangle
-                                       // use already existing triangle edge vectors here
-
-
-                                       _triangleNormal.crossVectors(_f0, _f1);
-
-                                       axes = [_triangleNormal.x, _triangleNormal.y, _triangleNormal.z];
-                                       return satForAxes(axes, _v0$2, _v1$7, _v2$3, _extents);
-                               }
-
-                               clampPoint(point, target) {
-                                       return target.copy(point).clamp(this.min, this.max);
-                               }
-
-                               distanceToPoint(point) {
-                                       const clampedPoint = _vector$b.copy(point).clamp(this.min, this.max);
-
-                                       return clampedPoint.sub(point).length();
-                               }
-
-                               getBoundingSphere(target) {
-                                       this.getCenter(target.center);
-                                       target.radius = this.getSize(_vector$b).length() * 0.5;
-                                       return target;
-                               }
-
-                               intersect(box) {
-                                       this.min.max(box.min);
-                                       this.max.min(box.max); // ensure that if there is no overlap, the result is fully empty, not slightly empty with non-inf/+inf values that will cause subsequence intersects to erroneously return valid values.
-
-                                       if (this.isEmpty()) this.makeEmpty();
-                                       return this;
-                               }
-
-                               union(box) {
-                                       this.min.min(box.min);
-                                       this.max.max(box.max);
-                                       return this;
-                               }
-
-                               applyMatrix4(matrix) {
-                                       // transform of empty box is an empty box.
-                                       if (this.isEmpty()) return this; // NOTE: I am using a binary pattern to specify all 2^3 combinations below
-
-                                       _points[0].set(this.min.x, this.min.y, this.min.z).applyMatrix4(matrix); // 000
-
-
-                                       _points[1].set(this.min.x, this.min.y, this.max.z).applyMatrix4(matrix); // 001
-
-
-                                       _points[2].set(this.min.x, this.max.y, this.min.z).applyMatrix4(matrix); // 010
-
-
-                                       _points[3].set(this.min.x, this.max.y, this.max.z).applyMatrix4(matrix); // 011
-
-
-                                       _points[4].set(this.max.x, this.min.y, this.min.z).applyMatrix4(matrix); // 100
-
-
-                                       _points[5].set(this.max.x, this.min.y, this.max.z).applyMatrix4(matrix); // 101
-
-
-                                       _points[6].set(this.max.x, this.max.y, this.min.z).applyMatrix4(matrix); // 110
-
-
-                                       _points[7].set(this.max.x, this.max.y, this.max.z).applyMatrix4(matrix); // 111
-
-
-                                       this.setFromPoints(_points);
-                                       return this;
-                               }
-
-                               translate(offset) {
-                                       this.min.add(offset);
-                                       this.max.add(offset);
-                                       return this;
-                               }
-
-                               equals(box) {
-                                       return box.min.equals(this.min) && box.max.equals(this.max);
-                               }
-
-                       }
-
-                       Box3.prototype.isBox3 = true;
-                       const _points = [/*@__PURE__*/new Vector3(), /*@__PURE__*/new Vector3(), /*@__PURE__*/new Vector3(), /*@__PURE__*/new Vector3(), /*@__PURE__*/new Vector3(), /*@__PURE__*/new Vector3(), /*@__PURE__*/new Vector3(), /*@__PURE__*/new Vector3()];
-
-                       const _vector$b = /*@__PURE__*/new Vector3();
-
-                       const _box$3 = /*@__PURE__*/new Box3(); // triangle centered vertices
-
-
-                       const _v0$2 = /*@__PURE__*/new Vector3();
-
-                       const _v1$7 = /*@__PURE__*/new Vector3();
-
-                       const _v2$3 = /*@__PURE__*/new Vector3(); // triangle edge vectors
-
-
-                       const _f0 = /*@__PURE__*/new Vector3();
-
-                       const _f1 = /*@__PURE__*/new Vector3();
-
-                       const _f2 = /*@__PURE__*/new Vector3();
-
-                       const _center = /*@__PURE__*/new Vector3();
-
-                       const _extents = /*@__PURE__*/new Vector3();
-
-                       const _triangleNormal = /*@__PURE__*/new Vector3();
-
-                       const _testAxis = /*@__PURE__*/new Vector3();
-
-                       function satForAxes(axes, v0, v1, v2, extents) {
-                               for (let i = 0, j = axes.length - 3; i <= j; i += 3) {
-                                       _testAxis.fromArray(axes, i); // project the aabb onto the seperating axis
-
-
-                                       const r = extents.x * Math.abs(_testAxis.x) + extents.y * Math.abs(_testAxis.y) + extents.z * Math.abs(_testAxis.z); // project all 3 vertices of the triangle onto the seperating axis
-
-                                       const p0 = v0.dot(_testAxis);
-                                       const p1 = v1.dot(_testAxis);
-                                       const p2 = v2.dot(_testAxis); // actual test, basically see if either of the most extreme of the triangle points intersects r
-
-                                       if (Math.max(-Math.max(p0, p1, p2), Math.min(p0, p1, p2)) > r) {
-                                               // points of the projected triangle are outside the projected half-length of the aabb
-                                               // the axis is seperating and we can exit
-                                               return false;
-                                       }
-                               }
-
-                               return true;
-                       }
-
-                       const _box$2 = /*@__PURE__*/new Box3();
-
-                       const _v1$6 = /*@__PURE__*/new Vector3();
-
-                       const _toFarthestPoint = /*@__PURE__*/new Vector3();
-
-                       const _toPoint = /*@__PURE__*/new Vector3();
-
-                       class Sphere {
-                               constructor(center = new Vector3(), radius = -1) {
-                                       this.center = center;
-                                       this.radius = radius;
-                               }
-
-                               set(center, radius) {
-                                       this.center.copy(center);
-                                       this.radius = radius;
-                                       return this;
-                               }
-
-                               setFromPoints(points, optionalCenter) {
-                                       const center = this.center;
-
-                                       if (optionalCenter !== undefined) {
-                                               center.copy(optionalCenter);
-                                       } else {
-                                               _box$2.setFromPoints(points).getCenter(center);
-                                       }
-
-                                       let maxRadiusSq = 0;
-
-                                       for (let i = 0, il = points.length; i < il; i++) {
-                                               maxRadiusSq = Math.max(maxRadiusSq, center.distanceToSquared(points[i]));
-                                       }
-
-                                       this.radius = Math.sqrt(maxRadiusSq);
-                                       return this;
-                               }
-
-                               copy(sphere) {
-                                       this.center.copy(sphere.center);
-                                       this.radius = sphere.radius;
-                                       return this;
-                               }
-
-                               isEmpty() {
-                                       return this.radius < 0;
-                               }
-
-                               makeEmpty() {
-                                       this.center.set(0, 0, 0);
-                                       this.radius = -1;
-                                       return this;
-                               }
-
-                               containsPoint(point) {
-                                       return point.distanceToSquared(this.center) <= this.radius * this.radius;
-                               }
-
-                               distanceToPoint(point) {
-                                       return point.distanceTo(this.center) - this.radius;
-                               }
-
-                               intersectsSphere(sphere) {
-                                       const radiusSum = this.radius + sphere.radius;
-                                       return sphere.center.distanceToSquared(this.center) <= radiusSum * radiusSum;
-                               }
-
-                               intersectsBox(box) {
-                                       return box.intersectsSphere(this);
-                               }
-
-                               intersectsPlane(plane) {
-                                       return Math.abs(plane.distanceToPoint(this.center)) <= this.radius;
-                               }
-
-                               clampPoint(point, target) {
-                                       const deltaLengthSq = this.center.distanceToSquared(point);
-                                       target.copy(point);
-
-                                       if (deltaLengthSq > this.radius * this.radius) {
-                                               target.sub(this.center).normalize();
-                                               target.multiplyScalar(this.radius).add(this.center);
-                                       }
-
-                                       return target;
-                               }
-
-                               getBoundingBox(target) {
-                                       if (this.isEmpty()) {
-                                               // Empty sphere produces empty bounding box
-                                               target.makeEmpty();
-                                               return target;
-                                       }
-
-                                       target.set(this.center, this.center);
-                                       target.expandByScalar(this.radius);
-                                       return target;
-                               }
-
-                               applyMatrix4(matrix) {
-                                       this.center.applyMatrix4(matrix);
-                                       this.radius = this.radius * matrix.getMaxScaleOnAxis();
-                                       return this;
-                               }
-
-                               translate(offset) {
-                                       this.center.add(offset);
-                                       return this;
-                               }
-
-                               expandByPoint(point) {
-                                       // from https://github.com/juj/MathGeoLib/blob/2940b99b99cfe575dd45103ef20f4019dee15b54/src/Geometry/Sphere.cpp#L649-L671
-                                       _toPoint.subVectors(point, this.center);
-
-                                       const lengthSq = _toPoint.lengthSq();
-
-                                       if (lengthSq > this.radius * this.radius) {
-                                               const length = Math.sqrt(lengthSq);
-                                               const missingRadiusHalf = (length - this.radius) * 0.5; // Nudge this sphere towards the target point. Add half the missing distance to radius,
-                                               // and the other half to position. This gives a tighter enclosure, instead of if
-                                               // the whole missing distance were just added to radius.
-
-                                               this.center.add(_toPoint.multiplyScalar(missingRadiusHalf / length));
-                                               this.radius += missingRadiusHalf;
-                                       }
-
-                                       return this;
-                               }
-
-                               union(sphere) {
-                                       // from https://github.com/juj/MathGeoLib/blob/2940b99b99cfe575dd45103ef20f4019dee15b54/src/Geometry/Sphere.cpp#L759-L769
-                                       // To enclose another sphere into this sphere, we only need to enclose two points:
-                                       // 1) Enclose the farthest point on the other sphere into this sphere.
-                                       // 2) Enclose the opposite point of the farthest point into this sphere.
-                                       _toFarthestPoint.subVectors(sphere.center, this.center).normalize().multiplyScalar(sphere.radius);
-
-                                       this.expandByPoint(_v1$6.copy(sphere.center).add(_toFarthestPoint));
-                                       this.expandByPoint(_v1$6.copy(sphere.center).sub(_toFarthestPoint));
-                                       return this;
-                               }
-
-                               equals(sphere) {
-                                       return sphere.center.equals(this.center) && sphere.radius === this.radius;
-                               }
-
-                               clone() {
-                                       return new this.constructor().copy(this);
-                               }
-
-                       }
-
-                       const _vector$a = /*@__PURE__*/new Vector3();
-
-                       const _segCenter = /*@__PURE__*/new Vector3();
-
-                       const _segDir = /*@__PURE__*/new Vector3();
-
-                       const _diff = /*@__PURE__*/new Vector3();
-
-                       const _edge1 = /*@__PURE__*/new Vector3();
-
-                       const _edge2 = /*@__PURE__*/new Vector3();
-
-                       const _normal$1 = /*@__PURE__*/new Vector3();
-
-                       class Ray {
-                               constructor(origin = new Vector3(), direction = new Vector3(0, 0, -1)) {
-                                       this.origin = origin;
-                                       this.direction = direction;
-                               }
-
-                               set(origin, direction) {
-                                       this.origin.copy(origin);
-                                       this.direction.copy(direction);
-                                       return this;
-                               }
-
-                               copy(ray) {
-                                       this.origin.copy(ray.origin);
-                                       this.direction.copy(ray.direction);
-                                       return this;
-                               }
-
-                               at(t, target) {
-                                       return target.copy(this.direction).multiplyScalar(t).add(this.origin);
-                               }
-
-                               lookAt(v) {
-                                       this.direction.copy(v).sub(this.origin).normalize();
-                                       return this;
-                               }
-
-                               recast(t) {
-                                       this.origin.copy(this.at(t, _vector$a));
-                                       return this;
-                               }
-
-                               closestPointToPoint(point, target) {
-                                       target.subVectors(point, this.origin);
-                                       const directionDistance = target.dot(this.direction);
-
-                                       if (directionDistance < 0) {
-                                               return target.copy(this.origin);
-                                       }
-
-                                       return target.copy(this.direction).multiplyScalar(directionDistance).add(this.origin);
-                               }
-
-                               distanceToPoint(point) {
-                                       return Math.sqrt(this.distanceSqToPoint(point));
-                               }
-
-                               distanceSqToPoint(point) {
-                                       const directionDistance = _vector$a.subVectors(point, this.origin).dot(this.direction); // point behind the ray
-
-
-                                       if (directionDistance < 0) {
-                                               return this.origin.distanceToSquared(point);
-                                       }
-
-                                       _vector$a.copy(this.direction).multiplyScalar(directionDistance).add(this.origin);
-
-                                       return _vector$a.distanceToSquared(point);
-                               }
-
-                               distanceSqToSegment(v0, v1, optionalPointOnRay, optionalPointOnSegment) {
-                                       // from http://www.geometrictools.com/GTEngine/Include/Mathematics/GteDistRaySegment.h
-                                       // It returns the min distance between the ray and the segment
-                                       // defined by v0 and v1
-                                       // It can also set two optional targets :
-                                       // - The closest point on the ray
-                                       // - The closest point on the segment
-                                       _segCenter.copy(v0).add(v1).multiplyScalar(0.5);
-
-                                       _segDir.copy(v1).sub(v0).normalize();
-
-                                       _diff.copy(this.origin).sub(_segCenter);
-
-                                       const segExtent = v0.distanceTo(v1) * 0.5;
-                                       const a01 = -this.direction.dot(_segDir);
-
-                                       const b0 = _diff.dot(this.direction);
-
-                                       const b1 = -_diff.dot(_segDir);
-
-                                       const c = _diff.lengthSq();
-
-                                       const det = Math.abs(1 - a01 * a01);
-                                       let s0, s1, sqrDist, extDet;
-
-                                       if (det > 0) {
-                                               // The ray and segment are not parallel.
-                                               s0 = a01 * b1 - b0;
-                                               s1 = a01 * b0 - b1;
-                                               extDet = segExtent * det;
-
-                                               if (s0 >= 0) {
-                                                       if (s1 >= -extDet) {
-                                                               if (s1 <= extDet) {
-                                                                       // region 0
-                                                                       // Minimum at interior points of ray and segment.
-                                                                       const invDet = 1 / det;
-                                                                       s0 *= invDet;
-                                                                       s1 *= invDet;
-                                                                       sqrDist = s0 * (s0 + a01 * s1 + 2 * b0) + s1 * (a01 * s0 + s1 + 2 * b1) + c;
-                                                               } else {
-                                                                       // region 1
-                                                                       s1 = segExtent;
-                                                                       s0 = Math.max(0, -(a01 * s1 + b0));
-                                                                       sqrDist = -s0 * s0 + s1 * (s1 + 2 * b1) + c;
-                                                               }
-                                                       } else {
-                                                               // region 5
-                                                               s1 = -segExtent;
-                                                               s0 = Math.max(0, -(a01 * s1 + b0));
-                                                               sqrDist = -s0 * s0 + s1 * (s1 + 2 * b1) + c;
-                                                       }
-                                               } else {
-                                                       if (s1 <= -extDet) {
-                                                               // region 4
-                                                               s0 = Math.max(0, -(-a01 * segExtent + b0));
-                                                               s1 = s0 > 0 ? -segExtent : Math.min(Math.max(-segExtent, -b1), segExtent);
-                                                               sqrDist = -s0 * s0 + s1 * (s1 + 2 * b1) + c;
-                                                       } else if (s1 <= extDet) {
-                                                               // region 3
-                                                               s0 = 0;
-                                                               s1 = Math.min(Math.max(-segExtent, -b1), segExtent);
-                                                               sqrDist = s1 * (s1 + 2 * b1) + c;
-                                                       } else {
-                                                               // region 2
-                                                               s0 = Math.max(0, -(a01 * segExtent + b0));
-                                                               s1 = s0 > 0 ? segExtent : Math.min(Math.max(-segExtent, -b1), segExtent);
-                                                               sqrDist = -s0 * s0 + s1 * (s1 + 2 * b1) + c;
-                                                       }
-                                               }
-                                       } else {
-                                               // Ray and segment are parallel.
-                                               s1 = a01 > 0 ? -segExtent : segExtent;
-                                               s0 = Math.max(0, -(a01 * s1 + b0));
-                                               sqrDist = -s0 * s0 + s1 * (s1 + 2 * b1) + c;
-                                       }
-
-                                       if (optionalPointOnRay) {
-                                               optionalPointOnRay.copy(this.direction).multiplyScalar(s0).add(this.origin);
-                                       }
-
-                                       if (optionalPointOnSegment) {
-                                               optionalPointOnSegment.copy(_segDir).multiplyScalar(s1).add(_segCenter);
-                                       }
-
-                                       return sqrDist;
-                               }
-
-                               intersectSphere(sphere, target) {
-                                       _vector$a.subVectors(sphere.center, this.origin);
-
-                                       const tca = _vector$a.dot(this.direction);
-
-                                       const d2 = _vector$a.dot(_vector$a) - tca * tca;
-                                       const radius2 = sphere.radius * sphere.radius;
-                                       if (d2 > radius2) return null;
-                                       const thc = Math.sqrt(radius2 - d2); // t0 = first intersect point - entrance on front of sphere
-
-                                       const t0 = tca - thc; // t1 = second intersect point - exit point on back of sphere
-
-                                       const t1 = tca + thc; // test to see if both t0 and t1 are behind the ray - if so, return null
-
-                                       if (t0 < 0 && t1 < 0) return null; // test to see if t0 is behind the ray:
-                                       // if it is, the ray is inside the sphere, so return the second exit point scaled by t1,
-                                       // in order to always return an intersect point that is in front of the ray.
-
-                                       if (t0 < 0) return this.at(t1, target); // else t0 is in front of the ray, so return the first collision point scaled by t0
-
-                                       return this.at(t0, target);
-                               }
-
-                               intersectsSphere(sphere) {
-                                       return this.distanceSqToPoint(sphere.center) <= sphere.radius * sphere.radius;
-                               }
-
-                               distanceToPlane(plane) {
-                                       const denominator = plane.normal.dot(this.direction);
-
-                                       if (denominator === 0) {
-                                               // line is coplanar, return origin
-                                               if (plane.distanceToPoint(this.origin) === 0) {
-                                                       return 0;
-                                               } // Null is preferable to undefined since undefined means.... it is undefined
-
-
-                                               return null;
-                                       }
-
-                                       const t = -(this.origin.dot(plane.normal) + plane.constant) / denominator; // Return if the ray never intersects the plane
-
-                                       return t >= 0 ? t : null;
-                               }
-
-                               intersectPlane(plane, target) {
-                                       const t = this.distanceToPlane(plane);
-
-                                       if (t === null) {
-                                               return null;
-                                       }
-
-                                       return this.at(t, target);
-                               }
-
-                               intersectsPlane(plane) {
-                                       // check if the ray lies on the plane first
-                                       const distToPoint = plane.distanceToPoint(this.origin);
-
-                                       if (distToPoint === 0) {
-                                               return true;
-                                       }
-
-                                       const denominator = plane.normal.dot(this.direction);
-
-                                       if (denominator * distToPoint < 0) {
-                                               return true;
-                                       } // ray origin is behind the plane (and is pointing behind it)
-
-
-                                       return false;
-                               }
-
-                               intersectBox(box, target) {
-                                       let tmin, tmax, tymin, tymax, tzmin, tzmax;
-                                       const invdirx = 1 / this.direction.x,
-                                               invdiry = 1 / this.direction.y,
-                                               invdirz = 1 / this.direction.z;
-                                       const origin = this.origin;
-
-                                       if (invdirx >= 0) {
-                                               tmin = (box.min.x - origin.x) * invdirx;
-                                               tmax = (box.max.x - origin.x) * invdirx;
-                                       } else {
-                                               tmin = (box.max.x - origin.x) * invdirx;
-                                               tmax = (box.min.x - origin.x) * invdirx;
-                                       }
-
-                                       if (invdiry >= 0) {
-                                               tymin = (box.min.y - origin.y) * invdiry;
-                                               tymax = (box.max.y - origin.y) * invdiry;
-                                       } else {
-                                               tymin = (box.max.y - origin.y) * invdiry;
-                                               tymax = (box.min.y - origin.y) * invdiry;
-                                       }
-
-                                       if (tmin > tymax || tymin > tmax) return null; // These lines also handle the case where tmin or tmax is NaN
-                                       // (result of 0 * Infinity). x !== x returns true if x is NaN
-
-                                       if (tymin > tmin || tmin !== tmin) tmin = tymin;
-                                       if (tymax < tmax || tmax !== tmax) tmax = tymax;
-
-                                       if (invdirz >= 0) {
-                                               tzmin = (box.min.z - origin.z) * invdirz;
-                                               tzmax = (box.max.z - origin.z) * invdirz;
-                                       } else {
-                                               tzmin = (box.max.z - origin.z) * invdirz;
-                                               tzmax = (box.min.z - origin.z) * invdirz;
-                                       }
-
-                                       if (tmin > tzmax || tzmin > tmax) return null;
-                                       if (tzmin > tmin || tmin !== tmin) tmin = tzmin;
-                                       if (tzmax < tmax || tmax !== tmax) tmax = tzmax; //return point closest to the ray (positive side)
-
-                                       if (tmax < 0) return null;
-                                       return this.at(tmin >= 0 ? tmin : tmax, target);
-                               }
-
-                               intersectsBox(box) {
-                                       return this.intersectBox(box, _vector$a) !== null;
-                               }
-
-                               intersectTriangle(a, b, c, backfaceCulling, target) {
-                                       // Compute the offset origin, edges, and normal.
-                                       // from http://www.geometrictools.com/GTEngine/Include/Mathematics/GteIntrRay3Triangle3.h
-                                       _edge1.subVectors(b, a);
-
-                                       _edge2.subVectors(c, a);
-
-                                       _normal$1.crossVectors(_edge1, _edge2); // Solve Q + t*D = b1*E1 + b2*E2 (Q = kDiff, D = ray direction,
-                                       // E1 = kEdge1, E2 = kEdge2, N = Cross(E1,E2)) by
-                                       //       |Dot(D,N)|*b1 = sign(Dot(D,N))*Dot(D,Cross(Q,E2))
-                                       //       |Dot(D,N)|*b2 = sign(Dot(D,N))*Dot(D,Cross(E1,Q))
-                                       //       |Dot(D,N)|*t = -sign(Dot(D,N))*Dot(Q,N)
-
-
-                                       let DdN = this.direction.dot(_normal$1);
-                                       let sign;
-
-                                       if (DdN > 0) {
-                                               if (backfaceCulling) return null;
-                                               sign = 1;
-                                       } else if (DdN < 0) {
-                                               sign = -1;
-                                               DdN = -DdN;
-                                       } else {
-                                               return null;
-                                       }
-
-                                       _diff.subVectors(this.origin, a);
-
-                                       const DdQxE2 = sign * this.direction.dot(_edge2.crossVectors(_diff, _edge2)); // b1 < 0, no intersection
-
-                                       if (DdQxE2 < 0) {
-                                               return null;
-                                       }
-
-                                       const DdE1xQ = sign * this.direction.dot(_edge1.cross(_diff)); // b2 < 0, no intersection
-
-                                       if (DdE1xQ < 0) {
-                                               return null;
-                                       } // b1+b2 > 1, no intersection
-
-
-                                       if (DdQxE2 + DdE1xQ > DdN) {
-                                               return null;
-                                       } // Line intersects triangle, check if ray does.
-
-
-                                       const QdN = -sign * _diff.dot(_normal$1); // t < 0, no intersection
-
-
-                                       if (QdN < 0) {
-                                               return null;
-                                       } // Ray intersects triangle.
-
-
-                                       return this.at(QdN / DdN, target);
-                               }
-
-                               applyMatrix4(matrix4) {
-                                       this.origin.applyMatrix4(matrix4);
-                                       this.direction.transformDirection(matrix4);
-                                       return this;
-                               }
-
-                               equals(ray) {
-                                       return ray.origin.equals(this.origin) && ray.direction.equals(this.direction);
-                               }
-
-                               clone() {
-                                       return new this.constructor().copy(this);
-                               }
-
-                       }
-
-                       class Matrix4 {
-                               constructor() {
-                                       this.elements = [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1];
-
-                                       if (arguments.length > 0) {
-                                               console.error('THREE.Matrix4: the constructor no longer reads arguments. use .set() instead.');
-                                       }
-                               }
-
-                               set(n11, n12, n13, n14, n21, n22, n23, n24, n31, n32, n33, n34, n41, n42, n43, n44) {
-                                       const te = this.elements;
-                                       te[0] = n11;
-                                       te[4] = n12;
-                                       te[8] = n13;
-                                       te[12] = n14;
-                                       te[1] = n21;
-                                       te[5] = n22;
-                                       te[9] = n23;
-                                       te[13] = n24;
-                                       te[2] = n31;
-                                       te[6] = n32;
-                                       te[10] = n33;
-                                       te[14] = n34;
-                                       te[3] = n41;
-                                       te[7] = n42;
-                                       te[11] = n43;
-                                       te[15] = n44;
-                                       return this;
-                               }
-
-                               identity() {
-                                       this.set(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
-                                       return this;
-                               }
-
-                               clone() {
-                                       return new Matrix4().fromArray(this.elements);
-                               }
-
-                               copy(m) {
-                                       const te = this.elements;
-                                       const me = m.elements;
-                                       te[0] = me[0];
-                                       te[1] = me[1];
-                                       te[2] = me[2];
-                                       te[3] = me[3];
-                                       te[4] = me[4];
-                                       te[5] = me[5];
-                                       te[6] = me[6];
-                                       te[7] = me[7];
-                                       te[8] = me[8];
-                                       te[9] = me[9];
-                                       te[10] = me[10];
-                                       te[11] = me[11];
-                                       te[12] = me[12];
-                                       te[13] = me[13];
-                                       te[14] = me[14];
-                                       te[15] = me[15];
-                                       return this;
-                               }
-
-                               copyPosition(m) {
-                                       const te = this.elements,
-                                               me = m.elements;
-                                       te[12] = me[12];
-                                       te[13] = me[13];
-                                       te[14] = me[14];
-                                       return this;
-                               }
-
-                               setFromMatrix3(m) {
-                                       const me = m.elements;
-                                       this.set(me[0], me[3], me[6], 0, me[1], me[4], me[7], 0, me[2], me[5], me[8], 0, 0, 0, 0, 1);
-                                       return this;
-                               }
-
-                               extractBasis(xAxis, yAxis, zAxis) {
-                                       xAxis.setFromMatrixColumn(this, 0);
-                                       yAxis.setFromMatrixColumn(this, 1);
-                                       zAxis.setFromMatrixColumn(this, 2);
-                                       return this;
-                               }
-
-                               makeBasis(xAxis, yAxis, zAxis) {
-                                       this.set(xAxis.x, yAxis.x, zAxis.x, 0, xAxis.y, yAxis.y, zAxis.y, 0, xAxis.z, yAxis.z, zAxis.z, 0, 0, 0, 0, 1);
-                                       return this;
-                               }
-
-                               extractRotation(m) {
-                                       // this method does not support reflection matrices
-                                       const te = this.elements;
-                                       const me = m.elements;
-
-                                       const scaleX = 1 / _v1$5.setFromMatrixColumn(m, 0).length();
-
-                                       const scaleY = 1 / _v1$5.setFromMatrixColumn(m, 1).length();
-
-                                       const scaleZ = 1 / _v1$5.setFromMatrixColumn(m, 2).length();
-
-                                       te[0] = me[0] * scaleX;
-                                       te[1] = me[1] * scaleX;
-                                       te[2] = me[2] * scaleX;
-                                       te[3] = 0;
-                                       te[4] = me[4] * scaleY;
-                                       te[5] = me[5] * scaleY;
-                                       te[6] = me[6] * scaleY;
-                                       te[7] = 0;
-                                       te[8] = me[8] * scaleZ;
-                                       te[9] = me[9] * scaleZ;
-                                       te[10] = me[10] * scaleZ;
-                                       te[11] = 0;
-                                       te[12] = 0;
-                                       te[13] = 0;
-                                       te[14] = 0;
-                                       te[15] = 1;
-                                       return this;
-                               }
-
-                               makeRotationFromEuler(euler) {
-                                       if (!(euler && euler.isEuler)) {
-                                               console.error('THREE.Matrix4: .makeRotationFromEuler() now expects a Euler rotation rather than a Vector3 and order.');
-                                       }
-
-                                       const te = this.elements;
-                                       const x = euler.x,
-                                               y = euler.y,
-                                               z = euler.z;
-                                       const a = Math.cos(x),
-                                               b = Math.sin(x);
-                                       const c = Math.cos(y),
-                                               d = Math.sin(y);
-                                       const e = Math.cos(z),
-                                               f = Math.sin(z);
-
-                                       if (euler.order === 'XYZ') {
-                                               const ae = a * e,
-                                                       af = a * f,
-                                                       be = b * e,
-                                                       bf = b * f;
-                                               te[0] = c * e;
-                                               te[4] = -c * f;
-                                               te[8] = d;
-                                               te[1] = af + be * d;
-                                               te[5] = ae - bf * d;
-                                               te[9] = -b * c;
-                                               te[2] = bf - ae * d;
-                                               te[6] = be + af * d;
-                                               te[10] = a * c;
-                                       } else if (euler.order === 'YXZ') {
-                                               const ce = c * e,
-                                                       cf = c * f,
-                                                       de = d * e,
-                                                       df = d * f;
-                                               te[0] = ce + df * b;
-                                               te[4] = de * b - cf;
-                                               te[8] = a * d;
-                                               te[1] = a * f;
-                                               te[5] = a * e;
-                                               te[9] = -b;
-                                               te[2] = cf * b - de;
-                                               te[6] = df + ce * b;
-                                               te[10] = a * c;
-                                       } else if (euler.order === 'ZXY') {
-                                               const ce = c * e,
-                                                       cf = c * f,
-                                                       de = d * e,
-                                                       df = d * f;
-                                               te[0] = ce - df * b;
-                                               te[4] = -a * f;
-                                               te[8] = de + cf * b;
-                                               te[1] = cf + de * b;
-                                               te[5] = a * e;
-                                               te[9] = df - ce * b;
-                                               te[2] = -a * d;
-                                               te[6] = b;
-                                               te[10] = a * c;
-                                       } else if (euler.order === 'ZYX') {
-                                               const ae = a * e,
-                                                       af = a * f,
-                                                       be = b * e,
-                                                       bf = b * f;
-                                               te[0] = c * e;
-                                               te[4] = be * d - af;
-                                               te[8] = ae * d + bf;
-                                               te[1] = c * f;
-                                               te[5] = bf * d + ae;
-                                               te[9] = af * d - be;
-                                               te[2] = -d;
-                                               te[6] = b * c;
-                                               te[10] = a * c;
-                                       } else if (euler.order === 'YZX') {
-                                               const ac = a * c,
-                                                       ad = a * d,
-                                                       bc = b * c,
-                                                       bd = b * d;
-                                               te[0] = c * e;
-                                               te[4] = bd - ac * f;
-                                               te[8] = bc * f + ad;
-                                               te[1] = f;
-                                               te[5] = a * e;
-                                               te[9] = -b * e;
-                                               te[2] = -d * e;
-                                               te[6] = ad * f + bc;
-                                               te[10] = ac - bd * f;
-                                       } else if (euler.order === 'XZY') {
-                                               const ac = a * c,
-                                                       ad = a * d,
-                                                       bc = b * c,
-                                                       bd = b * d;
-                                               te[0] = c * e;
-                                               te[4] = -f;
-                                               te[8] = d * e;
-                                               te[1] = ac * f + bd;
-                                               te[5] = a * e;
-                                               te[9] = ad * f - bc;
-                                               te[2] = bc * f - ad;
-                                               te[6] = b * e;
-                                               te[10] = bd * f + ac;
-                                       } // bottom row
-
-
-                                       te[3] = 0;
-                                       te[7] = 0;
-                                       te[11] = 0; // last column
-
-                                       te[12] = 0;
-                                       te[13] = 0;
-                                       te[14] = 0;
-                                       te[15] = 1;
-                                       return this;
-                               }
-
-                               makeRotationFromQuaternion(q) {
-                                       return this.compose(_zero, q, _one);
-                               }
-
-                               lookAt(eye, target, up) {
-                                       const te = this.elements;
-
-                                       _z.subVectors(eye, target);
-
-                                       if (_z.lengthSq() === 0) {
-                                               // eye and target are in the same position
-                                               _z.z = 1;
-                                       }
-
-                                       _z.normalize();
-
-                                       _x.crossVectors(up, _z);
-
-                                       if (_x.lengthSq() === 0) {
-                                               // up and z are parallel
-                                               if (Math.abs(up.z) === 1) {
-                                                       _z.x += 0.0001;
-                                               } else {
-                                                       _z.z += 0.0001;
-                                               }
-
-                                               _z.normalize();
-
-                                               _x.crossVectors(up, _z);
-                                       }
-
-                                       _x.normalize();
-
-                                       _y.crossVectors(_z, _x);
-
-                                       te[0] = _x.x;
-                                       te[4] = _y.x;
-                                       te[8] = _z.x;
-                                       te[1] = _x.y;
-                                       te[5] = _y.y;
-                                       te[9] = _z.y;
-                                       te[2] = _x.z;
-                                       te[6] = _y.z;
-                                       te[10] = _z.z;
-                                       return this;
-                               }
-
-                               multiply(m, n) {
-                                       if (n !== undefined) {
-                                               console.warn('THREE.Matrix4: .multiply() now only accepts one argument. Use .multiplyMatrices( a, b ) instead.');
-                                               return this.multiplyMatrices(m, n);
-                                       }
-
-                                       return this.multiplyMatrices(this, m);
-                               }
-
-                               premultiply(m) {
-                                       return this.multiplyMatrices(m, this);
-                               }
-
-                               multiplyMatrices(a, b) {
-                                       const ae = a.elements;
-                                       const be = b.elements;
-                                       const te = this.elements;
-                                       const a11 = ae[0],
-                                               a12 = ae[4],
-                                               a13 = ae[8],
-                                               a14 = ae[12];
-                                       const a21 = ae[1],
-                                               a22 = ae[5],
-                                               a23 = ae[9],
-                                               a24 = ae[13];
-                                       const a31 = ae[2],
-                                               a32 = ae[6],
-                                               a33 = ae[10],
-                                               a34 = ae[14];
-                                       const a41 = ae[3],
-                                               a42 = ae[7],
-                                               a43 = ae[11],
-                                               a44 = ae[15];
-                                       const b11 = be[0],
-                                               b12 = be[4],
-                                               b13 = be[8],
-                                               b14 = be[12];
-                                       const b21 = be[1],
-                                               b22 = be[5],
-                                               b23 = be[9],
-                                               b24 = be[13];
-                                       const b31 = be[2],
-                                               b32 = be[6],
-                                               b33 = be[10],
-                                               b34 = be[14];
-                                       const b41 = be[3],
-                                               b42 = be[7],
-                                               b43 = be[11],
-                                               b44 = be[15];
-                                       te[0] = a11 * b11 + a12 * b21 + a13 * b31 + a14 * b41;
-                                       te[4] = a11 * b12 + a12 * b22 + a13 * b32 + a14 * b42;
-                                       te[8] = a11 * b13 + a12 * b23 + a13 * b33 + a14 * b43;
-                                       te[12] = a11 * b14 + a12 * b24 + a13 * b34 + a14 * b44;
-                                       te[1] = a21 * b11 + a22 * b21 + a23 * b31 + a24 * b41;
-                                       te[5] = a21 * b12 + a22 * b22 + a23 * b32 + a24 * b42;
-                                       te[9] = a21 * b13 + a22 * b23 + a23 * b33 + a24 * b43;
-                                       te[13] = a21 * b14 + a22 * b24 + a23 * b34 + a24 * b44;
-                                       te[2] = a31 * b11 + a32 * b21 + a33 * b31 + a34 * b41;
-                                       te[6] = a31 * b12 + a32 * b22 + a33 * b32 + a34 * b42;
-                                       te[10] = a31 * b13 + a32 * b23 + a33 * b33 + a34 * b43;
-                                       te[14] = a31 * b14 + a32 * b24 + a33 * b34 + a34 * b44;
-                                       te[3] = a41 * b11 + a42 * b21 + a43 * b31 + a44 * b41;
-                                       te[7] = a41 * b12 + a42 * b22 + a43 * b32 + a44 * b42;
-                                       te[11] = a41 * b13 + a42 * b23 + a43 * b33 + a44 * b43;
-                                       te[15] = a41 * b14 + a42 * b24 + a43 * b34 + a44 * b44;
-                                       return this;
-                               }
-
-                               multiplyScalar(s) {
-                                       const te = this.elements;
-                                       te[0] *= s;
-                                       te[4] *= s;
-                                       te[8] *= s;
-                                       te[12] *= s;
-                                       te[1] *= s;
-                                       te[5] *= s;
-                                       te[9] *= s;
-                                       te[13] *= s;
-                                       te[2] *= s;
-                                       te[6] *= s;
-                                       te[10] *= s;
-                                       te[14] *= s;
-                                       te[3] *= s;
-                                       te[7] *= s;
-                                       te[11] *= s;
-                                       te[15] *= s;
-                                       return this;
-                               }
-
-                               determinant() {
-                                       const te = this.elements;
-                                       const n11 = te[0],
-                                               n12 = te[4],
-                                               n13 = te[8],
-                                               n14 = te[12];
-                                       const n21 = te[1],
-                                               n22 = te[5],
-                                               n23 = te[9],
-                                               n24 = te[13];
-                                       const n31 = te[2],
-                                               n32 = te[6],
-                                               n33 = te[10],
-                                               n34 = te[14];
-                                       const n41 = te[3],
-                                               n42 = te[7],
-                                               n43 = te[11],
-                                               n44 = te[15]; //TODO: make this more efficient
-                                       //( based on http://www.euclideanspace.com/maths/algebra/matrix/functions/inverse/fourD/index.htm )
-
-                                       return n41 * (+n14 * n23 * n32 - n13 * n24 * n32 - n14 * n22 * n33 + n12 * n24 * n33 + n13 * n22 * n34 - n12 * n23 * n34) + n42 * (+n11 * n23 * n34 - n11 * n24 * n33 + n14 * n21 * n33 - n13 * n21 * n34 + n13 * n24 * n31 - n14 * n23 * n31) + n43 * (+n11 * n24 * n32 - n11 * n22 * n34 - n14 * n21 * n32 + n12 * n21 * n34 + n14 * n22 * n31 - n12 * n24 * n31) + n44 * (-n13 * n22 * n31 - n11 * n23 * n32 + n11 * n22 * n33 + n13 * n21 * n32 - n12 * n21 * n33 + n12 * n23 * n31);
-                               }
-
-                               transpose() {
-                                       const te = this.elements;
-                                       let tmp;
-                                       tmp = te[1];
-                                       te[1] = te[4];
-                                       te[4] = tmp;
-                                       tmp = te[2];
-                                       te[2] = te[8];
-                                       te[8] = tmp;
-                                       tmp = te[6];
-                                       te[6] = te[9];
-                                       te[9] = tmp;
-                                       tmp = te[3];
-                                       te[3] = te[12];
-                                       te[12] = tmp;
-                                       tmp = te[7];
-                                       te[7] = te[13];
-                                       te[13] = tmp;
-                                       tmp = te[11];
-                                       te[11] = te[14];
-                                       te[14] = tmp;
-                                       return this;
-                               }
-
-                               setPosition(x, y, z) {
-                                       const te = this.elements;
-
-                                       if (x.isVector3) {
-                                               te[12] = x.x;
-                                               te[13] = x.y;
-                                               te[14] = x.z;
-                                       } else {
-                                               te[12] = x;
-                                               te[13] = y;
-                                               te[14] = z;
-                                       }
-
-                                       return this;
-                               }
-
-                               invert() {
-                                       // based on http://www.euclideanspace.com/maths/algebra/matrix/functions/inverse/fourD/index.htm
-                                       const te = this.elements,
-                                               n11 = te[0],
-                                               n21 = te[1],
-                                               n31 = te[2],
-                                               n41 = te[3],
-                                               n12 = te[4],
-                                               n22 = te[5],
-                                               n32 = te[6],
-                                               n42 = te[7],
-                                               n13 = te[8],
-                                               n23 = te[9],
-                                               n33 = te[10],
-                                               n43 = te[11],
-                                               n14 = te[12],
-                                               n24 = te[13],
-                                               n34 = te[14],
-                                               n44 = te[15],
-                                               t11 = n23 * n34 * n42 - n24 * n33 * n42 + n24 * n32 * n43 - n22 * n34 * n43 - n23 * n32 * n44 + n22 * n33 * n44,
-                                               t12 = n14 * n33 * n42 - n13 * n34 * n42 - n14 * n32 * n43 + n12 * n34 * n43 + n13 * n32 * n44 - n12 * n33 * n44,
-                                               t13 = n13 * n24 * n42 - n14 * n23 * n42 + n14 * n22 * n43 - n12 * n24 * n43 - n13 * n22 * n44 + n12 * n23 * n44,
-                                               t14 = n14 * n23 * n32 - n13 * n24 * n32 - n14 * n22 * n33 + n12 * n24 * n33 + n13 * n22 * n34 - n12 * n23 * n34;
-                                       const det = n11 * t11 + n21 * t12 + n31 * t13 + n41 * t14;
-                                       if (det === 0) return this.set(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0);
-                                       const detInv = 1 / det;
-                                       te[0] = t11 * detInv;
-                                       te[1] = (n24 * n33 * n41 - n23 * n34 * n41 - n24 * n31 * n43 + n21 * n34 * n43 + n23 * n31 * n44 - n21 * n33 * n44) * detInv;
-                                       te[2] = (n22 * n34 * n41 - n24 * n32 * n41 + n24 * n31 * n42 - n21 * n34 * n42 - n22 * n31 * n44 + n21 * n32 * n44) * detInv;
-                                       te[3] = (n23 * n32 * n41 - n22 * n33 * n41 - n23 * n31 * n42 + n21 * n33 * n42 + n22 * n31 * n43 - n21 * n32 * n43) * detInv;
-                                       te[4] = t12 * detInv;
-                                       te[5] = (n13 * n34 * n41 - n14 * n33 * n41 + n14 * n31 * n43 - n11 * n34 * n43 - n13 * n31 * n44 + n11 * n33 * n44) * detInv;
-                                       te[6] = (n14 * n32 * n41 - n12 * n34 * n41 - n14 * n31 * n42 + n11 * n34 * n42 + n12 * n31 * n44 - n11 * n32 * n44) * detInv;
-                                       te[7] = (n12 * n33 * n41 - n13 * n32 * n41 + n13 * n31 * n42 - n11 * n33 * n42 - n12 * n31 * n43 + n11 * n32 * n43) * detInv;
-                                       te[8] = t13 * detInv;
-                                       te[9] = (n14 * n23 * n41 - n13 * n24 * n41 - n14 * n21 * n43 + n11 * n24 * n43 + n13 * n21 * n44 - n11 * n23 * n44) * detInv;
-                                       te[10] = (n12 * n24 * n41 - n14 * n22 * n41 + n14 * n21 * n42 - n11 * n24 * n42 - n12 * n21 * n44 + n11 * n22 * n44) * detInv;
-                                       te[11] = (n13 * n22 * n41 - n12 * n23 * n41 - n13 * n21 * n42 + n11 * n23 * n42 + n12 * n21 * n43 - n11 * n22 * n43) * detInv;
-                                       te[12] = t14 * detInv;
-                                       te[13] = (n13 * n24 * n31 - n14 * n23 * n31 + n14 * n21 * n33 - n11 * n24 * n33 - n13 * n21 * n34 + n11 * n23 * n34) * detInv;
-                                       te[14] = (n14 * n22 * n31 - n12 * n24 * n31 - n14 * n21 * n32 + n11 * n24 * n32 + n12 * n21 * n34 - n11 * n22 * n34) * detInv;
-                                       te[15] = (n12 * n23 * n31 - n13 * n22 * n31 + n13 * n21 * n32 - n11 * n23 * n32 - n12 * n21 * n33 + n11 * n22 * n33) * detInv;
-                                       return this;
-                               }
-
-                               scale(v) {
-                                       const te = this.elements;
-                                       const x = v.x,
-                                               y = v.y,
-                                               z = v.z;
-                                       te[0] *= x;
-                                       te[4] *= y;
-                                       te[8] *= z;
-                                       te[1] *= x;
-                                       te[5] *= y;
-                                       te[9] *= z;
-                                       te[2] *= x;
-                                       te[6] *= y;
-                                       te[10] *= z;
-                                       te[3] *= x;
-                                       te[7] *= y;
-                                       te[11] *= z;
-                                       return this;
-                               }
-
-                               getMaxScaleOnAxis() {
-                                       const te = this.elements;
-                                       const scaleXSq = te[0] * te[0] + te[1] * te[1] + te[2] * te[2];
-                                       const scaleYSq = te[4] * te[4] + te[5] * te[5] + te[6] * te[6];
-                                       const scaleZSq = te[8] * te[8] + te[9] * te[9] + te[10] * te[10];
-                                       return Math.sqrt(Math.max(scaleXSq, scaleYSq, scaleZSq));
-                               }
-
-                               makeTranslation(x, y, z) {
-                                       this.set(1, 0, 0, x, 0, 1, 0, y, 0, 0, 1, z, 0, 0, 0, 1);
-                                       return this;
-                               }
-
-                               makeRotationX(theta) {
-                                       const c = Math.cos(theta),
-                                               s = Math.sin(theta);
-                                       this.set(1, 0, 0, 0, 0, c, -s, 0, 0, s, c, 0, 0, 0, 0, 1);
-                                       return this;
-                               }
-
-                               makeRotationY(theta) {
-                                       const c = Math.cos(theta),
-                                               s = Math.sin(theta);
-                                       this.set(c, 0, s, 0, 0, 1, 0, 0, -s, 0, c, 0, 0, 0, 0, 1);
-                                       return this;
-                               }
-
-                               makeRotationZ(theta) {
-                                       const c = Math.cos(theta),
-                                               s = Math.sin(theta);
-                                       this.set(c, -s, 0, 0, s, c, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
-                                       return this;
-                               }
-
-                               makeRotationAxis(axis, angle) {
-                                       // Based on http://www.gamedev.net/reference/articles/article1199.asp
-                                       const c = Math.cos(angle);
-                                       const s = Math.sin(angle);
-                                       const t = 1 - c;
-                                       const x = axis.x,
-                                               y = axis.y,
-                                               z = axis.z;
-                                       const tx = t * x,
-                                               ty = t * y;
-                                       this.set(tx * x + c, tx * y - s * z, tx * z + s * y, 0, tx * y + s * z, ty * y + c, ty * z - s * x, 0, tx * z - s * y, ty * z + s * x, t * z * z + c, 0, 0, 0, 0, 1);
-                                       return this;
-                               }
-
-                               makeScale(x, y, z) {
-                                       this.set(x, 0, 0, 0, 0, y, 0, 0, 0, 0, z, 0, 0, 0, 0, 1);
-                                       return this;
-                               }
-
-                               makeShear(xy, xz, yx, yz, zx, zy) {
-                                       this.set(1, yx, zx, 0, xy, 1, zy, 0, xz, yz, 1, 0, 0, 0, 0, 1);
-                                       return this;
-                               }
-
-                               compose(position, quaternion, scale) {
-                                       const te = this.elements;
-                                       const x = quaternion._x,
-                                               y = quaternion._y,
-                                               z = quaternion._z,
-                                               w = quaternion._w;
-                                       const x2 = x + x,
-                                               y2 = y + y,
-                                               z2 = z + z;
-                                       const xx = x * x2,
-                                               xy = x * y2,
-                                               xz = x * z2;
-                                       const yy = y * y2,
-                                               yz = y * z2,
-                                               zz = z * z2;
-                                       const wx = w * x2,
-                                               wy = w * y2,
-                                               wz = w * z2;
-                                       const sx = scale.x,
-                                               sy = scale.y,
-                                               sz = scale.z;
-                                       te[0] = (1 - (yy + zz)) * sx;
-                                       te[1] = (xy + wz) * sx;
-                                       te[2] = (xz - wy) * sx;
-                                       te[3] = 0;
-                                       te[4] = (xy - wz) * sy;
-                                       te[5] = (1 - (xx + zz)) * sy;
-                                       te[6] = (yz + wx) * sy;
-                                       te[7] = 0;
-                                       te[8] = (xz + wy) * sz;
-                                       te[9] = (yz - wx) * sz;
-                                       te[10] = (1 - (xx + yy)) * sz;
-                                       te[11] = 0;
-                                       te[12] = position.x;
-                                       te[13] = position.y;
-                                       te[14] = position.z;
-                                       te[15] = 1;
-                                       return this;
-                               }
-
-                               decompose(position, quaternion, scale) {
-                                       const te = this.elements;
-
-                                       let sx = _v1$5.set(te[0], te[1], te[2]).length();
-
-                                       const sy = _v1$5.set(te[4], te[5], te[6]).length();
-
-                                       const sz = _v1$5.set(te[8], te[9], te[10]).length(); // if determine is negative, we need to invert one scale
-
-
-                                       const det = this.determinant();
-                                       if (det < 0) sx = -sx;
-                                       position.x = te[12];
-                                       position.y = te[13];
-                                       position.z = te[14]; // scale the rotation part
-
-                                       _m1$2.copy(this);
-
-                                       const invSX = 1 / sx;
-                                       const invSY = 1 / sy;
-                                       const invSZ = 1 / sz;
-                                       _m1$2.elements[0] *= invSX;
-                                       _m1$2.elements[1] *= invSX;
-                                       _m1$2.elements[2] *= invSX;
-                                       _m1$2.elements[4] *= invSY;
-                                       _m1$2.elements[5] *= invSY;
-                                       _m1$2.elements[6] *= invSY;
-                                       _m1$2.elements[8] *= invSZ;
-                                       _m1$2.elements[9] *= invSZ;
-                                       _m1$2.elements[10] *= invSZ;
-                                       quaternion.setFromRotationMatrix(_m1$2);
-                                       scale.x = sx;
-                                       scale.y = sy;
-                                       scale.z = sz;
-                                       return this;
-                               }
-
-                               makePerspective(left, right, top, bottom, near, far) {
-                                       if (far === undefined) {
-                                               console.warn('THREE.Matrix4: .makePerspective() has been redefined and has a new signature. Please check the docs.');
-                                       }
-
-                                       const te = this.elements;
-                                       const x = 2 * near / (right - left);
-                                       const y = 2 * near / (top - bottom);
-                                       const a = (right + left) / (right - left);
-                                       const b = (top + bottom) / (top - bottom);
-                                       const c = -(far + near) / (far - near);
-                                       const d = -2 * far * near / (far - near);
-                                       te[0] = x;
-                                       te[4] = 0;
-                                       te[8] = a;
-                                       te[12] = 0;
-                                       te[1] = 0;
-                                       te[5] = y;
-                                       te[9] = b;
-                                       te[13] = 0;
-                                       te[2] = 0;
-                                       te[6] = 0;
-                                       te[10] = c;
-                                       te[14] = d;
-                                       te[3] = 0;
-                                       te[7] = 0;
-                                       te[11] = -1;
-                                       te[15] = 0;
-                                       return this;
-                               }
-
-                               makeOrthographic(left, right, top, bottom, near, far) {
-                                       const te = this.elements;
-                                       const w = 1.0 / (right - left);
-                                       const h = 1.0 / (top - bottom);
-                                       const p = 1.0 / (far - near);
-                                       const x = (right + left) * w;
-                                       const y = (top + bottom) * h;
-                                       const z = (far + near) * p;
-                                       te[0] = 2 * w;
-                                       te[4] = 0;
-                                       te[8] = 0;
-                                       te[12] = -x;
-                                       te[1] = 0;
-                                       te[5] = 2 * h;
-                                       te[9] = 0;
-                                       te[13] = -y;
-                                       te[2] = 0;
-                                       te[6] = 0;
-                                       te[10] = -2 * p;
-                                       te[14] = -z;
-                                       te[3] = 0;
-                                       te[7] = 0;
-                                       te[11] = 0;
-                                       te[15] = 1;
-                                       return this;
-                               }
-
-                               equals(matrix) {
-                                       const te = this.elements;
-                                       const me = matrix.elements;
-
-                                       for (let i = 0; i < 16; i++) {
-                                               if (te[i] !== me[i]) return false;
-                                       }
-
-                                       return true;
-                               }
-
-                               fromArray(array, offset = 0) {
-                                       for (let i = 0; i < 16; i++) {
-                                               this.elements[i] = array[i + offset];
-                                       }
-
-                                       return this;
-                               }
-
-                               toArray(array = [], offset = 0) {
-                                       const te = this.elements;
-                                       array[offset] = te[0];
-                                       array[offset + 1] = te[1];
-                                       array[offset + 2] = te[2];
-                                       array[offset + 3] = te[3];
-                                       array[offset + 4] = te[4];
-                                       array[offset + 5] = te[5];
-                                       array[offset + 6] = te[6];
-                                       array[offset + 7] = te[7];
-                                       array[offset + 8] = te[8];
-                                       array[offset + 9] = te[9];
-                                       array[offset + 10] = te[10];
-                                       array[offset + 11] = te[11];
-                                       array[offset + 12] = te[12];
-                                       array[offset + 13] = te[13];
-                                       array[offset + 14] = te[14];
-                                       array[offset + 15] = te[15];
-                                       return array;
-                               }
-
-                       }
-
-                       Matrix4.prototype.isMatrix4 = true;
-
-                       const _v1$5 = /*@__PURE__*/new Vector3();
-
-                       const _m1$2 = /*@__PURE__*/new Matrix4();
-
-                       const _zero = /*@__PURE__*/new Vector3(0, 0, 0);
-
-                       const _one = /*@__PURE__*/new Vector3(1, 1, 1);
-
-                       const _x = /*@__PURE__*/new Vector3();
-
-                       const _y = /*@__PURE__*/new Vector3();
-
-                       const _z = /*@__PURE__*/new Vector3();
-
-                       const _matrix$1 = /*@__PURE__*/new Matrix4();
-
-                       const _quaternion$3 = /*@__PURE__*/new Quaternion();
-
-                       class Euler {
-                               constructor(x = 0, y = 0, z = 0, order = Euler.DefaultOrder) {
-                                       this._x = x;
-                                       this._y = y;
-                                       this._z = z;
-                                       this._order = order;
-                               }
-
-                               get x() {
-                                       return this._x;
-                               }
-
-                               set x(value) {
-                                       this._x = value;
-
-                                       this._onChangeCallback();
-                               }
-
-                               get y() {
-                                       return this._y;
-                               }
-
-                               set y(value) {
-                                       this._y = value;
-
-                                       this._onChangeCallback();
-                               }
-
-                               get z() {
-                                       return this._z;
-                               }
-
-                               set z(value) {
-                                       this._z = value;
-
-                                       this._onChangeCallback();
-                               }
-
-                               get order() {
-                                       return this._order;
-                               }
-
-                               set order(value) {
-                                       this._order = value;
-
-                                       this._onChangeCallback();
-                               }
-
-                               set(x, y, z, order = this._order) {
-                                       this._x = x;
-                                       this._y = y;
-                                       this._z = z;
-                                       this._order = order;
-
-                                       this._onChangeCallback();
-
-                                       return this;
-                               }
-
-                               clone() {
-                                       return new this.constructor(this._x, this._y, this._z, this._order);
-                               }
-
-                               copy(euler) {
-                                       this._x = euler._x;
-                                       this._y = euler._y;
-                                       this._z = euler._z;
-                                       this._order = euler._order;
-
-                                       this._onChangeCallback();
-
-                                       return this;
-                               }
-
-                               setFromRotationMatrix(m, order = this._order, update = true) {
-                                       // assumes the upper 3x3 of m is a pure rotation matrix (i.e, unscaled)
-                                       const te = m.elements;
-                                       const m11 = te[0],
-                                               m12 = te[4],
-                                               m13 = te[8];
-                                       const m21 = te[1],
-                                               m22 = te[5],
-                                               m23 = te[9];
-                                       const m31 = te[2],
-                                               m32 = te[6],
-                                               m33 = te[10];
-
-                                       switch (order) {
-                                               case 'XYZ':
-                                                       this._y = Math.asin(clamp(m13, -1, 1));
-
-                                                       if (Math.abs(m13) < 0.9999999) {
-                                                               this._x = Math.atan2(-m23, m33);
-                                                               this._z = Math.atan2(-m12, m11);
-                                                       } else {
-                                                               this._x = Math.atan2(m32, m22);
-                                                               this._z = 0;
-                                                       }
-
-                                                       break;
-
-                                               case 'YXZ':
-                                                       this._x = Math.asin(-clamp(m23, -1, 1));
-
-                                                       if (Math.abs(m23) < 0.9999999) {
-                                                               this._y = Math.atan2(m13, m33);
-                                                               this._z = Math.atan2(m21, m22);
-                                                       } else {
-                                                               this._y = Math.atan2(-m31, m11);
-                                                               this._z = 0;
-                                                       }
-
-                                                       break;
-
-                                               case 'ZXY':
-                                                       this._x = Math.asin(clamp(m32, -1, 1));
-
-                                                       if (Math.abs(m32) < 0.9999999) {
-                                                               this._y = Math.atan2(-m31, m33);
-                                                               this._z = Math.atan2(-m12, m22);
-                                                       } else {
-                                                               this._y = 0;
-                                                               this._z = Math.atan2(m21, m11);
-                                                       }
-
-                                                       break;
-
-                                               case 'ZYX':
-                                                       this._y = Math.asin(-clamp(m31, -1, 1));
-
-                                                       if (Math.abs(m31) < 0.9999999) {
-                                                               this._x = Math.atan2(m32, m33);
-                                                               this._z = Math.atan2(m21, m11);
-                                                       } else {
-                                                               this._x = 0;
-                                                               this._z = Math.atan2(-m12, m22);
-                                                       }
-
-                                                       break;
-
-                                               case 'YZX':
-                                                       this._z = Math.asin(clamp(m21, -1, 1));
-
-                                                       if (Math.abs(m21) < 0.9999999) {
-                                                               this._x = Math.atan2(-m23, m22);
-                                                               this._y = Math.atan2(-m31, m11);
-                                                       } else {
-                                                               this._x = 0;
-                                                               this._y = Math.atan2(m13, m33);
-                                                       }
-
-                                                       break;
-
-                                               case 'XZY':
-                                                       this._z = Math.asin(-clamp(m12, -1, 1));
-
-                                                       if (Math.abs(m12) < 0.9999999) {
-                                                               this._x = Math.atan2(m32, m22);
-                                                               this._y = Math.atan2(m13, m11);
-                                                       } else {
-                                                               this._x = Math.atan2(-m23, m33);
-                                                               this._y = 0;
-                                                       }
-
-                                                       break;
-
-                                               default:
-                                                       console.warn('THREE.Euler: .setFromRotationMatrix() encountered an unknown order: ' + order);
-                                       }
-
-                                       this._order = order;
-                                       if (update === true) this._onChangeCallback();
-                                       return this;
-                               }
-
-                               setFromQuaternion(q, order, update) {
-                                       _matrix$1.makeRotationFromQuaternion(q);
-
-                                       return this.setFromRotationMatrix(_matrix$1, order, update);
-                               }
-
-                               setFromVector3(v, order = this._order) {
-                                       return this.set(v.x, v.y, v.z, order);
-                               }
-
-                               reorder(newOrder) {
-                                       // WARNING: this discards revolution information -bhouston
-                                       _quaternion$3.setFromEuler(this);
-
-                                       return this.setFromQuaternion(_quaternion$3, newOrder);
-                               }
-
-                               equals(euler) {
-                                       return euler._x === this._x && euler._y === this._y && euler._z === this._z && euler._order === this._order;
-                               }
-
-                               fromArray(array) {
-                                       this._x = array[0];
-                                       this._y = array[1];
-                                       this._z = array[2];
-                                       if (array[3] !== undefined) this._order = array[3];
-
-                                       this._onChangeCallback();
-
-                                       return this;
-                               }
-
-                               toArray(array = [], offset = 0) {
-                                       array[offset] = this._x;
-                                       array[offset + 1] = this._y;
-                                       array[offset + 2] = this._z;
-                                       array[offset + 3] = this._order;
-                                       return array;
-                               }
-
-                               toVector3(optionalResult) {
-                                       if (optionalResult) {
-                                               return optionalResult.set(this._x, this._y, this._z);
-                                       } else {
-                                               return new Vector3(this._x, this._y, this._z);
-                                       }
-                               }
-
-                               _onChange(callback) {
-                                       this._onChangeCallback = callback;
-                                       return this;
-                               }
-
-                               _onChangeCallback() {
-                               }
-
-                       }
-
-                       Euler.prototype.isEuler = true;
-                       Euler.DefaultOrder = 'XYZ';
-                       Euler.RotationOrders = ['XYZ', 'YZX', 'ZXY', 'XZY', 'YXZ', 'ZYX'];
-
-                       class Layers {
-                               constructor() {
-                                       this.mask = 1 | 0;
-                               }
-
-                               set(channel) {
-                                       this.mask = 1 << channel | 0;
-                               }
-
-                               enable(channel) {
-                                       this.mask |= 1 << channel | 0;
-                               }
-
-                               enableAll() {
-                                       this.mask = 0xffffffff | 0;
-                               }
-
-                               toggle(channel) {
-                                       this.mask ^= 1 << channel | 0;
-                               }
-
-                               disable(channel) {
-                                       this.mask &= ~(1 << channel | 0);
-                               }
-
-                               disableAll() {
-                                       this.mask = 0;
-                               }
-
-                               test(layers) {
-                                       return (this.mask & layers.mask) !== 0;
-                               }
-
-                       }
-
-                       let _object3DId = 0;
-
-                       const _v1$4 = /*@__PURE__*/new Vector3();
-
-                       const _q1 = /*@__PURE__*/new Quaternion();
-
-                       const _m1$1 = /*@__PURE__*/new Matrix4();
-
-                       const _target = /*@__PURE__*/new Vector3();
-
-                       const _position$3 = /*@__PURE__*/new Vector3();
-
-                       const _scale$2 = /*@__PURE__*/new Vector3();
-
-                       const _quaternion$2 = /*@__PURE__*/new Quaternion();
-
-                       const _xAxis = /*@__PURE__*/new Vector3(1, 0, 0);
-
-                       const _yAxis = /*@__PURE__*/new Vector3(0, 1, 0);
-
-                       const _zAxis = /*@__PURE__*/new Vector3(0, 0, 1);
-
-                       const _addedEvent = {
-                               type: 'added'
-                       };
-                       const _removedEvent = {
-                               type: 'removed'
-                       };
-
-                       class Object3D extends EventDispatcher {
-                               constructor() {
-                                       super();
-                                       Object.defineProperty(this, 'id', {
-                                               value: _object3DId++
-                                       });
-                                       this.uuid = generateUUID();
-                                       this.name = '';
-                                       this.type = 'Object3D';
-                                       this.parent = null;
-                                       this.children = [];
-                                       this.up = Object3D.DefaultUp.clone();
-                                       const position = new Vector3();
-                                       const rotation = new Euler();
-                                       const quaternion = new Quaternion();
-                                       const scale = new Vector3(1, 1, 1);
-
-                                       function onRotationChange() {
-                                               quaternion.setFromEuler(rotation, false);
-                                       }
-
-                                       function onQuaternionChange() {
-                                               rotation.setFromQuaternion(quaternion, undefined, false);
-                                       }
-
-                                       rotation._onChange(onRotationChange);
-
-                                       quaternion._onChange(onQuaternionChange);
-
-                                       Object.defineProperties(this, {
-                                               position: {
-                                                       configurable: true,
-                                                       enumerable: true,
-                                                       value: position
-                                               },
-                                               rotation: {
-                                                       configurable: true,
-                                                       enumerable: true,
-                                                       value: rotation
-                                               },
-                                               quaternion: {
-                                                       configurable: true,
-                                                       enumerable: true,
-                                                       value: quaternion
-                                               },
-                                               scale: {
-                                                       configurable: true,
-                                                       enumerable: true,
-                                                       value: scale
-                                               },
-                                               modelViewMatrix: {
-                                                       value: new Matrix4()
-                                               },
-                                               normalMatrix: {
-                                                       value: new Matrix3()
-                                               }
-                                       });
-                                       this.matrix = new Matrix4();
-                                       this.matrixWorld = new Matrix4();
-                                       this.matrixAutoUpdate = Object3D.DefaultMatrixAutoUpdate;
-                                       this.matrixWorldNeedsUpdate = false;
-                                       this.layers = new Layers();
-                                       this.visible = true;
-                                       this.castShadow = false;
-                                       this.receiveShadow = false;
-                                       this.frustumCulled = true;
-                                       this.renderOrder = 0;
-                                       this.animations = [];
-                                       this.userData = {};
-                               }
-
-                               onBeforeRender() {
-                               }
-
-                               onAfterRender() {
-                               }
-
-                               applyMatrix4(matrix) {
-                                       if (this.matrixAutoUpdate) this.updateMatrix();
-                                       this.matrix.premultiply(matrix);
-                                       this.matrix.decompose(this.position, this.quaternion, this.scale);
-                               }
-
-                               applyQuaternion(q) {
-                                       this.quaternion.premultiply(q);
-                                       return this;
-                               }
-
-                               setRotationFromAxisAngle(axis, angle) {
-                                       // assumes axis is normalized
-                                       this.quaternion.setFromAxisAngle(axis, angle);
-                               }
-
-                               setRotationFromEuler(euler) {
-                                       this.quaternion.setFromEuler(euler, true);
-                               }
-
-                               setRotationFromMatrix(m) {
-                                       // assumes the upper 3x3 of m is a pure rotation matrix (i.e, unscaled)
-                                       this.quaternion.setFromRotationMatrix(m);
-                               }
-
-                               setRotationFromQuaternion(q) {
-                                       // assumes q is normalized
-                                       this.quaternion.copy(q);
-                               }
-
-                               rotateOnAxis(axis, angle) {
-                                       // rotate object on axis in object space
-                                       // axis is assumed to be normalized
-                                       _q1.setFromAxisAngle(axis, angle);
-
-                                       this.quaternion.multiply(_q1);
-                                       return this;
-                               }
-
-                               rotateOnWorldAxis(axis, angle) {
-                                       // rotate object on axis in world space
-                                       // axis is assumed to be normalized
-                                       // method assumes no rotated parent
-                                       _q1.setFromAxisAngle(axis, angle);
-
-                                       this.quaternion.premultiply(_q1);
-                                       return this;
-                               }
-
-                               rotateX(angle) {
-                                       return this.rotateOnAxis(_xAxis, angle);
-                               }
-
-                               rotateY(angle) {
-                                       return this.rotateOnAxis(_yAxis, angle);
-                               }
-
-                               rotateZ(angle) {
-                                       return this.rotateOnAxis(_zAxis, angle);
-                               }
-
-                               translateOnAxis(axis, distance) {
-                                       // translate object by distance along axis in object space
-                                       // axis is assumed to be normalized
-                                       _v1$4.copy(axis).applyQuaternion(this.quaternion);
-
-                                       this.position.add(_v1$4.multiplyScalar(distance));
-                                       return this;
-                               }
-
-                               translateX(distance) {
-                                       return this.translateOnAxis(_xAxis, distance);
-                               }
-
-                               translateY(distance) {
-                                       return this.translateOnAxis(_yAxis, distance);
-                               }
-
-                               translateZ(distance) {
-                                       return this.translateOnAxis(_zAxis, distance);
-                               }
-
-                               localToWorld(vector) {
-                                       return vector.applyMatrix4(this.matrixWorld);
-                               }
-
-                               worldToLocal(vector) {
-                                       return vector.applyMatrix4(_m1$1.copy(this.matrixWorld).invert());
-                               }
-
-                               lookAt(x, y, z) {
-                                       // This method does not support objects having non-uniformly-scaled parent(s)
-                                       if (x.isVector3) {
-                                               _target.copy(x);
-                                       } else {
-                                               _target.set(x, y, z);
-                                       }
-
-                                       const parent = this.parent;
-                                       this.updateWorldMatrix(true, false);
-
-                                       _position$3.setFromMatrixPosition(this.matrixWorld);
-
-                                       if (this.isCamera || this.isLight) {
-                                               _m1$1.lookAt(_position$3, _target, this.up);
-                                       } else {
-                                               _m1$1.lookAt(_target, _position$3, this.up);
-                                       }
-
-                                       this.quaternion.setFromRotationMatrix(_m1$1);
-
-                                       if (parent) {
-                                               _m1$1.extractRotation(parent.matrixWorld);
-
-                                               _q1.setFromRotationMatrix(_m1$1);
-
-                                               this.quaternion.premultiply(_q1.invert());
-                                       }
-                               }
-
-                               add(object) {
-                                       if (arguments.length > 1) {
-                                               for (let i = 0; i < arguments.length; i++) {
-                                                       this.add(arguments[i]);
-                                               }
-
-                                               return this;
-                                       }
-
-                                       if (object === this) {
-                                               console.error('THREE.Object3D.add: object can\'t be added as a child of itself.', object);
-                                               return this;
-                                       }
-
-                                       if (object && object.isObject3D) {
-                                               if (object.parent !== null) {
-                                                       object.parent.remove(object);
-                                               }
-
-                                               object.parent = this;
-                                               this.children.push(object);
-                                               object.dispatchEvent(_addedEvent);
-                                       } else {
-                                               console.error('THREE.Object3D.add: object not an instance of THREE.Object3D.', object);
-                                       }
-
-                                       return this;
-                               }
-
-                               remove(object) {
-                                       if (arguments.length > 1) {
-                                               for (let i = 0; i < arguments.length; i++) {
-                                                       this.remove(arguments[i]);
-                                               }
-
-                                               return this;
-                                       }
-
-                                       const index = this.children.indexOf(object);
-
-                                       if (index !== -1) {
-                                               object.parent = null;
-                                               this.children.splice(index, 1);
-                                               object.dispatchEvent(_removedEvent);
-                                       }
-
-                                       return this;
-                               }
-
-                               removeFromParent() {
-                                       const parent = this.parent;
-
-                                       if (parent !== null) {
-                                               parent.remove(this);
-                                       }
-
-                                       return this;
-                               }
-
-                               clear() {
-                                       for (let i = 0; i < this.children.length; i++) {
-                                               const object = this.children[i];
-                                               object.parent = null;
-                                               object.dispatchEvent(_removedEvent);
-                                       }
-
-                                       this.children.length = 0;
-                                       return this;
-                               }
-
-                               attach(object) {
-                                       // adds object as a child of this, while maintaining the object's world transform
-                                       this.updateWorldMatrix(true, false);
-
-                                       _m1$1.copy(this.matrixWorld).invert();
-
-                                       if (object.parent !== null) {
-                                               object.parent.updateWorldMatrix(true, false);
-
-                                               _m1$1.multiply(object.parent.matrixWorld);
-                                       }
-
-                                       object.applyMatrix4(_m1$1);
-                                       this.add(object);
-                                       object.updateWorldMatrix(false, true);
-                                       return this;
-                               }
-
-                               getObjectById(id) {
-                                       return this.getObjectByProperty('id', id);
-                               }
-
-                               getObjectByName(name) {
-                                       return this.getObjectByProperty('name', name);
-                               }
-
-                               getObjectByProperty(name, value) {
-                                       if (this[name] === value) return this;
-
-                                       for (let i = 0, l = this.children.length; i < l; i++) {
-                                               const child = this.children[i];
-                                               const object = child.getObjectByProperty(name, value);
-
-                                               if (object !== undefined) {
-                                                       return object;
-                                               }
-                                       }
-
-                                       return undefined;
-                               }
-
-                               getWorldPosition(target) {
-                                       this.updateWorldMatrix(true, false);
-                                       return target.setFromMatrixPosition(this.matrixWorld);
-                               }
-
-                               getWorldQuaternion(target) {
-                                       this.updateWorldMatrix(true, false);
-                                       this.matrixWorld.decompose(_position$3, target, _scale$2);
-                                       return target;
-                               }
-
-                               getWorldScale(target) {
-                                       this.updateWorldMatrix(true, false);
-                                       this.matrixWorld.decompose(_position$3, _quaternion$2, target);
-                                       return target;
-                               }
-
-                               getWorldDirection(target) {
-                                       this.updateWorldMatrix(true, false);
-                                       const e = this.matrixWorld.elements;
-                                       return target.set(e[8], e[9], e[10]).normalize();
-                               }
-
-                               raycast() {
-                               }
-
-                               traverse(callback) {
-                                       callback(this);
-                                       const children = this.children;
-
-                                       for (let i = 0, l = children.length; i < l; i++) {
-                                               children[i].traverse(callback);
-                                       }
-                               }
-
-                               traverseVisible(callback) {
-                                       if (this.visible === false) return;
-                                       callback(this);
-                                       const children = this.children;
-
-                                       for (let i = 0, l = children.length; i < l; i++) {
-                                               children[i].traverseVisible(callback);
-                                       }
-                               }
-
-                               traverseAncestors(callback) {
-                                       const parent = this.parent;
-
-                                       if (parent !== null) {
-                                               callback(parent);
-                                               parent.traverseAncestors(callback);
-                                       }
-                               }
-
-                               updateMatrix() {
-                                       this.matrix.compose(this.position, this.quaternion, this.scale);
-                                       this.matrixWorldNeedsUpdate = true;
-                               }
-
-                               updateMatrixWorld(force) {
-                                       if (this.matrixAutoUpdate) this.updateMatrix();
-
-                                       if (this.matrixWorldNeedsUpdate || force) {
-                                               if (this.parent === null) {
-                                                       this.matrixWorld.copy(this.matrix);
-                                               } else {
-                                                       this.matrixWorld.multiplyMatrices(this.parent.matrixWorld, this.matrix);
-                                               }
-
-                                               this.matrixWorldNeedsUpdate = false;
-                                               force = true;
-                                       } // update children
-
-
-                                       const children = this.children;
-
-                                       for (let i = 0, l = children.length; i < l; i++) {
-                                               children[i].updateMatrixWorld(force);
-                                       }
-                               }
-
-                               updateWorldMatrix(updateParents, updateChildren) {
-                                       const parent = this.parent;
-
-                                       if (updateParents === true && parent !== null) {
-                                               parent.updateWorldMatrix(true, false);
-                                       }
-
-                                       if (this.matrixAutoUpdate) this.updateMatrix();
-
-                                       if (this.parent === null) {
-                                               this.matrixWorld.copy(this.matrix);
-                                       } else {
-                                               this.matrixWorld.multiplyMatrices(this.parent.matrixWorld, this.matrix);
-                                       } // update children
-
-
-                                       if (updateChildren === true) {
-                                               const children = this.children;
-
-                                               for (let i = 0, l = children.length; i < l; i++) {
-                                                       children[i].updateWorldMatrix(false, true);
-                                               }
-                                       }
-                               }
-
-                               toJSON(meta) {
-                                       // meta is a string when called from JSON.stringify
-                                       const isRootObject = meta === undefined || typeof meta === 'string';
-                                       const output = {}; // meta is a hash used to collect geometries, materials.
-                                       // not providing it implies that this is the root object
-                                       // being serialized.
-
-                                       if (isRootObject) {
-                                               // initialize meta obj
-                                               meta = {
-                                                       geometries: {},
-                                                       materials: {},
-                                                       textures: {},
-                                                       images: {},
-                                                       shapes: {},
-                                                       skeletons: {},
-                                                       animations: {}
-                                               };
-                                               output.metadata = {
-                                                       version: 4.5,
-                                                       type: 'Object',
-                                                       generator: 'Object3D.toJSON'
-                                               };
-                                       } // standard Object3D serialization
-
-
-                                       const object = {};
-                                       object.uuid = this.uuid;
-                                       object.type = this.type;
-                                       if (this.name !== '') object.name = this.name;
-                                       if (this.castShadow === true) object.castShadow = true;
-                                       if (this.receiveShadow === true) object.receiveShadow = true;
-                                       if (this.visible === false) object.visible = false;
-                                       if (this.frustumCulled === false) object.frustumCulled = false;
-                                       if (this.renderOrder !== 0) object.renderOrder = this.renderOrder;
-                                       if (JSON.stringify(this.userData) !== '{}') object.userData = this.userData;
-                                       object.layers = this.layers.mask;
-                                       object.matrix = this.matrix.toArray();
-                                       if (this.matrixAutoUpdate === false) object.matrixAutoUpdate = false; // object specific properties
-
-                                       if (this.isInstancedMesh) {
-                                               object.type = 'InstancedMesh';
-                                               object.count = this.count;
-                                               object.instanceMatrix = this.instanceMatrix.toJSON();
-                                               if (this.instanceColor !== null) object.instanceColor = this.instanceColor.toJSON();
-                                       } //
-
-
-                                       function serialize(library, element) {
-                                               if (library[element.uuid] === undefined) {
-                                                       library[element.uuid] = element.toJSON(meta);
-                                               }
-
-                                               return element.uuid;
-                                       }
-
-                                       if (this.isScene) {
-                                               if (this.background) {
-                                                       if (this.background.isColor) {
-                                                               object.background = this.background.toJSON();
-                                                       } else if (this.background.isTexture) {
-                                                               object.background = this.background.toJSON(meta).uuid;
-                                                       }
-                                               }
-
-                                               if (this.environment && this.environment.isTexture) {
-                                                       object.environment = this.environment.toJSON(meta).uuid;
-                                               }
-                                       } else if (this.isMesh || this.isLine || this.isPoints) {
-                                               object.geometry = serialize(meta.geometries, this.geometry);
-                                               const parameters = this.geometry.parameters;
-
-                                               if (parameters !== undefined && parameters.shapes !== undefined) {
-                                                       const shapes = parameters.shapes;
-
-                                                       if (Array.isArray(shapes)) {
-                                                               for (let i = 0, l = shapes.length; i < l; i++) {
-                                                                       const shape = shapes[i];
-                                                                       serialize(meta.shapes, shape);
-                                                               }
-                                                       } else {
-                                                               serialize(meta.shapes, shapes);
-                                                       }
-                                               }
-                                       }
-
-                                       if (this.isSkinnedMesh) {
-                                               object.bindMode = this.bindMode;
-                                               object.bindMatrix = this.bindMatrix.toArray();
-
-                                               if (this.skeleton !== undefined) {
-                                                       serialize(meta.skeletons, this.skeleton);
-                                                       object.skeleton = this.skeleton.uuid;
-                                               }
-                                       }
-
-                                       if (this.material !== undefined) {
-                                               if (Array.isArray(this.material)) {
-                                                       const uuids = [];
-
-                                                       for (let i = 0, l = this.material.length; i < l; i++) {
-                                                               uuids.push(serialize(meta.materials, this.material[i]));
-                                                       }
-
-                                                       object.material = uuids;
-                                               } else {
-                                                       object.material = serialize(meta.materials, this.material);
-                                               }
-                                       } //
-
-
-                                       if (this.children.length > 0) {
-                                               object.children = [];
-
-                                               for (let i = 0; i < this.children.length; i++) {
-                                                       object.children.push(this.children[i].toJSON(meta).object);
-                                               }
-                                       } //
-
-
-                                       if (this.animations.length > 0) {
-                                               object.animations = [];
-
-                                               for (let i = 0; i < this.animations.length; i++) {
-                                                       const animation = this.animations[i];
-                                                       object.animations.push(serialize(meta.animations, animation));
-                                               }
-                                       }
-
-                                       if (isRootObject) {
-                                               const geometries = extractFromCache(meta.geometries);
-                                               const materials = extractFromCache(meta.materials);
-                                               const textures = extractFromCache(meta.textures);
-                                               const images = extractFromCache(meta.images);
-                                               const shapes = extractFromCache(meta.shapes);
-                                               const skeletons = extractFromCache(meta.skeletons);
-                                               const animations = extractFromCache(meta.animations);
-                                               if (geometries.length > 0) output.geometries = geometries;
-                                               if (materials.length > 0) output.materials = materials;
-                                               if (textures.length > 0) output.textures = textures;
-                                               if (images.length > 0) output.images = images;
-                                               if (shapes.length > 0) output.shapes = shapes;
-                                               if (skeletons.length > 0) output.skeletons = skeletons;
-                                               if (animations.length > 0) output.animations = animations;
-                                       }
-
-                                       output.object = object;
-                                       return output; // extract data from the cache hash
-                                       // remove metadata on each item
-                                       // and return as array
-
-                                       function extractFromCache(cache) {
-                                               const values = [];
-
-                                               for (const key in cache) {
-                                                       const data = cache[key];
-                                                       delete data.metadata;
-                                                       values.push(data);
-                                               }
-
-                                               return values;
-                                       }
-                               }
-
-                               clone(recursive) {
-                                       return new this.constructor().copy(this, recursive);
-                               }
-
-                               copy(source, recursive = true) {
-                                       this.name = source.name;
-                                       this.up.copy(source.up);
-                                       this.position.copy(source.position);
-                                       this.rotation.order = source.rotation.order;
-                                       this.quaternion.copy(source.quaternion);
-                                       this.scale.copy(source.scale);
-                                       this.matrix.copy(source.matrix);
-                                       this.matrixWorld.copy(source.matrixWorld);
-                                       this.matrixAutoUpdate = source.matrixAutoUpdate;
-                                       this.matrixWorldNeedsUpdate = source.matrixWorldNeedsUpdate;
-                                       this.layers.mask = source.layers.mask;
-                                       this.visible = source.visible;
-                                       this.castShadow = source.castShadow;
-                                       this.receiveShadow = source.receiveShadow;
-                                       this.frustumCulled = source.frustumCulled;
-                                       this.renderOrder = source.renderOrder;
-                                       this.userData = JSON.parse(JSON.stringify(source.userData));
-
-                                       if (recursive === true) {
-                                               for (let i = 0; i < source.children.length; i++) {
-                                                       const child = source.children[i];
-                                                       this.add(child.clone());
-                                               }
-                                       }
-
-                                       return this;
-                               }
-
-                       }
-
-                       Object3D.DefaultUp = new Vector3(0, 1, 0);
-                       Object3D.DefaultMatrixAutoUpdate = true;
-                       Object3D.prototype.isObject3D = true;
-
-                       const _v0$1 = /*@__PURE__*/new Vector3();
-
-                       const _v1$3 = /*@__PURE__*/new Vector3();
-
-                       const _v2$2 = /*@__PURE__*/new Vector3();
-
-                       const _v3$1 = /*@__PURE__*/new Vector3();
-
-                       const _vab = /*@__PURE__*/new Vector3();
-
-                       const _vac = /*@__PURE__*/new Vector3();
-
-                       const _vbc = /*@__PURE__*/new Vector3();
-
-                       const _vap = /*@__PURE__*/new Vector3();
-
-                       const _vbp = /*@__PURE__*/new Vector3();
-
-                       const _vcp = /*@__PURE__*/new Vector3();
-
-                       class Triangle {
-                               constructor(a = new Vector3(), b = new Vector3(), c = new Vector3()) {
-                                       this.a = a;
-                                       this.b = b;
-                                       this.c = c;
-                               }
-
-                               static getNormal(a, b, c, target) {
-                                       target.subVectors(c, b);
-
-                                       _v0$1.subVectors(a, b);
-
-                                       target.cross(_v0$1);
-                                       const targetLengthSq = target.lengthSq();
-
-                                       if (targetLengthSq > 0) {
-                                               return target.multiplyScalar(1 / Math.sqrt(targetLengthSq));
-                                       }
-
-                                       return target.set(0, 0, 0);
-                               } // static/instance method to calculate barycentric coordinates
-                               // based on: http://www.blackpawn.com/texts/pointinpoly/default.html
-
-
-                               static getBarycoord(point, a, b, c, target) {
-                                       _v0$1.subVectors(c, a);
-
-                                       _v1$3.subVectors(b, a);
-
-                                       _v2$2.subVectors(point, a);
-
-                                       const dot00 = _v0$1.dot(_v0$1);
-
-                                       const dot01 = _v0$1.dot(_v1$3);
-
-                                       const dot02 = _v0$1.dot(_v2$2);
-
-                                       const dot11 = _v1$3.dot(_v1$3);
-
-                                       const dot12 = _v1$3.dot(_v2$2);
-
-                                       const denom = dot00 * dot11 - dot01 * dot01; // collinear or singular triangle
-
-                                       if (denom === 0) {
-                                               // arbitrary location outside of triangle?
-                                               // not sure if this is the best idea, maybe should be returning undefined
-                                               return target.set(-2, -1, -1);
-                                       }
-
-                                       const invDenom = 1 / denom;
-                                       const u = (dot11 * dot02 - dot01 * dot12) * invDenom;
-                                       const v = (dot00 * dot12 - dot01 * dot02) * invDenom; // barycentric coordinates must always sum to 1
-
-                                       return target.set(1 - u - v, v, u);
-                               }
-
-                               static containsPoint(point, a, b, c) {
-                                       this.getBarycoord(point, a, b, c, _v3$1);
-                                       return _v3$1.x >= 0 && _v3$1.y >= 0 && _v3$1.x + _v3$1.y <= 1;
-                               }
-
-                               static getUV(point, p1, p2, p3, uv1, uv2, uv3, target) {
-                                       this.getBarycoord(point, p1, p2, p3, _v3$1);
-                                       target.set(0, 0);
-                                       target.addScaledVector(uv1, _v3$1.x);
-                                       target.addScaledVector(uv2, _v3$1.y);
-                                       target.addScaledVector(uv3, _v3$1.z);
-                                       return target;
-                               }
-
-                               static isFrontFacing(a, b, c, direction) {
-                                       _v0$1.subVectors(c, b);
-
-                                       _v1$3.subVectors(a, b); // strictly front facing
-
-
-                                       return _v0$1.cross(_v1$3).dot(direction) < 0 ? true : false;
-                               }
-
-                               set(a, b, c) {
-                                       this.a.copy(a);
-                                       this.b.copy(b);
-                                       this.c.copy(c);
-                                       return this;
-                               }
-
-                               setFromPointsAndIndices(points, i0, i1, i2) {
-                                       this.a.copy(points[i0]);
-                                       this.b.copy(points[i1]);
-                                       this.c.copy(points[i2]);
-                                       return this;
-                               }
-
-                               clone() {
-                                       return new this.constructor().copy(this);
-                               }
-
-                               copy(triangle) {
-                                       this.a.copy(triangle.a);
-                                       this.b.copy(triangle.b);
-                                       this.c.copy(triangle.c);
-                                       return this;
-                               }
-
-                               getArea() {
-                                       _v0$1.subVectors(this.c, this.b);
-
-                                       _v1$3.subVectors(this.a, this.b);
-
-                                       return _v0$1.cross(_v1$3).length() * 0.5;
-                               }
-
-                               getMidpoint(target) {
-                                       return target.addVectors(this.a, this.b).add(this.c).multiplyScalar(1 / 3);
-                               }
-
-                               getNormal(target) {
-                                       return Triangle.getNormal(this.a, this.b, this.c, target);
-                               }
-
-                               getPlane(target) {
-                                       return target.setFromCoplanarPoints(this.a, this.b, this.c);
-                               }
-
-                               getBarycoord(point, target) {
-                                       return Triangle.getBarycoord(point, this.a, this.b, this.c, target);
-                               }
-
-                               getUV(point, uv1, uv2, uv3, target) {
-                                       return Triangle.getUV(point, this.a, this.b, this.c, uv1, uv2, uv3, target);
-                               }
-
-                               containsPoint(point) {
-                                       return Triangle.containsPoint(point, this.a, this.b, this.c);
-                               }
-
-                               isFrontFacing(direction) {
-                                       return Triangle.isFrontFacing(this.a, this.b, this.c, direction);
-                               }
-
-                               intersectsBox(box) {
-                                       return box.intersectsTriangle(this);
-                               }
-
-                               closestPointToPoint(p, target) {
-                                       const a = this.a,
-                                               b = this.b,
-                                               c = this.c;
-                                       let v, w; // algorithm thanks to Real-Time Collision Detection by Christer Ericson,
-                                       // published by Morgan Kaufmann Publishers, (c) 2005 Elsevier Inc.,
-                                       // under the accompanying license; see chapter 5.1.5 for detailed explanation.
-                                       // basically, we're distinguishing which of the voronoi regions of the triangle
-                                       // the point lies in with the minimum amount of redundant computation.
-
-                                       _vab.subVectors(b, a);
-
-                                       _vac.subVectors(c, a);
-
-                                       _vap.subVectors(p, a);
-
-                                       const d1 = _vab.dot(_vap);
-
-                                       const d2 = _vac.dot(_vap);
-
-                                       if (d1 <= 0 && d2 <= 0) {
-                                               // vertex region of A; barycentric coords (1, 0, 0)
-                                               return target.copy(a);
-                                       }
-
-                                       _vbp.subVectors(p, b);
-
-                                       const d3 = _vab.dot(_vbp);
-
-                                       const d4 = _vac.dot(_vbp);
-
-                                       if (d3 >= 0 && d4 <= d3) {
-                                               // vertex region of B; barycentric coords (0, 1, 0)
-                                               return target.copy(b);
-                                       }
-
-                                       const vc = d1 * d4 - d3 * d2;
-
-                                       if (vc <= 0 && d1 >= 0 && d3 <= 0) {
-                                               v = d1 / (d1 - d3); // edge region of AB; barycentric coords (1-v, v, 0)
-
-                                               return target.copy(a).addScaledVector(_vab, v);
-                                       }
-
-                                       _vcp.subVectors(p, c);
-
-                                       const d5 = _vab.dot(_vcp);
-
-                                       const d6 = _vac.dot(_vcp);
-
-                                       if (d6 >= 0 && d5 <= d6) {
-                                               // vertex region of C; barycentric coords (0, 0, 1)
-                                               return target.copy(c);
-                                       }
-
-                                       const vb = d5 * d2 - d1 * d6;
-
-                                       if (vb <= 0 && d2 >= 0 && d6 <= 0) {
-                                               w = d2 / (d2 - d6); // edge region of AC; barycentric coords (1-w, 0, w)
-
-                                               return target.copy(a).addScaledVector(_vac, w);
-                                       }
-
-                                       const va = d3 * d6 - d5 * d4;
-
-                                       if (va <= 0 && d4 - d3 >= 0 && d5 - d6 >= 0) {
-                                               _vbc.subVectors(c, b);
-
-                                               w = (d4 - d3) / (d4 - d3 + (d5 - d6)); // edge region of BC; barycentric coords (0, 1-w, w)
-
-                                               return target.copy(b).addScaledVector(_vbc, w); // edge region of BC
-                                       } // face region
-
-
-                                       const denom = 1 / (va + vb + vc); // u = va * denom
-
-                                       v = vb * denom;
-                                       w = vc * denom;
-                                       return target.copy(a).addScaledVector(_vab, v).addScaledVector(_vac, w);
-                               }
-
-                               equals(triangle) {
-                                       return triangle.a.equals(this.a) && triangle.b.equals(this.b) && triangle.c.equals(this.c);
-                               }
-
-                       }
-
-                       let materialId = 0;
-
-                       class Material extends EventDispatcher {
-                               constructor() {
-                                       super();
-                                       Object.defineProperty(this, 'id', {
-                                               value: materialId++
-                                       });
-                                       this.uuid = generateUUID();
-                                       this.name = '';
-                                       this.type = 'Material';
-                                       this.fog = true;
-                                       this.blending = NormalBlending;
-                                       this.side = FrontSide;
-                                       this.vertexColors = false;
-                                       this.opacity = 1;
-                                       this.format = RGBAFormat;
-                                       this.transparent = false;
-                                       this.blendSrc = SrcAlphaFactor;
-                                       this.blendDst = OneMinusSrcAlphaFactor;
-                                       this.blendEquation = AddEquation;
-                                       this.blendSrcAlpha = null;
-                                       this.blendDstAlpha = null;
-                                       this.blendEquationAlpha = null;
-                                       this.depthFunc = LessEqualDepth;
-                                       this.depthTest = true;
-                                       this.depthWrite = true;
-                                       this.stencilWriteMask = 0xff;
-                                       this.stencilFunc = AlwaysStencilFunc;
-                                       this.stencilRef = 0;
-                                       this.stencilFuncMask = 0xff;
-                                       this.stencilFail = KeepStencilOp;
-                                       this.stencilZFail = KeepStencilOp;
-                                       this.stencilZPass = KeepStencilOp;
-                                       this.stencilWrite = false;
-                                       this.clippingPlanes = null;
-                                       this.clipIntersection = false;
-                                       this.clipShadows = false;
-                                       this.shadowSide = null;
-                                       this.colorWrite = true;
-                                       this.precision = null; // override the renderer's default precision for this material
-
-                                       this.polygonOffset = false;
-                                       this.polygonOffsetFactor = 0;
-                                       this.polygonOffsetUnits = 0;
-                                       this.dithering = false;
-                                       this.alphaToCoverage = false;
-                                       this.premultipliedAlpha = false;
-                                       this.visible = true;
-                                       this.toneMapped = true;
-                                       this.userData = {};
-                                       this.version = 0;
-                                       this._alphaTest = 0;
-                               }
-
-                               get alphaTest() {
-                                       return this._alphaTest;
-                               }
-
-                               set alphaTest(value) {
-                                       if (this._alphaTest > 0 !== value > 0) {
-                                               this.version++;
-                                       }
-
-                                       this._alphaTest = value;
-                               }
-
-                               onBuild() {
-                               }
-
-                               onBeforeCompile() {
-                               }
-
-                               customProgramCacheKey() {
-                                       return this.onBeforeCompile.toString();
-                               }
-
-                               setValues(values) {
-                                       if (values === undefined) return;
-
-                                       for (const key in values) {
-                                               const newValue = values[key];
-
-                                               if (newValue === undefined) {
-                                                       console.warn('THREE.Material: \'' + key + '\' parameter is undefined.');
-                                                       continue;
-                                               } // for backward compatability if shading is set in the constructor
-
-
-                                               if (key === 'shading') {
-                                                       console.warn('THREE.' + this.type + ': .shading has been removed. Use the boolean .flatShading instead.');
-                                                       this.flatShading = newValue === FlatShading ? true : false;
-                                                       continue;
-                                               }
-
-                                               const currentValue = this[key];
-
-                                               if (currentValue === undefined) {
-                                                       console.warn('THREE.' + this.type + ': \'' + key + '\' is not a property of this material.');
-                                                       continue;
-                                               }
-
-                                               if (currentValue && currentValue.isColor) {
-                                                       currentValue.set(newValue);
-                                               } else if (currentValue && currentValue.isVector3 && newValue && newValue.isVector3) {
-                                                       currentValue.copy(newValue);
-                                               } else {
-                                                       this[key] = newValue;
-                                               }
-                                       }
-                               }
-
-                               toJSON(meta) {
-                                       const isRoot = meta === undefined || typeof meta === 'string';
-
-                                       if (isRoot) {
-                                               meta = {
-                                                       textures: {},
-                                                       images: {}
-                                               };
-                                       }
-
-                                       const data = {
-                                               metadata: {
-                                                       version: 4.5,
-                                                       type: 'Material',
-                                                       generator: 'Material.toJSON'
-                                               }
-                                       }; // standard Material serialization
-
-                                       data.uuid = this.uuid;
-                                       data.type = this.type;
-                                       if (this.name !== '') data.name = this.name;
-                                       if (this.color && this.color.isColor) data.color = this.color.getHex();
-                                       if (this.roughness !== undefined) data.roughness = this.roughness;
-                                       if (this.metalness !== undefined) data.metalness = this.metalness;
-                                       if (this.sheenTint && this.sheenTint.isColor) data.sheenTint = this.sheenTint.getHex();
-                                       if (this.emissive && this.emissive.isColor) data.emissive = this.emissive.getHex();
-                                       if (this.emissiveIntensity && this.emissiveIntensity !== 1) data.emissiveIntensity = this.emissiveIntensity;
-                                       if (this.specular && this.specular.isColor) data.specular = this.specular.getHex();
-                                       if (this.specularIntensity !== undefined) data.specularIntensity = this.specularIntensity;
-                                       if (this.specularTint && this.specularTint.isColor) data.specularTint = this.specularTint.getHex();
-                                       if (this.shininess !== undefined) data.shininess = this.shininess;
-                                       if (this.clearcoat !== undefined) data.clearcoat = this.clearcoat;
-                                       if (this.clearcoatRoughness !== undefined) data.clearcoatRoughness = this.clearcoatRoughness;
-
-                                       if (this.clearcoatMap && this.clearcoatMap.isTexture) {
-                                               data.clearcoatMap = this.clearcoatMap.toJSON(meta).uuid;
-                                       }
-
-                                       if (this.clearcoatRoughnessMap && this.clearcoatRoughnessMap.isTexture) {
-                                               data.clearcoatRoughnessMap = this.clearcoatRoughnessMap.toJSON(meta).uuid;
-                                       }
-
-                                       if (this.clearcoatNormalMap && this.clearcoatNormalMap.isTexture) {
-                                               data.clearcoatNormalMap = this.clearcoatNormalMap.toJSON(meta).uuid;
-                                               data.clearcoatNormalScale = this.clearcoatNormalScale.toArray();
-                                       }
-
-                                       if (this.map && this.map.isTexture) data.map = this.map.toJSON(meta).uuid;
-                                       if (this.matcap && this.matcap.isTexture) data.matcap = this.matcap.toJSON(meta).uuid;
-                                       if (this.alphaMap && this.alphaMap.isTexture) data.alphaMap = this.alphaMap.toJSON(meta).uuid;
-
-                                       if (this.lightMap && this.lightMap.isTexture) {
-                                               data.lightMap = this.lightMap.toJSON(meta).uuid;
-                                               data.lightMapIntensity = this.lightMapIntensity;
-                                       }
-
-                                       if (this.aoMap && this.aoMap.isTexture) {
-                                               data.aoMap = this.aoMap.toJSON(meta).uuid;
-                                               data.aoMapIntensity = this.aoMapIntensity;
-                                       }
-
-                                       if (this.bumpMap && this.bumpMap.isTexture) {
-                                               data.bumpMap = this.bumpMap.toJSON(meta).uuid;
-                                               data.bumpScale = this.bumpScale;
-                                       }
-
-                                       if (this.normalMap && this.normalMap.isTexture) {
-                                               data.normalMap = this.normalMap.toJSON(meta).uuid;
-                                               data.normalMapType = this.normalMapType;
-                                               data.normalScale = this.normalScale.toArray();
-                                       }
-
-                                       if (this.displacementMap && this.displacementMap.isTexture) {
-                                               data.displacementMap = this.displacementMap.toJSON(meta).uuid;
-                                               data.displacementScale = this.displacementScale;
-                                               data.displacementBias = this.displacementBias;
-                                       }
-
-                                       if (this.roughnessMap && this.roughnessMap.isTexture) data.roughnessMap = this.roughnessMap.toJSON(meta).uuid;
-                                       if (this.metalnessMap && this.metalnessMap.isTexture) data.metalnessMap = this.metalnessMap.toJSON(meta).uuid;
-                                       if (this.emissiveMap && this.emissiveMap.isTexture) data.emissiveMap = this.emissiveMap.toJSON(meta).uuid;
-                                       if (this.specularMap && this.specularMap.isTexture) data.specularMap = this.specularMap.toJSON(meta).uuid;
-                                       if (this.specularIntensityMap && this.specularIntensityMap.isTexture) data.specularIntensityMap = this.specularIntensityMap.toJSON(meta).uuid;
-                                       if (this.specularTintMap && this.specularTintMap.isTexture) data.specularTintMap = this.specularTintMap.toJSON(meta).uuid;
-
-                                       if (this.envMap && this.envMap.isTexture) {
-                                               data.envMap = this.envMap.toJSON(meta).uuid;
-                                               if (this.combine !== undefined) data.combine = this.combine;
-                                       }
-
-                                       if (this.envMapIntensity !== undefined) data.envMapIntensity = this.envMapIntensity;
-                                       if (this.reflectivity !== undefined) data.reflectivity = this.reflectivity;
-                                       if (this.refractionRatio !== undefined) data.refractionRatio = this.refractionRatio;
-
-                                       if (this.gradientMap && this.gradientMap.isTexture) {
-                                               data.gradientMap = this.gradientMap.toJSON(meta).uuid;
-                                       }
-
-                                       if (this.transmission !== undefined) data.transmission = this.transmission;
-                                       if (this.transmissionMap && this.transmissionMap.isTexture) data.transmissionMap = this.transmissionMap.toJSON(meta).uuid;
-                                       if (this.thickness !== undefined) data.thickness = this.thickness;
-                                       if (this.thicknessMap && this.thicknessMap.isTexture) data.thicknessMap = this.thicknessMap.toJSON(meta).uuid;
-                                       if (this.attenuationDistance !== undefined) data.attenuationDistance = this.attenuationDistance;
-                                       if (this.attenuationTint !== undefined) data.attenuationTint = this.attenuationTint.getHex();
-                                       if (this.size !== undefined) data.size = this.size;
-                                       if (this.shadowSide !== null) data.shadowSide = this.shadowSide;
-                                       if (this.sizeAttenuation !== undefined) data.sizeAttenuation = this.sizeAttenuation;
-                                       if (this.blending !== NormalBlending) data.blending = this.blending;
-                                       if (this.side !== FrontSide) data.side = this.side;
-                                       if (this.vertexColors) data.vertexColors = true;
-                                       if (this.opacity < 1) data.opacity = this.opacity;
-                                       if (this.format !== RGBAFormat) data.format = this.format;
-                                       if (this.transparent === true) data.transparent = this.transparent;
-                                       data.depthFunc = this.depthFunc;
-                                       data.depthTest = this.depthTest;
-                                       data.depthWrite = this.depthWrite;
-                                       data.colorWrite = this.colorWrite;
-                                       data.stencilWrite = this.stencilWrite;
-                                       data.stencilWriteMask = this.stencilWriteMask;
-                                       data.stencilFunc = this.stencilFunc;
-                                       data.stencilRef = this.stencilRef;
-                                       data.stencilFuncMask = this.stencilFuncMask;
-                                       data.stencilFail = this.stencilFail;
-                                       data.stencilZFail = this.stencilZFail;
-                                       data.stencilZPass = this.stencilZPass; // rotation (SpriteMaterial)
-
-                                       if (this.rotation && this.rotation !== 0) data.rotation = this.rotation;
-                                       if (this.polygonOffset === true) data.polygonOffset = true;
-                                       if (this.polygonOffsetFactor !== 0) data.polygonOffsetFactor = this.polygonOffsetFactor;
-                                       if (this.polygonOffsetUnits !== 0) data.polygonOffsetUnits = this.polygonOffsetUnits;
-                                       if (this.linewidth && this.linewidth !== 1) data.linewidth = this.linewidth;
-                                       if (this.dashSize !== undefined) data.dashSize = this.dashSize;
-                                       if (this.gapSize !== undefined) data.gapSize = this.gapSize;
-                                       if (this.scale !== undefined) data.scale = this.scale;
-                                       if (this.dithering === true) data.dithering = true;
-                                       if (this.alphaTest > 0) data.alphaTest = this.alphaTest;
-                                       if (this.alphaToCoverage === true) data.alphaToCoverage = this.alphaToCoverage;
-                                       if (this.premultipliedAlpha === true) data.premultipliedAlpha = this.premultipliedAlpha;
-                                       if (this.wireframe === true) data.wireframe = this.wireframe;
-                                       if (this.wireframeLinewidth > 1) data.wireframeLinewidth = this.wireframeLinewidth;
-                                       if (this.wireframeLinecap !== 'round') data.wireframeLinecap = this.wireframeLinecap;
-                                       if (this.wireframeLinejoin !== 'round') data.wireframeLinejoin = this.wireframeLinejoin;
-                                       if (this.flatShading === true) data.flatShading = this.flatShading;
-                                       if (this.visible === false) data.visible = false;
-                                       if (this.toneMapped === false) data.toneMapped = false;
-                                       if (JSON.stringify(this.userData) !== '{}') data.userData = this.userData; // TODO: Copied from Object3D.toJSON
-
-                                       function extractFromCache(cache) {
-                                               const values = [];
-
-                                               for (const key in cache) {
-                                                       const data = cache[key];
-                                                       delete data.metadata;
-                                                       values.push(data);
-                                               }
-
-                                               return values;
-                                       }
-
-                                       if (isRoot) {
-                                               const textures = extractFromCache(meta.textures);
-                                               const images = extractFromCache(meta.images);
-                                               if (textures.length > 0) data.textures = textures;
-                                               if (images.length > 0) data.images = images;
-                                       }
-
-                                       return data;
-                               }
-
-                               clone() {
-                                       return new this.constructor().copy(this);
-                               }
-
-                               copy(source) {
-                                       this.name = source.name;
-                                       this.fog = source.fog;
-                                       this.blending = source.blending;
-                                       this.side = source.side;
-                                       this.vertexColors = source.vertexColors;
-                                       this.opacity = source.opacity;
-                                       this.format = source.format;
-                                       this.transparent = source.transparent;
-                                       this.blendSrc = source.blendSrc;
-                                       this.blendDst = source.blendDst;
-                                       this.blendEquation = source.blendEquation;
-                                       this.blendSrcAlpha = source.blendSrcAlpha;
-                                       this.blendDstAlpha = source.blendDstAlpha;
-                                       this.blendEquationAlpha = source.blendEquationAlpha;
-                                       this.depthFunc = source.depthFunc;
-                                       this.depthTest = source.depthTest;
-                                       this.depthWrite = source.depthWrite;
-                                       this.stencilWriteMask = source.stencilWriteMask;
-                                       this.stencilFunc = source.stencilFunc;
-                                       this.stencilRef = source.stencilRef;
-                                       this.stencilFuncMask = source.stencilFuncMask;
-                                       this.stencilFail = source.stencilFail;
-                                       this.stencilZFail = source.stencilZFail;
-                                       this.stencilZPass = source.stencilZPass;
-                                       this.stencilWrite = source.stencilWrite;
-                                       const srcPlanes = source.clippingPlanes;
-                                       let dstPlanes = null;
-
-                                       if (srcPlanes !== null) {
-                                               const n = srcPlanes.length;
-                                               dstPlanes = new Array(n);
-
-                                               for (let i = 0; i !== n; ++i) {
-                                                       dstPlanes[i] = srcPlanes[i].clone();
-                                               }
-                                       }
-
-                                       this.clippingPlanes = dstPlanes;
-                                       this.clipIntersection = source.clipIntersection;
-                                       this.clipShadows = source.clipShadows;
-                                       this.shadowSide = source.shadowSide;
-                                       this.colorWrite = source.colorWrite;
-                                       this.precision = source.precision;
-                                       this.polygonOffset = source.polygonOffset;
-                                       this.polygonOffsetFactor = source.polygonOffsetFactor;
-                                       this.polygonOffsetUnits = source.polygonOffsetUnits;
-                                       this.dithering = source.dithering;
-                                       this.alphaTest = source.alphaTest;
-                                       this.alphaToCoverage = source.alphaToCoverage;
-                                       this.premultipliedAlpha = source.premultipliedAlpha;
-                                       this.visible = source.visible;
-                                       this.toneMapped = source.toneMapped;
-                                       this.userData = JSON.parse(JSON.stringify(source.userData));
-                                       return this;
-                               }
-
-                               dispose() {
-                                       this.dispatchEvent({
-                                               type: 'dispose'
-                                       });
-                               }
-
-                               set needsUpdate(value) {
-                                       if (value === true) this.version++;
-                               }
-
-                       }
-
-                       Material.prototype.isMaterial = true;
-
-                       const _colorKeywords = {
-                               'aliceblue': 0xF0F8FF,
-                               'antiquewhite': 0xFAEBD7,
-                               'aqua': 0x00FFFF,
-                               'aquamarine': 0x7FFFD4,
-                               'azure': 0xF0FFFF,
-                               'beige': 0xF5F5DC,
-                               'bisque': 0xFFE4C4,
-                               'black': 0x000000,
-                               'blanchedalmond': 0xFFEBCD,
-                               'blue': 0x0000FF,
-                               'blueviolet': 0x8A2BE2,
-                               'brown': 0xA52A2A,
-                               'burlywood': 0xDEB887,
-                               'cadetblue': 0x5F9EA0,
-                               'chartreuse': 0x7FFF00,
-                               'chocolate': 0xD2691E,
-                               'coral': 0xFF7F50,
-                               'cornflowerblue': 0x6495ED,
-                               'cornsilk': 0xFFF8DC,
-                               'crimson': 0xDC143C,
-                               'cyan': 0x00FFFF,
-                               'darkblue': 0x00008B,
-                               'darkcyan': 0x008B8B,
-                               'darkgoldenrod': 0xB8860B,
-                               'darkgray': 0xA9A9A9,
-                               'darkgreen': 0x006400,
-                               'darkgrey': 0xA9A9A9,
-                               'darkkhaki': 0xBDB76B,
-                               'darkmagenta': 0x8B008B,
-                               'darkolivegreen': 0x556B2F,
-                               'darkorange': 0xFF8C00,
-                               'darkorchid': 0x9932CC,
-                               'darkred': 0x8B0000,
-                               'darksalmon': 0xE9967A,
-                               'darkseagreen': 0x8FBC8F,
-                               'darkslateblue': 0x483D8B,
-                               'darkslategray': 0x2F4F4F,
-                               'darkslategrey': 0x2F4F4F,
-                               'darkturquoise': 0x00CED1,
-                               'darkviolet': 0x9400D3,
-                               'deeppink': 0xFF1493,
-                               'deepskyblue': 0x00BFFF,
-                               'dimgray': 0x696969,
-                               'dimgrey': 0x696969,
-                               'dodgerblue': 0x1E90FF,
-                               'firebrick': 0xB22222,
-                               'floralwhite': 0xFFFAF0,
-                               'forestgreen': 0x228B22,
-                               'fuchsia': 0xFF00FF,
-                               'gainsboro': 0xDCDCDC,
-                               'ghostwhite': 0xF8F8FF,
-                               'gold': 0xFFD700,
-                               'goldenrod': 0xDAA520,
-                               'gray': 0x808080,
-                               'green': 0x008000,
-                               'greenyellow': 0xADFF2F,
-                               'grey': 0x808080,
-                               'honeydew': 0xF0FFF0,
-                               'hotpink': 0xFF69B4,
-                               'indianred': 0xCD5C5C,
-                               'indigo': 0x4B0082,
-                               'ivory': 0xFFFFF0,
-                               'khaki': 0xF0E68C,
-                               'lavender': 0xE6E6FA,
-                               'lavenderblush': 0xFFF0F5,
-                               'lawngreen': 0x7CFC00,
-                               'lemonchiffon': 0xFFFACD,
-                               'lightblue': 0xADD8E6,
-                               'lightcoral': 0xF08080,
-                               'lightcyan': 0xE0FFFF,
-                               'lightgoldenrodyellow': 0xFAFAD2,
-                               'lightgray': 0xD3D3D3,
-                               'lightgreen': 0x90EE90,
-                               'lightgrey': 0xD3D3D3,
-                               'lightpink': 0xFFB6C1,
-                               'lightsalmon': 0xFFA07A,
-                               'lightseagreen': 0x20B2AA,
-                               'lightskyblue': 0x87CEFA,
-                               'lightslategray': 0x778899,
-                               'lightslategrey': 0x778899,
-                               'lightsteelblue': 0xB0C4DE,
-                               'lightyellow': 0xFFFFE0,
-                               'lime': 0x00FF00,
-                               'limegreen': 0x32CD32,
-                               'linen': 0xFAF0E6,
-                               'magenta': 0xFF00FF,
-                               'maroon': 0x800000,
-                               'mediumaquamarine': 0x66CDAA,
-                               'mediumblue': 0x0000CD,
-                               'mediumorchid': 0xBA55D3,
-                               'mediumpurple': 0x9370DB,
-                               'mediumseagreen': 0x3CB371,
-                               'mediumslateblue': 0x7B68EE,
-                               'mediumspringgreen': 0x00FA9A,
-                               'mediumturquoise': 0x48D1CC,
-                               'mediumvioletred': 0xC71585,
-                               'midnightblue': 0x191970,
-                               'mintcream': 0xF5FFFA,
-                               'mistyrose': 0xFFE4E1,
-                               'moccasin': 0xFFE4B5,
-                               'navajowhite': 0xFFDEAD,
-                               'navy': 0x000080,
-                               'oldlace': 0xFDF5E6,
-                               'olive': 0x808000,
-                               'olivedrab': 0x6B8E23,
-                               'orange': 0xFFA500,
-                               'orangered': 0xFF4500,
-                               'orchid': 0xDA70D6,
-                               'palegoldenrod': 0xEEE8AA,
-                               'palegreen': 0x98FB98,
-                               'paleturquoise': 0xAFEEEE,
-                               'palevioletred': 0xDB7093,
-                               'papayawhip': 0xFFEFD5,
-                               'peachpuff': 0xFFDAB9,
-                               'peru': 0xCD853F,
-                               'pink': 0xFFC0CB,
-                               'plum': 0xDDA0DD,
-                               'powderblue': 0xB0E0E6,
-                               'purple': 0x800080,
-                               'rebeccapurple': 0x663399,
-                               'red': 0xFF0000,
-                               'rosybrown': 0xBC8F8F,
-                               'royalblue': 0x4169E1,
-                               'saddlebrown': 0x8B4513,
-                               'salmon': 0xFA8072,
-                               'sandybrown': 0xF4A460,
-                               'seagreen': 0x2E8B57,
-                               'seashell': 0xFFF5EE,
-                               'sienna': 0xA0522D,
-                               'silver': 0xC0C0C0,
-                               'skyblue': 0x87CEEB,
-                               'slateblue': 0x6A5ACD,
-                               'slategray': 0x708090,
-                               'slategrey': 0x708090,
-                               'snow': 0xFFFAFA,
-                               'springgreen': 0x00FF7F,
-                               'steelblue': 0x4682B4,
-                               'tan': 0xD2B48C,
-                               'teal': 0x008080,
-                               'thistle': 0xD8BFD8,
-                               'tomato': 0xFF6347,
-                               'turquoise': 0x40E0D0,
-                               'violet': 0xEE82EE,
-                               'wheat': 0xF5DEB3,
-                               'white': 0xFFFFFF,
-                               'whitesmoke': 0xF5F5F5,
-                               'yellow': 0xFFFF00,
-                               'yellowgreen': 0x9ACD32
-                       };
-                       const _hslA = {
-                               h: 0,
-                               s: 0,
-                               l: 0
-                       };
-                       const _hslB = {
-                               h: 0,
-                               s: 0,
-                               l: 0
-                       };
-
-                       function hue2rgb(p, q, t) {
-                               if (t < 0) t += 1;
-                               if (t > 1) t -= 1;
-                               if (t < 1 / 6) return p + (q - p) * 6 * t;
-                               if (t < 1 / 2) return q;
-                               if (t < 2 / 3) return p + (q - p) * 6 * (2 / 3 - t);
-                               return p;
-                       }
-
-                       function SRGBToLinear(c) {
-                               return c < 0.04045 ? c * 0.0773993808 : Math.pow(c * 0.9478672986 + 0.0521327014, 2.4);
-                       }
-
-                       function LinearToSRGB(c) {
-                               return c < 0.0031308 ? c * 12.92 : 1.055 * Math.pow(c, 0.41666) - 0.055;
-                       }
-
-                       class Color {
-                               constructor(r, g, b) {
-                                       if (g === undefined && b === undefined) {
-                                               // r is THREE.Color, hex or string
-                                               return this.set(r);
-                                       }
-
-                                       return this.setRGB(r, g, b);
-                               }
-
-                               set(value) {
-                                       if (value && value.isColor) {
-                                               this.copy(value);
-                                       } else if (typeof value === 'number') {
-                                               this.setHex(value);
-                                       } else if (typeof value === 'string') {
-                                               this.setStyle(value);
-                                       }
-
-                                       return this;
-                               }
-
-                               setScalar(scalar) {
-                                       this.r = scalar;
-                                       this.g = scalar;
-                                       this.b = scalar;
-                                       return this;
-                               }
-
-                               setHex(hex) {
-                                       hex = Math.floor(hex);
-                                       this.r = (hex >> 16 & 255) / 255;
-                                       this.g = (hex >> 8 & 255) / 255;
-                                       this.b = (hex & 255) / 255;
-                                       return this;
-                               }
-
-                               setRGB(r, g, b) {
-                                       this.r = r;
-                                       this.g = g;
-                                       this.b = b;
-                                       return this;
-                               }
-
-                               setHSL(h, s, l) {
-                                       // h,s,l ranges are in 0.0 - 1.0
-                                       h = euclideanModulo(h, 1);
-                                       s = clamp(s, 0, 1);
-                                       l = clamp(l, 0, 1);
-
-                                       if (s === 0) {
-                                               this.r = this.g = this.b = l;
-                                       } else {
-                                               const p = l <= 0.5 ? l * (1 + s) : l + s - l * s;
-                                               const q = 2 * l - p;
-                                               this.r = hue2rgb(q, p, h + 1 / 3);
-                                               this.g = hue2rgb(q, p, h);
-                                               this.b = hue2rgb(q, p, h - 1 / 3);
-                                       }
-
-                                       return this;
-                               }
-
-                               setStyle(style) {
-                                       function handleAlpha(string) {
-                                               if (string === undefined) return;
-
-                                               if (parseFloat(string) < 1) {
-                                                       console.warn('THREE.Color: Alpha component of ' + style + ' will be ignored.');
-                                               }
-                                       }
-
-                                       let m;
-
-                                       if (m = /^((?:rgb|hsl)a?)\(([^\)]*)\)/.exec(style)) {
-                                               // rgb / hsl
-                                               let color;
-                                               const name = m[1];
-                                               const components = m[2];
-
-                                               switch (name) {
-                                                       case 'rgb':
-                                                       case 'rgba':
-                                                               if (color = /^\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*(?:,\s*(\d*\.?\d+)\s*)?$/.exec(components)) {
-                                                                       // rgb(255,0,0) rgba(255,0,0,0.5)
-                                                                       this.r = Math.min(255, parseInt(color[1], 10)) / 255;
-                                                                       this.g = Math.min(255, parseInt(color[2], 10)) / 255;
-                                                                       this.b = Math.min(255, parseInt(color[3], 10)) / 255;
-                                                                       handleAlpha(color[4]);
-                                                                       return this;
-                                                               }
-
-                                                               if (color = /^\s*(\d+)\%\s*,\s*(\d+)\%\s*,\s*(\d+)\%\s*(?:,\s*(\d*\.?\d+)\s*)?$/.exec(components)) {
-                                                                       // rgb(100%,0%,0%) rgba(100%,0%,0%,0.5)
-                                                                       this.r = Math.min(100, parseInt(color[1], 10)) / 100;
-                                                                       this.g = Math.min(100, parseInt(color[2], 10)) / 100;
-                                                                       this.b = Math.min(100, parseInt(color[3], 10)) / 100;
-                                                                       handleAlpha(color[4]);
-                                                                       return this;
-                                                               }
-
-                                                               break;
-
-                                                       case 'hsl':
-                                                       case 'hsla':
-                                                               if (color = /^\s*(\d*\.?\d+)\s*,\s*(\d+)\%\s*,\s*(\d+)\%\s*(?:,\s*(\d*\.?\d+)\s*)?$/.exec(components)) {
-                                                                       // hsl(120,50%,50%) hsla(120,50%,50%,0.5)
-                                                                       const h = parseFloat(color[1]) / 360;
-                                                                       const s = parseInt(color[2], 10) / 100;
-                                                                       const l = parseInt(color[3], 10) / 100;
-                                                                       handleAlpha(color[4]);
-                                                                       return this.setHSL(h, s, l);
-                                                               }
-
-                                                               break;
-                                               }
-                                       } else if (m = /^\#([A-Fa-f\d]+)$/.exec(style)) {
-                                               // hex color
-                                               const hex = m[1];
-                                               const size = hex.length;
-
-                                               if (size === 3) {
-                                                       // #ff0
-                                                       this.r = parseInt(hex.charAt(0) + hex.charAt(0), 16) / 255;
-                                                       this.g = parseInt(hex.charAt(1) + hex.charAt(1), 16) / 255;
-                                                       this.b = parseInt(hex.charAt(2) + hex.charAt(2), 16) / 255;
-                                                       return this;
-                                               } else if (size === 6) {
-                                                       // #ff0000
-                                                       this.r = parseInt(hex.charAt(0) + hex.charAt(1), 16) / 255;
-                                                       this.g = parseInt(hex.charAt(2) + hex.charAt(3), 16) / 255;
-                                                       this.b = parseInt(hex.charAt(4) + hex.charAt(5), 16) / 255;
-                                                       return this;
-                                               }
-                                       }
-
-                                       if (style && style.length > 0) {
-                                               return this.setColorName(style);
-                                       }
-
-                                       return this;
-                               }
-
-                               setColorName(style) {
-                                       // color keywords
-                                       const hex = _colorKeywords[style.toLowerCase()];
-
-                                       if (hex !== undefined) {
-                                               // red
-                                               this.setHex(hex);
-                                       } else {
-                                               // unknown color
-                                               console.warn('THREE.Color: Unknown color ' + style);
-                                       }
-
-                                       return this;
-                               }
-
-                               clone() {
-                                       return new this.constructor(this.r, this.g, this.b);
-                               }
-
-                               copy(color) {
-                                       this.r = color.r;
-                                       this.g = color.g;
-                                       this.b = color.b;
-                                       return this;
-                               }
-
-                               copyGammaToLinear(color, gammaFactor = 2.0) {
-                                       this.r = Math.pow(color.r, gammaFactor);
-                                       this.g = Math.pow(color.g, gammaFactor);
-                                       this.b = Math.pow(color.b, gammaFactor);
-                                       return this;
-                               }
-
-                               copyLinearToGamma(color, gammaFactor = 2.0) {
-                                       const safeInverse = gammaFactor > 0 ? 1.0 / gammaFactor : 1.0;
-                                       this.r = Math.pow(color.r, safeInverse);
-                                       this.g = Math.pow(color.g, safeInverse);
-                                       this.b = Math.pow(color.b, safeInverse);
-                                       return this;
-                               }
-
-                               convertGammaToLinear(gammaFactor) {
-                                       this.copyGammaToLinear(this, gammaFactor);
-                                       return this;
-                               }
-
-                               convertLinearToGamma(gammaFactor) {
-                                       this.copyLinearToGamma(this, gammaFactor);
-                                       return this;
-                               }
-
-                               copySRGBToLinear(color) {
-                                       this.r = SRGBToLinear(color.r);
-                                       this.g = SRGBToLinear(color.g);
-                                       this.b = SRGBToLinear(color.b);
-                                       return this;
-                               }
-
-                               copyLinearToSRGB(color) {
-                                       this.r = LinearToSRGB(color.r);
-                                       this.g = LinearToSRGB(color.g);
-                                       this.b = LinearToSRGB(color.b);
-                                       return this;
-                               }
-
-                               convertSRGBToLinear() {
-                                       this.copySRGBToLinear(this);
-                                       return this;
-                               }
-
-                               convertLinearToSRGB() {
-                                       this.copyLinearToSRGB(this);
-                                       return this;
-                               }
-
-                               getHex() {
-                                       return this.r * 255 << 16 ^ this.g * 255 << 8 ^ this.b * 255 << 0;
-                               }
-
-                               getHexString() {
-                                       return ('000000' + this.getHex().toString(16)).slice(-6);
-                               }
-
-                               getHSL(target) {
-                                       // h,s,l ranges are in 0.0 - 1.0
-                                       const r = this.r,
-                                               g = this.g,
-                                               b = this.b;
-                                       const max = Math.max(r, g, b);
-                                       const min = Math.min(r, g, b);
-                                       let hue, saturation;
-                                       const lightness = (min + max) / 2.0;
-
-                                       if (min === max) {
-                                               hue = 0;
-                                               saturation = 0;
-                                       } else {
-                                               const delta = max - min;
-                                               saturation = lightness <= 0.5 ? delta / (max + min) : delta / (2 - max - min);
-
-                                               switch (max) {
-                                                       case r:
-                                                               hue = (g - b) / delta + (g < b ? 6 : 0);
-                                                               break;
-
-                                                       case g:
-                                                               hue = (b - r) / delta + 2;
-                                                               break;
-
-                                                       case b:
-                                                               hue = (r - g) / delta + 4;
-                                                               break;
-                                               }
-
-                                               hue /= 6;
-                                       }
-
-                                       target.h = hue;
-                                       target.s = saturation;
-                                       target.l = lightness;
-                                       return target;
-                               }
-
-                               getStyle() {
-                                       return 'rgb(' + (this.r * 255 | 0) + ',' + (this.g * 255 | 0) + ',' + (this.b * 255 | 0) + ')';
-                               }
-
-                               offsetHSL(h, s, l) {
-                                       this.getHSL(_hslA);
-                                       _hslA.h += h;
-                                       _hslA.s += s;
-                                       _hslA.l += l;
-                                       this.setHSL(_hslA.h, _hslA.s, _hslA.l);
-                                       return this;
-                               }
-
-                               add(color) {
-                                       this.r += color.r;
-                                       this.g += color.g;
-                                       this.b += color.b;
-                                       return this;
-                               }
-
-                               addColors(color1, color2) {
-                                       this.r = color1.r + color2.r;
-                                       this.g = color1.g + color2.g;
-                                       this.b = color1.b + color2.b;
-                                       return this;
-                               }
-
-                               addScalar(s) {
-                                       this.r += s;
-                                       this.g += s;
-                                       this.b += s;
-                                       return this;
-                               }
-
-                               sub(color) {
-                                       this.r = Math.max(0, this.r - color.r);
-                                       this.g = Math.max(0, this.g - color.g);
-                                       this.b = Math.max(0, this.b - color.b);
-                                       return this;
-                               }
-
-                               multiply(color) {
-                                       this.r *= color.r;
-                                       this.g *= color.g;
-                                       this.b *= color.b;
-                                       return this;
-                               }
-
-                               multiplyScalar(s) {
-                                       this.r *= s;
-                                       this.g *= s;
-                                       this.b *= s;
-                                       return this;
-                               }
-
-                               lerp(color, alpha) {
-                                       this.r += (color.r - this.r) * alpha;
-                                       this.g += (color.g - this.g) * alpha;
-                                       this.b += (color.b - this.b) * alpha;
-                                       return this;
-                               }
-
-                               lerpColors(color1, color2, alpha) {
-                                       this.r = color1.r + (color2.r - color1.r) * alpha;
-                                       this.g = color1.g + (color2.g - color1.g) * alpha;
-                                       this.b = color1.b + (color2.b - color1.b) * alpha;
-                                       return this;
-                               }
-
-                               lerpHSL(color, alpha) {
-                                       this.getHSL(_hslA);
-                                       color.getHSL(_hslB);
-                                       const h = lerp(_hslA.h, _hslB.h, alpha);
-                                       const s = lerp(_hslA.s, _hslB.s, alpha);
-                                       const l = lerp(_hslA.l, _hslB.l, alpha);
-                                       this.setHSL(h, s, l);
-                                       return this;
-                               }
-
-                               equals(c) {
-                                       return c.r === this.r && c.g === this.g && c.b === this.b;
-                               }
-
-                               fromArray(array, offset = 0) {
-                                       this.r = array[offset];
-                                       this.g = array[offset + 1];
-                                       this.b = array[offset + 2];
-                                       return this;
-                               }
-
-                               toArray(array = [], offset = 0) {
-                                       array[offset] = this.r;
-                                       array[offset + 1] = this.g;
-                                       array[offset + 2] = this.b;
-                                       return array;
-                               }
-
-                               fromBufferAttribute(attribute, index) {
-                                       this.r = attribute.getX(index);
-                                       this.g = attribute.getY(index);
-                                       this.b = attribute.getZ(index);
-
-                                       if (attribute.normalized === true) {
-                                               // assuming Uint8Array
-                                               this.r /= 255;
-                                               this.g /= 255;
-                                               this.b /= 255;
-                                       }
-
-                                       return this;
-                               }
-
-                               toJSON() {
-                                       return this.getHex();
-                               }
-
-                       }
-
-                       Color.NAMES = _colorKeywords;
-                       Color.prototype.isColor = true;
-                       Color.prototype.r = 1;
-                       Color.prototype.g = 1;
-                       Color.prototype.b = 1;
-
-                       /**
-                        * parameters = {
-                        *      color: <hex>,
-                        *      opacity: <float>,
-                        *      map: new THREE.Texture( <Image> ),
-                        *
-                        *      lightMap: new THREE.Texture( <Image> ),
-                        *      lightMapIntensity: <float>
-                        *
-                        *      aoMap: new THREE.Texture( <Image> ),
-                        *      aoMapIntensity: <float>
-                        *
-                        *      specularMap: new THREE.Texture( <Image> ),
-                        *
-                        *      alphaMap: new THREE.Texture( <Image> ),
-                        *
-                        *      envMap: new THREE.CubeTexture( [posx, negx, posy, negy, posz, negz] ),
-                        *      combine: THREE.Multiply,
-                        *      reflectivity: <float>,
-                        *      refractionRatio: <float>,
-                        *
-                        *      depthTest: <bool>,
-                        *      depthWrite: <bool>,
-                        *
-                        *      wireframe: <boolean>,
-                        *      wireframeLinewidth: <float>,
-                        * }
-                        */
-
-                       class MeshBasicMaterial extends Material {
-                               constructor(parameters) {
-                                       super();
-                                       this.type = 'MeshBasicMaterial';
-                                       this.color = new Color(0xffffff); // emissive
-
-                                       this.map = null;
-                                       this.lightMap = null;
-                                       this.lightMapIntensity = 1.0;
-                                       this.aoMap = null;
-                                       this.aoMapIntensity = 1.0;
-                                       this.specularMap = null;
-                                       this.alphaMap = null;
-                                       this.envMap = null;
-                                       this.combine = MultiplyOperation;
-                                       this.reflectivity = 1;
-                                       this.refractionRatio = 0.98;
-                                       this.wireframe = false;
-                                       this.wireframeLinewidth = 1;
-                                       this.wireframeLinecap = 'round';
-                                       this.wireframeLinejoin = 'round';
-                                       this.setValues(parameters);
-                               }
-
-                               copy(source) {
-                                       super.copy(source);
-                                       this.color.copy(source.color);
-                                       this.map = source.map;
-                                       this.lightMap = source.lightMap;
-                                       this.lightMapIntensity = source.lightMapIntensity;
-                                       this.aoMap = source.aoMap;
-                                       this.aoMapIntensity = source.aoMapIntensity;
-                                       this.specularMap = source.specularMap;
-                                       this.alphaMap = source.alphaMap;
-                                       this.envMap = source.envMap;
-                                       this.combine = source.combine;
-                                       this.reflectivity = source.reflectivity;
-                                       this.refractionRatio = source.refractionRatio;
-                                       this.wireframe = source.wireframe;
-                                       this.wireframeLinewidth = source.wireframeLinewidth;
-                                       this.wireframeLinecap = source.wireframeLinecap;
-                                       this.wireframeLinejoin = source.wireframeLinejoin;
-                                       return this;
-                               }
-
-                       }
-
-                       MeshBasicMaterial.prototype.isMeshBasicMaterial = true;
-
-                       const _vector$9 = /*@__PURE__*/new Vector3();
-
-                       const _vector2$1 = /*@__PURE__*/new Vector2();
-
-                       class BufferAttribute {
-                               constructor(array, itemSize, normalized) {
-                                       if (Array.isArray(array)) {
-                                               throw new TypeError('THREE.BufferAttribute: array should be a Typed Array.');
-                                       }
-
-                                       this.name = '';
-                                       this.array = array;
-                                       this.itemSize = itemSize;
-                                       this.count = array !== undefined ? array.length / itemSize : 0;
-                                       this.normalized = normalized === true;
-                                       this.usage = StaticDrawUsage;
-                                       this.updateRange = {
-                                               offset: 0,
-                                               count: -1
-                                       };
-                                       this.version = 0;
-                               }
-
-                               onUploadCallback() {
-                               }
-
-                               set needsUpdate(value) {
-                                       if (value === true) this.version++;
-                               }
-
-                               setUsage(value) {
-                                       this.usage = value;
-                                       return this;
-                               }
-
-                               copy(source) {
-                                       this.name = source.name;
-                                       this.array = new source.array.constructor(source.array);
-                                       this.itemSize = source.itemSize;
-                                       this.count = source.count;
-                                       this.normalized = source.normalized;
-                                       this.usage = source.usage;
-                                       return this;
-                               }
-
-                               copyAt(index1, attribute, index2) {
-                                       index1 *= this.itemSize;
-                                       index2 *= attribute.itemSize;
-
-                                       for (let i = 0, l = this.itemSize; i < l; i++) {
-                                               this.array[index1 + i] = attribute.array[index2 + i];
-                                       }
-
-                                       return this;
-                               }
-
-                               copyArray(array) {
-                                       this.array.set(array);
-                                       return this;
-                               }
-
-                               copyColorsArray(colors) {
-                                       const array = this.array;
-                                       let offset = 0;
-
-                                       for (let i = 0, l = colors.length; i < l; i++) {
-                                               let color = colors[i];
-
-                                               if (color === undefined) {
-                                                       console.warn('THREE.BufferAttribute.copyColorsArray(): color is undefined', i);
-                                                       color = new Color();
-                                               }
-
-                                               array[offset++] = color.r;
-                                               array[offset++] = color.g;
-                                               array[offset++] = color.b;
-                                       }
-
-                                       return this;
-                               }
-
-                               copyVector2sArray(vectors) {
-                                       const array = this.array;
-                                       let offset = 0;
-
-                                       for (let i = 0, l = vectors.length; i < l; i++) {
-                                               let vector = vectors[i];
-
-                                               if (vector === undefined) {
-                                                       console.warn('THREE.BufferAttribute.copyVector2sArray(): vector is undefined', i);
-                                                       vector = new Vector2();
-                                               }
-
-                                               array[offset++] = vector.x;
-                                               array[offset++] = vector.y;
-                                       }
-
-                                       return this;
-                               }
-
-                               copyVector3sArray(vectors) {
-                                       const array = this.array;
-                                       let offset = 0;
-
-                                       for (let i = 0, l = vectors.length; i < l; i++) {
-                                               let vector = vectors[i];
-
-                                               if (vector === undefined) {
-                                                       console.warn('THREE.BufferAttribute.copyVector3sArray(): vector is undefined', i);
-                                                       vector = new Vector3();
-                                               }
-
-                                               array[offset++] = vector.x;
-                                               array[offset++] = vector.y;
-                                               array[offset++] = vector.z;
-                                       }
-
-                                       return this;
-                               }
-
-                               copyVector4sArray(vectors) {
-                                       const array = this.array;
-                                       let offset = 0;
-
-                                       for (let i = 0, l = vectors.length; i < l; i++) {
-                                               let vector = vectors[i];
-
-                                               if (vector === undefined) {
-                                                       console.warn('THREE.BufferAttribute.copyVector4sArray(): vector is undefined', i);
-                                                       vector = new Vector4();
-                                               }
-
-                                               array[offset++] = vector.x;
-                                               array[offset++] = vector.y;
-                                               array[offset++] = vector.z;
-                                               array[offset++] = vector.w;
-                                       }
-
-                                       return this;
-                               }
-
-                               applyMatrix3(m) {
-                                       if (this.itemSize === 2) {
-                                               for (let i = 0, l = this.count; i < l; i++) {
-                                                       _vector2$1.fromBufferAttribute(this, i);
-
-                                                       _vector2$1.applyMatrix3(m);
-
-                                                       this.setXY(i, _vector2$1.x, _vector2$1.y);
-                                               }
-                                       } else if (this.itemSize === 3) {
-                                               for (let i = 0, l = this.count; i < l; i++) {
-                                                       _vector$9.fromBufferAttribute(this, i);
-
-                                                       _vector$9.applyMatrix3(m);
-
-                                                       this.setXYZ(i, _vector$9.x, _vector$9.y, _vector$9.z);
-                                               }
-                                       }
-
-                                       return this;
-                               }
-
-                               applyMatrix4(m) {
-                                       for (let i = 0, l = this.count; i < l; i++) {
-                                               _vector$9.x = this.getX(i);
-                                               _vector$9.y = this.getY(i);
-                                               _vector$9.z = this.getZ(i);
-
-                                               _vector$9.applyMatrix4(m);
-
-                                               this.setXYZ(i, _vector$9.x, _vector$9.y, _vector$9.z);
-                                       }
-
-                                       return this;
-                               }
-
-                               applyNormalMatrix(m) {
-                                       for (let i = 0, l = this.count; i < l; i++) {
-                                               _vector$9.x = this.getX(i);
-                                               _vector$9.y = this.getY(i);
-                                               _vector$9.z = this.getZ(i);
-
-                                               _vector$9.applyNormalMatrix(m);
-
-                                               this.setXYZ(i, _vector$9.x, _vector$9.y, _vector$9.z);
-                                       }
-
-                                       return this;
-                               }
-
-                               transformDirection(m) {
-                                       for (let i = 0, l = this.count; i < l; i++) {
-                                               _vector$9.x = this.getX(i);
-                                               _vector$9.y = this.getY(i);
-                                               _vector$9.z = this.getZ(i);
-
-                                               _vector$9.transformDirection(m);
-
-                                               this.setXYZ(i, _vector$9.x, _vector$9.y, _vector$9.z);
-                                       }
-
-                                       return this;
-                               }
-
-                               set(value, offset = 0) {
-                                       this.array.set(value, offset);
-                                       return this;
-                               }
-
-                               getX(index) {
-                                       return this.array[index * this.itemSize];
-                               }
-
-                               setX(index, x) {
-                                       this.array[index * this.itemSize] = x;
-                                       return this;
-                               }
-
-                               getY(index) {
-                                       return this.array[index * this.itemSize + 1];
-                               }
-
-                               setY(index, y) {
-                                       this.array[index * this.itemSize + 1] = y;
-                                       return this;
-                               }
-
-                               getZ(index) {
-                                       return this.array[index * this.itemSize + 2];
-                               }
-
-                               setZ(index, z) {
-                                       this.array[index * this.itemSize + 2] = z;
-                                       return this;
-                               }
-
-                               getW(index) {
-                                       return this.array[index * this.itemSize + 3];
-                               }
-
-                               setW(index, w) {
-                                       this.array[index * this.itemSize + 3] = w;
-                                       return this;
-                               }
-
-                               setXY(index, x, y) {
-                                       index *= this.itemSize;
-                                       this.array[index + 0] = x;
-                                       this.array[index + 1] = y;
-                                       return this;
-                               }
-
-                               setXYZ(index, x, y, z) {
-                                       index *= this.itemSize;
-                                       this.array[index + 0] = x;
-                                       this.array[index + 1] = y;
-                                       this.array[index + 2] = z;
-                                       return this;
-                               }
-
-                               setXYZW(index, x, y, z, w) {
-                                       index *= this.itemSize;
-                                       this.array[index + 0] = x;
-                                       this.array[index + 1] = y;
-                                       this.array[index + 2] = z;
-                                       this.array[index + 3] = w;
-                                       return this;
-                               }
-
-                               onUpload(callback) {
-                                       this.onUploadCallback = callback;
-                                       return this;
-                               }
-
-                               clone() {
-                                       return new this.constructor(this.array, this.itemSize).copy(this);
-                               }
-
-                               toJSON() {
-                                       const data = {
-                                               itemSize: this.itemSize,
-                                               type: this.array.constructor.name,
-                                               array: Array.prototype.slice.call(this.array),
-                                               normalized: this.normalized
-                                       };
-                                       if (this.name !== '') data.name = this.name;
-                                       if (this.usage !== StaticDrawUsage) data.usage = this.usage;
-                                       if (this.updateRange.offset !== 0 || this.updateRange.count !== -1) data.updateRange = this.updateRange;
-                                       return data;
-                               }
-
-                       }
-
-                       BufferAttribute.prototype.isBufferAttribute = true; //
-
-                       class Int8BufferAttribute extends BufferAttribute {
-                               constructor(array, itemSize, normalized) {
-                                       super(new Int8Array(array), itemSize, normalized);
-                               }
-
-                       }
-
-                       class Uint8BufferAttribute extends BufferAttribute {
-                               constructor(array, itemSize, normalized) {
-                                       super(new Uint8Array(array), itemSize, normalized);
-                               }
-
-                       }
-
-                       class Uint8ClampedBufferAttribute extends BufferAttribute {
-                               constructor(array, itemSize, normalized) {
-                                       super(new Uint8ClampedArray(array), itemSize, normalized);
-                               }
-
-                       }
-
-                       class Int16BufferAttribute extends BufferAttribute {
-                               constructor(array, itemSize, normalized) {
-                                       super(new Int16Array(array), itemSize, normalized);
-                               }
-
-                       }
-
-                       class Uint16BufferAttribute extends BufferAttribute {
-                               constructor(array, itemSize, normalized) {
-                                       super(new Uint16Array(array), itemSize, normalized);
-                               }
-
-                       }
-
-                       class Int32BufferAttribute extends BufferAttribute {
-                               constructor(array, itemSize, normalized) {
-                                       super(new Int32Array(array), itemSize, normalized);
-                               }
-
-                       }
-
-                       class Uint32BufferAttribute extends BufferAttribute {
-                               constructor(array, itemSize, normalized) {
-                                       super(new Uint32Array(array), itemSize, normalized);
-                               }
-
-                       }
-
-                       class Float16BufferAttribute extends BufferAttribute {
-                               constructor(array, itemSize, normalized) {
-                                       super(new Uint16Array(array), itemSize, normalized);
-                               }
-
-                       }
-
-                       Float16BufferAttribute.prototype.isFloat16BufferAttribute = true;
-
-                       class Float32BufferAttribute extends BufferAttribute {
-                               constructor(array, itemSize, normalized) {
-                                       super(new Float32Array(array), itemSize, normalized);
-                               }
-
-                       }
-
-                       class Float64BufferAttribute extends BufferAttribute {
-                               constructor(array, itemSize, normalized) {
-                                       super(new Float64Array(array), itemSize, normalized);
-                               }
-
-                       } //
-
-                       function arrayMax(array) {
-                               if (array.length === 0) return -Infinity;
-                               let max = array[0];
-
-                               for (let i = 1, l = array.length; i < l; ++i) {
-                                       if (array[i] > max) max = array[i];
-                               }
-
-                               return max;
-                       }
-
-                       const TYPED_ARRAYS = {
-                               Int8Array: Int8Array,
-                               Uint8Array: Uint8Array,
-                               Uint8ClampedArray: Uint8ClampedArray,
-                               Int16Array: Int16Array,
-                               Uint16Array: Uint16Array,
-                               Int32Array: Int32Array,
-                               Uint32Array: Uint32Array,
-                               Float32Array: Float32Array,
-                               Float64Array: Float64Array
-                       };
-
-                       function getTypedArray(type, buffer) {
-                               return new TYPED_ARRAYS[type](buffer);
-                       }
-
-                       let _id = 0;
-
-                       const _m1 = /*@__PURE__*/new Matrix4();
-
-                       const _obj = /*@__PURE__*/new Object3D();
-
-                       const _offset = /*@__PURE__*/new Vector3();
-
-                       const _box$1 = /*@__PURE__*/new Box3();
-
-                       const _boxMorphTargets = /*@__PURE__*/new Box3();
-
-                       const _vector$8 = /*@__PURE__*/new Vector3();
-
-                       class BufferGeometry extends EventDispatcher {
-                               constructor() {
-                                       super();
-                                       Object.defineProperty(this, 'id', {
-                                               value: _id++
-                                       });
-                                       this.uuid = generateUUID();
-                                       this.name = '';
-                                       this.type = 'BufferGeometry';
-                                       this.index = null;
-                                       this.attributes = {};
-                                       this.morphAttributes = {};
-                                       this.morphTargetsRelative = false;
-                                       this.groups = [];
-                                       this.boundingBox = null;
-                                       this.boundingSphere = null;
-                                       this.drawRange = {
-                                               start: 0,
-                                               count: Infinity
-                                       };
-                                       this.userData = {};
-                               }
-
-                               getIndex() {
-                                       return this.index;
-                               }
-
-                               setIndex(index) {
-                                       if (Array.isArray(index)) {
-                                               this.index = new (arrayMax(index) > 65535 ? Uint32BufferAttribute : Uint16BufferAttribute)(index, 1);
-                                       } else {
-                                               this.index = index;
-                                       }
-
-                                       return this;
-                               }
-
-                               getAttribute(name) {
-                                       return this.attributes[name];
-                               }
-
-                               setAttribute(name, attribute) {
-                                       this.attributes[name] = attribute;
-                                       return this;
-                               }
-
-                               deleteAttribute(name) {
-                                       delete this.attributes[name];
-                                       return this;
-                               }
-
-                               hasAttribute(name) {
-                                       return this.attributes[name] !== undefined;
-                               }
-
-                               addGroup(start, count, materialIndex = 0) {
-                                       this.groups.push({
-                                               start: start,
-                                               count: count,
-                                               materialIndex: materialIndex
-                                       });
-                               }
-
-                               clearGroups() {
-                                       this.groups = [];
-                               }
-
-                               setDrawRange(start, count) {
-                                       this.drawRange.start = start;
-                                       this.drawRange.count = count;
-                               }
-
-                               applyMatrix4(matrix) {
-                                       const position = this.attributes.position;
-
-                                       if (position !== undefined) {
-                                               position.applyMatrix4(matrix);
-                                               position.needsUpdate = true;
-                                       }
-
-                                       const normal = this.attributes.normal;
-
-                                       if (normal !== undefined) {
-                                               const normalMatrix = new Matrix3().getNormalMatrix(matrix);
-                                               normal.applyNormalMatrix(normalMatrix);
-                                               normal.needsUpdate = true;
-                                       }
-
-                                       const tangent = this.attributes.tangent;
-
-                                       if (tangent !== undefined) {
-                                               tangent.transformDirection(matrix);
-                                               tangent.needsUpdate = true;
-                                       }
-
-                                       if (this.boundingBox !== null) {
-                                               this.computeBoundingBox();
-                                       }
-
-                                       if (this.boundingSphere !== null) {
-                                               this.computeBoundingSphere();
-                                       }
-
-                                       return this;
-                               }
-
-                               applyQuaternion(q) {
-                                       _m1.makeRotationFromQuaternion(q);
-
-                                       this.applyMatrix4(_m1);
-                                       return this;
-                               }
-
-                               rotateX(angle) {
-                                       // rotate geometry around world x-axis
-                                       _m1.makeRotationX(angle);
-
-                                       this.applyMatrix4(_m1);
-                                       return this;
-                               }
-
-                               rotateY(angle) {
-                                       // rotate geometry around world y-axis
-                                       _m1.makeRotationY(angle);
-
-                                       this.applyMatrix4(_m1);
-                                       return this;
-                               }
-
-                               rotateZ(angle) {
-                                       // rotate geometry around world z-axis
-                                       _m1.makeRotationZ(angle);
-
-                                       this.applyMatrix4(_m1);
-                                       return this;
-                               }
-
-                               translate(x, y, z) {
-                                       // translate geometry
-                                       _m1.makeTranslation(x, y, z);
-
-                                       this.applyMatrix4(_m1);
-                                       return this;
-                               }
-
-                               scale(x, y, z) {
-                                       // scale geometry
-                                       _m1.makeScale(x, y, z);
-
-                                       this.applyMatrix4(_m1);
-                                       return this;
-                               }
-
-                               lookAt(vector) {
-                                       _obj.lookAt(vector);
-
-                                       _obj.updateMatrix();
-
-                                       this.applyMatrix4(_obj.matrix);
-                                       return this;
-                               }
-
-                               center() {
-                                       this.computeBoundingBox();
-                                       this.boundingBox.getCenter(_offset).negate();
-                                       this.translate(_offset.x, _offset.y, _offset.z);
-                                       return this;
-                               }
-
-                               setFromPoints(points) {
-                                       const position = [];
-
-                                       for (let i = 0, l = points.length; i < l; i++) {
-                                               const point = points[i];
-                                               position.push(point.x, point.y, point.z || 0);
-                                       }
-
-                                       this.setAttribute('position', new Float32BufferAttribute(position, 3));
-                                       return this;
-                               }
-
-                               computeBoundingBox() {
-                                       if (this.boundingBox === null) {
-                                               this.boundingBox = new Box3();
-                                       }
-
-                                       const position = this.attributes.position;
-                                       const morphAttributesPosition = this.morphAttributes.position;
-
-                                       if (position && position.isGLBufferAttribute) {
-                                               console.error('THREE.BufferGeometry.computeBoundingBox(): GLBufferAttribute requires a manual bounding box. Alternatively set "mesh.frustumCulled" to "false".', this);
-                                               this.boundingBox.set(new Vector3(-Infinity, -Infinity, -Infinity), new Vector3(+Infinity, +Infinity, +Infinity));
-                                               return;
-                                       }
-
-                                       if (position !== undefined) {
-                                               this.boundingBox.setFromBufferAttribute(position); // process morph attributes if present
-
-                                               if (morphAttributesPosition) {
-                                                       for (let i = 0, il = morphAttributesPosition.length; i < il; i++) {
-                                                               const morphAttribute = morphAttributesPosition[i];
-
-                                                               _box$1.setFromBufferAttribute(morphAttribute);
-
-                                                               if (this.morphTargetsRelative) {
-                                                                       _vector$8.addVectors(this.boundingBox.min, _box$1.min);
-
-                                                                       this.boundingBox.expandByPoint(_vector$8);
-
-                                                                       _vector$8.addVectors(this.boundingBox.max, _box$1.max);
-
-                                                                       this.boundingBox.expandByPoint(_vector$8);
-                                                               } else {
-                                                                       this.boundingBox.expandByPoint(_box$1.min);
-                                                                       this.boundingBox.expandByPoint(_box$1.max);
-                                                               }
-                                                       }
-                                               }
-                                       } else {
-                                               this.boundingBox.makeEmpty();
-                                       }
-
-                                       if (isNaN(this.boundingBox.min.x) || isNaN(this.boundingBox.min.y) || isNaN(this.boundingBox.min.z)) {
-                                               console.error('THREE.BufferGeometry.computeBoundingBox(): Computed min/max have NaN values. The "position" attribute is likely to have NaN values.', this);
-                                       }
-                               }
-
-                               computeBoundingSphere() {
-                                       if (this.boundingSphere === null) {
-                                               this.boundingSphere = new Sphere();
-                                       }
-
-                                       const position = this.attributes.position;
-                                       const morphAttributesPosition = this.morphAttributes.position;
-
-                                       if (position && position.isGLBufferAttribute) {
-                                               console.error('THREE.BufferGeometry.computeBoundingSphere(): GLBufferAttribute requires a manual bounding sphere. Alternatively set "mesh.frustumCulled" to "false".', this);
-                                               this.boundingSphere.set(new Vector3(), Infinity);
-                                               return;
-                                       }
-
-                                       if (position) {
-                                               // first, find the center of the bounding sphere
-                                               const center = this.boundingSphere.center;
-
-                                               _box$1.setFromBufferAttribute(position); // process morph attributes if present
-
-
-                                               if (morphAttributesPosition) {
-                                                       for (let i = 0, il = morphAttributesPosition.length; i < il; i++) {
-                                                               const morphAttribute = morphAttributesPosition[i];
-
-                                                               _boxMorphTargets.setFromBufferAttribute(morphAttribute);
-
-                                                               if (this.morphTargetsRelative) {
-                                                                       _vector$8.addVectors(_box$1.min, _boxMorphTargets.min);
-
-                                                                       _box$1.expandByPoint(_vector$8);
-
-                                                                       _vector$8.addVectors(_box$1.max, _boxMorphTargets.max);
-
-                                                                       _box$1.expandByPoint(_vector$8);
-                                                               } else {
-                                                                       _box$1.expandByPoint(_boxMorphTargets.min);
-
-                                                                       _box$1.expandByPoint(_boxMorphTargets.max);
-                                                               }
-                                                       }
-                                               }
-
-                                               _box$1.getCenter(center); // second, try to find a boundingSphere with a radius smaller than the
-                                               // boundingSphere of the boundingBox: sqrt(3) smaller in the best case
-
-
-                                               let maxRadiusSq = 0;
-
-                                               for (let i = 0, il = position.count; i < il; i++) {
-                                                       _vector$8.fromBufferAttribute(position, i);
-
-                                                       maxRadiusSq = Math.max(maxRadiusSq, center.distanceToSquared(_vector$8));
-                                               } // process morph attributes if present
-
-
-                                               if (morphAttributesPosition) {
-                                                       for (let i = 0, il = morphAttributesPosition.length; i < il; i++) {
-                                                               const morphAttribute = morphAttributesPosition[i];
-                                                               const morphTargetsRelative = this.morphTargetsRelative;
-
-                                                               for (let j = 0, jl = morphAttribute.count; j < jl; j++) {
-                                                                       _vector$8.fromBufferAttribute(morphAttribute, j);
-
-                                                                       if (morphTargetsRelative) {
-                                                                               _offset.fromBufferAttribute(position, j);
-
-                                                                               _vector$8.add(_offset);
-                                                                       }
-
-                                                                       maxRadiusSq = Math.max(maxRadiusSq, center.distanceToSquared(_vector$8));
-                                                               }
-                                                       }
-                                               }
-
-                                               this.boundingSphere.radius = Math.sqrt(maxRadiusSq);
-
-                                               if (isNaN(this.boundingSphere.radius)) {
-                                                       console.error('THREE.BufferGeometry.computeBoundingSphere(): Computed radius is NaN. The "position" attribute is likely to have NaN values.', this);
-                                               }
-                                       }
-                               }
-
-                               computeTangents() {
-                                       const index = this.index;
-                                       const attributes = this.attributes; // based on http://www.terathon.com/code/tangent.html
-                                       // (per vertex tangents)
-
-                                       if (index === null || attributes.position === undefined || attributes.normal === undefined || attributes.uv === undefined) {
-                                               console.error('THREE.BufferGeometry: .computeTangents() failed. Missing required attributes (index, position, normal or uv)');
-                                               return;
-                                       }
-
-                                       const indices = index.array;
-                                       const positions = attributes.position.array;
-                                       const normals = attributes.normal.array;
-                                       const uvs = attributes.uv.array;
-                                       const nVertices = positions.length / 3;
-
-                                       if (attributes.tangent === undefined) {
-                                               this.setAttribute('tangent', new BufferAttribute(new Float32Array(4 * nVertices), 4));
-                                       }
-
-                                       const tangents = attributes.tangent.array;
-                                       const tan1 = [],
-                                               tan2 = [];
-
-                                       for (let i = 0; i < nVertices; i++) {
-                                               tan1[i] = new Vector3();
-                                               tan2[i] = new Vector3();
-                                       }
-
-                                       const vA = new Vector3(),
-                                               vB = new Vector3(),
-                                               vC = new Vector3(),
-                                               uvA = new Vector2(),
-                                               uvB = new Vector2(),
-                                               uvC = new Vector2(),
-                                               sdir = new Vector3(),
-                                               tdir = new Vector3();
-
-                                       function handleTriangle(a, b, c) {
-                                               vA.fromArray(positions, a * 3);
-                                               vB.fromArray(positions, b * 3);
-                                               vC.fromArray(positions, c * 3);
-                                               uvA.fromArray(uvs, a * 2);
-                                               uvB.fromArray(uvs, b * 2);
-                                               uvC.fromArray(uvs, c * 2);
-                                               vB.sub(vA);
-                                               vC.sub(vA);
-                                               uvB.sub(uvA);
-                                               uvC.sub(uvA);
-                                               const r = 1.0 / (uvB.x * uvC.y - uvC.x * uvB.y); // silently ignore degenerate uv triangles having coincident or colinear vertices
-
-                                               if (!isFinite(r)) return;
-                                               sdir.copy(vB).multiplyScalar(uvC.y).addScaledVector(vC, -uvB.y).multiplyScalar(r);
-                                               tdir.copy(vC).multiplyScalar(uvB.x).addScaledVector(vB, -uvC.x).multiplyScalar(r);
-                                               tan1[a].add(sdir);
-                                               tan1[b].add(sdir);
-                                               tan1[c].add(sdir);
-                                               tan2[a].add(tdir);
-                                               tan2[b].add(tdir);
-                                               tan2[c].add(tdir);
-                                       }
-
-                                       let groups = this.groups;
-
-                                       if (groups.length === 0) {
-                                               groups = [{
-                                                       start: 0,
-                                                       count: indices.length
-                                               }];
-                                       }
-
-                                       for (let i = 0, il = groups.length; i < il; ++i) {
-                                               const group = groups[i];
-                                               const start = group.start;
-                                               const count = group.count;
-
-                                               for (let j = start, jl = start + count; j < jl; j += 3) {
-                                                       handleTriangle(indices[j + 0], indices[j + 1], indices[j + 2]);
-                                               }
-                                       }
-
-                                       const tmp = new Vector3(),
-                                               tmp2 = new Vector3();
-                                       const n = new Vector3(),
-                                               n2 = new Vector3();
-
-                                       function handleVertex(v) {
-                                               n.fromArray(normals, v * 3);
-                                               n2.copy(n);
-                                               const t = tan1[v]; // Gram-Schmidt orthogonalize
-
-                                               tmp.copy(t);
-                                               tmp.sub(n.multiplyScalar(n.dot(t))).normalize(); // Calculate handedness
-
-                                               tmp2.crossVectors(n2, t);
-                                               const test = tmp2.dot(tan2[v]);
-                                               const w = test < 0.0 ? -1.0 : 1.0;
-                                               tangents[v * 4] = tmp.x;
-                                               tangents[v * 4 + 1] = tmp.y;
-                                               tangents[v * 4 + 2] = tmp.z;
-                                               tangents[v * 4 + 3] = w;
-                                       }
-
-                                       for (let i = 0, il = groups.length; i < il; ++i) {
-                                               const group = groups[i];
-                                               const start = group.start;
-                                               const count = group.count;
-
-                                               for (let j = start, jl = start + count; j < jl; j += 3) {
-                                                       handleVertex(indices[j + 0]);
-                                                       handleVertex(indices[j + 1]);
-                                                       handleVertex(indices[j + 2]);
-                                               }
-                                       }
-                               }
-
-                               computeVertexNormals() {
-                                       const index = this.index;
-                                       const positionAttribute = this.getAttribute('position');
-
-                                       if (positionAttribute !== undefined) {
-                                               let normalAttribute = this.getAttribute('normal');
-
-                                               if (normalAttribute === undefined) {
-                                                       normalAttribute = new BufferAttribute(new Float32Array(positionAttribute.count * 3), 3);
-                                                       this.setAttribute('normal', normalAttribute);
-                                               } else {
-                                                       // reset existing normals to zero
-                                                       for (let i = 0, il = normalAttribute.count; i < il; i++) {
-                                                               normalAttribute.setXYZ(i, 0, 0, 0);
-                                                       }
-                                               }
-
-                                               const pA = new Vector3(),
-                                                       pB = new Vector3(),
-                                                       pC = new Vector3();
-                                               const nA = new Vector3(),
-                                                       nB = new Vector3(),
-                                                       nC = new Vector3();
-                                               const cb = new Vector3(),
-                                                       ab = new Vector3(); // indexed elements
-
-                                               if (index) {
-                                                       for (let i = 0, il = index.count; i < il; i += 3) {
-                                                               const vA = index.getX(i + 0);
-                                                               const vB = index.getX(i + 1);
-                                                               const vC = index.getX(i + 2);
-                                                               pA.fromBufferAttribute(positionAttribute, vA);
-                                                               pB.fromBufferAttribute(positionAttribute, vB);
-                                                               pC.fromBufferAttribute(positionAttribute, vC);
-                                                               cb.subVectors(pC, pB);
-                                                               ab.subVectors(pA, pB);
-                                                               cb.cross(ab);
-                                                               nA.fromBufferAttribute(normalAttribute, vA);
-                                                               nB.fromBufferAttribute(normalAttribute, vB);
-                                                               nC.fromBufferAttribute(normalAttribute, vC);
-                                                               nA.add(cb);
-                                                               nB.add(cb);
-                                                               nC.add(cb);
-                                                               normalAttribute.setXYZ(vA, nA.x, nA.y, nA.z);
-                                                               normalAttribute.setXYZ(vB, nB.x, nB.y, nB.z);
-                                                               normalAttribute.setXYZ(vC, nC.x, nC.y, nC.z);
-                                                       }
-                                               } else {
-                                                       // non-indexed elements (unconnected triangle soup)
-                                                       for (let i = 0, il = positionAttribute.count; i < il; i += 3) {
-                                                               pA.fromBufferAttribute(positionAttribute, i + 0);
-                                                               pB.fromBufferAttribute(positionAttribute, i + 1);
-                                                               pC.fromBufferAttribute(positionAttribute, i + 2);
-                                                               cb.subVectors(pC, pB);
-                                                               ab.subVectors(pA, pB);
-                                                               cb.cross(ab);
-                                                               normalAttribute.setXYZ(i + 0, cb.x, cb.y, cb.z);
-                                                               normalAttribute.setXYZ(i + 1, cb.x, cb.y, cb.z);
-                                                               normalAttribute.setXYZ(i + 2, cb.x, cb.y, cb.z);
-                                                       }
-                                               }
-
-                                               this.normalizeNormals();
-                                               normalAttribute.needsUpdate = true;
-                                       }
-                               }
-
-                               merge(geometry, offset) {
-                                       if (!(geometry && geometry.isBufferGeometry)) {
-                                               console.error('THREE.BufferGeometry.merge(): geometry not an instance of THREE.BufferGeometry.', geometry);
-                                               return;
-                                       }
-
-                                       if (offset === undefined) {
-                                               offset = 0;
-                                               console.warn('THREE.BufferGeometry.merge(): Overwriting original geometry, starting at offset=0. ' + 'Use BufferGeometryUtils.mergeBufferGeometries() for lossless merge.');
-                                       }
-
-                                       const attributes = this.attributes;
-
-                                       for (const key in attributes) {
-                                               if (geometry.attributes[key] === undefined) continue;
-                                               const attribute1 = attributes[key];
-                                               const attributeArray1 = attribute1.array;
-                                               const attribute2 = geometry.attributes[key];
-                                               const attributeArray2 = attribute2.array;
-                                               const attributeOffset = attribute2.itemSize * offset;
-                                               const length = Math.min(attributeArray2.length, attributeArray1.length - attributeOffset);
-
-                                               for (let i = 0, j = attributeOffset; i < length; i++, j++) {
-                                                       attributeArray1[j] = attributeArray2[i];
-                                               }
-                                       }
-
-                                       return this;
-                               }
-
-                               normalizeNormals() {
-                                       const normals = this.attributes.normal;
-
-                                       for (let i = 0, il = normals.count; i < il; i++) {
-                                               _vector$8.fromBufferAttribute(normals, i);
-
-                                               _vector$8.normalize();
-
-                                               normals.setXYZ(i, _vector$8.x, _vector$8.y, _vector$8.z);
-                                       }
-                               }
-
-                               toNonIndexed() {
-                                       function convertBufferAttribute(attribute, indices) {
-                                               const array = attribute.array;
-                                               const itemSize = attribute.itemSize;
-                                               const normalized = attribute.normalized;
-                                               const array2 = new array.constructor(indices.length * itemSize);
-                                               let index = 0,
-                                                       index2 = 0;
-
-                                               for (let i = 0, l = indices.length; i < l; i++) {
-                                                       if (attribute.isInterleavedBufferAttribute) {
-                                                               index = indices[i] * attribute.data.stride + attribute.offset;
-                                                       } else {
-                                                               index = indices[i] * itemSize;
-                                                       }
-
-                                                       for (let j = 0; j < itemSize; j++) {
-                                                               array2[index2++] = array[index++];
-                                                       }
-                                               }
-
-                                               return new BufferAttribute(array2, itemSize, normalized);
-                                       } //
-
-
-                                       if (this.index === null) {
-                                               console.warn('THREE.BufferGeometry.toNonIndexed(): BufferGeometry is already non-indexed.');
-                                               return this;
-                                       }
-
-                                       const geometry2 = new BufferGeometry();
-                                       const indices = this.index.array;
-                                       const attributes = this.attributes; // attributes
-
-                                       for (const name in attributes) {
-                                               const attribute = attributes[name];
-                                               const newAttribute = convertBufferAttribute(attribute, indices);
-                                               geometry2.setAttribute(name, newAttribute);
-                                       } // morph attributes
-
-
-                                       const morphAttributes = this.morphAttributes;
-
-                                       for (const name in morphAttributes) {
-                                               const morphArray = [];
-                                               const morphAttribute = morphAttributes[name]; // morphAttribute: array of Float32BufferAttributes
-
-                                               for (let i = 0, il = morphAttribute.length; i < il; i++) {
-                                                       const attribute = morphAttribute[i];
-                                                       const newAttribute = convertBufferAttribute(attribute, indices);
-                                                       morphArray.push(newAttribute);
-                                               }
-
-                                               geometry2.morphAttributes[name] = morphArray;
-                                       }
-
-                                       geometry2.morphTargetsRelative = this.morphTargetsRelative; // groups
-
-                                       const groups = this.groups;
-
-                                       for (let i = 0, l = groups.length; i < l; i++) {
-                                               const group = groups[i];
-                                               geometry2.addGroup(group.start, group.count, group.materialIndex);
-                                       }
-
-                                       return geometry2;
-                               }
-
-                               toJSON() {
-                                       const data = {
-                                               metadata: {
-                                                       version: 4.5,
-                                                       type: 'BufferGeometry',
-                                                       generator: 'BufferGeometry.toJSON'
-                                               }
-                                       }; // standard BufferGeometry serialization
-
-                                       data.uuid = this.uuid;
-                                       data.type = this.type;
-                                       if (this.name !== '') data.name = this.name;
-                                       if (Object.keys(this.userData).length > 0) data.userData = this.userData;
-
-                                       if (this.parameters !== undefined) {
-                                               const parameters = this.parameters;
-
-                                               for (const key in parameters) {
-                                                       if (parameters[key] !== undefined) data[key] = parameters[key];
-                                               }
-
-                                               return data;
-                                       } // for simplicity the code assumes attributes are not shared across geometries, see #15811
-
-
-                                       data.data = {
-                                               attributes: {}
-                                       };
-                                       const index = this.index;
-
-                                       if (index !== null) {
-                                               data.data.index = {
-                                                       type: index.array.constructor.name,
-                                                       array: Array.prototype.slice.call(index.array)
-                                               };
-                                       }
-
-                                       const attributes = this.attributes;
-
-                                       for (const key in attributes) {
-                                               const attribute = attributes[key];
-                                               data.data.attributes[key] = attribute.toJSON(data.data);
-                                       }
-
-                                       const morphAttributes = {};
-                                       let hasMorphAttributes = false;
-
-                                       for (const key in this.morphAttributes) {
-                                               const attributeArray = this.morphAttributes[key];
-                                               const array = [];
-
-                                               for (let i = 0, il = attributeArray.length; i < il; i++) {
-                                                       const attribute = attributeArray[i];
-                                                       array.push(attribute.toJSON(data.data));
-                                               }
-
-                                               if (array.length > 0) {
-                                                       morphAttributes[key] = array;
-                                                       hasMorphAttributes = true;
-                                               }
-                                       }
-
-                                       if (hasMorphAttributes) {
-                                               data.data.morphAttributes = morphAttributes;
-                                               data.data.morphTargetsRelative = this.morphTargetsRelative;
-                                       }
-
-                                       const groups = this.groups;
-
-                                       if (groups.length > 0) {
-                                               data.data.groups = JSON.parse(JSON.stringify(groups));
-                                       }
-
-                                       const boundingSphere = this.boundingSphere;
-
-                                       if (boundingSphere !== null) {
-                                               data.data.boundingSphere = {
-                                                       center: boundingSphere.center.toArray(),
-                                                       radius: boundingSphere.radius
-                                               };
-                                       }
-
-                                       return data;
-                               }
-
-                               clone() {
-                                       /*
-                        // Handle primitives
-                                const parameters = this.parameters;
-                                if ( parameters !== undefined ) {
-                                const values = [];
-                                for ( const key in parameters ) {
-                                values.push( parameters[ key ] );
-                                }
-                                const geometry = Object.create( this.constructor.prototype );
-                        this.constructor.apply( geometry, values );
-                        return geometry;
-                                }
-                                return new this.constructor().copy( this );
-                        */
-                                       return new BufferGeometry().copy(this);
-                               }
-
-                               copy(source) {
-                                       // reset
-                                       this.index = null;
-                                       this.attributes = {};
-                                       this.morphAttributes = {};
-                                       this.groups = [];
-                                       this.boundingBox = null;
-                                       this.boundingSphere = null; // used for storing cloned, shared data
-
-                                       const data = {}; // name
-
-                                       this.name = source.name; // index
-
-                                       const index = source.index;
-
-                                       if (index !== null) {
-                                               this.setIndex(index.clone(data));
-                                       } // attributes
-
-
-                                       const attributes = source.attributes;
-
-                                       for (const name in attributes) {
-                                               const attribute = attributes[name];
-                                               this.setAttribute(name, attribute.clone(data));
-                                       } // morph attributes
-
-
-                                       const morphAttributes = source.morphAttributes;
-
-                                       for (const name in morphAttributes) {
-                                               const array = [];
-                                               const morphAttribute = morphAttributes[name]; // morphAttribute: array of Float32BufferAttributes
-
-                                               for (let i = 0, l = morphAttribute.length; i < l; i++) {
-                                                       array.push(morphAttribute[i].clone(data));
-                                               }
-
-                                               this.morphAttributes[name] = array;
-                                       }
-
-                                       this.morphTargetsRelative = source.morphTargetsRelative; // groups
-
-                                       const groups = source.groups;
-
-                                       for (let i = 0, l = groups.length; i < l; i++) {
-                                               const group = groups[i];
-                                               this.addGroup(group.start, group.count, group.materialIndex);
-                                       } // bounding box
-
-
-                                       const boundingBox = source.boundingBox;
-
-                                       if (boundingBox !== null) {
-                                               this.boundingBox = boundingBox.clone();
-                                       } // bounding sphere
-
-
-                                       const boundingSphere = source.boundingSphere;
-
-                                       if (boundingSphere !== null) {
-                                               this.boundingSphere = boundingSphere.clone();
-                                       } // draw range
-
-
-                                       this.drawRange.start = source.drawRange.start;
-                                       this.drawRange.count = source.drawRange.count; // user data
-
-                                       this.userData = source.userData;
-                                       return this;
-                               }
-
-                               dispose() {
-                                       this.dispatchEvent({
-                                               type: 'dispose'
-                                       });
-                               }
-
-                       }
-
-                       BufferGeometry.prototype.isBufferGeometry = true;
-
-                       const _inverseMatrix$2 = /*@__PURE__*/new Matrix4();
-
-                       const _ray$2 = /*@__PURE__*/new Ray();
-
-                       const _sphere$3 = /*@__PURE__*/new Sphere();
-
-                       const _vA$1 = /*@__PURE__*/new Vector3();
-
-                       const _vB$1 = /*@__PURE__*/new Vector3();
-
-                       const _vC$1 = /*@__PURE__*/new Vector3();
-
-                       const _tempA = /*@__PURE__*/new Vector3();
-
-                       const _tempB = /*@__PURE__*/new Vector3();
-
-                       const _tempC = /*@__PURE__*/new Vector3();
-
-                       const _morphA = /*@__PURE__*/new Vector3();
-
-                       const _morphB = /*@__PURE__*/new Vector3();
-
-                       const _morphC = /*@__PURE__*/new Vector3();
-
-                       const _uvA$1 = /*@__PURE__*/new Vector2();
-
-                       const _uvB$1 = /*@__PURE__*/new Vector2();
-
-                       const _uvC$1 = /*@__PURE__*/new Vector2();
-
-                       const _intersectionPoint = /*@__PURE__*/new Vector3();
-
-                       const _intersectionPointWorld = /*@__PURE__*/new Vector3();
-
-                       class Mesh extends Object3D {
-                               constructor(geometry = new BufferGeometry(), material = new MeshBasicMaterial()) {
-                                       super();
-                                       this.type = 'Mesh';
-                                       this.geometry = geometry;
-                                       this.material = material;
-                                       this.updateMorphTargets();
-                               }
-
-                               copy(source) {
-                                       super.copy(source);
-
-                                       if (source.morphTargetInfluences !== undefined) {
-                                               this.morphTargetInfluences = source.morphTargetInfluences.slice();
-                                       }
-
-                                       if (source.morphTargetDictionary !== undefined) {
-                                               this.morphTargetDictionary = Object.assign({}, source.morphTargetDictionary);
-                                       }
-
-                                       this.material = source.material;
-                                       this.geometry = source.geometry;
-                                       return this;
-                               }
-
-                               updateMorphTargets() {
-                                       const geometry = this.geometry;
-
-                                       if (geometry.isBufferGeometry) {
-                                               const morphAttributes = geometry.morphAttributes;
-                                               const keys = Object.keys(morphAttributes);
-
-                                               if (keys.length > 0) {
-                                                       const morphAttribute = morphAttributes[keys[0]];
-
-                                                       if (morphAttribute !== undefined) {
-                                                               this.morphTargetInfluences = [];
-                                                               this.morphTargetDictionary = {};
-
-                                                               for (let m = 0, ml = morphAttribute.length; m < ml; m++) {
-                                                                       const name = morphAttribute[m].name || String(m);
-                                                                       this.morphTargetInfluences.push(0);
-                                                                       this.morphTargetDictionary[name] = m;
-                                                               }
-                                                       }
-                                               }
-                                       } else {
-                                               const morphTargets = geometry.morphTargets;
-
-                                               if (morphTargets !== undefined && morphTargets.length > 0) {
-                                                       console.error('THREE.Mesh.updateMorphTargets() no longer supports THREE.Geometry. Use THREE.BufferGeometry instead.');
-                                               }
-                                       }
-                               }
-
-                               raycast(raycaster, intersects) {
-                                       const geometry = this.geometry;
-                                       const material = this.material;
-                                       const matrixWorld = this.matrixWorld;
-                                       if (material === undefined) return; // Checking boundingSphere distance to ray
-
-                                       if (geometry.boundingSphere === null) geometry.computeBoundingSphere();
-
-                                       _sphere$3.copy(geometry.boundingSphere);
-
-                                       _sphere$3.applyMatrix4(matrixWorld);
-
-                                       if (raycaster.ray.intersectsSphere(_sphere$3) === false) return; //
-
-                                       _inverseMatrix$2.copy(matrixWorld).invert();
-
-                                       _ray$2.copy(raycaster.ray).applyMatrix4(_inverseMatrix$2); // Check boundingBox before continuing
-
-
-                                       if (geometry.boundingBox !== null) {
-                                               if (_ray$2.intersectsBox(geometry.boundingBox) === false) return;
-                                       }
-
-                                       let intersection;
-
-                                       if (geometry.isBufferGeometry) {
-                                               const index = geometry.index;
-                                               const position = geometry.attributes.position;
-                                               const morphPosition = geometry.morphAttributes.position;
-                                               const morphTargetsRelative = geometry.morphTargetsRelative;
-                                               const uv = geometry.attributes.uv;
-                                               const uv2 = geometry.attributes.uv2;
-                                               const groups = geometry.groups;
-                                               const drawRange = geometry.drawRange;
-
-                                               if (index !== null) {
-                                                       // indexed buffer geometry
-                                                       if (Array.isArray(material)) {
-                                                               for (let i = 0, il = groups.length; i < il; i++) {
-                                                                       const group = groups[i];
-                                                                       const groupMaterial = material[group.materialIndex];
-                                                                       const start = Math.max(group.start, drawRange.start);
-                                                                       const end = Math.min(group.start + group.count, drawRange.start + drawRange.count);
-
-                                                                       for (let j = start, jl = end; j < jl; j += 3) {
-                                                                               const a = index.getX(j);
-                                                                               const b = index.getX(j + 1);
-                                                                               const c = index.getX(j + 2);
-                                                                               intersection = checkBufferGeometryIntersection(this, groupMaterial, raycaster, _ray$2, position, morphPosition, morphTargetsRelative, uv, uv2, a, b, c);
-
-                                                                               if (intersection) {
-                                                                                       intersection.faceIndex = Math.floor(j / 3); // triangle number in indexed buffer semantics
-
-                                                                                       intersection.face.materialIndex = group.materialIndex;
-                                                                                       intersects.push(intersection);
-                                                                               }
-                                                                       }
-                                                               }
-                                                       } else {
-                                                               const start = Math.max(0, drawRange.start);
-                                                               const end = Math.min(index.count, drawRange.start + drawRange.count);
-
-                                                               for (let i = start, il = end; i < il; i += 3) {
-                                                                       const a = index.getX(i);
-                                                                       const b = index.getX(i + 1);
-                                                                       const c = index.getX(i + 2);
-                                                                       intersection = checkBufferGeometryIntersection(this, material, raycaster, _ray$2, position, morphPosition, morphTargetsRelative, uv, uv2, a, b, c);
-
-                                                                       if (intersection) {
-                                                                               intersection.faceIndex = Math.floor(i / 3); // triangle number in indexed buffer semantics
-
-                                                                               intersects.push(intersection);
-                                                                       }
-                                                               }
-                                                       }
-                                               } else if (position !== undefined) {
-                                                       // non-indexed buffer geometry
-                                                       if (Array.isArray(material)) {
-                                                               for (let i = 0, il = groups.length; i < il; i++) {
-                                                                       const group = groups[i];
-                                                                       const groupMaterial = material[group.materialIndex];
-                                                                       const start = Math.max(group.start, drawRange.start);
-                                                                       const end = Math.min(group.start + group.count, drawRange.start + drawRange.count);
-
-                                                                       for (let j = start, jl = end; j < jl; j += 3) {
-                                                                               const a = j;
-                                                                               const b = j + 1;
-                                                                               const c = j + 2;
-                                                                               intersection = checkBufferGeometryIntersection(this, groupMaterial, raycaster, _ray$2, position, morphPosition, morphTargetsRelative, uv, uv2, a, b, c);
-
-                                                                               if (intersection) {
-                                                                                       intersection.faceIndex = Math.floor(j / 3); // triangle number in non-indexed buffer semantics
-
-                                                                                       intersection.face.materialIndex = group.materialIndex;
-                                                                                       intersects.push(intersection);
-                                                                               }
-                                                                       }
-                                                               }
-                                                       } else {
-                                                               const start = Math.max(0, drawRange.start);
-                                                               const end = Math.min(position.count, drawRange.start + drawRange.count);
-
-                                                               for (let i = start, il = end; i < il; i += 3) {
-                                                                       const a = i;
-                                                                       const b = i + 1;
-                                                                       const c = i + 2;
-                                                                       intersection = checkBufferGeometryIntersection(this, material, raycaster, _ray$2, position, morphPosition, morphTargetsRelative, uv, uv2, a, b, c);
-
-                                                                       if (intersection) {
-                                                                               intersection.faceIndex = Math.floor(i / 3); // triangle number in non-indexed buffer semantics
-
-                                                                               intersects.push(intersection);
-                                                                       }
-                                                               }
-                                                       }
-                                               }
-                                       } else if (geometry.isGeometry) {
-                                               console.error('THREE.Mesh.raycast() no longer supports THREE.Geometry. Use THREE.BufferGeometry instead.');
-                                       }
-                               }
-
-                       }
-
-                       Mesh.prototype.isMesh = true;
-
-                       function checkIntersection(object, material, raycaster, ray, pA, pB, pC, point) {
-                               let intersect;
-
-                               if (material.side === BackSide) {
-                                       intersect = ray.intersectTriangle(pC, pB, pA, true, point);
-                               } else {
-                                       intersect = ray.intersectTriangle(pA, pB, pC, material.side !== DoubleSide, point);
-                               }
-
-                               if (intersect === null) return null;
-
-                               _intersectionPointWorld.copy(point);
-
-                               _intersectionPointWorld.applyMatrix4(object.matrixWorld);
-
-                               const distance = raycaster.ray.origin.distanceTo(_intersectionPointWorld);
-                               if (distance < raycaster.near || distance > raycaster.far) return null;
-                               return {
-                                       distance: distance,
-                                       point: _intersectionPointWorld.clone(),
-                                       object: object
-                               };
-                       }
-
-                       function checkBufferGeometryIntersection(object, material, raycaster, ray, position, morphPosition, morphTargetsRelative, uv, uv2, a, b, c) {
-                               _vA$1.fromBufferAttribute(position, a);
-
-                               _vB$1.fromBufferAttribute(position, b);
-
-                               _vC$1.fromBufferAttribute(position, c);
-
-                               const morphInfluences = object.morphTargetInfluences;
-
-                               if (morphPosition && morphInfluences) {
-                                       _morphA.set(0, 0, 0);
-
-                                       _morphB.set(0, 0, 0);
-
-                                       _morphC.set(0, 0, 0);
-
-                                       for (let i = 0, il = morphPosition.length; i < il; i++) {
-                                               const influence = morphInfluences[i];
-                                               const morphAttribute = morphPosition[i];
-                                               if (influence === 0) continue;
-
-                                               _tempA.fromBufferAttribute(morphAttribute, a);
-
-                                               _tempB.fromBufferAttribute(morphAttribute, b);
-
-                                               _tempC.fromBufferAttribute(morphAttribute, c);
-
-                                               if (morphTargetsRelative) {
-                                                       _morphA.addScaledVector(_tempA, influence);
-
-                                                       _morphB.addScaledVector(_tempB, influence);
-
-                                                       _morphC.addScaledVector(_tempC, influence);
-                                               } else {
-                                                       _morphA.addScaledVector(_tempA.sub(_vA$1), influence);
-
-                                                       _morphB.addScaledVector(_tempB.sub(_vB$1), influence);
-
-                                                       _morphC.addScaledVector(_tempC.sub(_vC$1), influence);
-                                               }
-                                       }
-
-                                       _vA$1.add(_morphA);
-
-                                       _vB$1.add(_morphB);
-
-                                       _vC$1.add(_morphC);
-                               }
-
-                               if (object.isSkinnedMesh) {
-                                       object.boneTransform(a, _vA$1);
-                                       object.boneTransform(b, _vB$1);
-                                       object.boneTransform(c, _vC$1);
-                               }
-
-                               const intersection = checkIntersection(object, material, raycaster, ray, _vA$1, _vB$1, _vC$1, _intersectionPoint);
-
-                               if (intersection) {
-                                       if (uv) {
-                                               _uvA$1.fromBufferAttribute(uv, a);
-
-                                               _uvB$1.fromBufferAttribute(uv, b);
-
-                                               _uvC$1.fromBufferAttribute(uv, c);
-
-                                               intersection.uv = Triangle.getUV(_intersectionPoint, _vA$1, _vB$1, _vC$1, _uvA$1, _uvB$1, _uvC$1, new Vector2());
-                                       }
-
-                                       if (uv2) {
-                                               _uvA$1.fromBufferAttribute(uv2, a);
-
-                                               _uvB$1.fromBufferAttribute(uv2, b);
-
-                                               _uvC$1.fromBufferAttribute(uv2, c);
-
-                                               intersection.uv2 = Triangle.getUV(_intersectionPoint, _vA$1, _vB$1, _vC$1, _uvA$1, _uvB$1, _uvC$1, new Vector2());
-                                       }
-
-                                       const face = {
-                                               a: a,
-                                               b: b,
-                                               c: c,
-                                               normal: new Vector3(),
-                                               materialIndex: 0
-                                       };
-                                       Triangle.getNormal(_vA$1, _vB$1, _vC$1, face.normal);
-                                       intersection.face = face;
-                               }
-
-                               return intersection;
-                       }
-
-                       class BoxGeometry extends BufferGeometry {
-                               constructor(width = 1, height = 1, depth = 1, widthSegments = 1, heightSegments = 1, depthSegments = 1) {
-                                       super();
-                                       this.type = 'BoxGeometry';
-                                       this.parameters = {
-                                               width: width,
-                                               height: height,
-                                               depth: depth,
-                                               widthSegments: widthSegments,
-                                               heightSegments: heightSegments,
-                                               depthSegments: depthSegments
-                                       };
-                                       const scope = this; // segments
-
-                                       widthSegments = Math.floor(widthSegments);
-                                       heightSegments = Math.floor(heightSegments);
-                                       depthSegments = Math.floor(depthSegments); // buffers
-
-                                       const indices = [];
-                                       const vertices = [];
-                                       const normals = [];
-                                       const uvs = []; // helper variables
-
-                                       let numberOfVertices = 0;
-                                       let groupStart = 0; // build each side of the box geometry
-
-                                       buildPlane('z', 'y', 'x', -1, -1, depth, height, width, depthSegments, heightSegments, 0); // px
-
-                                       buildPlane('z', 'y', 'x', 1, -1, depth, height, -width, depthSegments, heightSegments, 1); // nx
-
-                                       buildPlane('x', 'z', 'y', 1, 1, width, depth, height, widthSegments, depthSegments, 2); // py
-
-                                       buildPlane('x', 'z', 'y', 1, -1, width, depth, -height, widthSegments, depthSegments, 3); // ny
-
-                                       buildPlane('x', 'y', 'z', 1, -1, width, height, depth, widthSegments, heightSegments, 4); // pz
-
-                                       buildPlane('x', 'y', 'z', -1, -1, width, height, -depth, widthSegments, heightSegments, 5); // nz
-                                       // build geometry
-
-                                       this.setIndex(indices);
-                                       this.setAttribute('position', new Float32BufferAttribute(vertices, 3));
-                                       this.setAttribute('normal', new Float32BufferAttribute(normals, 3));
-                                       this.setAttribute('uv', new Float32BufferAttribute(uvs, 2));
-
-                                       function buildPlane(u, v, w, udir, vdir, width, height, depth, gridX, gridY, materialIndex) {
-                                               const segmentWidth = width / gridX;
-                                               const segmentHeight = height / gridY;
-                                               const widthHalf = width / 2;
-                                               const heightHalf = height / 2;
-                                               const depthHalf = depth / 2;
-                                               const gridX1 = gridX + 1;
-                                               const gridY1 = gridY + 1;
-                                               let vertexCounter = 0;
-                                               let groupCount = 0;
-                                               const vector = new Vector3(); // generate vertices, normals and uvs
-
-                                               for (let iy = 0; iy < gridY1; iy++) {
-                                                       const y = iy * segmentHeight - heightHalf;
-
-                                                       for (let ix = 0; ix < gridX1; ix++) {
-                                                               const x = ix * segmentWidth - widthHalf; // set values to correct vector component
-
-                                                               vector[u] = x * udir;
-                                                               vector[v] = y * vdir;
-                                                               vector[w] = depthHalf; // now apply vector to vertex buffer
-
-                                                               vertices.push(vector.x, vector.y, vector.z); // set values to correct vector component
-
-                                                               vector[u] = 0;
-                                                               vector[v] = 0;
-                                                               vector[w] = depth > 0 ? 1 : -1; // now apply vector to normal buffer
-
-                                                               normals.push(vector.x, vector.y, vector.z); // uvs
-
-                                                               uvs.push(ix / gridX);
-                                                               uvs.push(1 - iy / gridY); // counters
-
-                                                               vertexCounter += 1;
-                                                       }
-                                               } // indices
-                                               // 1. you need three indices to draw a single face
-                                               // 2. a single segment consists of two faces
-                                               // 3. so we need to generate six (2*3) indices per segment
-
-
-                                               for (let iy = 0; iy < gridY; iy++) {
-                                                       for (let ix = 0; ix < gridX; ix++) {
-                                                               const a = numberOfVertices + ix + gridX1 * iy;
-                                                               const b = numberOfVertices + ix + gridX1 * (iy + 1);
-                                                               const c = numberOfVertices + (ix + 1) + gridX1 * (iy + 1);
-                                                               const d = numberOfVertices + (ix + 1) + gridX1 * iy; // faces
-
-                                                               indices.push(a, b, d);
-                                                               indices.push(b, c, d); // increase counter
-
-                                                               groupCount += 6;
-                                                       }
-                                               } // add a group to the geometry. this will ensure multi material support
-
-
-                                               scope.addGroup(groupStart, groupCount, materialIndex); // calculate new start value for groups
-
-                                               groupStart += groupCount; // update total number of vertices
-
-                                               numberOfVertices += vertexCounter;
-                                       }
-                               }
-
-                               static fromJSON(data) {
-                                       return new BoxGeometry(data.width, data.height, data.depth, data.widthSegments, data.heightSegments, data.depthSegments);
-                               }
-
-                       }
-
-                       /**
-                        * Uniform Utilities
-                        */
-                       function cloneUniforms(src) {
-                               const dst = {};
-
-                               for (const u in src) {
-                                       dst[u] = {};
-
-                                       for (const p in src[u]) {
-                                               const property = src[u][p];
-
-                                               if (property && (property.isColor || property.isMatrix3 || property.isMatrix4 || property.isVector2 || property.isVector3 || property.isVector4 || property.isTexture || property.isQuaternion)) {
-                                                       dst[u][p] = property.clone();
-                                               } else if (Array.isArray(property)) {
-                                                       dst[u][p] = property.slice();
-                                               } else {
-                                                       dst[u][p] = property;
-                                               }
-                                       }
-                               }
-
-                               return dst;
-                       }
-
-                       function mergeUniforms(uniforms) {
-                               const merged = {};
-
-                               for (let u = 0; u < uniforms.length; u++) {
-                                       const tmp = cloneUniforms(uniforms[u]);
-
-                                       for (const p in tmp) {
-                                               merged[p] = tmp[p];
-                                       }
-                               }
-
-                               return merged;
-                       } // Legacy
-
-                       const UniformsUtils = {
-                               clone: cloneUniforms,
-                               merge: mergeUniforms
-                       };
-
-                       var default_vertex = "void main() {\n\tgl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );\n}";
-
-                       var default_fragment = "void main() {\n\tgl_FragColor = vec4( 1.0, 0.0, 0.0, 1.0 );\n}";
-
-                       /**
-                        * parameters = {
-                        *      defines: { "label" : "value" },
-                        *      uniforms: { "parameter1": { value: 1.0 }, "parameter2": { value2: 2 } },
-                        *
-                        *      fragmentShader: <string>,
-                        *      vertexShader: <string>,
-                        *
-                        *      wireframe: <boolean>,
-                        *      wireframeLinewidth: <float>,
-                        *
-                        *      lights: <bool>
-                        * }
-                        */
-
-                       class ShaderMaterial extends Material {
-                               constructor(parameters) {
-                                       super();
-                                       this.type = 'ShaderMaterial';
-                                       this.defines = {};
-                                       this.uniforms = {};
-                                       this.vertexShader = default_vertex;
-                                       this.fragmentShader = default_fragment;
-                                       this.linewidth = 1;
-                                       this.wireframe = false;
-                                       this.wireframeLinewidth = 1;
-                                       this.fog = false; // set to use scene fog
-
-                                       this.lights = false; // set to use scene lights
-
-                                       this.clipping = false; // set to use user-defined clipping planes
-
-                                       this.extensions = {
-                                               derivatives: false,
-                                               // set to use derivatives
-                                               fragDepth: false,
-                                               // set to use fragment depth values
-                                               drawBuffers: false,
-                                               // set to use draw buffers
-                                               shaderTextureLOD: false // set to use shader texture LOD
-
-                                       }; // When rendered geometry doesn't include these attributes but the material does,
-                                       // use these default values in WebGL. This avoids errors when buffer data is missing.
-
-                                       this.defaultAttributeValues = {
-                                               'color': [1, 1, 1],
-                                               'uv': [0, 0],
-                                               'uv2': [0, 0]
-                                       };
-                                       this.index0AttributeName = undefined;
-                                       this.uniformsNeedUpdate = false;
-                                       this.glslVersion = null;
-
-                                       if (parameters !== undefined) {
-                                               if (parameters.attributes !== undefined) {
-                                                       console.error('THREE.ShaderMaterial: attributes should now be defined in THREE.BufferGeometry instead.');
-                                               }
-
-                                               this.setValues(parameters);
-                                       }
-                               }
-
-                               copy(source) {
-                                       super.copy(source);
-                                       this.fragmentShader = source.fragmentShader;
-                                       this.vertexShader = source.vertexShader;
-                                       this.uniforms = cloneUniforms(source.uniforms);
-                                       this.defines = Object.assign({}, source.defines);
-                                       this.wireframe = source.wireframe;
-                                       this.wireframeLinewidth = source.wireframeLinewidth;
-                                       this.lights = source.lights;
-                                       this.clipping = source.clipping;
-                                       this.extensions = Object.assign({}, source.extensions);
-                                       this.glslVersion = source.glslVersion;
-                                       return this;
-                               }
-
-                               toJSON(meta) {
-                                       const data = super.toJSON(meta);
-                                       data.glslVersion = this.glslVersion;
-                                       data.uniforms = {};
-
-                                       for (const name in this.uniforms) {
-                                               const uniform = this.uniforms[name];
-                                               const value = uniform.value;
-
-                                               if (value && value.isTexture) {
-                                                       data.uniforms[name] = {
-                                                               type: 't',
-                                                               value: value.toJSON(meta).uuid
-                                                       };
-                                               } else if (value && value.isColor) {
-                                                       data.uniforms[name] = {
-                                                               type: 'c',
-                                                               value: value.getHex()
-                                                       };
-                                               } else if (value && value.isVector2) {
-                                                       data.uniforms[name] = {
-                                                               type: 'v2',
-                                                               value: value.toArray()
-                                                       };
-                                               } else if (value && value.isVector3) {
-                                                       data.uniforms[name] = {
-                                                               type: 'v3',
-                                                               value: value.toArray()
-                                                       };
-                                               } else if (value && value.isVector4) {
-                                                       data.uniforms[name] = {
-                                                               type: 'v4',
-                                                               value: value.toArray()
-                                                       };
-                                               } else if (value && value.isMatrix3) {
-                                                       data.uniforms[name] = {
-                                                               type: 'm3',
-                                                               value: value.toArray()
-                                                       };
-                                               } else if (value && value.isMatrix4) {
-                                                       data.uniforms[name] = {
-                                                               type: 'm4',
-                                                               value: value.toArray()
-                                                       };
-                                               } else {
-                                                       data.uniforms[name] = {
-                                                               value: value
-                                                       }; // note: the array variants v2v, v3v, v4v, m4v and tv are not supported so far
-                                               }
-                                       }
-
-                                       if (Object.keys(this.defines).length > 0) data.defines = this.defines;
-                                       data.vertexShader = this.vertexShader;
-                                       data.fragmentShader = this.fragmentShader;
-                                       const extensions = {};
-
-                                       for (const key in this.extensions) {
-                                               if (this.extensions[key] === true) extensions[key] = true;
-                                       }
-
-                                       if (Object.keys(extensions).length > 0) data.extensions = extensions;
-                                       return data;
-                               }
-
-                       }
-
-                       ShaderMaterial.prototype.isShaderMaterial = true;
-
-                       class Camera extends Object3D {
-                               constructor() {
-                                       super();
-                                       this.type = 'Camera';
-                                       this.matrixWorldInverse = new Matrix4();
-                                       this.projectionMatrix = new Matrix4();
-                                       this.projectionMatrixInverse = new Matrix4();
-                               }
-
-                               copy(source, recursive) {
-                                       super.copy(source, recursive);
-                                       this.matrixWorldInverse.copy(source.matrixWorldInverse);
-                                       this.projectionMatrix.copy(source.projectionMatrix);
-                                       this.projectionMatrixInverse.copy(source.projectionMatrixInverse);
-                                       return this;
-                               }
-
-                               getWorldDirection(target) {
-                                       this.updateWorldMatrix(true, false);
-                                       const e = this.matrixWorld.elements;
-                                       return target.set(-e[8], -e[9], -e[10]).normalize();
-                               }
-
-                               updateMatrixWorld(force) {
-                                       super.updateMatrixWorld(force);
-                                       this.matrixWorldInverse.copy(this.matrixWorld).invert();
-                               }
-
-                               updateWorldMatrix(updateParents, updateChildren) {
-                                       super.updateWorldMatrix(updateParents, updateChildren);
-                                       this.matrixWorldInverse.copy(this.matrixWorld).invert();
-                               }
-
-                               clone() {
-                                       return new this.constructor().copy(this);
-                               }
-
-                       }
-
-                       Camera.prototype.isCamera = true;
-
-                       class PerspectiveCamera extends Camera {
-                               constructor(fov = 50, aspect = 1, near = 0.1, far = 2000) {
-                                       super();
-                                       this.type = 'PerspectiveCamera';
-                                       this.fov = fov;
-                                       this.zoom = 1;
-                                       this.near = near;
-                                       this.far = far;
-                                       this.focus = 10;
-                                       this.aspect = aspect;
-                                       this.view = null;
-                                       this.filmGauge = 35; // width of the film (default in millimeters)
-
-                                       this.filmOffset = 0; // horizontal film offset (same unit as gauge)
-
-                                       this.updateProjectionMatrix();
-                               }
-
-                               copy(source, recursive) {
-                                       super.copy(source, recursive);
-                                       this.fov = source.fov;
-                                       this.zoom = source.zoom;
-                                       this.near = source.near;
-                                       this.far = source.far;
-                                       this.focus = source.focus;
-                                       this.aspect = source.aspect;
-                                       this.view = source.view === null ? null : Object.assign({}, source.view);
-                                       this.filmGauge = source.filmGauge;
-                                       this.filmOffset = source.filmOffset;
-                                       return this;
-                               }
-
-                               /**
-                                * Sets the FOV by focal length in respect to the current .filmGauge.
-                                *
-                                * The default film gauge is 35, so that the focal length can be specified for
-                                * a 35mm (full frame) camera.
-                                *
-                                * Values for focal length and film gauge must have the same unit.
-                                */
-
-
-                               setFocalLength(focalLength) {
-                                       /** see {@link http://www.bobatkins.com/photography/technical/field_of_view.html} */
-                                       const vExtentSlope = 0.5 * this.getFilmHeight() / focalLength;
-                                       this.fov = RAD2DEG * 2 * Math.atan(vExtentSlope);
-                                       this.updateProjectionMatrix();
-                               }
-
-                               /**
-                                * Calculates the focal length from the current .fov and .filmGauge.
-                                */
-
-
-                               getFocalLength() {
-                                       const vExtentSlope = Math.tan(DEG2RAD * 0.5 * this.fov);
-                                       return 0.5 * this.getFilmHeight() / vExtentSlope;
-                               }
-
-                               getEffectiveFOV() {
-                                       return RAD2DEG * 2 * Math.atan(Math.tan(DEG2RAD * 0.5 * this.fov) / this.zoom);
-                               }
-
-                               getFilmWidth() {
-                                       // film not completely covered in portrait format (aspect < 1)
-                                       return this.filmGauge * Math.min(this.aspect, 1);
-                               }
-
-                               getFilmHeight() {
-                                       // film not completely covered in landscape format (aspect > 1)
-                                       return this.filmGauge / Math.max(this.aspect, 1);
-                               }
-
-                               /**
-                                * Sets an offset in a larger frustum. This is useful for multi-window or
-                                * multi-monitor/multi-machine setups.
-                                *
-                                * For example, if you have 3x2 monitors and each monitor is 1920x1080 and
-                                * the monitors are in grid like this
-                                *
-                                *       +---+---+---+
-                                *       | A | B | C |
-                                *       +---+---+---+
-                                *       | D | E | F |
-                                *       +---+---+---+
-                                *
-                                * then for each monitor you would call it like this
-                                *
-                                *       const w = 1920;
-                                *       const h = 1080;
-                                *       const fullWidth = w * 3;
-                                *       const fullHeight = h * 2;
-                                *
-                                *       --A--
-                                *       camera.setViewOffset( fullWidth, fullHeight, w * 0, h * 0, w, h );
-                                *       --B--
-                                *       camera.setViewOffset( fullWidth, fullHeight, w * 1, h * 0, w, h );
-                                *       --C--
-                                *       camera.setViewOffset( fullWidth, fullHeight, w * 2, h * 0, w, h );
-                                *       --D--
-                                *       camera.setViewOffset( fullWidth, fullHeight, w * 0, h * 1, w, h );
-                                *       --E--
-                                *       camera.setViewOffset( fullWidth, fullHeight, w * 1, h * 1, w, h );
-                                *       --F--
-                                *       camera.setViewOffset( fullWidth, fullHeight, w * 2, h * 1, w, h );
-                                *
-                                *       Note there is no reason monitors have to be the same size or in a grid.
-                                */
-
-
-                               setViewOffset(fullWidth, fullHeight, x, y, width, height) {
-                                       this.aspect = fullWidth / fullHeight;
-
-                                       if (this.view === null) {
-                                               this.view = {
-                                                       enabled: true,
-                                                       fullWidth: 1,
-                                                       fullHeight: 1,
-                                                       offsetX: 0,
-                                                       offsetY: 0,
-                                                       width: 1,
-                                                       height: 1
-                                               };
-                                       }
-
-                                       this.view.enabled = true;
-                                       this.view.fullWidth = fullWidth;
-                                       this.view.fullHeight = fullHeight;
-                                       this.view.offsetX = x;
-                                       this.view.offsetY = y;
-                                       this.view.width = width;
-                                       this.view.height = height;
-                                       this.updateProjectionMatrix();
-                               }
-
-                               clearViewOffset() {
-                                       if (this.view !== null) {
-                                               this.view.enabled = false;
-                                       }
-
-                                       this.updateProjectionMatrix();
-                               }
-
-                               updateProjectionMatrix() {
-                                       const near = this.near;
-                                       let top = near * Math.tan(DEG2RAD * 0.5 * this.fov) / this.zoom;
-                                       let height = 2 * top;
-                                       let width = this.aspect * height;
-                                       let left = -0.5 * width;
-                                       const view = this.view;
-
-                                       if (this.view !== null && this.view.enabled) {
-                                               const fullWidth = view.fullWidth,
-                                                       fullHeight = view.fullHeight;
-                                               left += view.offsetX * width / fullWidth;
-                                               top -= view.offsetY * height / fullHeight;
-                                               width *= view.width / fullWidth;
-                                               height *= view.height / fullHeight;
-                                       }
-
-                                       const skew = this.filmOffset;
-                                       if (skew !== 0) left += near * skew / this.getFilmWidth();
-                                       this.projectionMatrix.makePerspective(left, left + width, top, top - height, near, this.far);
-                                       this.projectionMatrixInverse.copy(this.projectionMatrix).invert();
-                               }
-
-                               toJSON(meta) {
-                                       const data = super.toJSON(meta);
-                                       data.object.fov = this.fov;
-                                       data.object.zoom = this.zoom;
-                                       data.object.near = this.near;
-                                       data.object.far = this.far;
-                                       data.object.focus = this.focus;
-                                       data.object.aspect = this.aspect;
-                                       if (this.view !== null) data.object.view = Object.assign({}, this.view);
-                                       data.object.filmGauge = this.filmGauge;
-                                       data.object.filmOffset = this.filmOffset;
-                                       return data;
-                               }
-
-                       }
-
-                       PerspectiveCamera.prototype.isPerspectiveCamera = true;
-
-                       const fov = 90,
-                               aspect = 1;
-
-                       class CubeCamera extends Object3D {
-                               constructor(near, far, renderTarget) {
-                                       super();
-                                       this.type = 'CubeCamera';
-
-                                       if (renderTarget.isWebGLCubeRenderTarget !== true) {
-                                               console.error('THREE.CubeCamera: The constructor now expects an instance of WebGLCubeRenderTarget as third parameter.');
-                                               return;
-                                       }
-
-                                       this.renderTarget = renderTarget;
-                                       const cameraPX = new PerspectiveCamera(fov, aspect, near, far);
-                                       cameraPX.layers = this.layers;
-                                       cameraPX.up.set(0, -1, 0);
-                                       cameraPX.lookAt(new Vector3(1, 0, 0));
-                                       this.add(cameraPX);
-                                       const cameraNX = new PerspectiveCamera(fov, aspect, near, far);
-                                       cameraNX.layers = this.layers;
-                                       cameraNX.up.set(0, -1, 0);
-                                       cameraNX.lookAt(new Vector3(-1, 0, 0));
-                                       this.add(cameraNX);
-                                       const cameraPY = new PerspectiveCamera(fov, aspect, near, far);
-                                       cameraPY.layers = this.layers;
-                                       cameraPY.up.set(0, 0, 1);
-                                       cameraPY.lookAt(new Vector3(0, 1, 0));
-                                       this.add(cameraPY);
-                                       const cameraNY = new PerspectiveCamera(fov, aspect, near, far);
-                                       cameraNY.layers = this.layers;
-                                       cameraNY.up.set(0, 0, -1);
-                                       cameraNY.lookAt(new Vector3(0, -1, 0));
-                                       this.add(cameraNY);
-                                       const cameraPZ = new PerspectiveCamera(fov, aspect, near, far);
-                                       cameraPZ.layers = this.layers;
-                                       cameraPZ.up.set(0, -1, 0);
-                                       cameraPZ.lookAt(new Vector3(0, 0, 1));
-                                       this.add(cameraPZ);
-                                       const cameraNZ = new PerspectiveCamera(fov, aspect, near, far);
-                                       cameraNZ.layers = this.layers;
-                                       cameraNZ.up.set(0, -1, 0);
-                                       cameraNZ.lookAt(new Vector3(0, 0, -1));
-                                       this.add(cameraNZ);
-                               }
-
-                               update(renderer, scene) {
-                                       if (this.parent === null) this.updateMatrixWorld();
-                                       const renderTarget = this.renderTarget;
-                                       const [cameraPX, cameraNX, cameraPY, cameraNY, cameraPZ, cameraNZ] = this.children;
-                                       const currentXrEnabled = renderer.xr.enabled;
-                                       const currentRenderTarget = renderer.getRenderTarget();
-                                       renderer.xr.enabled = false;
-                                       const generateMipmaps = renderTarget.texture.generateMipmaps;
-                                       renderTarget.texture.generateMipmaps = false;
-                                       renderer.setRenderTarget(renderTarget, 0);
-                                       renderer.render(scene, cameraPX);
-                                       renderer.setRenderTarget(renderTarget, 1);
-                                       renderer.render(scene, cameraNX);
-                                       renderer.setRenderTarget(renderTarget, 2);
-                                       renderer.render(scene, cameraPY);
-                                       renderer.setRenderTarget(renderTarget, 3);
-                                       renderer.render(scene, cameraNY);
-                                       renderer.setRenderTarget(renderTarget, 4);
-                                       renderer.render(scene, cameraPZ);
-                                       renderTarget.texture.generateMipmaps = generateMipmaps;
-                                       renderer.setRenderTarget(renderTarget, 5);
-                                       renderer.render(scene, cameraNZ);
-                                       renderer.setRenderTarget(currentRenderTarget);
-                                       renderer.xr.enabled = currentXrEnabled;
-                               }
-
-                       }
-
-                       class CubeTexture extends Texture {
-                               constructor(images, mapping, wrapS, wrapT, magFilter, minFilter, format, type, anisotropy, encoding) {
-                                       images = images !== undefined ? images : [];
-                                       mapping = mapping !== undefined ? mapping : CubeReflectionMapping;
-                                       format = format !== undefined ? format : RGBFormat;
-                                       super(images, mapping, wrapS, wrapT, magFilter, minFilter, format, type, anisotropy, encoding);
-                                       this.flipY = false;
-                               }
-
-                               get images() {
-                                       return this.image;
-                               }
-
-                               set images(value) {
-                                       this.image = value;
-                               }
-
-                       }
-
-                       CubeTexture.prototype.isCubeTexture = true;
-
-                       class WebGLCubeRenderTarget extends WebGLRenderTarget {
-                               constructor(size, options, dummy) {
-                                       if (Number.isInteger(options)) {
-                                               console.warn('THREE.WebGLCubeRenderTarget: constructor signature is now WebGLCubeRenderTarget( size, options )');
-                                               options = dummy;
-                                       }
-
-                                       super(size, size, options);
-                                       options = options || {}; // By convention -- likely based on the RenderMan spec from the 1990's -- cube maps are specified by WebGL (and three.js)
-                                       // in a coordinate system in which positive-x is to the right when looking up the positive-z axis -- in other words,
-                                       // in a left-handed coordinate system. By continuing this convention, preexisting cube maps continued to render correctly.
-                                       // three.js uses a right-handed coordinate system. So environment maps used in three.js appear to have px and nx swapped
-                                       // and the flag isRenderTargetTexture controls this conversion. The flip is not required when using WebGLCubeRenderTarget.texture
-                                       // as a cube texture (this is detected when isRenderTargetTexture is set to true for cube textures).
-
-                                       this.texture = new CubeTexture(undefined, options.mapping, options.wrapS, options.wrapT, options.magFilter, options.minFilter, options.format, options.type, options.anisotropy, options.encoding);
-                                       this.texture.isRenderTargetTexture = true;
-                                       this.texture.generateMipmaps = options.generateMipmaps !== undefined ? options.generateMipmaps : false;
-                                       this.texture.minFilter = options.minFilter !== undefined ? options.minFilter : LinearFilter;
-                                       this.texture._needsFlipEnvMap = false;
-                               }
-
-                               fromEquirectangularTexture(renderer, texture) {
-                                       this.texture.type = texture.type;
-                                       this.texture.format = RGBAFormat; // see #18859
-
-                                       this.texture.encoding = texture.encoding;
-                                       this.texture.generateMipmaps = texture.generateMipmaps;
-                                       this.texture.minFilter = texture.minFilter;
-                                       this.texture.magFilter = texture.magFilter;
-                                       const shader = {
-                                               uniforms: {
-                                                       tEquirect: {
-                                                               value: null
-                                                       }
-                                               },
-                                               vertexShader:
-                                               /* glsl */
-                                                       `
-
-                               varying vec3 vWorldDirection;
-
-                               vec3 transformDirection( in vec3 dir, in mat4 matrix ) {
-
-                                       return normalize( ( matrix * vec4( dir, 0.0 ) ).xyz );
-
-                               }
-
-                               void main() {
-
-                                       vWorldDirection = transformDirection( position, modelMatrix );
-
-                                       #include <begin_vertex>
-                                       #include <project_vertex>
-
-                               }
-                       `,
-                                               fragmentShader:
-                                               /* glsl */
-                                                       `
-
-                               uniform sampler2D tEquirect;
-
-                               varying vec3 vWorldDirection;
-
-                               #include <common>
-
-                               void main() {
-
-                                       vec3 direction = normalize( vWorldDirection );
-
-                                       vec2 sampleUV = equirectUv( direction );
-
-                                       gl_FragColor = texture2D( tEquirect, sampleUV );
-
-                               }
-                       `
-                                       };
-                                       const geometry = new BoxGeometry(5, 5, 5);
-                                       const material = new ShaderMaterial({
-                                               name: 'CubemapFromEquirect',
-                                               uniforms: cloneUniforms(shader.uniforms),
-                                               vertexShader: shader.vertexShader,
-                                               fragmentShader: shader.fragmentShader,
-                                               side: BackSide,
-                                               blending: NoBlending
-                                       });
-                                       material.uniforms.tEquirect.value = texture;
-                                       const mesh = new Mesh(geometry, material);
-                                       const currentMinFilter = texture.minFilter; // Avoid blurred poles
-
-                                       if (texture.minFilter === LinearMipmapLinearFilter) texture.minFilter = LinearFilter;
-                                       const camera = new CubeCamera(1, 10, this);
-                                       camera.update(renderer, mesh);
-                                       texture.minFilter = currentMinFilter;
-                                       mesh.geometry.dispose();
-                                       mesh.material.dispose();
-                                       return this;
-                               }
-
-                               clear(renderer, color, depth, stencil) {
-                                       const currentRenderTarget = renderer.getRenderTarget();
-
-                                       for (let i = 0; i < 6; i++) {
-                                               renderer.setRenderTarget(this, i);
-                                               renderer.clear(color, depth, stencil);
-                                       }
-
-                                       renderer.setRenderTarget(currentRenderTarget);
-                               }
-
-                       }
-
-                       WebGLCubeRenderTarget.prototype.isWebGLCubeRenderTarget = true;
-
-                       const _vector1 = /*@__PURE__*/new Vector3();
-
-                       const _vector2 = /*@__PURE__*/new Vector3();
-
-                       const _normalMatrix = /*@__PURE__*/new Matrix3();
-
-                       class Plane {
-                               constructor(normal = new Vector3(1, 0, 0), constant = 0) {
-                                       // normal is assumed to be normalized
-                                       this.normal = normal;
-                                       this.constant = constant;
-                               }
-
-                               set(normal, constant) {
-                                       this.normal.copy(normal);
-                                       this.constant = constant;
-                                       return this;
-                               }
-
-                               setComponents(x, y, z, w) {
-                                       this.normal.set(x, y, z);
-                                       this.constant = w;
-                                       return this;
-                               }
-
-                               setFromNormalAndCoplanarPoint(normal, point) {
-                                       this.normal.copy(normal);
-                                       this.constant = -point.dot(this.normal);
-                                       return this;
-                               }
-
-                               setFromCoplanarPoints(a, b, c) {
-                                       const normal = _vector1.subVectors(c, b).cross(_vector2.subVectors(a, b)).normalize(); // Q: should an error be thrown if normal is zero (e.g. degenerate plane)?
-
-
-                                       this.setFromNormalAndCoplanarPoint(normal, a);
-                                       return this;
-                               }
-
-                               copy(plane) {
-                                       this.normal.copy(plane.normal);
-                                       this.constant = plane.constant;
-                                       return this;
-                               }
-
-                               normalize() {
-                                       // Note: will lead to a divide by zero if the plane is invalid.
-                                       const inverseNormalLength = 1.0 / this.normal.length();
-                                       this.normal.multiplyScalar(inverseNormalLength);
-                                       this.constant *= inverseNormalLength;
-                                       return this;
-                               }
-
-                               negate() {
-                                       this.constant *= -1;
-                                       this.normal.negate();
-                                       return this;
-                               }
-
-                               distanceToPoint(point) {
-                                       return this.normal.dot(point) + this.constant;
-                               }
-
-                               distanceToSphere(sphere) {
-                                       return this.distanceToPoint(sphere.center) - sphere.radius;
-                               }
-
-                               projectPoint(point, target) {
-                                       return target.copy(this.normal).multiplyScalar(-this.distanceToPoint(point)).add(point);
-                               }
-
-                               intersectLine(line, target) {
-                                       const direction = line.delta(_vector1);
-                                       const denominator = this.normal.dot(direction);
-
-                                       if (denominator === 0) {
-                                               // line is coplanar, return origin
-                                               if (this.distanceToPoint(line.start) === 0) {
-                                                       return target.copy(line.start);
-                                               } // Unsure if this is the correct method to handle this case.
-
-
-                                               return null;
-                                       }
-
-                                       const t = -(line.start.dot(this.normal) + this.constant) / denominator;
-
-                                       if (t < 0 || t > 1) {
-                                               return null;
-                                       }
-
-                                       return target.copy(direction).multiplyScalar(t).add(line.start);
-                               }
-
-                               intersectsLine(line) {
-                                       // Note: this tests if a line intersects the plane, not whether it (or its end-points) are coplanar with it.
-                                       const startSign = this.distanceToPoint(line.start);
-                                       const endSign = this.distanceToPoint(line.end);
-                                       return startSign < 0 && endSign > 0 || endSign < 0 && startSign > 0;
-                               }
-
-                               intersectsBox(box) {
-                                       return box.intersectsPlane(this);
-                               }
-
-                               intersectsSphere(sphere) {
-                                       return sphere.intersectsPlane(this);
-                               }
-
-                               coplanarPoint(target) {
-                                       return target.copy(this.normal).multiplyScalar(-this.constant);
-                               }
-
-                               applyMatrix4(matrix, optionalNormalMatrix) {
-                                       const normalMatrix = optionalNormalMatrix || _normalMatrix.getNormalMatrix(matrix);
-
-                                       const referencePoint = this.coplanarPoint(_vector1).applyMatrix4(matrix);
-                                       const normal = this.normal.applyMatrix3(normalMatrix).normalize();
-                                       this.constant = -referencePoint.dot(normal);
-                                       return this;
-                               }
-
-                               translate(offset) {
-                                       this.constant -= offset.dot(this.normal);
-                                       return this;
-                               }
-
-                               equals(plane) {
-                                       return plane.normal.equals(this.normal) && plane.constant === this.constant;
-                               }
-
-                               clone() {
-                                       return new this.constructor().copy(this);
-                               }
-
-                       }
-
-                       Plane.prototype.isPlane = true;
-
-                       const _sphere$2 = /*@__PURE__*/new Sphere();
-
-                       const _vector$7 = /*@__PURE__*/new Vector3();
-
-                       class Frustum {
-                               constructor(p0 = new Plane(), p1 = new Plane(), p2 = new Plane(), p3 = new Plane(), p4 = new Plane(), p5 = new Plane()) {
-                                       this.planes = [p0, p1, p2, p3, p4, p5];
-                               }
-
-                               set(p0, p1, p2, p3, p4, p5) {
-                                       const planes = this.planes;
-                                       planes[0].copy(p0);
-                                       planes[1].copy(p1);
-                                       planes[2].copy(p2);
-                                       planes[3].copy(p3);
-                                       planes[4].copy(p4);
-                                       planes[5].copy(p5);
-                                       return this;
-                               }
-
-                               copy(frustum) {
-                                       const planes = this.planes;
-
-                                       for (let i = 0; i < 6; i++) {
-                                               planes[i].copy(frustum.planes[i]);
-                                       }
-
-                                       return this;
-                               }
-
-                               setFromProjectionMatrix(m) {
-                                       const planes = this.planes;
-                                       const me = m.elements;
-                                       const me0 = me[0],
-                                               me1 = me[1],
-                                               me2 = me[2],
-                                               me3 = me[3];
-                                       const me4 = me[4],
-                                               me5 = me[5],
-                                               me6 = me[6],
-                                               me7 = me[7];
-                                       const me8 = me[8],
-                                               me9 = me[9],
-                                               me10 = me[10],
-                                               me11 = me[11];
-                                       const me12 = me[12],
-                                               me13 = me[13],
-                                               me14 = me[14],
-                                               me15 = me[15];
-                                       planes[0].setComponents(me3 - me0, me7 - me4, me11 - me8, me15 - me12).normalize();
-                                       planes[1].setComponents(me3 + me0, me7 + me4, me11 + me8, me15 + me12).normalize();
-                                       planes[2].setComponents(me3 + me1, me7 + me5, me11 + me9, me15 + me13).normalize();
-                                       planes[3].setComponents(me3 - me1, me7 - me5, me11 - me9, me15 - me13).normalize();
-                                       planes[4].setComponents(me3 - me2, me7 - me6, me11 - me10, me15 - me14).normalize();
-                                       planes[5].setComponents(me3 + me2, me7 + me6, me11 + me10, me15 + me14).normalize();
-                                       return this;
-                               }
-
-                               intersectsObject(object) {
-                                       const geometry = object.geometry;
-                                       if (geometry.boundingSphere === null) geometry.computeBoundingSphere();
-
-                                       _sphere$2.copy(geometry.boundingSphere).applyMatrix4(object.matrixWorld);
-
-                                       return this.intersectsSphere(_sphere$2);
-                               }
-
-                               intersectsSprite(sprite) {
-                                       _sphere$2.center.set(0, 0, 0);
-
-                                       _sphere$2.radius = 0.7071067811865476;
-
-                                       _sphere$2.applyMatrix4(sprite.matrixWorld);
-
-                                       return this.intersectsSphere(_sphere$2);
-                               }
-
-                               intersectsSphere(sphere) {
-                                       const planes = this.planes;
-                                       const center = sphere.center;
-                                       const negRadius = -sphere.radius;
-
-                                       for (let i = 0; i < 6; i++) {
-                                               const distance = planes[i].distanceToPoint(center);
-
-                                               if (distance < negRadius) {
-                                                       return false;
-                                               }
-                                       }
-
-                                       return true;
-                               }
-
-                               intersectsBox(box) {
-                                       const planes = this.planes;
-
-                                       for (let i = 0; i < 6; i++) {
-                                               const plane = planes[i]; // corner at max distance
-
-                                               _vector$7.x = plane.normal.x > 0 ? box.max.x : box.min.x;
-                                               _vector$7.y = plane.normal.y > 0 ? box.max.y : box.min.y;
-                                               _vector$7.z = plane.normal.z > 0 ? box.max.z : box.min.z;
-
-                                               if (plane.distanceToPoint(_vector$7) < 0) {
-                                                       return false;
-                                               }
-                                       }
-
-                                       return true;
-                               }
-
-                               containsPoint(point) {
-                                       const planes = this.planes;
-
-                                       for (let i = 0; i < 6; i++) {
-                                               if (planes[i].distanceToPoint(point) < 0) {
-                                                       return false;
-                                               }
-                                       }
-
-                                       return true;
-                               }
-
-                               clone() {
-                                       return new this.constructor().copy(this);
-                               }
-
-                       }
-
-                       function WebGLAnimation() {
-                               let context = null;
-                               let isAnimating = false;
-                               let animationLoop = null;
-                               let requestId = null;
-
-                               function onAnimationFrame(time, frame) {
-                                       animationLoop(time, frame);
-                                       requestId = context.requestAnimationFrame(onAnimationFrame);
-                               }
-
-                               return {
-                                       start: function () {
-                                               if (isAnimating === true) return;
-                                               if (animationLoop === null) return;
-                                               requestId = context.requestAnimationFrame(onAnimationFrame);
-                                               isAnimating = true;
-                                       },
-                                       stop: function () {
-                                               context.cancelAnimationFrame(requestId);
-                                               isAnimating = false;
-                                       },
-                                       setAnimationLoop: function (callback) {
-                                               animationLoop = callback;
-                                       },
-                                       setContext: function (value) {
-                                               context = value;
-                                       }
-                               };
-                       }
-
-                       function WebGLAttributes(gl, capabilities) {
-                               const isWebGL2 = capabilities.isWebGL2;
-                               const buffers = new WeakMap();
-
-                               function createBuffer(attribute, bufferType) {
-                                       const array = attribute.array;
-                                       const usage = attribute.usage;
-                                       const buffer = gl.createBuffer();
-                                       gl.bindBuffer(bufferType, buffer);
-                                       gl.bufferData(bufferType, array, usage);
-                                       attribute.onUploadCallback();
-                                       let type = gl.FLOAT;
-
-                                       if (array instanceof Float32Array) {
-                                               type = gl.FLOAT;
-                                       } else if (array instanceof Float64Array) {
-                                               console.warn('THREE.WebGLAttributes: Unsupported data buffer format: Float64Array.');
-                                       } else if (array instanceof Uint16Array) {
-                                               if (attribute.isFloat16BufferAttribute) {
-                                                       if (isWebGL2) {
-                                                               type = gl.HALF_FLOAT;
-                                                       } else {
-                                                               console.warn('THREE.WebGLAttributes: Usage of Float16BufferAttribute requires WebGL2.');
-                                                       }
-                                               } else {
-                                                       type = gl.UNSIGNED_SHORT;
-                                               }
-                                       } else if (array instanceof Int16Array) {
-                                               type = gl.SHORT;
-                                       } else if (array instanceof Uint32Array) {
-                                               type = gl.UNSIGNED_INT;
-                                       } else if (array instanceof Int32Array) {
-                                               type = gl.INT;
-                                       } else if (array instanceof Int8Array) {
-                                               type = gl.BYTE;
-                                       } else if (array instanceof Uint8Array) {
-                                               type = gl.UNSIGNED_BYTE;
-                                       } else if (array instanceof Uint8ClampedArray) {
-                                               type = gl.UNSIGNED_BYTE;
-                                       }
-
-                                       return {
-                                               buffer: buffer,
-                                               type: type,
-                                               bytesPerElement: array.BYTES_PER_ELEMENT,
-                                               version: attribute.version
-                                       };
-                               }
-
-                               function updateBuffer(buffer, attribute, bufferType) {
-                                       const array = attribute.array;
-                                       const updateRange = attribute.updateRange;
-                                       gl.bindBuffer(bufferType, buffer);
-
-                                       if (updateRange.count === -1) {
-                                               // Not using update ranges
-                                               gl.bufferSubData(bufferType, 0, array);
-                                       } else {
-                                               if (isWebGL2) {
-                                                       gl.bufferSubData(bufferType, updateRange.offset * array.BYTES_PER_ELEMENT, array, updateRange.offset, updateRange.count);
-                                               } else {
-                                                       gl.bufferSubData(bufferType, updateRange.offset * array.BYTES_PER_ELEMENT, array.subarray(updateRange.offset, updateRange.offset + updateRange.count));
-                                               }
-
-                                               updateRange.count = -1; // reset range
-                                       }
-                               } //
-
-
-                               function get(attribute) {
-                                       if (attribute.isInterleavedBufferAttribute) attribute = attribute.data;
-                                       return buffers.get(attribute);
-                               }
-
-                               function remove(attribute) {
-                                       if (attribute.isInterleavedBufferAttribute) attribute = attribute.data;
-                                       const data = buffers.get(attribute);
-
-                                       if (data) {
-                                               gl.deleteBuffer(data.buffer);
-                                               buffers.delete(attribute);
-                                       }
-                               }
-
-                               function update(attribute, bufferType) {
-                                       if (attribute.isGLBufferAttribute) {
-                                               const cached = buffers.get(attribute);
-
-                                               if (!cached || cached.version < attribute.version) {
-                                                       buffers.set(attribute, {
-                                                               buffer: attribute.buffer,
-                                                               type: attribute.type,
-                                                               bytesPerElement: attribute.elementSize,
-                                                               version: attribute.version
-                                                       });
-                                               }
-
-                                               return;
-                                       }
-
-                                       if (attribute.isInterleavedBufferAttribute) attribute = attribute.data;
-                                       const data = buffers.get(attribute);
-
-                                       if (data === undefined) {
-                                               buffers.set(attribute, createBuffer(attribute, bufferType));
-                                       } else if (data.version < attribute.version) {
-                                               updateBuffer(data.buffer, attribute, bufferType);
-                                               data.version = attribute.version;
-                                       }
-                               }
-
-                               return {
-                                       get: get,
-                                       remove: remove,
-                                       update: update
-                               };
-                       }
-
-                       class PlaneGeometry extends BufferGeometry {
-                               constructor(width = 1, height = 1, widthSegments = 1, heightSegments = 1) {
-                                       super();
-                                       this.type = 'PlaneGeometry';
-                                       this.parameters = {
-                                               width: width,
-                                               height: height,
-                                               widthSegments: widthSegments,
-                                               heightSegments: heightSegments
-                                       };
-                                       const width_half = width / 2;
-                                       const height_half = height / 2;
-                                       const gridX = Math.floor(widthSegments);
-                                       const gridY = Math.floor(heightSegments);
-                                       const gridX1 = gridX + 1;
-                                       const gridY1 = gridY + 1;
-                                       const segment_width = width / gridX;
-                                       const segment_height = height / gridY; //
-
-                                       const indices = [];
-                                       const vertices = [];
-                                       const normals = [];
-                                       const uvs = [];
-
-                                       for (let iy = 0; iy < gridY1; iy++) {
-                                               const y = iy * segment_height - height_half;
-
-                                               for (let ix = 0; ix < gridX1; ix++) {
-                                                       const x = ix * segment_width - width_half;
-                                                       vertices.push(x, -y, 0);
-                                                       normals.push(0, 0, 1);
-                                                       uvs.push(ix / gridX);
-                                                       uvs.push(1 - iy / gridY);
-                                               }
-                                       }
-
-                                       for (let iy = 0; iy < gridY; iy++) {
-                                               for (let ix = 0; ix < gridX; ix++) {
-                                                       const a = ix + gridX1 * iy;
-                                                       const b = ix + gridX1 * (iy + 1);
-                                                       const c = ix + 1 + gridX1 * (iy + 1);
-                                                       const d = ix + 1 + gridX1 * iy;
-                                                       indices.push(a, b, d);
-                                                       indices.push(b, c, d);
-                                               }
-                                       }
-
-                                       this.setIndex(indices);
-                                       this.setAttribute('position', new Float32BufferAttribute(vertices, 3));
-                                       this.setAttribute('normal', new Float32BufferAttribute(normals, 3));
-                                       this.setAttribute('uv', new Float32BufferAttribute(uvs, 2));
-                               }
-
-                               static fromJSON(data) {
-                                       return new PlaneGeometry(data.width, data.height, data.widthSegments, data.heightSegments);
-                               }
-
-                       }
-
-                       var alphamap_fragment = "#ifdef USE_ALPHAMAP\n\tdiffuseColor.a *= texture2D( alphaMap, vUv ).g;\n#endif";
-
-                       var alphamap_pars_fragment = "#ifdef USE_ALPHAMAP\n\tuniform sampler2D alphaMap;\n#endif";
-
-                       var alphatest_fragment = "#ifdef USE_ALPHATEST\n\tif ( diffuseColor.a < alphaTest ) discard;\n#endif";
-
-                       var alphatest_pars_fragment = "#ifdef USE_ALPHATEST\n\tuniform float alphaTest;\n#endif";
-
-                       var aomap_fragment = "#ifdef USE_AOMAP\n\tfloat ambientOcclusion = ( texture2D( aoMap, vUv2 ).r - 1.0 ) * aoMapIntensity + 1.0;\n\treflectedLight.indirectDiffuse *= ambientOcclusion;\n\t#if defined( USE_ENVMAP ) && defined( STANDARD )\n\t\tfloat dotNV = saturate( dot( geometry.normal, geometry.viewDir ) );\n\t\treflectedLight.indirectSpecular *= computeSpecularOcclusion( dotNV, ambientOcclusion, material.roughness );\n\t#endif\n#endif";
-
-                       var aomap_pars_fragment = "#ifdef USE_AOMAP\n\tuniform sampler2D aoMap;\n\tuniform float aoMapIntensity;\n#endif";
-
-                       var begin_vertex = "vec3 transformed = vec3( position );";
-
-                       var beginnormal_vertex = "vec3 objectNormal = vec3( normal );\n#ifdef USE_TANGENT\n\tvec3 objectTangent = vec3( tangent.xyz );\n#endif";
-
-                       var bsdfs = "vec3 BRDF_Lambert( const in vec3 diffuseColor ) {\n\treturn RECIPROCAL_PI * diffuseColor;\n}\nvec3 F_Schlick( const in vec3 f0, const in float f90, const in float dotVH ) {\n\tfloat fresnel = exp2( ( - 5.55473 * dotVH - 6.98316 ) * dotVH );\n\treturn f0 * ( 1.0 - fresnel ) + ( f90 * fresnel );\n}\nfloat V_GGX_SmithCorrelated( const in float alpha, const in float dotNL, const in float dotNV ) {\n\tfloat a2 = pow2( alpha );\n\tfloat gv = dotNL * sqrt( a2 + ( 1.0 - a2 ) * pow2( dotNV ) );\n\tfloat gl = dotNV * sqrt( a2 + ( 1.0 - a2 ) * pow2( dotNL ) );\n\treturn 0.5 / max( gv + gl, EPSILON );\n}\nfloat D_GGX( const in float alpha, const in float dotNH ) {\n\tfloat a2 = pow2( alpha );\n\tfloat denom = pow2( dotNH ) * ( a2 - 1.0 ) + 1.0;\n\treturn RECIPROCAL_PI * a2 / pow2( denom );\n}\nvec3 BRDF_GGX( const in IncidentLight incidentLight, const in vec3 viewDir, const in vec3 normal, const in vec3 f0, const in float f90, const in float roughness ) {\n\tfloat alpha = pow2( roughness );\n\tvec3 halfDir = normalize( incidentLight.direction + viewDir );\n\tfloat dotNL = saturate( dot( normal, incidentLight.direction ) );\n\tfloat dotNV = saturate( dot( normal, viewDir ) );\n\tfloat dotNH = saturate( dot( normal, halfDir ) );\n\tfloat dotVH = saturate( dot( viewDir, halfDir ) );\n\tvec3 F = F_Schlick( f0, f90, dotVH );\n\tfloat V = V_GGX_SmithCorrelated( alpha, dotNL, dotNV );\n\tfloat D = D_GGX( alpha, dotNH );\n\treturn F * ( V * D );\n}\nvec2 LTC_Uv( const in vec3 N, const in vec3 V, const in float roughness ) {\n\tconst float LUT_SIZE = 64.0;\n\tconst float LUT_SCALE = ( LUT_SIZE - 1.0 ) / LUT_SIZE;\n\tconst float LUT_BIAS = 0.5 / LUT_SIZE;\n\tfloat dotNV = saturate( dot( N, V ) );\n\tvec2 uv = vec2( roughness, sqrt( 1.0 - dotNV ) );\n\tuv = uv * LUT_SCALE + LUT_BIAS;\n\treturn uv;\n}\nfloat LTC_ClippedSphereFormFactor( const in vec3 f ) {\n\tfloat l = length( f );\n\treturn max( ( l * l + f.z ) / ( l + 1.0 ), 0.0 );\n}\nvec3 LTC_EdgeVectorFormFactor( const in vec3 v1, const in vec3 v2 ) {\n\tfloat x = dot( v1, v2 );\n\tfloat y = abs( x );\n\tfloat a = 0.8543985 + ( 0.4965155 + 0.0145206 * y ) * y;\n\tfloat b = 3.4175940 + ( 4.1616724 + y ) * y;\n\tfloat v = a / b;\n\tfloat theta_sintheta = ( x > 0.0 ) ? v : 0.5 * inversesqrt( max( 1.0 - x * x, 1e-7 ) ) - v;\n\treturn cross( v1, v2 ) * theta_sintheta;\n}\nvec3 LTC_Evaluate( const in vec3 N, const in vec3 V, const in vec3 P, const in mat3 mInv, const in vec3 rectCoords[ 4 ] ) {\n\tvec3 v1 = rectCoords[ 1 ] - rectCoords[ 0 ];\n\tvec3 v2 = rectCoords[ 3 ] - rectCoords[ 0 ];\n\tvec3 lightNormal = cross( v1, v2 );\n\tif( dot( lightNormal, P - rectCoords[ 0 ] ) < 0.0 ) return vec3( 0.0 );\n\tvec3 T1, T2;\n\tT1 = normalize( V - N * dot( V, N ) );\n\tT2 = - cross( N, T1 );\n\tmat3 mat = mInv * transposeMat3( mat3( T1, T2, N ) );\n\tvec3 coords[ 4 ];\n\tcoords[ 0 ] = mat * ( rectCoords[ 0 ] - P );\n\tcoords[ 1 ] = mat * ( rectCoords[ 1 ] - P );\n\tcoords[ 2 ] = mat * ( rectCoords[ 2 ] - P );\n\tcoords[ 3 ] = mat * ( rectCoords[ 3 ] - P );\n\tcoords[ 0 ] = normalize( coords[ 0 ] );\n\tcoords[ 1 ] = normalize( coords[ 1 ] );\n\tcoords[ 2 ] = normalize( coords[ 2 ] );\n\tcoords[ 3 ] = normalize( coords[ 3 ] );\n\tvec3 vectorFormFactor = vec3( 0.0 );\n\tvectorFormFactor += LTC_EdgeVectorFormFactor( coords[ 0 ], coords[ 1 ] );\n\tvectorFormFactor += LTC_EdgeVectorFormFactor( coords[ 1 ], coords[ 2 ] );\n\tvectorFormFactor += LTC_EdgeVectorFormFactor( coords[ 2 ], coords[ 3 ] );\n\tvectorFormFactor += LTC_EdgeVectorFormFactor( coords[ 3 ], coords[ 0 ] );\n\tfloat result = LTC_ClippedSphereFormFactor( vectorFormFactor );\n\treturn vec3( result );\n}\nfloat G_BlinnPhong_Implicit( ) {\n\treturn 0.25;\n}\nfloat D_BlinnPhong( const in float shininess, const in float dotNH ) {\n\treturn RECIPROCAL_PI * ( shininess * 0.5 + 1.0 ) * pow( dotNH, shininess );\n}\nvec3 BRDF_BlinnPhong( const in IncidentLight incidentLight, const in GeometricContext geometry, const in vec3 specularColor, const in float shininess ) {\n\tvec3 halfDir = normalize( incidentLight.direction + geometry.viewDir );\n\tfloat dotNH = saturate( dot( geometry.normal, halfDir ) );\n\tfloat dotVH = saturate( dot( geometry.viewDir, halfDir ) );\n\tvec3 F = F_Schlick( specularColor, 1.0, dotVH );\n\tfloat G = G_BlinnPhong_Implicit( );\n\tfloat D = D_BlinnPhong( shininess, dotNH );\n\treturn F * ( G * D );\n}\n#if defined( USE_SHEEN )\nfloat D_Charlie( float roughness, float NoH ) {\n\tfloat invAlpha = 1.0 / roughness;\n\tfloat cos2h = NoH * NoH;\n\tfloat sin2h = max( 1.0 - cos2h, 0.0078125 );\n\treturn ( 2.0 + invAlpha ) * pow( sin2h, invAlpha * 0.5 ) / ( 2.0 * PI );\n}\nfloat V_Neubelt( float NoV, float NoL ) {\n\treturn saturate( 1.0 / ( 4.0 * ( NoL + NoV - NoL * NoV ) ) );\n}\nvec3 BRDF_Sheen( const in float roughness, const in vec3 L, const in GeometricContext geometry, vec3 specularColor ) {\n\tvec3 N = geometry.normal;\n\tvec3 V = geometry.viewDir;\n\tvec3 H = normalize( V + L );\n\tfloat dotNH = saturate( dot( N, H ) );\n\treturn specularColor * D_Charlie( roughness, dotNH ) * V_Neubelt( dot(N, V), dot(N, L) );\n}\n#endif";
-
-                       var bumpmap_pars_fragment = "#ifdef USE_BUMPMAP\n\tuniform sampler2D bumpMap;\n\tuniform float bumpScale;\n\tvec2 dHdxy_fwd() {\n\t\tvec2 dSTdx = dFdx( vUv );\n\t\tvec2 dSTdy = dFdy( vUv );\n\t\tfloat Hll = bumpScale * texture2D( bumpMap, vUv ).x;\n\t\tfloat dBx = bumpScale * texture2D( bumpMap, vUv + dSTdx ).x - Hll;\n\t\tfloat dBy = bumpScale * texture2D( bumpMap, vUv + dSTdy ).x - Hll;\n\t\treturn vec2( dBx, dBy );\n\t}\n\tvec3 perturbNormalArb( vec3 surf_pos, vec3 surf_norm, vec2 dHdxy, float faceDirection ) {\n\t\tvec3 vSigmaX = vec3( dFdx( surf_pos.x ), dFdx( surf_pos.y ), dFdx( surf_pos.z ) );\n\t\tvec3 vSigmaY = vec3( dFdy( surf_pos.x ), dFdy( surf_pos.y ), dFdy( surf_pos.z ) );\n\t\tvec3 vN = surf_norm;\n\t\tvec3 R1 = cross( vSigmaY, vN );\n\t\tvec3 R2 = cross( vN, vSigmaX );\n\t\tfloat fDet = dot( vSigmaX, R1 ) * faceDirection;\n\t\tvec3 vGrad = sign( fDet ) * ( dHdxy.x * R1 + dHdxy.y * R2 );\n\t\treturn normalize( abs( fDet ) * surf_norm - vGrad );\n\t}\n#endif";
-
-                       var clipping_planes_fragment = "#if NUM_CLIPPING_PLANES > 0\n\tvec4 plane;\n\t#pragma unroll_loop_start\n\tfor ( int i = 0; i < UNION_CLIPPING_PLANES; i ++ ) {\n\t\tplane = clippingPlanes[ i ];\n\t\tif ( dot( vClipPosition, plane.xyz ) > plane.w ) discard;\n\t}\n\t#pragma unroll_loop_end\n\t#if UNION_CLIPPING_PLANES < NUM_CLIPPING_PLANES\n\t\tbool clipped = true;\n\t\t#pragma unroll_loop_start\n\t\tfor ( int i = UNION_CLIPPING_PLANES; i < NUM_CLIPPING_PLANES; i ++ ) {\n\t\t\tplane = clippingPlanes[ i ];\n\t\t\tclipped = ( dot( vClipPosition, plane.xyz ) > plane.w ) && clipped;\n\t\t}\n\t\t#pragma unroll_loop_end\n\t\tif ( clipped ) discard;\n\t#endif\n#endif";
-
-                       var clipping_planes_pars_fragment = "#if NUM_CLIPPING_PLANES > 0\n\tvarying vec3 vClipPosition;\n\tuniform vec4 clippingPlanes[ NUM_CLIPPING_PLANES ];\n#endif";
-
-                       var clipping_planes_pars_vertex = "#if NUM_CLIPPING_PLANES > 0\n\tvarying vec3 vClipPosition;\n#endif";
-
-                       var clipping_planes_vertex = "#if NUM_CLIPPING_PLANES > 0\n\tvClipPosition = - mvPosition.xyz;\n#endif";
-
-                       var color_fragment = "#if defined( USE_COLOR_ALPHA )\n\tdiffuseColor *= vColor;\n#elif defined( USE_COLOR )\n\tdiffuseColor.rgb *= vColor;\n#endif";
-
-                       var color_pars_fragment = "#if defined( USE_COLOR_ALPHA )\n\tvarying vec4 vColor;\n#elif defined( USE_COLOR )\n\tvarying vec3 vColor;\n#endif";
-
-                       var color_pars_vertex = "#if defined( USE_COLOR_ALPHA )\n\tvarying vec4 vColor;\n#elif defined( USE_COLOR ) || defined( USE_INSTANCING_COLOR )\n\tvarying vec3 vColor;\n#endif";
-
-                       var color_vertex = "#if defined( USE_COLOR_ALPHA )\n\tvColor = vec4( 1.0 );\n#elif defined( USE_COLOR ) || defined( USE_INSTANCING_COLOR )\n\tvColor = vec3( 1.0 );\n#endif\n#ifdef USE_COLOR\n\tvColor *= color;\n#endif\n#ifdef USE_INSTANCING_COLOR\n\tvColor.xyz *= instanceColor.xyz;\n#endif";
-
-                       var common = "#define PI 3.141592653589793\n#define PI2 6.283185307179586\n#define PI_HALF 1.5707963267948966\n#define RECIPROCAL_PI 0.3183098861837907\n#define RECIPROCAL_PI2 0.15915494309189535\n#define EPSILON 1e-6\n#ifndef saturate\n#define saturate( a ) clamp( a, 0.0, 1.0 )\n#endif\n#define whiteComplement( a ) ( 1.0 - saturate( a ) )\nfloat pow2( const in float x ) { return x*x; }\nfloat pow3( const in float x ) { return x*x*x; }\nfloat pow4( const in float x ) { float x2 = x*x; return x2*x2; }\nfloat max3( const in vec3 v ) { return max( max( v.x, v.y ), v.z ); }\nfloat average( const in vec3 color ) { return dot( color, vec3( 0.3333 ) ); }\nhighp float rand( const in vec2 uv ) {\n\tconst highp float a = 12.9898, b = 78.233, c = 43758.5453;\n\thighp float dt = dot( uv.xy, vec2( a,b ) ), sn = mod( dt, PI );\n\treturn fract( sin( sn ) * c );\n}\n#ifdef HIGH_PRECISION\n\tfloat precisionSafeLength( vec3 v ) { return length( v ); }\n#else\n\tfloat precisionSafeLength( vec3 v ) {\n\t\tfloat maxComponent = max3( abs( v ) );\n\t\treturn length( v / maxComponent ) * maxComponent;\n\t}\n#endif\nstruct IncidentLight {\n\tvec3 color;\n\tvec3 direction;\n\tbool visible;\n};\nstruct ReflectedLight {\n\tvec3 directDiffuse;\n\tvec3 directSpecular;\n\tvec3 indirectDiffuse;\n\tvec3 indirectSpecular;\n};\nstruct GeometricContext {\n\tvec3 position;\n\tvec3 normal;\n\tvec3 viewDir;\n#ifdef USE_CLEARCOAT\n\tvec3 clearcoatNormal;\n#endif\n};\nvec3 transformDirection( in vec3 dir, in mat4 matrix ) {\n\treturn normalize( ( matrix * vec4( dir, 0.0 ) ).xyz );\n}\nvec3 inverseTransformDirection( in vec3 dir, in mat4 matrix ) {\n\treturn normalize( ( vec4( dir, 0.0 ) * matrix ).xyz );\n}\nmat3 transposeMat3( const in mat3 m ) {\n\tmat3 tmp;\n\ttmp[ 0 ] = vec3( m[ 0 ].x, m[ 1 ].x, m[ 2 ].x );\n\ttmp[ 1 ] = vec3( m[ 0 ].y, m[ 1 ].y, m[ 2 ].y );\n\ttmp[ 2 ] = vec3( m[ 0 ].z, m[ 1 ].z, m[ 2 ].z );\n\treturn tmp;\n}\nfloat linearToRelativeLuminance( const in vec3 color ) {\n\tvec3 weights = vec3( 0.2126, 0.7152, 0.0722 );\n\treturn dot( weights, color.rgb );\n}\nbool isPerspectiveMatrix( mat4 m ) {\n\treturn m[ 2 ][ 3 ] == - 1.0;\n}\nvec2 equirectUv( in vec3 dir ) {\n\tfloat u = atan( dir.z, dir.x ) * RECIPROCAL_PI2 + 0.5;\n\tfloat v = asin( clamp( dir.y, - 1.0, 1.0 ) ) * RECIPROCAL_PI + 0.5;\n\treturn vec2( u, v );\n}";
-
-                       var cube_uv_reflection_fragment = "#ifdef ENVMAP_TYPE_CUBE_UV\n\t#define cubeUV_maxMipLevel 8.0\n\t#define cubeUV_minMipLevel 4.0\n\t#define cubeUV_maxTileSize 256.0\n\t#define cubeUV_minTileSize 16.0\n\tfloat getFace( vec3 direction ) {\n\t\tvec3 absDirection = abs( direction );\n\t\tfloat face = - 1.0;\n\t\tif ( absDirection.x > absDirection.z ) {\n\t\t\tif ( absDirection.x > absDirection.y )\n\t\t\t\tface = direction.x > 0.0 ? 0.0 : 3.0;\n\t\t\telse\n\t\t\t\tface = direction.y > 0.0 ? 1.0 : 4.0;\n\t\t} else {\n\t\t\tif ( absDirection.z > absDirection.y )\n\t\t\t\tface = direction.z > 0.0 ? 2.0 : 5.0;\n\t\t\telse\n\t\t\t\tface = direction.y > 0.0 ? 1.0 : 4.0;\n\t\t}\n\t\treturn face;\n\t}\n\tvec2 getUV( vec3 direction, float face ) {\n\t\tvec2 uv;\n\t\tif ( face == 0.0 ) {\n\t\t\tuv = vec2( direction.z, direction.y ) / abs( direction.x );\n\t\t} else if ( face == 1.0 ) {\n\t\t\tuv = vec2( - direction.x, - direction.z ) / abs( direction.y );\n\t\t} else if ( face == 2.0 ) {\n\t\t\tuv = vec2( - direction.x, direction.y ) / abs( direction.z );\n\t\t} else if ( face == 3.0 ) {\n\t\t\tuv = vec2( - direction.z, direction.y ) / abs( direction.x );\n\t\t} else if ( face == 4.0 ) {\n\t\t\tuv = vec2( - direction.x, direction.z ) / abs( direction.y );\n\t\t} else {\n\t\t\tuv = vec2( direction.x, direction.y ) / abs( direction.z );\n\t\t}\n\t\treturn 0.5 * ( uv + 1.0 );\n\t}\n\tvec3 bilinearCubeUV( sampler2D envMap, vec3 direction, float mipInt ) {\n\t\tfloat face = getFace( direction );\n\t\tfloat filterInt = max( cubeUV_minMipLevel - mipInt, 0.0 );\n\t\tmipInt = max( mipInt, cubeUV_minMipLevel );\n\t\tfloat faceSize = exp2( mipInt );\n\t\tfloat texelSize = 1.0 / ( 3.0 * cubeUV_maxTileSize );\n\t\tvec2 uv = getUV( direction, face ) * ( faceSize - 1.0 );\n\t\tvec2 f = fract( uv );\n\t\tuv += 0.5 - f;\n\t\tif ( face > 2.0 ) {\n\t\t\tuv.y += faceSize;\n\t\t\tface -= 3.0;\n\t\t}\n\t\tuv.x += face * faceSize;\n\t\tif ( mipInt < cubeUV_maxMipLevel ) {\n\t\t\tuv.y += 2.0 * cubeUV_maxTileSize;\n\t\t}\n\t\tuv.y += filterInt * 2.0 * cubeUV_minTileSize;\n\t\tuv.x += 3.0 * max( 0.0, cubeUV_maxTileSize - 2.0 * faceSize );\n\t\tuv *= texelSize;\n\t\tvec3 tl = envMapTexelToLinear( texture2D( envMap, uv ) ).rgb;\n\t\tuv.x += texelSize;\n\t\tvec3 tr = envMapTexelToLinear( texture2D( envMap, uv ) ).rgb;\n\t\tuv.y += texelSize;\n\t\tvec3 br = envMapTexelToLinear( texture2D( envMap, uv ) ).rgb;\n\t\tuv.x -= texelSize;\n\t\tvec3 bl = envMapTexelToLinear( texture2D( envMap, uv ) ).rgb;\n\t\tvec3 tm = mix( tl, tr, f.x );\n\t\tvec3 bm = mix( bl, br, f.x );\n\t\treturn mix( tm, bm, f.y );\n\t}\n\t#define r0 1.0\n\t#define v0 0.339\n\t#define m0 - 2.0\n\t#define r1 0.8\n\t#define v1 0.276\n\t#define m1 - 1.0\n\t#define r4 0.4\n\t#define v4 0.046\n\t#define m4 2.0\n\t#define r5 0.305\n\t#define v5 0.016\n\t#define m5 3.0\n\t#define r6 0.21\n\t#define v6 0.0038\n\t#define m6 4.0\n\tfloat roughnessToMip( float roughness ) {\n\t\tfloat mip = 0.0;\n\t\tif ( roughness >= r1 ) {\n\t\t\tmip = ( r0 - roughness ) * ( m1 - m0 ) / ( r0 - r1 ) + m0;\n\t\t} else if ( roughness >= r4 ) {\n\t\t\tmip = ( r1 - roughness ) * ( m4 - m1 ) / ( r1 - r4 ) + m1;\n\t\t} else if ( roughness >= r5 ) {\n\t\t\tmip = ( r4 - roughness ) * ( m5 - m4 ) / ( r4 - r5 ) + m4;\n\t\t} else if ( roughness >= r6 ) {\n\t\t\tmip = ( r5 - roughness ) * ( m6 - m5 ) / ( r5 - r6 ) + m5;\n\t\t} else {\n\t\t\tmip = - 2.0 * log2( 1.16 * roughness );\t\t}\n\t\treturn mip;\n\t}\n\tvec4 textureCubeUV( sampler2D envMap, vec3 sampleDir, float roughness ) {\n\t\tfloat mip = clamp( roughnessToMip( roughness ), m0, cubeUV_maxMipLevel );\n\t\tfloat mipF = fract( mip );\n\t\tfloat mipInt = floor( mip );\n\t\tvec3 color0 = bilinearCubeUV( envMap, sampleDir, mipInt );\n\t\tif ( mipF == 0.0 ) {\n\t\t\treturn vec4( color0, 1.0 );\n\t\t} else {\n\t\t\tvec3 color1 = bilinearCubeUV( envMap, sampleDir, mipInt + 1.0 );\n\t\t\treturn vec4( mix( color0, color1, mipF ), 1.0 );\n\t\t}\n\t}\n#endif";
-
-                       var defaultnormal_vertex = "vec3 transformedNormal = objectNormal;\n#ifdef USE_INSTANCING\n\tmat3 m = mat3( instanceMatrix );\n\ttransformedNormal /= vec3( dot( m[ 0 ], m[ 0 ] ), dot( m[ 1 ], m[ 1 ] ), dot( m[ 2 ], m[ 2 ] ) );\n\ttransformedNormal = m * transformedNormal;\n#endif\ntransformedNormal = normalMatrix * transformedNormal;\n#ifdef FLIP_SIDED\n\ttransformedNormal = - transformedNormal;\n#endif\n#ifdef USE_TANGENT\n\tvec3 transformedTangent = ( modelViewMatrix * vec4( objectTangent, 0.0 ) ).xyz;\n\t#ifdef FLIP_SIDED\n\t\ttransformedTangent = - transformedTangent;\n\t#endif\n#endif";
-
-                       var displacementmap_pars_vertex = "#ifdef USE_DISPLACEMENTMAP\n\tuniform sampler2D displacementMap;\n\tuniform float displacementScale;\n\tuniform float displacementBias;\n#endif";
-
-                       var displacementmap_vertex = "#ifdef USE_DISPLACEMENTMAP\n\ttransformed += normalize( objectNormal ) * ( texture2D( displacementMap, vUv ).x * displacementScale + displacementBias );\n#endif";
-
-                       var emissivemap_fragment = "#ifdef USE_EMISSIVEMAP\n\tvec4 emissiveColor = texture2D( emissiveMap, vUv );\n\temissiveColor.rgb = emissiveMapTexelToLinear( emissiveColor ).rgb;\n\ttotalEmissiveRadiance *= emissiveColor.rgb;\n#endif";
-
-                       var emissivemap_pars_fragment = "#ifdef USE_EMISSIVEMAP\n\tuniform sampler2D emissiveMap;\n#endif";
-
-                       var encodings_fragment = "gl_FragColor = linearToOutputTexel( gl_FragColor );";
-
-                       var encodings_pars_fragment = "\nvec4 LinearToLinear( in vec4 value ) {\n\treturn value;\n}\nvec4 GammaToLinear( in vec4 value, in float gammaFactor ) {\n\treturn vec4( pow( value.rgb, vec3( gammaFactor ) ), value.a );\n}\nvec4 LinearToGamma( in vec4 value, in float gammaFactor ) {\n\treturn vec4( pow( value.rgb, vec3( 1.0 / gammaFactor ) ), value.a );\n}\nvec4 sRGBToLinear( in vec4 value ) {\n\treturn vec4( mix( pow( value.rgb * 0.9478672986 + vec3( 0.0521327014 ), vec3( 2.4 ) ), value.rgb * 0.0773993808, vec3( lessThanEqual( value.rgb, vec3( 0.04045 ) ) ) ), value.a );\n}\nvec4 LinearTosRGB( in vec4 value ) {\n\treturn vec4( mix( pow( value.rgb, vec3( 0.41666 ) ) * 1.055 - vec3( 0.055 ), value.rgb * 12.92, vec3( lessThanEqual( value.rgb, vec3( 0.0031308 ) ) ) ), value.a );\n}\nvec4 RGBEToLinear( in vec4 value ) {\n\treturn vec4( value.rgb * exp2( value.a * 255.0 - 128.0 ), 1.0 );\n}\nvec4 LinearToRGBE( in vec4 value ) {\n\tfloat maxComponent = max( max( value.r, value.g ), value.b );\n\tfloat fExp = clamp( ceil( log2( maxComponent ) ), -128.0, 127.0 );\n\treturn vec4( value.rgb / exp2( fExp ), ( fExp + 128.0 ) / 255.0 );\n}\nvec4 RGBMToLinear( in vec4 value, in float maxRange ) {\n\treturn vec4( value.rgb * value.a * maxRange, 1.0 );\n}\nvec4 LinearToRGBM( in vec4 value, in float maxRange ) {\n\tfloat maxRGB = max( value.r, max( value.g, value.b ) );\n\tfloat M = clamp( maxRGB / maxRange, 0.0, 1.0 );\n\tM = ceil( M * 255.0 ) / 255.0;\n\treturn vec4( value.rgb / ( M * maxRange ), M );\n}\nvec4 RGBDToLinear( in vec4 value, in float maxRange ) {\n\treturn vec4( value.rgb * ( ( maxRange / 255.0 ) / value.a ), 1.0 );\n}\nvec4 LinearToRGBD( in vec4 value, in float maxRange ) {\n\tfloat maxRGB = max( value.r, max( value.g, value.b ) );\n\tfloat D = max( maxRange / maxRGB, 1.0 );\n\tD = clamp( floor( D ) / 255.0, 0.0, 1.0 );\n\treturn vec4( value.rgb * ( D * ( 255.0 / maxRange ) ), D );\n}\nconst mat3 cLogLuvM = mat3( 0.2209, 0.3390, 0.4184, 0.1138, 0.6780, 0.7319, 0.0102, 0.1130, 0.2969 );\nvec4 LinearToLogLuv( in vec4 value ) {\n\tvec3 Xp_Y_XYZp = cLogLuvM * value.rgb;\n\tXp_Y_XYZp = max( Xp_Y_XYZp, vec3( 1e-6, 1e-6, 1e-6 ) );\n\tvec4 vResult;\n\tvResult.xy = Xp_Y_XYZp.xy / Xp_Y_XYZp.z;\n\tfloat Le = 2.0 * log2(Xp_Y_XYZp.y) + 127.0;\n\tvResult.w = fract( Le );\n\tvResult.z = ( Le - ( floor( vResult.w * 255.0 ) ) / 255.0 ) / 255.0;\n\treturn vResult;\n}\nconst mat3 cLogLuvInverseM = mat3( 6.0014, -2.7008, -1.7996, -1.3320, 3.1029, -5.7721, 0.3008, -1.0882, 5.6268 );\nvec4 LogLuvToLinear( in vec4 value ) {\n\tfloat Le = value.z * 255.0 + value.w;\n\tvec3 Xp_Y_XYZp;\n\tXp_Y_XYZp.y = exp2( ( Le - 127.0 ) / 2.0 );\n\tXp_Y_XYZp.z = Xp_Y_XYZp.y / value.y;\n\tXp_Y_XYZp.x = value.x * Xp_Y_XYZp.z;\n\tvec3 vRGB = cLogLuvInverseM * Xp_Y_XYZp.rgb;\n\treturn vec4( max( vRGB, 0.0 ), 1.0 );\n}";
-
-                       var envmap_fragment = "#ifdef USE_ENVMAP\n\t#ifdef ENV_WORLDPOS\n\t\tvec3 cameraToFrag;\n\t\tif ( isOrthographic ) {\n\t\t\tcameraToFrag = normalize( vec3( - viewMatrix[ 0 ][ 2 ], - viewMatrix[ 1 ][ 2 ], - viewMatrix[ 2 ][ 2 ] ) );\n\t\t} else {\n\t\t\tcameraToFrag = normalize( vWorldPosition - cameraPosition );\n\t\t}\n\t\tvec3 worldNormal = inverseTransformDirection( normal, viewMatrix );\n\t\t#ifdef ENVMAP_MODE_REFLECTION\n\t\t\tvec3 reflectVec = reflect( cameraToFrag, worldNormal );\n\t\t#else\n\t\t\tvec3 reflectVec = refract( cameraToFrag, worldNormal, refractionRatio );\n\t\t#endif\n\t#else\n\t\tvec3 reflectVec = vReflect;\n\t#endif\n\t#ifdef ENVMAP_TYPE_CUBE\n\t\tvec4 envColor = textureCube( envMap, vec3( flipEnvMap * reflectVec.x, reflectVec.yz ) );\n\t\tenvColor = envMapTexelToLinear( envColor );\n\t#elif defined( ENVMAP_TYPE_CUBE_UV )\n\t\tvec4 envColor = textureCubeUV( envMap, reflectVec, 0.0 );\n\t#else\n\t\tvec4 envColor = vec4( 0.0 );\n\t#endif\n\t#ifdef ENVMAP_BLENDING_MULTIPLY\n\t\toutgoingLight = mix( outgoingLight, outgoingLight * envColor.xyz, specularStrength * reflectivity );\n\t#elif defined( ENVMAP_BLENDING_MIX )\n\t\toutgoingLight = mix( outgoingLight, envColor.xyz, specularStrength * reflectivity );\n\t#elif defined( ENVMAP_BLENDING_ADD )\n\t\toutgoingLight += envColor.xyz * specularStrength * reflectivity;\n\t#endif\n#endif";
-
-                       var envmap_common_pars_fragment = "#ifdef USE_ENVMAP\n\tuniform float envMapIntensity;\n\tuniform float flipEnvMap;\n\tuniform int maxMipLevel;\n\t#ifdef ENVMAP_TYPE_CUBE\n\t\tuniform samplerCube envMap;\n\t#else\n\t\tuniform sampler2D envMap;\n\t#endif\n\t\n#endif";
-
-                       var envmap_pars_fragment = "#ifdef USE_ENVMAP\n\tuniform float reflectivity;\n\t#if defined( USE_BUMPMAP ) || defined( USE_NORMALMAP ) || defined( PHONG )\n\t\t#define ENV_WORLDPOS\n\t#endif\n\t#ifdef ENV_WORLDPOS\n\t\tvarying vec3 vWorldPosition;\n\t\tuniform float refractionRatio;\n\t#else\n\t\tvarying vec3 vReflect;\n\t#endif\n#endif";
-
-                       var envmap_pars_vertex = "#ifdef USE_ENVMAP\n\t#if defined( USE_BUMPMAP ) || defined( USE_NORMALMAP ) ||defined( PHONG )\n\t\t#define ENV_WORLDPOS\n\t#endif\n\t#ifdef ENV_WORLDPOS\n\t\t\n\t\tvarying vec3 vWorldPosition;\n\t#else\n\t\tvarying vec3 vReflect;\n\t\tuniform float refractionRatio;\n\t#endif\n#endif";
-
-                       var envmap_vertex = "#ifdef USE_ENVMAP\n\t#ifdef ENV_WORLDPOS\n\t\tvWorldPosition = worldPosition.xyz;\n\t#else\n\t\tvec3 cameraToVertex;\n\t\tif ( isOrthographic ) {\n\t\t\tcameraToVertex = normalize( vec3( - viewMatrix[ 0 ][ 2 ], - viewMatrix[ 1 ][ 2 ], - viewMatrix[ 2 ][ 2 ] ) );\n\t\t} else {\n\t\t\tcameraToVertex = normalize( worldPosition.xyz - cameraPosition );\n\t\t}\n\t\tvec3 worldNormal = inverseTransformDirection( transformedNormal, viewMatrix );\n\t\t#ifdef ENVMAP_MODE_REFLECTION\n\t\t\tvReflect = reflect( cameraToVertex, worldNormal );\n\t\t#else\n\t\t\tvReflect = refract( cameraToVertex, worldNormal, refractionRatio );\n\t\t#endif\n\t#endif\n#endif";
-
-                       var fog_vertex = "#ifdef USE_FOG\n\tvFogDepth = - mvPosition.z;\n#endif";
-
-                       var fog_pars_vertex = "#ifdef USE_FOG\n\tvarying float vFogDepth;\n#endif";
-
-                       var fog_fragment = "#ifdef USE_FOG\n\t#ifdef FOG_EXP2\n\t\tfloat fogFactor = 1.0 - exp( - fogDensity * fogDensity * vFogDepth * vFogDepth );\n\t#else\n\t\tfloat fogFactor = smoothstep( fogNear, fogFar, vFogDepth );\n\t#endif\n\tgl_FragColor.rgb = mix( gl_FragColor.rgb, fogColor, fogFactor );\n#endif";
-
-                       var fog_pars_fragment = "#ifdef USE_FOG\n\tuniform vec3 fogColor;\n\tvarying float vFogDepth;\n\t#ifdef FOG_EXP2\n\t\tuniform float fogDensity;\n\t#else\n\t\tuniform float fogNear;\n\t\tuniform float fogFar;\n\t#endif\n#endif";
-
-                       var gradientmap_pars_fragment = "#ifdef USE_GRADIENTMAP\n\tuniform sampler2D gradientMap;\n#endif\nvec3 getGradientIrradiance( vec3 normal, vec3 lightDirection ) {\n\tfloat dotNL = dot( normal, lightDirection );\n\tvec2 coord = vec2( dotNL * 0.5 + 0.5, 0.0 );\n\t#ifdef USE_GRADIENTMAP\n\t\treturn texture2D( gradientMap, coord ).rgb;\n\t#else\n\t\treturn ( coord.x < 0.7 ) ? vec3( 0.7 ) : vec3( 1.0 );\n\t#endif\n}";
-
-                       var lightmap_fragment = "#ifdef USE_LIGHTMAP\n\tvec4 lightMapTexel = texture2D( lightMap, vUv2 );\n\tvec3 lightMapIrradiance = lightMapTexelToLinear( lightMapTexel ).rgb * lightMapIntensity;\n\t#ifndef PHYSICALLY_CORRECT_LIGHTS\n\t\tlightMapIrradiance *= PI;\n\t#endif\n\treflectedLight.indirectDiffuse += lightMapIrradiance;\n#endif";
-
-                       var lightmap_pars_fragment = "#ifdef USE_LIGHTMAP\n\tuniform sampler2D lightMap;\n\tuniform float lightMapIntensity;\n#endif";
-
-                       var lights_lambert_vertex = "vec3 diffuse = vec3( 1.0 );\nGeometricContext geometry;\ngeometry.position = mvPosition.xyz;\ngeometry.normal = normalize( transformedNormal );\ngeometry.viewDir = ( isOrthographic ) ? vec3( 0, 0, 1 ) : normalize( -mvPosition.xyz );\nGeometricContext backGeometry;\nbackGeometry.position = geometry.position;\nbackGeometry.normal = -geometry.normal;\nbackGeometry.viewDir = geometry.viewDir;\nvLightFront = vec3( 0.0 );\nvIndirectFront = vec3( 0.0 );\n#ifdef DOUBLE_SIDED\n\tvLightBack = vec3( 0.0 );\n\tvIndirectBack = vec3( 0.0 );\n#endif\nIncidentLight directLight;\nfloat dotNL;\nvec3 directLightColor_Diffuse;\nvIndirectFront += getAmbientLightIrradiance( ambientLightColor );\nvIndirectFront += getLightProbeIrradiance( lightProbe, geometry );\n#ifdef DOUBLE_SIDED\n\tvIndirectBack += getAmbientLightIrradiance( ambientLightColor );\n\tvIndirectBack += getLightProbeIrradiance( lightProbe, backGeometry );\n#endif\n#if NUM_POINT_LIGHTS > 0\n\t#pragma unroll_loop_start\n\tfor ( int i = 0; i < NUM_POINT_LIGHTS; i ++ ) {\n\t\tgetPointLightInfo( pointLights[ i ], geometry, directLight );\n\t\tdotNL = dot( geometry.normal, directLight.direction );\n\t\tdirectLightColor_Diffuse = directLight.color;\n\t\tvLightFront += saturate( dotNL ) * directLightColor_Diffuse;\n\t\t#ifdef DOUBLE_SIDED\n\t\t\tvLightBack += saturate( - dotNL ) * directLightColor_Diffuse;\n\t\t#endif\n\t}\n\t#pragma unroll_loop_end\n#endif\n#if NUM_SPOT_LIGHTS > 0\n\t#pragma unroll_loop_start\n\tfor ( int i = 0; i < NUM_SPOT_LIGHTS; i ++ ) {\n\t\tgetSpotLightInfo( spotLights[ i ], geometry, directLight );\n\t\tdotNL = dot( geometry.normal, directLight.direction );\n\t\tdirectLightColor_Diffuse = directLight.color;\n\t\tvLightFront += saturate( dotNL ) * directLightColor_Diffuse;\n\t\t#ifdef DOUBLE_SIDED\n\t\t\tvLightBack += saturate( - dotNL ) * directLightColor_Diffuse;\n\t\t#endif\n\t}\n\t#pragma unroll_loop_end\n#endif\n#if NUM_DIR_LIGHTS > 0\n\t#pragma unroll_loop_start\n\tfor ( int i = 0; i < NUM_DIR_LIGHTS; i ++ ) {\n\t\tgetDirectionalLightInfo( directionalLights[ i ], geometry, directLight );\n\t\tdotNL = dot( geometry.normal, directLight.direction );\n\t\tdirectLightColor_Diffuse = directLight.color;\n\t\tvLightFront += saturate( dotNL ) * directLightColor_Diffuse;\n\t\t#ifdef DOUBLE_SIDED\n\t\t\tvLightBack += saturate( - dotNL ) * directLightColor_Diffuse;\n\t\t#endif\n\t}\n\t#pragma unroll_loop_end\n#endif\n#if NUM_HEMI_LIGHTS > 0\n\t#pragma unroll_loop_start\n\tfor ( int i = 0; i < NUM_HEMI_LIGHTS; i ++ ) {\n\t\tvIndirectFront += getHemisphereLightIrradiance( hemisphereLights[ i ], geometry );\n\t\t#ifdef DOUBLE_SIDED\n\t\t\tvIndirectBack += getHemisphereLightIrradiance( hemisphereLights[ i ], backGeometry );\n\t\t#endif\n\t}\n\t#pragma unroll_loop_end\n#endif";
-
-                       var lights_pars_begin = "uniform bool receiveShadow;\nuniform vec3 ambientLightColor;\nuniform vec3 lightProbe[ 9 ];\nvec3 shGetIrradianceAt( in vec3 normal, in vec3 shCoefficients[ 9 ] ) {\n\tfloat x = normal.x, y = normal.y, z = normal.z;\n\tvec3 result = shCoefficients[ 0 ] * 0.886227;\n\tresult += shCoefficients[ 1 ] * 2.0 * 0.511664 * y;\n\tresult += shCoefficients[ 2 ] * 2.0 * 0.511664 * z;\n\tresult += shCoefficients[ 3 ] * 2.0 * 0.511664 * x;\n\tresult += shCoefficients[ 4 ] * 2.0 * 0.429043 * x * y;\n\tresult += shCoefficients[ 5 ] * 2.0 * 0.429043 * y * z;\n\tresult += shCoefficients[ 6 ] * ( 0.743125 * z * z - 0.247708 );\n\tresult += shCoefficients[ 7 ] * 2.0 * 0.429043 * x * z;\n\tresult += shCoefficients[ 8 ] * 0.429043 * ( x * x - y * y );\n\treturn result;\n}\nvec3 getLightProbeIrradiance( const in vec3 lightProbe[ 9 ], const in GeometricContext geometry ) {\n\tvec3 worldNormal = inverseTransformDirection( geometry.normal, viewMatrix );\n\tvec3 irradiance = shGetIrradianceAt( worldNormal, lightProbe );\n\treturn irradiance;\n}\nvec3 getAmbientLightIrradiance( const in vec3 ambientLightColor ) {\n\tvec3 irradiance = ambientLightColor;\n\treturn irradiance;\n}\nfloat getDistanceAttenuation( const in float lightDistance, const in float cutoffDistance, const in float decayExponent ) {\n\t#if defined ( PHYSICALLY_CORRECT_LIGHTS )\n\t\tfloat distanceFalloff = 1.0 / max( pow( lightDistance, decayExponent ), 0.01 );\n\t\tif ( cutoffDistance > 0.0 ) {\n\t\t\tdistanceFalloff *= pow2( saturate( 1.0 - pow4( lightDistance / cutoffDistance ) ) );\n\t\t}\n\t\treturn distanceFalloff;\n\t#else\n\t\tif ( cutoffDistance > 0.0 && decayExponent > 0.0 ) {\n\t\t\treturn pow( saturate( - lightDistance / cutoffDistance + 1.0 ), decayExponent );\n\t\t}\n\t\treturn 1.0;\n\t#endif\n}\nfloat getSpotAttenuation( const in float coneCosine, const in float penumbraCosine, const in float angleCosine ) {\n\treturn smoothstep( coneCosine, penumbraCosine, angleCosine );\n}\n#if NUM_DIR_LIGHTS > 0\n\tstruct DirectionalLight {\n\t\tvec3 direction;\n\t\tvec3 color;\n\t};\n\tuniform DirectionalLight directionalLights[ NUM_DIR_LIGHTS ];\n\tvoid getDirectionalLightInfo( const in DirectionalLight directionalLight, const in GeometricContext geometry, out IncidentLight light ) {\n\t\tlight.color = directionalLight.color;\n\t\tlight.direction = directionalLight.direction;\n\t\tlight.visible = true;\n\t}\n#endif\n#if NUM_POINT_LIGHTS > 0\n\tstruct PointLight {\n\t\tvec3 position;\n\t\tvec3 color;\n\t\tfloat distance;\n\t\tfloat decay;\n\t};\n\tuniform PointLight pointLights[ NUM_POINT_LIGHTS ];\n\tvoid getPointLightInfo( const in PointLight pointLight, const in GeometricContext geometry, out IncidentLight light ) {\n\t\tvec3 lVector = pointLight.position - geometry.position;\n\t\tlight.direction = normalize( lVector );\n\t\tfloat lightDistance = length( lVector );\n\t\tlight.color = pointLight.color;\n\t\tlight.color *= getDistanceAttenuation( lightDistance, pointLight.distance, pointLight.decay );\n\t\tlight.visible = ( light.color != vec3( 0.0 ) );\n\t}\n#endif\n#if NUM_SPOT_LIGHTS > 0\n\tstruct SpotLight {\n\t\tvec3 position;\n\t\tvec3 direction;\n\t\tvec3 color;\n\t\tfloat distance;\n\t\tfloat decay;\n\t\tfloat coneCos;\n\t\tfloat penumbraCos;\n\t};\n\tuniform SpotLight spotLights[ NUM_SPOT_LIGHTS ];\n\tvoid getSpotLightInfo( const in SpotLight spotLight, const in GeometricContext geometry, out IncidentLight light ) {\n\t\tvec3 lVector = spotLight.position - geometry.position;\n\t\tlight.direction = normalize( lVector );\n\t\tfloat angleCos = dot( light.direction, spotLight.direction );\n\t\tfloat spotAttenuation = getSpotAttenuation( spotLight.coneCos, spotLight.penumbraCos, angleCos );\n\t\tif ( spotAttenuation > 0.0 ) {\n\t\t\tfloat lightDistance = length( lVector );\n\t\t\tlight.color = spotLight.color * spotAttenuation;\n\t\t\tlight.color *= getDistanceAttenuation( lightDistance, spotLight.distance, spotLight.decay );\n\t\t\tlight.visible = ( light.color != vec3( 0.0 ) );\n\t\t} else {\n\t\t\tlight.color = vec3( 0.0 );\n\t\t\tlight.visible = false;\n\t\t}\n\t}\n#endif\n#if NUM_RECT_AREA_LIGHTS > 0\n\tstruct RectAreaLight {\n\t\tvec3 color;\n\t\tvec3 position;\n\t\tvec3 halfWidth;\n\t\tvec3 halfHeight;\n\t};\n\tuniform sampler2D ltc_1;\tuniform sampler2D ltc_2;\n\tuniform RectAreaLight rectAreaLights[ NUM_RECT_AREA_LIGHTS ];\n#endif\n#if NUM_HEMI_LIGHTS > 0\n\tstruct HemisphereLight {\n\t\tvec3 direction;\n\t\tvec3 skyColor;\n\t\tvec3 groundColor;\n\t};\n\tuniform HemisphereLight hemisphereLights[ NUM_HEMI_LIGHTS ];\n\tvec3 getHemisphereLightIrradiance( const in HemisphereLight hemiLight, const in GeometricContext geometry ) {\n\t\tfloat dotNL = dot( geometry.normal, hemiLight.direction );\n\t\tfloat hemiDiffuseWeight = 0.5 * dotNL + 0.5;\n\t\tvec3 irradiance = mix( hemiLight.groundColor, hemiLight.skyColor, hemiDiffuseWeight );\n\t\treturn irradiance;\n\t}\n#endif";
-
-                       var envmap_physical_pars_fragment = "#if defined( USE_ENVMAP )\n\t#ifdef ENVMAP_MODE_REFRACTION\n\t\tuniform float refractionRatio;\n\t#endif\n\tvec3 getIBLIrradiance( const in GeometricContext geometry ) {\n\t\t#if defined( ENVMAP_TYPE_CUBE_UV )\n\t\t\tvec3 worldNormal = inverseTransformDirection( geometry.normal, viewMatrix );\n\t\t\tvec4 envMapColor = textureCubeUV( envMap, worldNormal, 1.0 );\n\t\t\treturn PI * envMapColor.rgb * envMapIntensity;\n\t\t#else\n\t\t\treturn vec3( 0.0 );\n\t\t#endif\n\t}\n\tvec3 getIBLRadiance( const in vec3 viewDir, const in vec3 normal, const in float roughness ) {\n\t\t#if defined( ENVMAP_TYPE_CUBE_UV )\n\t\t\tvec3 reflectVec;\n\t\t\t#ifdef ENVMAP_MODE_REFLECTION\n\t\t\t\treflectVec = reflect( - viewDir, normal );\n\t\t\t\treflectVec = normalize( mix( reflectVec, normal, roughness * roughness) );\n\t\t\t#else\n\t\t\t\treflectVec = refract( - viewDir, normal, refractionRatio );\n\t\t\t#endif\n\t\t\treflectVec = inverseTransformDirection( reflectVec, viewMatrix );\n\t\t\tvec4 envMapColor = textureCubeUV( envMap, reflectVec, roughness );\n\t\t\treturn envMapColor.rgb * envMapIntensity;\n\t\t#else\n\t\t\treturn vec3( 0.0 );\n\t\t#endif\n\t}\n#endif";
-
-                       var lights_toon_fragment = "ToonMaterial material;\nmaterial.diffuseColor = diffuseColor.rgb;";
-
-                       var lights_toon_pars_fragment = "varying vec3 vViewPosition;\nstruct ToonMaterial {\n\tvec3 diffuseColor;\n};\nvoid RE_Direct_Toon( const in IncidentLight directLight, const in GeometricContext geometry, const in ToonMaterial material, inout ReflectedLight reflectedLight ) {\n\tvec3 irradiance = getGradientIrradiance( geometry.normal, directLight.direction ) * directLight.color;\n\treflectedLight.directDiffuse += irradiance * BRDF_Lambert( material.diffuseColor );\n}\nvoid RE_IndirectDiffuse_Toon( const in vec3 irradiance, const in GeometricContext geometry, const in ToonMaterial material, inout ReflectedLight reflectedLight ) {\n\treflectedLight.indirectDiffuse += irradiance * BRDF_Lambert( material.diffuseColor );\n}\n#define RE_Direct\t\t\t\tRE_Direct_Toon\n#define RE_IndirectDiffuse\t\tRE_IndirectDiffuse_Toon\n#define Material_LightProbeLOD( material )\t(0)";
-
-                       var lights_phong_fragment = "BlinnPhongMaterial material;\nmaterial.diffuseColor = diffuseColor.rgb;\nmaterial.specularColor = specular;\nmaterial.specularShininess = shininess;\nmaterial.specularStrength = specularStrength;";
-
-                       var lights_phong_pars_fragment = "varying vec3 vViewPosition;\nstruct BlinnPhongMaterial {\n\tvec3 diffuseColor;\n\tvec3 specularColor;\n\tfloat specularShininess;\n\tvec3 specularStrength;\n};\nvoid RE_Direct_BlinnPhong( const in IncidentLight directLight, const in GeometricContext geometry, const in BlinnPhongMaterial material, inout ReflectedLight reflectedLight ) {\n\tfloat dotNL = saturate( dot( geometry.normal, directLight.direction ) );\n\tvec3 irradiance = dotNL * directLight.color;\n\treflectedLight.directDiffuse += irradiance * BRDF_Lambert( material.diffuseColor );\n\treflectedLight.directSpecular += irradiance * BRDF_BlinnPhong( directLight, geometry, material.specularColor, material.specularShininess ) * material.specularStrength.rgb;\n}\nvoid RE_IndirectDiffuse_BlinnPhong( const in vec3 irradiance, const in GeometricContext geometry, const in BlinnPhongMaterial material, inout ReflectedLight reflectedLight ) {\n\treflectedLight.indirectDiffuse += irradiance * BRDF_Lambert( material.diffuseColor );\n}\n#define RE_Direct\t\t\t\tRE_Direct_BlinnPhong\n#define RE_IndirectDiffuse\t\tRE_IndirectDiffuse_BlinnPhong\n#define Material_LightProbeLOD( material )\t(0)";
-
-                       var lights_physical_fragment = "PhysicalMaterial material;\nmaterial.diffuseColor = diffuseColor.rgb * ( 1.0 - metalnessFactor );\nvec3 dxy = max( abs( dFdx( geometryNormal ) ), abs( dFdy( geometryNormal ) ) );\nfloat geometryRoughness = max( max( dxy.x, dxy.y ), dxy.z );\nmaterial.roughness = max( roughnessFactor, 0.0525 );material.roughness += geometryRoughness;\nmaterial.roughness = min( material.roughness, 1.0 );\n#ifdef IOR\n\t#ifdef SPECULAR\n\t\tfloat specularIntensityFactor = specularIntensity;\n\t\tvec3 specularTintFactor = specularTint;\n\t\t#ifdef USE_SPECULARINTENSITYMAP\n\t\t\tspecularIntensityFactor *= texture2D( specularIntensityMap, vUv ).a;\n\t\t#endif\n\t\t#ifdef USE_SPECULARTINTMAP\n\t\t\tspecularTintFactor *= specularTintMapTexelToLinear( texture2D( specularTintMap, vUv ) ).rgb;\n\t\t#endif\n\t\tmaterial.specularF90 = mix( specularIntensityFactor, 1.0, metalnessFactor );\n\t#else\n\t\tfloat specularIntensityFactor = 1.0;\n\t\tvec3 specularTintFactor = vec3( 1.0 );\n\t\tmaterial.specularF90 = 1.0;\n\t#endif\n\tmaterial.specularColor = mix( min( pow2( ( ior - 1.0 ) / ( ior + 1.0 ) ) * specularTintFactor, vec3( 1.0 ) ) * specularIntensityFactor, diffuseColor.rgb, metalnessFactor );\n#else\n\tmaterial.specularColor = mix( vec3( 0.04 ), diffuseColor.rgb, metalnessFactor );\n\tmaterial.specularF90 = 1.0;\n#endif\n#ifdef USE_CLEARCOAT\n\tmaterial.clearcoat = clearcoat;\n\tmaterial.clearcoatRoughness = clearcoatRoughness;\n\tmaterial.clearcoatF0 = vec3( 0.04 );\n\tmaterial.clearcoatF90 = 1.0;\n\t#ifdef USE_CLEARCOATMAP\n\t\tmaterial.clearcoat *= texture2D( clearcoatMap, vUv ).x;\n\t#endif\n\t#ifdef USE_CLEARCOAT_ROUGHNESSMAP\n\t\tmaterial.clearcoatRoughness *= texture2D( clearcoatRoughnessMap, vUv ).y;\n\t#endif\n\tmaterial.clearcoat = saturate( material.clearcoat );\tmaterial.clearcoatRoughness = max( material.clearcoatRoughness, 0.0525 );\n\tmaterial.clearcoatRoughness += geometryRoughness;\n\tmaterial.clearcoatRoughness = min( material.clearcoatRoughness, 1.0 );\n#endif\n#ifdef USE_SHEEN\n\tmaterial.sheenTint = sheenTint;\n#endif";
-
-                       var lights_physical_pars_fragment = "struct PhysicalMaterial {\n\tvec3 diffuseColor;\n\tfloat roughness;\n\tvec3 specularColor;\n\tfloat specularF90;\n\t#ifdef USE_CLEARCOAT\n\t\tfloat clearcoat;\n\t\tfloat clearcoatRoughness;\n\t\tvec3 clearcoatF0;\n\t\tfloat clearcoatF90;\n\t#endif\n\t#ifdef USE_SHEEN\n\t\tvec3 sheenTint;\n\t#endif\n};\nvec3 clearcoatSpecular = vec3( 0.0 );\nvec2 DFGApprox( const in vec3 normal, const in vec3 viewDir, const in float roughness ) {\n\tfloat dotNV = saturate( dot( normal, viewDir ) );\n\tconst vec4 c0 = vec4( - 1, - 0.0275, - 0.572, 0.022 );\n\tconst vec4 c1 = vec4( 1, 0.0425, 1.04, - 0.04 );\n\tvec4 r = roughness * c0 + c1;\n\tfloat a004 = min( r.x * r.x, exp2( - 9.28 * dotNV ) ) * r.x + r.y;\n\tvec2 fab = vec2( - 1.04, 1.04 ) * a004 + r.zw;\n\treturn fab;\n}\nvec3 EnvironmentBRDF( const in vec3 normal, const in vec3 viewDir, const in vec3 specularColor, const in float specularF90, const in float roughness ) {\n\tvec2 fab = DFGApprox( normal, viewDir, roughness );\n\treturn specularColor * fab.x + specularF90 * fab.y;\n}\nvoid computeMultiscattering( const in vec3 normal, const in vec3 viewDir, const in vec3 specularColor, const in float specularF90, const in float roughness, inout vec3 singleScatter, inout vec3 multiScatter ) {\n\tvec2 fab = DFGApprox( normal, viewDir, roughness );\n\tvec3 FssEss = specularColor * fab.x + specularF90 * fab.y;\n\tfloat Ess = fab.x + fab.y;\n\tfloat Ems = 1.0 - Ess;\n\tvec3 Favg = specularColor + ( 1.0 - specularColor ) * 0.047619;\tvec3 Fms = FssEss * Favg / ( 1.0 - Ems * Favg );\n\tsingleScatter += FssEss;\n\tmultiScatter += Fms * Ems;\n}\n#if NUM_RECT_AREA_LIGHTS > 0\n\tvoid RE_Direct_RectArea_Physical( const in RectAreaLight rectAreaLight, const in GeometricContext geometry, const in PhysicalMaterial material, inout ReflectedLight reflectedLight ) {\n\t\tvec3 normal = geometry.normal;\n\t\tvec3 viewDir = geometry.viewDir;\n\t\tvec3 position = geometry.position;\n\t\tvec3 lightPos = rectAreaLight.position;\n\t\tvec3 halfWidth = rectAreaLight.halfWidth;\n\t\tvec3 halfHeight = rectAreaLight.halfHeight;\n\t\tvec3 lightColor = rectAreaLight.color;\n\t\tfloat roughness = material.roughness;\n\t\tvec3 rectCoords[ 4 ];\n\t\trectCoords[ 0 ] = lightPos + halfWidth - halfHeight;\t\trectCoords[ 1 ] = lightPos - halfWidth - halfHeight;\n\t\trectCoords[ 2 ] = lightPos - halfWidth + halfHeight;\n\t\trectCoords[ 3 ] = lightPos + halfWidth + halfHeight;\n\t\tvec2 uv = LTC_Uv( normal, viewDir, roughness );\n\t\tvec4 t1 = texture2D( ltc_1, uv );\n\t\tvec4 t2 = texture2D( ltc_2, uv );\n\t\tmat3 mInv = mat3(\n\t\t\tvec3( t1.x, 0, t1.y ),\n\t\t\tvec3(          0, 1,           0 ),\n\t\t\tvec3( t1.z, 0, t1.w )\n\t\t);\n\t\tvec3 fresnel = ( material.specularColor * t2.x + ( vec3( 1.0 ) - material.specularColor ) * t2.y );\n\t\treflectedLight.directSpecular += lightColor * fresnel * LTC_Evaluate( normal, viewDir, position, mInv, rectCoords );\n\t\treflectedLight.directDiffuse += lightColor * material.diffuseColor * LTC_Evaluate( normal, viewDir, position, mat3( 1.0 ), rectCoords );\n\t}\n#endif\nvoid RE_Direct_Physical( const in IncidentLight directLight, const in GeometricContext geometry, const in PhysicalMaterial material, inout ReflectedLight reflectedLight ) {\n\tfloat dotNL = saturate( dot( geometry.normal, directLight.direction ) );\n\tvec3 irradiance = dotNL * directLight.color;\n\t#ifdef USE_CLEARCOAT\n\t\tfloat dotNLcc = saturate( dot( geometry.clearcoatNormal, directLight.direction ) );\n\t\tvec3 ccIrradiance = dotNLcc * directLight.color;\n\t\tclearcoatSpecular += ccIrradiance * BRDF_GGX( directLight, geometry.viewDir, geometry.clearcoatNormal, material.clearcoatF0, material.clearcoatF90, material.clearcoatRoughness );\n\t#endif\n\t#ifdef USE_SHEEN\n\t\treflectedLight.directSpecular += irradiance * BRDF_Sheen( material.roughness, directLight.direction, geometry, material.sheenTint );\n\t#else\n\t\treflectedLight.directSpecular += irradiance * BRDF_GGX( directLight, geometry.viewDir, geometry.normal, material.specularColor, material.specularF90, material.roughness );\n\t#endif\n\treflectedLight.directDiffuse += irradiance * BRDF_Lambert( material.diffuseColor );\n}\nvoid RE_IndirectDiffuse_Physical( const in vec3 irradiance, const in GeometricContext geometry, const in PhysicalMaterial material, inout ReflectedLight reflectedLight ) {\n\treflectedLight.indirectDiffuse += irradiance * BRDF_Lambert( material.diffuseColor );\n}\nvoid RE_IndirectSpecular_Physical( const in vec3 radiance, const in vec3 irradiance, const in vec3 clearcoatRadiance, const in GeometricContext geometry, const in PhysicalMaterial material, inout ReflectedLight reflectedLight) {\n\t#ifdef USE_CLEARCOAT\n\t\tclearcoatSpecular += clearcoatRadiance * EnvironmentBRDF( geometry.clearcoatNormal, geometry.viewDir, material.clearcoatF0, material.clearcoatF90, material.clearcoatRoughness );\n\t#endif\n\tvec3 singleScattering = vec3( 0.0 );\n\tvec3 multiScattering = vec3( 0.0 );\n\tvec3 cosineWeightedIrradiance = irradiance * RECIPROCAL_PI;\n\tcomputeMultiscattering( geometry.normal, geometry.viewDir, material.specularColor, material.specularF90, material.roughness, singleScattering, multiScattering );\n\tvec3 diffuse = material.diffuseColor * ( 1.0 - ( singleScattering + multiScattering ) );\n\treflectedLight.indirectSpecular += radiance * singleScattering;\n\treflectedLight.indirectSpecular += multiScattering * cosineWeightedIrradiance;\n\treflectedLight.indirectDiffuse += diffuse * cosineWeightedIrradiance;\n}\n#define RE_Direct\t\t\t\tRE_Direct_Physical\n#define RE_Direct_RectArea\t\tRE_Direct_RectArea_Physical\n#define RE_IndirectDiffuse\t\tRE_IndirectDiffuse_Physical\n#define RE_IndirectSpecular\t\tRE_IndirectSpecular_Physical\nfloat computeSpecularOcclusion( const in float dotNV, const in float ambientOcclusion, const in float roughness ) {\n\treturn saturate( pow( dotNV + ambientOcclusion, exp2( - 16.0 * roughness - 1.0 ) ) - 1.0 + ambientOcclusion );\n}";
-
-                       var lights_fragment_begin = "\nGeometricContext geometry;\ngeometry.position = - vViewPosition;\ngeometry.normal = normal;\ngeometry.viewDir = ( isOrthographic ) ? vec3( 0, 0, 1 ) : normalize( vViewPosition );\n#ifdef USE_CLEARCOAT\n\tgeometry.clearcoatNormal = clearcoatNormal;\n#endif\nIncidentLight directLight;\n#if ( NUM_POINT_LIGHTS > 0 ) && defined( RE_Direct )\n\tPointLight pointLight;\n\t#if defined( USE_SHADOWMAP ) && NUM_POINT_LIGHT_SHADOWS > 0\n\tPointLightShadow pointLightShadow;\n\t#endif\n\t#pragma unroll_loop_start\n\tfor ( int i = 0; i < NUM_POINT_LIGHTS; i ++ ) {\n\t\tpointLight = pointLights[ i ];\n\t\tgetPointLightInfo( pointLight, geometry, directLight );\n\t\t#if defined( USE_SHADOWMAP ) && ( UNROLLED_LOOP_INDEX < NUM_POINT_LIGHT_SHADOWS )\n\t\tpointLightShadow = pointLightShadows[ i ];\n\t\tdirectLight.color *= all( bvec2( directLight.visible, receiveShadow ) ) ? getPointShadow( pointShadowMap[ i ], pointLightShadow.shadowMapSize, pointLightShadow.shadowBias, pointLightShadow.shadowRadius, vPointShadowCoord[ i ], pointLightShadow.shadowCameraNear, pointLightShadow.shadowCameraFar ) : 1.0;\n\t\t#endif\n\t\tRE_Direct( directLight, geometry, material, reflectedLight );\n\t}\n\t#pragma unroll_loop_end\n#endif\n#if ( NUM_SPOT_LIGHTS > 0 ) && defined( RE_Direct )\n\tSpotLight spotLight;\n\t#if defined( USE_SHADOWMAP ) && NUM_SPOT_LIGHT_SHADOWS > 0\n\tSpotLightShadow spotLightShadow;\n\t#endif\n\t#pragma unroll_loop_start\n\tfor ( int i = 0; i < NUM_SPOT_LIGHTS; i ++ ) {\n\t\tspotLight = spotLights[ i ];\n\t\tgetSpotLightInfo( spotLight, geometry, directLight );\n\t\t#if defined( USE_SHADOWMAP ) && ( UNROLLED_LOOP_INDEX < NUM_SPOT_LIGHT_SHADOWS )\n\t\tspotLightShadow = spotLightShadows[ i ];\n\t\tdirectLight.color *= all( bvec2( directLight.visible, receiveShadow ) ) ? getShadow( spotShadowMap[ i ], spotLightShadow.shadowMapSize, spotLightShadow.shadowBias, spotLightShadow.shadowRadius, vSpotShadowCoord[ i ] ) : 1.0;\n\t\t#endif\n\t\tRE_Direct( directLight, geometry, material, reflectedLight );\n\t}\n\t#pragma unroll_loop_end\n#endif\n#if ( NUM_DIR_LIGHTS > 0 ) && defined( RE_Direct )\n\tDirectionalLight directionalLight;\n\t#if defined( USE_SHADOWMAP ) && NUM_DIR_LIGHT_SHADOWS > 0\n\tDirectionalLightShadow directionalLightShadow;\n\t#endif\n\t#pragma unroll_loop_start\n\tfor ( int i = 0; i < NUM_DIR_LIGHTS; i ++ ) {\n\t\tdirectionalLight = directionalLights[ i ];\n\t\tgetDirectionalLightInfo( directionalLight, geometry, directLight );\n\t\t#if defined( USE_SHADOWMAP ) && ( UNROLLED_LOOP_INDEX < NUM_DIR_LIGHT_SHADOWS )\n\t\tdirectionalLightShadow = directionalLightShadows[ i ];\n\t\tdirectLight.color *= all( bvec2( directLight.visible, receiveShadow ) ) ? getShadow( directionalShadowMap[ i ], directionalLightShadow.shadowMapSize, directionalLightShadow.shadowBias, directionalLightShadow.shadowRadius, vDirectionalShadowCoord[ i ] ) : 1.0;\n\t\t#endif\n\t\tRE_Direct( directLight, geometry, material, reflectedLight );\n\t}\n\t#pragma unroll_loop_end\n#endif\n#if ( NUM_RECT_AREA_LIGHTS > 0 ) && defined( RE_Direct_RectArea )\n\tRectAreaLight rectAreaLight;\n\t#pragma unroll_loop_start\n\tfor ( int i = 0; i < NUM_RECT_AREA_LIGHTS; i ++ ) {\n\t\trectAreaLight = rectAreaLights[ i ];\n\t\tRE_Direct_RectArea( rectAreaLight, geometry, material, reflectedLight );\n\t}\n\t#pragma unroll_loop_end\n#endif\n#if defined( RE_IndirectDiffuse )\n\tvec3 iblIrradiance = vec3( 0.0 );\n\tvec3 irradiance = getAmbientLightIrradiance( ambientLightColor );\n\tirradiance += getLightProbeIrradiance( lightProbe, geometry );\n\t#if ( NUM_HEMI_LIGHTS > 0 )\n\t\t#pragma unroll_loop_start\n\t\tfor ( int i = 0; i < NUM_HEMI_LIGHTS; i ++ ) {\n\t\t\tirradiance += getHemisphereLightIrradiance( hemisphereLights[ i ], geometry );\n\t\t}\n\t\t#pragma unroll_loop_end\n\t#endif\n#endif\n#if defined( RE_IndirectSpecular )\n\tvec3 radiance = vec3( 0.0 );\n\tvec3 clearcoatRadiance = vec3( 0.0 );\n#endif";
-
-                       var lights_fragment_maps = "#if defined( RE_IndirectDiffuse )\n\t#ifdef USE_LIGHTMAP\n\t\tvec4 lightMapTexel = texture2D( lightMap, vUv2 );\n\t\tvec3 lightMapIrradiance = lightMapTexelToLinear( lightMapTexel ).rgb * lightMapIntensity;\n\t\t#ifndef PHYSICALLY_CORRECT_LIGHTS\n\t\t\tlightMapIrradiance *= PI;\n\t\t#endif\n\t\tirradiance += lightMapIrradiance;\n\t#endif\n\t#if defined( USE_ENVMAP ) && defined( STANDARD ) && defined( ENVMAP_TYPE_CUBE_UV )\n\t\tiblIrradiance += getIBLIrradiance( geometry );\n\t#endif\n#endif\n#if defined( USE_ENVMAP ) && defined( RE_IndirectSpecular )\n\tradiance += getIBLRadiance( geometry.viewDir, geometry.normal, material.roughness );\n\t#ifdef USE_CLEARCOAT\n\t\tclearcoatRadiance += getIBLRadiance( geometry.viewDir, geometry.clearcoatNormal, material.clearcoatRoughness );\n\t#endif\n#endif";
-
-                       var lights_fragment_end = "#if defined( RE_IndirectDiffuse )\n\tRE_IndirectDiffuse( irradiance, geometry, material, reflectedLight );\n#endif\n#if defined( RE_IndirectSpecular )\n\tRE_IndirectSpecular( radiance, iblIrradiance, clearcoatRadiance, geometry, material, reflectedLight );\n#endif";
-
-                       var logdepthbuf_fragment = "#if defined( USE_LOGDEPTHBUF ) && defined( USE_LOGDEPTHBUF_EXT )\n\tgl_FragDepthEXT = vIsPerspective == 0.0 ? gl_FragCoord.z : log2( vFragDepth ) * logDepthBufFC * 0.5;\n#endif";
-
-                       var logdepthbuf_pars_fragment = "#if defined( USE_LOGDEPTHBUF ) && defined( USE_LOGDEPTHBUF_EXT )\n\tuniform float logDepthBufFC;\n\tvarying float vFragDepth;\n\tvarying float vIsPerspective;\n#endif";
-
-                       var logdepthbuf_pars_vertex = "#ifdef USE_LOGDEPTHBUF\n\t#ifdef USE_LOGDEPTHBUF_EXT\n\t\tvarying float vFragDepth;\n\t\tvarying float vIsPerspective;\n\t#else\n\t\tuniform float logDepthBufFC;\n\t#endif\n#endif";
-
-                       var logdepthbuf_vertex = "#ifdef USE_LOGDEPTHBUF\n\t#ifdef USE_LOGDEPTHBUF_EXT\n\t\tvFragDepth = 1.0 + gl_Position.w;\n\t\tvIsPerspective = float( isPerspectiveMatrix( projectionMatrix ) );\n\t#else\n\t\tif ( isPerspectiveMatrix( projectionMatrix ) ) {\n\t\t\tgl_Position.z = log2( max( EPSILON, gl_Position.w + 1.0 ) ) * logDepthBufFC - 1.0;\n\t\t\tgl_Position.z *= gl_Position.w;\n\t\t}\n\t#endif\n#endif";
-
-                       var map_fragment = "#ifdef USE_MAP\n\tvec4 texelColor = texture2D( map, vUv );\n\ttexelColor = mapTexelToLinear( texelColor );\n\tdiffuseColor *= texelColor;\n#endif";
-
-                       var map_pars_fragment = "#ifdef USE_MAP\n\tuniform sampler2D map;\n#endif";
-
-                       var map_particle_fragment = "#if defined( USE_MAP ) || defined( USE_ALPHAMAP )\n\tvec2 uv = ( uvTransform * vec3( gl_PointCoord.x, 1.0 - gl_PointCoord.y, 1 ) ).xy;\n#endif\n#ifdef USE_MAP\n\tvec4 mapTexel = texture2D( map, uv );\n\tdiffuseColor *= mapTexelToLinear( mapTexel );\n#endif\n#ifdef USE_ALPHAMAP\n\tdiffuseColor.a *= texture2D( alphaMap, uv ).g;\n#endif";
-
-                       var map_particle_pars_fragment = "#if defined( USE_MAP ) || defined( USE_ALPHAMAP )\n\tuniform mat3 uvTransform;\n#endif\n#ifdef USE_MAP\n\tuniform sampler2D map;\n#endif\n#ifdef USE_ALPHAMAP\n\tuniform sampler2D alphaMap;\n#endif";
-
-                       var metalnessmap_fragment = "float metalnessFactor = metalness;\n#ifdef USE_METALNESSMAP\n\tvec4 texelMetalness = texture2D( metalnessMap, vUv );\n\tmetalnessFactor *= texelMetalness.b;\n#endif";
-
-                       var metalnessmap_pars_fragment = "#ifdef USE_METALNESSMAP\n\tuniform sampler2D metalnessMap;\n#endif";
-
-                       var morphnormal_vertex = "#ifdef USE_MORPHNORMALS\n\tobjectNormal *= morphTargetBaseInfluence;\n\tobjectNormal += morphNormal0 * morphTargetInfluences[ 0 ];\n\tobjectNormal += morphNormal1 * morphTargetInfluences[ 1 ];\n\tobjectNormal += morphNormal2 * morphTargetInfluences[ 2 ];\n\tobjectNormal += morphNormal3 * morphTargetInfluences[ 3 ];\n#endif";
-
-                       var morphtarget_pars_vertex = "#ifdef USE_MORPHTARGETS\n\tuniform float morphTargetBaseInfluence;\n\t#ifndef USE_MORPHNORMALS\n\t\tuniform float morphTargetInfluences[ 8 ];\n\t#else\n\t\tuniform float morphTargetInfluences[ 4 ];\n\t#endif\n#endif";
-
-                       var morphtarget_vertex = "#ifdef USE_MORPHTARGETS\n\ttransformed *= morphTargetBaseInfluence;\n\ttransformed += morphTarget0 * morphTargetInfluences[ 0 ];\n\ttransformed += morphTarget1 * morphTargetInfluences[ 1 ];\n\ttransformed += morphTarget2 * morphTargetInfluences[ 2 ];\n\ttransformed += morphTarget3 * morphTargetInfluences[ 3 ];\n\t#ifndef USE_MORPHNORMALS\n\t\ttransformed += morphTarget4 * morphTargetInfluences[ 4 ];\n\t\ttransformed += morphTarget5 * morphTargetInfluences[ 5 ];\n\t\ttransformed += morphTarget6 * morphTargetInfluences[ 6 ];\n\t\ttransformed += morphTarget7 * morphTargetInfluences[ 7 ];\n\t#endif\n#endif";
-
-                       var normal_fragment_begin = "float faceDirection = gl_FrontFacing ? 1.0 : - 1.0;\n#ifdef FLAT_SHADED\n\tvec3 fdx = vec3( dFdx( vViewPosition.x ), dFdx( vViewPosition.y ), dFdx( vViewPosition.z ) );\n\tvec3 fdy = vec3( dFdy( vViewPosition.x ), dFdy( vViewPosition.y ), dFdy( vViewPosition.z ) );\n\tvec3 normal = normalize( cross( fdx, fdy ) );\n#else\n\tvec3 normal = normalize( vNormal );\n\t#ifdef DOUBLE_SIDED\n\t\tnormal = normal * faceDirection;\n\t#endif\n\t#ifdef USE_TANGENT\n\t\tvec3 tangent = normalize( vTangent );\n\t\tvec3 bitangent = normalize( vBitangent );\n\t\t#ifdef DOUBLE_SIDED\n\t\t\ttangent = tangent * faceDirection;\n\t\t\tbitangent = bitangent * faceDirection;\n\t\t#endif\n\t\t#if defined( TANGENTSPACE_NORMALMAP ) || defined( USE_CLEARCOAT_NORMALMAP )\n\t\t\tmat3 vTBN = mat3( tangent, bitangent, normal );\n\t\t#endif\n\t#endif\n#endif\nvec3 geometryNormal = normal;";
-
-                       var normal_fragment_maps = "#ifdef OBJECTSPACE_NORMALMAP\n\tnormal = texture2D( normalMap, vUv ).xyz * 2.0 - 1.0;\n\t#ifdef FLIP_SIDED\n\t\tnormal = - normal;\n\t#endif\n\t#ifdef DOUBLE_SIDED\n\t\tnormal = normal * faceDirection;\n\t#endif\n\tnormal = normalize( normalMatrix * normal );\n#elif defined( TANGENTSPACE_NORMALMAP )\n\tvec3 mapN = texture2D( normalMap, vUv ).xyz * 2.0 - 1.0;\n\tmapN.xy *= normalScale;\n\t#ifdef USE_TANGENT\n\t\tnormal = normalize( vTBN * mapN );\n\t#else\n\t\tnormal = perturbNormal2Arb( - vViewPosition, normal, mapN, faceDirection );\n\t#endif\n#elif defined( USE_BUMPMAP )\n\tnormal = perturbNormalArb( - vViewPosition, normal, dHdxy_fwd(), faceDirection );\n#endif";
-
-                       var normal_pars_fragment = "#ifndef FLAT_SHADED\n\tvarying vec3 vNormal;\n\t#ifdef USE_TANGENT\n\t\tvarying vec3 vTangent;\n\t\tvarying vec3 vBitangent;\n\t#endif\n#endif";
-
-                       var normal_pars_vertex = "#ifndef FLAT_SHADED\n\tvarying vec3 vNormal;\n\t#ifdef USE_TANGENT\n\t\tvarying vec3 vTangent;\n\t\tvarying vec3 vBitangent;\n\t#endif\n#endif";
-
-                       var normal_vertex = "#ifndef FLAT_SHADED\n\tvNormal = normalize( transformedNormal );\n\t#ifdef USE_TANGENT\n\t\tvTangent = normalize( transformedTangent );\n\t\tvBitangent = normalize( cross( vNormal, vTangent ) * tangent.w );\n\t#endif\n#endif";
-
-                       var normalmap_pars_fragment = "#ifdef USE_NORMALMAP\n\tuniform sampler2D normalMap;\n\tuniform vec2 normalScale;\n#endif\n#ifdef OBJECTSPACE_NORMALMAP\n\tuniform mat3 normalMatrix;\n#endif\n#if ! defined ( USE_TANGENT ) && ( defined ( TANGENTSPACE_NORMALMAP ) || defined ( USE_CLEARCOAT_NORMALMAP ) )\n\tvec3 perturbNormal2Arb( vec3 eye_pos, vec3 surf_norm, vec3 mapN, float faceDirection ) {\n\t\tvec3 q0 = vec3( dFdx( eye_pos.x ), dFdx( eye_pos.y ), dFdx( eye_pos.z ) );\n\t\tvec3 q1 = vec3( dFdy( eye_pos.x ), dFdy( eye_pos.y ), dFdy( eye_pos.z ) );\n\t\tvec2 st0 = dFdx( vUv.st );\n\t\tvec2 st1 = dFdy( vUv.st );\n\t\tvec3 N = surf_norm;\n\t\tvec3 q1perp = cross( q1, N );\n\t\tvec3 q0perp = cross( N, q0 );\n\t\tvec3 T = q1perp * st0.x + q0perp * st1.x;\n\t\tvec3 B = q1perp * st0.y + q0perp * st1.y;\n\t\tfloat det = max( dot( T, T ), dot( B, B ) );\n\t\tfloat scale = ( det == 0.0 ) ? 0.0 : faceDirection * inversesqrt( det );\n\t\treturn normalize( T * ( mapN.x * scale ) + B * ( mapN.y * scale ) + N * mapN.z );\n\t}\n#endif";
-
-                       var clearcoat_normal_fragment_begin = "#ifdef USE_CLEARCOAT\n\tvec3 clearcoatNormal = geometryNormal;\n#endif";
-
-                       var clearcoat_normal_fragment_maps = "#ifdef USE_CLEARCOAT_NORMALMAP\n\tvec3 clearcoatMapN = texture2D( clearcoatNormalMap, vUv ).xyz * 2.0 - 1.0;\n\tclearcoatMapN.xy *= clearcoatNormalScale;\n\t#ifdef USE_TANGENT\n\t\tclearcoatNormal = normalize( vTBN * clearcoatMapN );\n\t#else\n\t\tclearcoatNormal = perturbNormal2Arb( - vViewPosition, clearcoatNormal, clearcoatMapN, faceDirection );\n\t#endif\n#endif";
-
-                       var clearcoat_pars_fragment = "#ifdef USE_CLEARCOATMAP\n\tuniform sampler2D clearcoatMap;\n#endif\n#ifdef USE_CLEARCOAT_ROUGHNESSMAP\n\tuniform sampler2D clearcoatRoughnessMap;\n#endif\n#ifdef USE_CLEARCOAT_NORMALMAP\n\tuniform sampler2D clearcoatNormalMap;\n\tuniform vec2 clearcoatNormalScale;\n#endif";
-
-                       var output_fragment = "#ifdef OPAQUE\ndiffuseColor.a = 1.0;\n#endif\n#ifdef USE_TRANSMISSION\ndiffuseColor.a *= transmissionAlpha + 0.1;\n#endif\ngl_FragColor = vec4( outgoingLight, diffuseColor.a );";
-
-                       var packing = "vec3 packNormalToRGB( const in vec3 normal ) {\n\treturn normalize( normal ) * 0.5 + 0.5;\n}\nvec3 unpackRGBToNormal( const in vec3 rgb ) {\n\treturn 2.0 * rgb.xyz - 1.0;\n}\nconst float PackUpscale = 256. / 255.;const float UnpackDownscale = 255. / 256.;\nconst vec3 PackFactors = vec3( 256. * 256. * 256., 256. * 256., 256. );\nconst vec4 UnpackFactors = UnpackDownscale / vec4( PackFactors, 1. );\nconst float ShiftRight8 = 1. / 256.;\nvec4 packDepthToRGBA( const in float v ) {\n\tvec4 r = vec4( fract( v * PackFactors ), v );\n\tr.yzw -= r.xyz * ShiftRight8;\treturn r * PackUpscale;\n}\nfloat unpackRGBAToDepth( const in vec4 v ) {\n\treturn dot( v, UnpackFactors );\n}\nvec4 pack2HalfToRGBA( vec2 v ) {\n\tvec4 r = vec4( v.x, fract( v.x * 255.0 ), v.y, fract( v.y * 255.0 ) );\n\treturn vec4( r.x - r.y / 255.0, r.y, r.z - r.w / 255.0, r.w );\n}\nvec2 unpackRGBATo2Half( vec4 v ) {\n\treturn vec2( v.x + ( v.y / 255.0 ), v.z + ( v.w / 255.0 ) );\n}\nfloat viewZToOrthographicDepth( const in float viewZ, const in float near, const in float far ) {\n\treturn ( viewZ + near ) / ( near - far );\n}\nfloat orthographicDepthToViewZ( const in float linearClipZ, const in float near, const in float far ) {\n\treturn linearClipZ * ( near - far ) - near;\n}\nfloat viewZToPerspectiveDepth( const in float viewZ, const in float near, const in float far ) {\n\treturn ( ( near + viewZ ) * far ) / ( ( far - near ) * viewZ );\n}\nfloat perspectiveDepthToViewZ( const in float invClipZ, const in float near, const in float far ) {\n\treturn ( near * far ) / ( ( far - near ) * invClipZ - far );\n}";
-
-                       var premultiplied_alpha_fragment = "#ifdef PREMULTIPLIED_ALPHA\n\tgl_FragColor.rgb *= gl_FragColor.a;\n#endif";
-
-                       var project_vertex = "vec4 mvPosition = vec4( transformed, 1.0 );\n#ifdef USE_INSTANCING\n\tmvPosition = instanceMatrix * mvPosition;\n#endif\nmvPosition = modelViewMatrix * mvPosition;\ngl_Position = projectionMatrix * mvPosition;";
-
-                       var dithering_fragment = "#ifdef DITHERING\n\tgl_FragColor.rgb = dithering( gl_FragColor.rgb );\n#endif";
-
-                       var dithering_pars_fragment = "#ifdef DITHERING\n\tvec3 dithering( vec3 color ) {\n\t\tfloat grid_position = rand( gl_FragCoord.xy );\n\t\tvec3 dither_shift_RGB = vec3( 0.25 / 255.0, -0.25 / 255.0, 0.25 / 255.0 );\n\t\tdither_shift_RGB = mix( 2.0 * dither_shift_RGB, -2.0 * dither_shift_RGB, grid_position );\n\t\treturn color + dither_shift_RGB;\n\t}\n#endif";
-
-                       var roughnessmap_fragment = "float roughnessFactor = roughness;\n#ifdef USE_ROUGHNESSMAP\n\tvec4 texelRoughness = texture2D( roughnessMap, vUv );\n\troughnessFactor *= texelRoughness.g;\n#endif";
-
-                       var roughnessmap_pars_fragment = "#ifdef USE_ROUGHNESSMAP\n\tuniform sampler2D roughnessMap;\n#endif";
-
-                       var shadowmap_pars_fragment = "#ifdef USE_SHADOWMAP\n\t#if NUM_DIR_LIGHT_SHADOWS > 0\n\t\tuniform sampler2D directionalShadowMap[ NUM_DIR_LIGHT_SHADOWS ];\n\t\tvarying vec4 vDirectionalShadowCoord[ NUM_DIR_LIGHT_SHADOWS ];\n\t\tstruct DirectionalLightShadow {\n\t\t\tfloat shadowBias;\n\t\t\tfloat shadowNormalBias;\n\t\t\tfloat shadowRadius;\n\t\t\tvec2 shadowMapSize;\n\t\t};\n\t\tuniform DirectionalLightShadow directionalLightShadows[ NUM_DIR_LIGHT_SHADOWS ];\n\t#endif\n\t#if NUM_SPOT_LIGHT_SHADOWS > 0\n\t\tuniform sampler2D spotShadowMap[ NUM_SPOT_LIGHT_SHADOWS ];\n\t\tvarying vec4 vSpotShadowCoord[ NUM_SPOT_LIGHT_SHADOWS ];\n\t\tstruct SpotLightShadow {\n\t\t\tfloat shadowBias;\n\t\t\tfloat shadowNormalBias;\n\t\t\tfloat shadowRadius;\n\t\t\tvec2 shadowMapSize;\n\t\t};\n\t\tuniform SpotLightShadow spotLightShadows[ NUM_SPOT_LIGHT_SHADOWS ];\n\t#endif\n\t#if NUM_POINT_LIGHT_SHADOWS > 0\n\t\tuniform sampler2D pointShadowMap[ NUM_POINT_LIGHT_SHADOWS ];\n\t\tvarying vec4 vPointShadowCoord[ NUM_POINT_LIGHT_SHADOWS ];\n\t\tstruct PointLightShadow {\n\t\t\tfloat shadowBias;\n\t\t\tfloat shadowNormalBias;\n\t\t\tfloat shadowRadius;\n\t\t\tvec2 shadowMapSize;\n\t\t\tfloat shadowCameraNear;\n\t\t\tfloat shadowCameraFar;\n\t\t};\n\t\tuniform PointLightShadow pointLightShadows[ NUM_POINT_LIGHT_SHADOWS ];\n\t#endif\n\tfloat texture2DCompare( sampler2D depths, vec2 uv, float compare ) {\n\t\treturn step( compare, unpackRGBAToDepth( texture2D( depths, uv ) ) );\n\t}\n\tvec2 texture2DDistribution( sampler2D shadow, vec2 uv ) {\n\t\treturn unpackRGBATo2Half( texture2D( shadow, uv ) );\n\t}\n\tfloat VSMShadow (sampler2D shadow, vec2 uv, float compare ){\n\t\tfloat occlusion = 1.0;\n\t\tvec2 distribution = texture2DDistribution( shadow, uv );\n\t\tfloat hard_shadow = step( compare , distribution.x );\n\t\tif (hard_shadow != 1.0 ) {\n\t\t\tfloat distance = compare - distribution.x ;\n\t\t\tfloat variance = max( 0.00000, distribution.y * distribution.y );\n\t\t\tfloat softness_probability = variance / (variance + distance * distance );\t\t\tsoftness_probability = clamp( ( softness_probability - 0.3 ) / ( 0.95 - 0.3 ), 0.0, 1.0 );\t\t\tocclusion = clamp( max( hard_shadow, softness_probability ), 0.0, 1.0 );\n\t\t}\n\t\treturn occlusion;\n\t}\n\tfloat getShadow( sampler2D shadowMap, vec2 shadowMapSize, float shadowBias, float shadowRadius, vec4 shadowCoord ) {\n\t\tfloat shadow = 1.0;\n\t\tshadowCoord.xyz /= shadowCoord.w;\n\t\tshadowCoord.z += shadowBias;\n\t\tbvec4 inFrustumVec = bvec4 ( shadowCoord.x >= 0.0, shadowCoord.x <= 1.0, shadowCoord.y >= 0.0, shadowCoord.y <= 1.0 );\n\t\tbool inFrustum = all( inFrustumVec );\n\t\tbvec2 frustumTestVec = bvec2( inFrustum, shadowCoord.z <= 1.0 );\n\t\tbool frustumTest = all( frustumTestVec );\n\t\tif ( frustumTest ) {\n\t\t#if defined( SHADOWMAP_TYPE_PCF )\n\t\t\tvec2 texelSize = vec2( 1.0 ) / shadowMapSize;\n\t\t\tfloat dx0 = - texelSize.x * shadowRadius;\n\t\t\tfloat dy0 = - texelSize.y * shadowRadius;\n\t\t\tfloat dx1 = + texelSize.x * shadowRadius;\n\t\t\tfloat dy1 = + texelSize.y * shadowRadius;\n\t\t\tfloat dx2 = dx0 / 2.0;\n\t\t\tfloat dy2 = dy0 / 2.0;\n\t\t\tfloat dx3 = dx1 / 2.0;\n\t\t\tfloat dy3 = dy1 / 2.0;\n\t\t\tshadow = (\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( dx0, dy0 ), shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( 0.0, dy0 ), shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( dx1, dy0 ), shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( dx2, dy2 ), shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( 0.0, dy2 ), shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( dx3, dy2 ), shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( dx0, 0.0 ), shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( dx2, 0.0 ), shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy, shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( dx3, 0.0 ), shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( dx1, 0.0 ), shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( dx2, dy3 ), shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( 0.0, dy3 ), shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( dx3, dy3 ), shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( dx0, dy1 ), shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( 0.0, dy1 ), shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, shadowCoord.xy + vec2( dx1, dy1 ), shadowCoord.z )\n\t\t\t) * ( 1.0 / 17.0 );\n\t\t#elif defined( SHADOWMAP_TYPE_PCF_SOFT )\n\t\t\tvec2 texelSize = vec2( 1.0 ) / shadowMapSize;\n\t\t\tfloat dx = texelSize.x;\n\t\t\tfloat dy = texelSize.y;\n\t\t\tvec2 uv = shadowCoord.xy;\n\t\t\tvec2 f = fract( uv * shadowMapSize + 0.5 );\n\t\t\tuv -= f * texelSize;\n\t\t\tshadow = (\n\t\t\t\ttexture2DCompare( shadowMap, uv, shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, uv + vec2( dx, 0.0 ), shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, uv + vec2( 0.0, dy ), shadowCoord.z ) +\n\t\t\t\ttexture2DCompare( shadowMap, uv + texelSize, shadowCoord.z ) +\n\t\t\t\tmix( texture2DCompare( shadowMap, uv + vec2( -dx, 0.0 ), shadowCoord.z ), \n\t\t\t\t\t texture2DCompare( shadowMap, uv + vec2( 2.0 * dx, 0.0 ), shadowCoord.z ),\n\t\t\t\t\t f.x ) +\n\t\t\t\tmix( texture2DCompare( shadowMap, uv + vec2( -dx, dy ), shadowCoord.z ), \n\t\t\t\t\t texture2DCompare( shadowMap, uv + vec2( 2.0 * dx, dy ), shadowCoord.z ),\n\t\t\t\t\t f.x ) +\n\t\t\t\tmix( texture2DCompare( shadowMap, uv + vec2( 0.0, -dy ), shadowCoord.z ), \n\t\t\t\t\t texture2DCompare( shadowMap, uv + vec2( 0.0, 2.0 * dy ), shadowCoord.z ),\n\t\t\t\t\t f.y ) +\n\t\t\t\tmix( texture2DCompare( shadowMap, uv + vec2( dx, -dy ), shadowCoord.z ), \n\t\t\t\t\t texture2DCompare( shadowMap, uv + vec2( dx, 2.0 * dy ), shadowCoord.z ),\n\t\t\t\t\t f.y ) +\n\t\t\t\tmix( mix( texture2DCompare( shadowMap, uv + vec2( -dx, -dy ), shadowCoord.z ), \n\t\t\t\t\t\t  texture2DCompare( shadowMap, uv + vec2( 2.0 * dx, -dy ), shadowCoord.z ),\n\t\t\t\t\t\t f.x ),\n\t\t\t\t\t mix( texture2DCompare( shadowMap, uv + vec2( -dx, 2.0 * dy ), shadowCoord.z ), \n\t\t\t\t\t\t        texture2DCompare( shadowMap, uv + vec2( 2.0 * dx, 2.0 * dy ), shadowCoord.z ),\n\t\t\t\t\t\t    f.x ),\n\t\t\t\t\t f.y )\n\t\t\t) * ( 1.0 / 9.0 );\n\t\t#elif defined( SHADOWMAP_TYPE_VSM )\n\t\t\tshadow = VSMShadow( shadowMap, shadowCoord.xy, shadowCoord.z );\n\t\t#else\n\t\t\tshadow = texture2DCompare( shadowMap, shadowCoord.xy, shadowCoord.z );\n\t\t#endif\n\t\t}\n\t\treturn shadow;\n\t}\n\tvec2 cubeToUV( vec3 v, float texelSizeY ) {\n\t\tvec3 absV = abs( v );\n\t\tfloat scaleToCube = 1.0 / max( absV.x, max( absV.y, absV.z ) );\n\t\tabsV *= scaleToCube;\n\t\tv *= scaleToCube * ( 1.0 - 2.0 * texelSizeY );\n\t\tvec2 planar = v.xy;\n\t\tfloat almostATexel = 1.5 * texelSizeY;\n\t\tfloat almostOne = 1.0 - almostATexel;\n\t\tif ( absV.z >= almostOne ) {\n\t\t\tif ( v.z > 0.0 )\n\t\t\t\tplanar.x = 4.0 - v.x;\n\t\t} else if ( absV.x >= almostOne ) {\n\t\t\tfloat signX = sign( v.x );\n\t\t\tplanar.x = v.z * signX + 2.0 * signX;\n\t\t} else if ( absV.y >= almostOne ) {\n\t\t\tfloat signY = sign( v.y );\n\t\t\tplanar.x = v.x + 2.0 * signY + 2.0;\n\t\t\tplanar.y = v.z * signY - 2.0;\n\t\t}\n\t\treturn vec2( 0.125, 0.25 ) * planar + vec2( 0.375, 0.75 );\n\t}\n\tfloat getPointShadow( sampler2D shadowMap, vec2 shadowMapSize, float shadowBias, float shadowRadius, vec4 shadowCoord, float shadowCameraNear, float shadowCameraFar ) {\n\t\tvec2 texelSize = vec2( 1.0 ) / ( shadowMapSize * vec2( 4.0, 2.0 ) );\n\t\tvec3 lightToPosition = shadowCoord.xyz;\n\t\tfloat dp = ( length( lightToPosition ) - shadowCameraNear ) / ( shadowCameraFar - shadowCameraNear );\t\tdp += shadowBias;\n\t\tvec3 bd3D = normalize( lightToPosition );\n\t\t#if defined( SHADOWMAP_TYPE_PCF ) || defined( SHADOWMAP_TYPE_PCF_SOFT ) || defined( SHADOWMAP_TYPE_VSM )\n\t\t\tvec2 offset = vec2( - 1, 1 ) * shadowRadius * texelSize.y;\n\t\t\treturn (\n\t\t\t\ttexture2DCompare( shadowMap, cubeToUV( bd3D + offset.xyy, texelSize.y ), dp ) +\n\t\t\t\ttexture2DCompare( shadowMap, cubeToUV( bd3D + offset.yyy, texelSize.y ), dp ) +\n\t\t\t\ttexture2DCompare( shadowMap, cubeToUV( bd3D + offset.xyx, texelSize.y ), dp ) +\n\t\t\t\ttexture2DCompare( shadowMap, cubeToUV( bd3D + offset.yyx, texelSize.y ), dp ) +\n\t\t\t\ttexture2DCompare( shadowMap, cubeToUV( bd3D, texelSize.y ), dp ) +\n\t\t\t\ttexture2DCompare( shadowMap, cubeToUV( bd3D + offset.xxy, texelSize.y ), dp ) +\n\t\t\t\ttexture2DCompare( shadowMap, cubeToUV( bd3D + offset.yxy, texelSize.y ), dp ) +\n\t\t\t\ttexture2DCompare( shadowMap, cubeToUV( bd3D + offset.xxx, texelSize.y ), dp ) +\n\t\t\t\ttexture2DCompare( shadowMap, cubeToUV( bd3D + offset.yxx, texelSize.y ), dp )\n\t\t\t) * ( 1.0 / 9.0 );\n\t\t#else\n\t\t\treturn texture2DCompare( shadowMap, cubeToUV( bd3D, texelSize.y ), dp );\n\t\t#endif\n\t}\n#endif";
-
-                       var shadowmap_pars_vertex = "#ifdef USE_SHADOWMAP\n\t#if NUM_DIR_LIGHT_SHADOWS > 0\n\t\tuniform mat4 directionalShadowMatrix[ NUM_DIR_LIGHT_SHADOWS ];\n\t\tvarying vec4 vDirectionalShadowCoord[ NUM_DIR_LIGHT_SHADOWS ];\n\t\tstruct DirectionalLightShadow {\n\t\t\tfloat shadowBias;\n\t\t\tfloat shadowNormalBias;\n\t\t\tfloat shadowRadius;\n\t\t\tvec2 shadowMapSize;\n\t\t};\n\t\tuniform DirectionalLightShadow directionalLightShadows[ NUM_DIR_LIGHT_SHADOWS ];\n\t#endif\n\t#if NUM_SPOT_LIGHT_SHADOWS > 0\n\t\tuniform mat4 spotShadowMatrix[ NUM_SPOT_LIGHT_SHADOWS ];\n\t\tvarying vec4 vSpotShadowCoord[ NUM_SPOT_LIGHT_SHADOWS ];\n\t\tstruct SpotLightShadow {\n\t\t\tfloat shadowBias;\n\t\t\tfloat shadowNormalBias;\n\t\t\tfloat shadowRadius;\n\t\t\tvec2 shadowMapSize;\n\t\t};\n\t\tuniform SpotLightShadow spotLightShadows[ NUM_SPOT_LIGHT_SHADOWS ];\n\t#endif\n\t#if NUM_POINT_LIGHT_SHADOWS > 0\n\t\tuniform mat4 pointShadowMatrix[ NUM_POINT_LIGHT_SHADOWS ];\n\t\tvarying vec4 vPointShadowCoord[ NUM_POINT_LIGHT_SHADOWS ];\n\t\tstruct PointLightShadow {\n\t\t\tfloat shadowBias;\n\t\t\tfloat shadowNormalBias;\n\t\t\tfloat shadowRadius;\n\t\t\tvec2 shadowMapSize;\n\t\t\tfloat shadowCameraNear;\n\t\t\tfloat shadowCameraFar;\n\t\t};\n\t\tuniform PointLightShadow pointLightShadows[ NUM_POINT_LIGHT_SHADOWS ];\n\t#endif\n#endif";
-
-                       var shadowmap_vertex = "#ifdef USE_SHADOWMAP\n\t#if NUM_DIR_LIGHT_SHADOWS > 0 || NUM_SPOT_LIGHT_SHADOWS > 0 || NUM_POINT_LIGHT_SHADOWS > 0\n\t\tvec3 shadowWorldNormal = inverseTransformDirection( transformedNormal, viewMatrix );\n\t\tvec4 shadowWorldPosition;\n\t#endif\n\t#if NUM_DIR_LIGHT_SHADOWS > 0\n\t#pragma unroll_loop_start\n\tfor ( int i = 0; i < NUM_DIR_LIGHT_SHADOWS; i ++ ) {\n\t\tshadowWorldPosition = worldPosition + vec4( shadowWorldNormal * directionalLightShadows[ i ].shadowNormalBias, 0 );\n\t\tvDirectionalShadowCoord[ i ] = directionalShadowMatrix[ i ] * shadowWorldPosition;\n\t}\n\t#pragma unroll_loop_end\n\t#endif\n\t#if NUM_SPOT_LIGHT_SHADOWS > 0\n\t#pragma unroll_loop_start\n\tfor ( int i = 0; i < NUM_SPOT_LIGHT_SHADOWS; i ++ ) {\n\t\tshadowWorldPosition = worldPosition + vec4( shadowWorldNormal * spotLightShadows[ i ].shadowNormalBias, 0 );\n\t\tvSpotShadowCoord[ i ] = spotShadowMatrix[ i ] * shadowWorldPosition;\n\t}\n\t#pragma unroll_loop_end\n\t#endif\n\t#if NUM_POINT_LIGHT_SHADOWS > 0\n\t#pragma unroll_loop_start\n\tfor ( int i = 0; i < NUM_POINT_LIGHT_SHADOWS; i ++ ) {\n\t\tshadowWorldPosition = worldPosition + vec4( shadowWorldNormal * pointLightShadows[ i ].shadowNormalBias, 0 );\n\t\tvPointShadowCoord[ i ] = pointShadowMatrix[ i ] * shadowWorldPosition;\n\t}\n\t#pragma unroll_loop_end\n\t#endif\n#endif";
-
-                       var shadowmask_pars_fragment = "float getShadowMask() {\n\tfloat shadow = 1.0;\n\t#ifdef USE_SHADOWMAP\n\t#if NUM_DIR_LIGHT_SHADOWS > 0\n\tDirectionalLightShadow directionalLight;\n\t#pragma unroll_loop_start\n\tfor ( int i = 0; i < NUM_DIR_LIGHT_SHADOWS; i ++ ) {\n\t\tdirectionalLight = directionalLightShadows[ i ];\n\t\tshadow *= receiveShadow ? getShadow( directionalShadowMap[ i ], directionalLight.shadowMapSize, directionalLight.shadowBias, directionalLight.shadowRadius, vDirectionalShadowCoord[ i ] ) : 1.0;\n\t}\n\t#pragma unroll_loop_end\n\t#endif\n\t#if NUM_SPOT_LIGHT_SHADOWS > 0\n\tSpotLightShadow spotLight;\n\t#pragma unroll_loop_start\n\tfor ( int i = 0; i < NUM_SPOT_LIGHT_SHADOWS; i ++ ) {\n\t\tspotLight = spotLightShadows[ i ];\n\t\tshadow *= receiveShadow ? getShadow( spotShadowMap[ i ], spotLight.shadowMapSize, spotLight.shadowBias, spotLight.shadowRadius, vSpotShadowCoord[ i ] ) : 1.0;\n\t}\n\t#pragma unroll_loop_end\n\t#endif\n\t#if NUM_POINT_LIGHT_SHADOWS > 0\n\tPointLightShadow pointLight;\n\t#pragma unroll_loop_start\n\tfor ( int i = 0; i < NUM_POINT_LIGHT_SHADOWS; i ++ ) {\n\t\tpointLight = pointLightShadows[ i ];\n\t\tshadow *= receiveShadow ? getPointShadow( pointShadowMap[ i ], pointLight.shadowMapSize, pointLight.shadowBias, pointLight.shadowRadius, vPointShadowCoord[ i ], pointLight.shadowCameraNear, pointLight.shadowCameraFar ) : 1.0;\n\t}\n\t#pragma unroll_loop_end\n\t#endif\n\t#endif\n\treturn shadow;\n}";
-
-                       var skinbase_vertex = "#ifdef USE_SKINNING\n\tmat4 boneMatX = getBoneMatrix( skinIndex.x );\n\tmat4 boneMatY = getBoneMatrix( skinIndex.y );\n\tmat4 boneMatZ = getBoneMatrix( skinIndex.z );\n\tmat4 boneMatW = getBoneMatrix( skinIndex.w );\n#endif";
-
-                       var skinning_pars_vertex = "#ifdef USE_SKINNING\n\tuniform mat4 bindMatrix;\n\tuniform mat4 bindMatrixInverse;\n\t#ifdef BONE_TEXTURE\n\t\tuniform highp sampler2D boneTexture;\n\t\tuniform int boneTextureSize;\n\t\tmat4 getBoneMatrix( const in float i ) {\n\t\t\tfloat j = i * 4.0;\n\t\t\tfloat x = mod( j, float( boneTextureSize ) );\n\t\t\tfloat y = floor( j / float( boneTextureSize ) );\n\t\t\tfloat dx = 1.0 / float( boneTextureSize );\n\t\t\tfloat dy = 1.0 / float( boneTextureSize );\n\t\t\ty = dy * ( y + 0.5 );\n\t\t\tvec4 v1 = texture2D( boneTexture, vec2( dx * ( x + 0.5 ), y ) );\n\t\t\tvec4 v2 = texture2D( boneTexture, vec2( dx * ( x + 1.5 ), y ) );\n\t\t\tvec4 v3 = texture2D( boneTexture, vec2( dx * ( x + 2.5 ), y ) );\n\t\t\tvec4 v4 = texture2D( boneTexture, vec2( dx * ( x + 3.5 ), y ) );\n\t\t\tmat4 bone = mat4( v1, v2, v3, v4 );\n\t\t\treturn bone;\n\t\t}\n\t#else\n\t\tuniform mat4 boneMatrices[ MAX_BONES ];\n\t\tmat4 getBoneMatrix( const in float i ) {\n\t\t\tmat4 bone = boneMatrices[ int(i) ];\n\t\t\treturn bone;\n\t\t}\n\t#endif\n#endif";
-
-                       var skinning_vertex = "#ifdef USE_SKINNING\n\tvec4 skinVertex = bindMatrix * vec4( transformed, 1.0 );\n\tvec4 skinned = vec4( 0.0 );\n\tskinned += boneMatX * skinVertex * skinWeight.x;\n\tskinned += boneMatY * skinVertex * skinWeight.y;\n\tskinned += boneMatZ * skinVertex * skinWeight.z;\n\tskinned += boneMatW * skinVertex * skinWeight.w;\n\ttransformed = ( bindMatrixInverse * skinned ).xyz;\n#endif";
-
-                       var skinnormal_vertex = "#ifdef USE_SKINNING\n\tmat4 skinMatrix = mat4( 0.0 );\n\tskinMatrix += skinWeight.x * boneMatX;\n\tskinMatrix += skinWeight.y * boneMatY;\n\tskinMatrix += skinWeight.z * boneMatZ;\n\tskinMatrix += skinWeight.w * boneMatW;\n\tskinMatrix = bindMatrixInverse * skinMatrix * bindMatrix;\n\tobjectNormal = vec4( skinMatrix * vec4( objectNormal, 0.0 ) ).xyz;\n\t#ifdef USE_TANGENT\n\t\tobjectTangent = vec4( skinMatrix * vec4( objectTangent, 0.0 ) ).xyz;\n\t#endif\n#endif";
-
-                       var specularmap_fragment = "vec3 specularStrength;\n#ifdef USE_SPECULARMAP\n\tvec4 texelSpecular = texture2D( specularMap, vUv );\n\tspecularStrength = texelSpecular.rgb;\n#else\n\tspecularStrength = vec3( 1.0, 1.0, 1.0 );\n#endif";
-
-                       var specularmap_pars_fragment = "#ifdef USE_SPECULARMAP\n\tuniform sampler2D specularMap;\n#endif";
-
-                       var tonemapping_fragment = "#if defined( TONE_MAPPING )\n\tgl_FragColor.rgb = toneMapping( gl_FragColor.rgb );\n#endif";
-
-                       var tonemapping_pars_fragment = "#ifndef saturate\n#define saturate( a ) clamp( a, 0.0, 1.0 )\n#endif\nuniform float toneMappingExposure;\nvec3 LinearToneMapping( vec3 color ) {\n\treturn toneMappingExposure * color;\n}\nvec3 ReinhardToneMapping( vec3 color ) {\n\tcolor *= toneMappingExposure;\n\treturn saturate( color / ( vec3( 1.0 ) + color ) );\n}\nvec3 OptimizedCineonToneMapping( vec3 color ) {\n\tcolor *= toneMappingExposure;\n\tcolor = max( vec3( 0.0 ), color - 0.004 );\n\treturn pow( ( color * ( 6.2 * color + 0.5 ) ) / ( color * ( 6.2 * color + 1.7 ) + 0.06 ), vec3( 2.2 ) );\n}\nvec3 RRTAndODTFit( vec3 v ) {\n\tvec3 a = v * ( v + 0.0245786 ) - 0.000090537;\n\tvec3 b = v * ( 0.983729 * v + 0.4329510 ) + 0.238081;\n\treturn a / b;\n}\nvec3 ACESFilmicToneMapping( vec3 color ) {\n\tconst mat3 ACESInputMat = mat3(\n\t\tvec3( 0.59719, 0.07600, 0.02840 ),\t\tvec3( 0.35458, 0.90834, 0.13383 ),\n\t\tvec3( 0.04823, 0.01566, 0.83777 )\n\t);\n\tconst mat3 ACESOutputMat = mat3(\n\t\tvec3(   1.60475, -0.10208, -0.00327 ),\t\tvec3( -0.53108,       1.10813, -0.07276 ),\n\t\tvec3( -0.07367, -0.00605,     1.07602 )\n\t);\n\tcolor *= toneMappingExposure / 0.6;\n\tcolor = ACESInputMat * color;\n\tcolor = RRTAndODTFit( color );\n\tcolor = ACESOutputMat * color;\n\treturn saturate( color );\n}\nvec3 CustomToneMapping( vec3 color ) { return color; }";
-
-                       var transmission_fragment = "#ifdef USE_TRANSMISSION\n\tfloat transmissionAlpha = 1.0;\n\tfloat transmissionFactor = transmission;\n\tfloat thicknessFactor = thickness;\n\t#ifdef USE_TRANSMISSIONMAP\n\t\ttransmissionFactor *= texture2D( transmissionMap, vUv ).r;\n\t#endif\n\t#ifdef USE_THICKNESSMAP\n\t\tthicknessFactor *= texture2D( thicknessMap, vUv ).g;\n\t#endif\n\tvec3 pos = vWorldPosition;\n\tvec3 v = normalize( cameraPosition - pos );\n\tvec3 n = inverseTransformDirection( normal, viewMatrix );\n\tvec4 transmission = getIBLVolumeRefraction(\n\t\tn, v, roughnessFactor, material.diffuseColor, material.specularColor, material.specularF90,\n\t\tpos, modelMatrix, viewMatrix, projectionMatrix, ior, thicknessFactor,\n\t\tattenuationTint, attenuationDistance );\n\ttotalDiffuse = mix( totalDiffuse, transmission.rgb, transmissionFactor );\n\ttransmissionAlpha = transmission.a;\n#endif";
-
-                       var transmission_pars_fragment = "#ifdef USE_TRANSMISSION\n\tuniform float transmission;\n\tuniform float thickness;\n\tuniform float attenuationDistance;\n\tuniform vec3 attenuationTint;\n\t#ifdef USE_TRANSMISSIONMAP\n\t\tuniform sampler2D transmissionMap;\n\t#endif\n\t#ifdef USE_THICKNESSMAP\n\t\tuniform sampler2D thicknessMap;\n\t#endif\n\tuniform vec2 transmissionSamplerSize;\n\tuniform sampler2D transmissionSamplerMap;\n\tuniform mat4 modelMatrix;\n\tuniform mat4 projectionMatrix;\n\tvarying vec3 vWorldPosition;\n\tvec3 getVolumeTransmissionRay( vec3 n, vec3 v, float thickness, float ior, mat4 modelMatrix ) {\n\t\tvec3 refractionVector = refract( - v, normalize( n ), 1.0 / ior );\n\t\tvec3 modelScale;\n\t\tmodelScale.x = length( vec3( modelMatrix[ 0 ].xyz ) );\n\t\tmodelScale.y = length( vec3( modelMatrix[ 1 ].xyz ) );\n\t\tmodelScale.z = length( vec3( modelMatrix[ 2 ].xyz ) );\n\t\treturn normalize( refractionVector ) * thickness * modelScale;\n\t}\n\tfloat applyIorToRoughness( float roughness, float ior ) {\n\t\treturn roughness * clamp( ior * 2.0 - 2.0, 0.0, 1.0 );\n\t}\n\tvec4 getTransmissionSample( vec2 fragCoord, float roughness, float ior ) {\n\t\tfloat framebufferLod = log2( transmissionSamplerSize.x ) * applyIorToRoughness( roughness, ior );\n\t\t#ifdef TEXTURE_LOD_EXT\n\t\t\treturn texture2DLodEXT( transmissionSamplerMap, fragCoord.xy, framebufferLod );\n\t\t#else\n\t\t\treturn texture2D( transmissionSamplerMap, fragCoord.xy, framebufferLod );\n\t\t#endif\n\t}\n\tvec3 applyVolumeAttenuation( vec3 radiance, float transmissionDistance, vec3 attenuationColor, float attenuationDistance ) {\n\t\tif ( attenuationDistance == 0.0 ) {\n\t\t\treturn radiance;\n\t\t} else {\n\t\t\tvec3 attenuationCoefficient = -log( attenuationColor ) / attenuationDistance;\n\t\t\tvec3 transmittance = exp( - attenuationCoefficient * transmissionDistance );\t\t\treturn transmittance * radiance;\n\t\t}\n\t}\n\tvec4 getIBLVolumeRefraction( vec3 n, vec3 v, float roughness, vec3 diffuseColor, vec3 specularColor, float specularF90,\n\t\tvec3 position, mat4 modelMatrix, mat4 viewMatrix, mat4 projMatrix, float ior, float thickness,\n\t\tvec3 attenuationColor, float attenuationDistance ) {\n\t\tvec3 transmissionRay = getVolumeTransmissionRay( n, v, thickness, ior, modelMatrix );\n\t\tvec3 refractedRayExit = position + transmissionRay;\n\t\tvec4 ndcPos = projMatrix * viewMatrix * vec4( refractedRayExit, 1.0 );\n\t\tvec2 refractionCoords = ndcPos.xy / ndcPos.w;\n\t\trefractionCoords += 1.0;\n\t\trefractionCoords /= 2.0;\n\t\tvec4 transmittedLight = getTransmissionSample( refractionCoords, roughness, ior );\n\t\tvec3 attenuatedColor = applyVolumeAttenuation( transmittedLight.rgb, length( transmissionRay ), attenuationColor, attenuationDistance );\n\t\tvec3 F = EnvironmentBRDF( n, v, specularColor, specularF90, roughness );\n\t\treturn vec4( ( 1.0 - F ) * attenuatedColor * diffuseColor, transmittedLight.a );\n\t}\n#endif";
-
-                       var uv_pars_fragment = "#if ( defined( USE_UV ) && ! defined( UVS_VERTEX_ONLY ) )\n\tvarying vec2 vUv;\n#endif";
-
-                       var uv_pars_vertex = "#ifdef USE_UV\n\t#ifdef UVS_VERTEX_ONLY\n\t\tvec2 vUv;\n\t#else\n\t\tvarying vec2 vUv;\n\t#endif\n\tuniform mat3 uvTransform;\n#endif";
-
-                       var uv_vertex = "#ifdef USE_UV\n\tvUv = ( uvTransform * vec3( uv, 1 ) ).xy;\n#endif";
-
-                       var uv2_pars_fragment = "#if defined( USE_LIGHTMAP ) || defined( USE_AOMAP )\n\tvarying vec2 vUv2;\n#endif";
-
-                       var uv2_pars_vertex = "#if defined( USE_LIGHTMAP ) || defined( USE_AOMAP )\n\tattribute vec2 uv2;\n\tvarying vec2 vUv2;\n\tuniform mat3 uv2Transform;\n#endif";
-
-                       var uv2_vertex = "#if defined( USE_LIGHTMAP ) || defined( USE_AOMAP )\n\tvUv2 = ( uv2Transform * vec3( uv2, 1 ) ).xy;\n#endif";
-
-                       var worldpos_vertex = "#if defined( USE_ENVMAP ) || defined( DISTANCE ) || defined ( USE_SHADOWMAP ) || defined ( USE_TRANSMISSION )\n\tvec4 worldPosition = vec4( transformed, 1.0 );\n\t#ifdef USE_INSTANCING\n\t\tworldPosition = instanceMatrix * worldPosition;\n\t#endif\n\tworldPosition = modelMatrix * worldPosition;\n#endif";
-
-                       var background_frag = "uniform sampler2D t2D;\nvarying vec2 vUv;\nvoid main() {\n\tvec4 texColor = texture2D( t2D, vUv );\n\tgl_FragColor = mapTexelToLinear( texColor );\n\t#include <tonemapping_fragment>\n\t#include <encodings_fragment>\n}";
-
-                       var background_vert = "varying vec2 vUv;\nuniform mat3 uvTransform;\nvoid main() {\n\tvUv = ( uvTransform * vec3( uv, 1 ) ).xy;\n\tgl_Position = vec4( position.xy, 1.0, 1.0 );\n}";
-
-                       var cube_frag = "#include <envmap_common_pars_fragment>\nuniform float opacity;\nvarying vec3 vWorldDirection;\n#include <cube_uv_reflection_fragment>\nvoid main() {\n\tvec3 vReflect = vWorldDirection;\n\t#include <envmap_fragment>\n\tgl_FragColor = envColor;\n\tgl_FragColor.a *= opacity;\n\t#include <tonemapping_fragment>\n\t#include <encodings_fragment>\n}";
-
-                       var cube_vert = "varying vec3 vWorldDirection;\n#include <common>\nvoid main() {\n\tvWorldDirection = transformDirection( position, modelMatrix );\n\t#include <begin_vertex>\n\t#include <project_vertex>\n\tgl_Position.z = gl_Position.w;\n}";
-
-                       var depth_frag = "#if DEPTH_PACKING == 3200\n\tuniform float opacity;\n#endif\n#include <common>\n#include <packing>\n#include <uv_pars_fragment>\n#include <map_pars_fragment>\n#include <alphamap_pars_fragment>\n#include <alphatest_pars_fragment>\n#include <logdepthbuf_pars_fragment>\n#include <clipping_planes_pars_fragment>\nvarying vec2 vHighPrecisionZW;\nvoid main() {\n\t#include <clipping_planes_fragment>\n\tvec4 diffuseColor = vec4( 1.0 );\n\t#if DEPTH_PACKING == 3200\n\t\tdiffuseColor.a = opacity;\n\t#endif\n\t#include <map_fragment>\n\t#include <alphamap_fragment>\n\t#include <alphatest_fragment>\n\t#include <logdepthbuf_fragment>\n\tfloat fragCoordZ = 0.5 * vHighPrecisionZW[0] / vHighPrecisionZW[1] + 0.5;\n\t#if DEPTH_PACKING == 3200\n\t\tgl_FragColor = vec4( vec3( 1.0 - fragCoordZ ), opacity );\n\t#elif DEPTH_PACKING == 3201\n\t\tgl_FragColor = packDepthToRGBA( fragCoordZ );\n\t#endif\n}";
-
-                       var depth_vert = "#include <common>\n#include <uv_pars_vertex>\n#include <displacementmap_pars_vertex>\n#include <morphtarget_pars_vertex>\n#include <skinning_pars_vertex>\n#include <logdepthbuf_pars_vertex>\n#include <clipping_planes_pars_vertex>\nvarying vec2 vHighPrecisionZW;\nvoid main() {\n\t#include <uv_vertex>\n\t#include <skinbase_vertex>\n\t#ifdef USE_DISPLACEMENTMAP\n\t\t#include <beginnormal_vertex>\n\t\t#include <morphnormal_vertex>\n\t\t#include <skinnormal_vertex>\n\t#endif\n\t#include <begin_vertex>\n\t#include <morphtarget_vertex>\n\t#include <skinning_vertex>\n\t#include <displacementmap_vertex>\n\t#include <project_vertex>\n\t#include <logdepthbuf_vertex>\n\t#include <clipping_planes_vertex>\n\tvHighPrecisionZW = gl_Position.zw;\n}";
-
-                       var distanceRGBA_frag = "#define DISTANCE\nuniform vec3 referencePosition;\nuniform float nearDistance;\nuniform float farDistance;\nvarying vec3 vWorldPosition;\n#include <common>\n#include <packing>\n#include <uv_pars_fragment>\n#include <map_pars_fragment>\n#include <alphamap_pars_fragment>\n#include <alphatest_pars_fragment>\n#include <clipping_planes_pars_fragment>\nvoid main () {\n\t#include <clipping_planes_fragment>\n\tvec4 diffuseColor = vec4( 1.0 );\n\t#include <map_fragment>\n\t#include <alphamap_fragment>\n\t#include <alphatest_fragment>\n\tfloat dist = length( vWorldPosition - referencePosition );\n\tdist = ( dist - nearDistance ) / ( farDistance - nearDistance );\n\tdist = saturate( dist );\n\tgl_FragColor = packDepthToRGBA( dist );\n}";
-
-                       var distanceRGBA_vert = "#define DISTANCE\nvarying vec3 vWorldPosition;\n#include <common>\n#include <uv_pars_vertex>\n#include <displacementmap_pars_vertex>\n#include <morphtarget_pars_vertex>\n#include <skinning_pars_vertex>\n#include <clipping_planes_pars_vertex>\nvoid main() {\n\t#include <uv_vertex>\n\t#include <skinbase_vertex>\n\t#ifdef USE_DISPLACEMENTMAP\n\t\t#include <beginnormal_vertex>\n\t\t#include <morphnormal_vertex>\n\t\t#include <skinnormal_vertex>\n\t#endif\n\t#include <begin_vertex>\n\t#include <morphtarget_vertex>\n\t#include <skinning_vertex>\n\t#include <displacementmap_vertex>\n\t#include <project_vertex>\n\t#include <worldpos_vertex>\n\t#include <clipping_planes_vertex>\n\tvWorldPosition = worldPosition.xyz;\n}";
-
-                       var equirect_frag = "uniform sampler2D tEquirect;\nvarying vec3 vWorldDirection;\n#include <common>\nvoid main() {\n\tvec3 direction = normalize( vWorldDirection );\n\tvec2 sampleUV = equirectUv( direction );\n\tvec4 texColor = texture2D( tEquirect, sampleUV );\n\tgl_FragColor = mapTexelToLinear( texColor );\n\t#include <tonemapping_fragment>\n\t#include <encodings_fragment>\n}";
-
-                       var equirect_vert = "varying vec3 vWorldDirection;\n#include <common>\nvoid main() {\n\tvWorldDirection = transformDirection( position, modelMatrix );\n\t#include <begin_vertex>\n\t#include <project_vertex>\n}";
-
-                       var linedashed_frag = "uniform vec3 diffuse;\nuniform float opacity;\nuniform float dashSize;\nuniform float totalSize;\nvarying float vLineDistance;\n#include <common>\n#include <color_pars_fragment>\n#include <fog_pars_fragment>\n#include <logdepthbuf_pars_fragment>\n#include <clipping_planes_pars_fragment>\nvoid main() {\n\t#include <clipping_planes_fragment>\n\tif ( mod( vLineDistance, totalSize ) > dashSize ) {\n\t\tdiscard;\n\t}\n\tvec3 outgoingLight = vec3( 0.0 );\n\tvec4 diffuseColor = vec4( diffuse, opacity );\n\t#include <logdepthbuf_fragment>\n\t#include <color_fragment>\n\toutgoingLight = diffuseColor.rgb;\n\t#include <output_fragment>\n\t#include <tonemapping_fragment>\n\t#include <encodings_fragment>\n\t#include <fog_fragment>\n\t#include <premultiplied_alpha_fragment>\n}";
-
-                       var linedashed_vert = "uniform float scale;\nattribute float lineDistance;\nvarying float vLineDistance;\n#include <common>\n#include <color_pars_vertex>\n#include <fog_pars_vertex>\n#include <morphtarget_pars_vertex>\n#include <logdepthbuf_pars_vertex>\n#include <clipping_planes_pars_vertex>\nvoid main() {\n\tvLineDistance = scale * lineDistance;\n\t#include <color_vertex>\n\t#include <begin_vertex>\n\t#include <morphtarget_vertex>\n\t#include <project_vertex>\n\t#include <logdepthbuf_vertex>\n\t#include <clipping_planes_vertex>\n\t#include <fog_vertex>\n}";
-
-                       var meshbasic_frag = "uniform vec3 diffuse;\nuniform float opacity;\n#ifndef FLAT_SHADED\n\tvarying vec3 vNormal;\n#endif\n#include <common>\n#include <dithering_pars_fragment>\n#include <color_pars_fragment>\n#include <uv_pars_fragment>\n#include <uv2_pars_fragment>\n#include <map_pars_fragment>\n#include <alphamap_pars_fragment>\n#include <alphatest_pars_fragment>\n#include <aomap_pars_fragment>\n#include <lightmap_pars_fragment>\n#include <envmap_common_pars_fragment>\n#include <envmap_pars_fragment>\n#include <cube_uv_reflection_fragment>\n#include <fog_pars_fragment>\n#include <specularmap_pars_fragment>\n#include <logdepthbuf_pars_fragment>\n#include <clipping_planes_pars_fragment>\nvoid main() {\n\t#include <clipping_planes_fragment>\n\tvec4 diffuseColor = vec4( diffuse, opacity );\n\t#include <logdepthbuf_fragment>\n\t#include <map_fragment>\n\t#include <color_fragment>\n\t#include <alphamap_fragment>\n\t#include <alphatest_fragment>\n\t#include <specularmap_fragment>\n\tReflectedLight reflectedLight = ReflectedLight( vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ) );\n\t#ifdef USE_LIGHTMAP\n\t\tvec4 lightMapTexel= texture2D( lightMap, vUv2 );\n\t\treflectedLight.indirectDiffuse += lightMapTexelToLinear( lightMapTexel ).rgb * lightMapIntensity;\n\t#else\n\t\treflectedLight.indirectDiffuse += vec3( 1.0 );\n\t#endif\n\t#include <aomap_fragment>\n\treflectedLight.indirectDiffuse *= diffuseColor.rgb;\n\tvec3 outgoingLight = reflectedLight.indirectDiffuse;\n\t#include <envmap_fragment>\n\t#include <output_fragment>\n\t#include <tonemapping_fragment>\n\t#include <encodings_fragment>\n\t#include <fog_fragment>\n\t#include <premultiplied_alpha_fragment>\n\t#include <dithering_fragment>\n}";
-
-                       var meshbasic_vert = "#include <common>\n#include <uv_pars_vertex>\n#include <uv2_pars_vertex>\n#include <envmap_pars_vertex>\n#include <color_pars_vertex>\n#include <fog_pars_vertex>\n#include <morphtarget_pars_vertex>\n#include <skinning_pars_vertex>\n#include <logdepthbuf_pars_vertex>\n#include <clipping_planes_pars_vertex>\nvoid main() {\n\t#include <uv_vertex>\n\t#include <uv2_vertex>\n\t#include <color_vertex>\n\t#if defined ( USE_ENVMAP ) || defined ( USE_SKINNING )\n\t\t#include <beginnormal_vertex>\n\t\t#include <morphnormal_vertex>\n\t\t#include <skinbase_vertex>\n\t\t#include <skinnormal_vertex>\n\t\t#include <defaultnormal_vertex>\n\t#endif\n\t#include <begin_vertex>\n\t#include <morphtarget_vertex>\n\t#include <skinning_vertex>\n\t#include <project_vertex>\n\t#include <logdepthbuf_vertex>\n\t#include <clipping_planes_vertex>\n\t#include <worldpos_vertex>\n\t#include <envmap_vertex>\n\t#include <fog_vertex>\n}";
-
-                       var meshlambert_frag = "uniform vec3 diffuse;\nuniform vec3 emissive;\nuniform float opacity;\nvarying vec3 vLightFront;\nvarying vec3 vIndirectFront;\n#ifdef DOUBLE_SIDED\n\tvarying vec3 vLightBack;\n\tvarying vec3 vIndirectBack;\n#endif\n#include <common>\n#include <packing>\n#include <dithering_pars_fragment>\n#include <color_pars_fragment>\n#include <uv_pars_fragment>\n#include <uv2_pars_fragment>\n#include <map_pars_fragment>\n#include <alphamap_pars_fragment>\n#include <alphatest_pars_fragment>\n#include <aomap_pars_fragment>\n#include <lightmap_pars_fragment>\n#include <emissivemap_pars_fragment>\n#include <envmap_common_pars_fragment>\n#include <envmap_pars_fragment>\n#include <cube_uv_reflection_fragment>\n#include <bsdfs>\n#include <lights_pars_begin>\n#include <fog_pars_fragment>\n#include <shadowmap_pars_fragment>\n#include <shadowmask_pars_fragment>\n#include <specularmap_pars_fragment>\n#include <logdepthbuf_pars_fragment>\n#include <clipping_planes_pars_fragment>\nvoid main() {\n\t#include <clipping_planes_fragment>\n\tvec4 diffuseColor = vec4( diffuse, opacity );\n\tReflectedLight reflectedLight = ReflectedLight( vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ) );\n\tvec3 totalEmissiveRadiance = emissive;\n\t#include <logdepthbuf_fragment>\n\t#include <map_fragment>\n\t#include <color_fragment>\n\t#include <alphamap_fragment>\n\t#include <alphatest_fragment>\n\t#include <specularmap_fragment>\n\t#include <emissivemap_fragment>\n\t#ifdef DOUBLE_SIDED\n\t\treflectedLight.indirectDiffuse += ( gl_FrontFacing ) ? vIndirectFront : vIndirectBack;\n\t#else\n\t\treflectedLight.indirectDiffuse += vIndirectFront;\n\t#endif\n\t#include <lightmap_fragment>\n\treflectedLight.indirectDiffuse *= BRDF_Lambert( diffuseColor.rgb );\n\t#ifdef DOUBLE_SIDED\n\t\treflectedLight.directDiffuse = ( gl_FrontFacing ) ? vLightFront : vLightBack;\n\t#else\n\t\treflectedLight.directDiffuse = vLightFront;\n\t#endif\n\treflectedLight.directDiffuse *= BRDF_Lambert( diffuseColor.rgb ) * getShadowMask();\n\t#include <aomap_fragment>\n\tvec3 outgoingLight = reflectedLight.directDiffuse + reflectedLight.indirectDiffuse + totalEmissiveRadiance;\n\t#include <envmap_fragment>\n\t#include <output_fragment>\n\t#include <tonemapping_fragment>\n\t#include <encodings_fragment>\n\t#include <fog_fragment>\n\t#include <premultiplied_alpha_fragment>\n\t#include <dithering_fragment>\n}";
-
-                       var meshlambert_vert = "#define LAMBERT\nvarying vec3 vLightFront;\nvarying vec3 vIndirectFront;\n#ifdef DOUBLE_SIDED\n\tvarying vec3 vLightBack;\n\tvarying vec3 vIndirectBack;\n#endif\n#include <common>\n#include <uv_pars_vertex>\n#include <uv2_pars_vertex>\n#include <envmap_pars_vertex>\n#include <bsdfs>\n#include <lights_pars_begin>\n#include <color_pars_vertex>\n#include <fog_pars_vertex>\n#include <morphtarget_pars_vertex>\n#include <skinning_pars_vertex>\n#include <shadowmap_pars_vertex>\n#include <logdepthbuf_pars_vertex>\n#include <clipping_planes_pars_vertex>\nvoid main() {\n\t#include <uv_vertex>\n\t#include <uv2_vertex>\n\t#include <color_vertex>\n\t#include <beginnormal_vertex>\n\t#include <morphnormal_vertex>\n\t#include <skinbase_vertex>\n\t#include <skinnormal_vertex>\n\t#include <defaultnormal_vertex>\n\t#include <begin_vertex>\n\t#include <morphtarget_vertex>\n\t#include <skinning_vertex>\n\t#include <project_vertex>\n\t#include <logdepthbuf_vertex>\n\t#include <clipping_planes_vertex>\n\t#include <worldpos_vertex>\n\t#include <envmap_vertex>\n\t#include <lights_lambert_vertex>\n\t#include <shadowmap_vertex>\n\t#include <fog_vertex>\n}";
-
-                       var meshmatcap_frag = "#define MATCAP\nuniform vec3 diffuse;\nuniform float opacity;\nuniform sampler2D matcap;\nvarying vec3 vViewPosition;\n#include <common>\n#include <dithering_pars_fragment>\n#include <color_pars_fragment>\n#include <uv_pars_fragment>\n#include <map_pars_fragment>\n#include <alphamap_pars_fragment>\n#include <alphatest_pars_fragment>\n#include <fog_pars_fragment>\n#include <normal_pars_fragment>\n#include <bumpmap_pars_fragment>\n#include <normalmap_pars_fragment>\n#include <logdepthbuf_pars_fragment>\n#include <clipping_planes_pars_fragment>\nvoid main() {\n\t#include <clipping_planes_fragment>\n\tvec4 diffuseColor = vec4( diffuse, opacity );\n\t#include <logdepthbuf_fragment>\n\t#include <map_fragment>\n\t#include <color_fragment>\n\t#include <alphamap_fragment>\n\t#include <alphatest_fragment>\n\t#include <normal_fragment_begin>\n\t#include <normal_fragment_maps>\n\tvec3 viewDir = normalize( vViewPosition );\n\tvec3 x = normalize( vec3( viewDir.z, 0.0, - viewDir.x ) );\n\tvec3 y = cross( viewDir, x );\n\tvec2 uv = vec2( dot( x, normal ), dot( y, normal ) ) * 0.495 + 0.5;\n\t#ifdef USE_MATCAP\n\t\tvec4 matcapColor = texture2D( matcap, uv );\n\t\tmatcapColor = matcapTexelToLinear( matcapColor );\n\t#else\n\t\tvec4 matcapColor = vec4( 1.0 );\n\t#endif\n\tvec3 outgoingLight = diffuseColor.rgb * matcapColor.rgb;\n\t#include <output_fragment>\n\t#include <tonemapping_fragment>\n\t#include <encodings_fragment>\n\t#include <fog_fragment>\n\t#include <premultiplied_alpha_fragment>\n\t#include <dithering_fragment>\n}";
-
-                       var meshmatcap_vert = "#define MATCAP\nvarying vec3 vViewPosition;\n#include <common>\n#include <uv_pars_vertex>\n#include <color_pars_vertex>\n#include <displacementmap_pars_vertex>\n#include <fog_pars_vertex>\n#include <normal_pars_vertex>\n#include <morphtarget_pars_vertex>\n#include <skinning_pars_vertex>\n#include <logdepthbuf_pars_vertex>\n#include <clipping_planes_pars_vertex>\nvoid main() {\n\t#include <uv_vertex>\n\t#include <color_vertex>\n\t#include <beginnormal_vertex>\n\t#include <morphnormal_vertex>\n\t#include <skinbase_vertex>\n\t#include <skinnormal_vertex>\n\t#include <defaultnormal_vertex>\n\t#include <normal_vertex>\n\t#include <begin_vertex>\n\t#include <morphtarget_vertex>\n\t#include <skinning_vertex>\n\t#include <displacementmap_vertex>\n\t#include <project_vertex>\n\t#include <logdepthbuf_vertex>\n\t#include <clipping_planes_vertex>\n\t#include <fog_vertex>\n\tvViewPosition = - mvPosition.xyz;\n}";
-
-                       var meshnormal_frag = "#define NORMAL\nuniform float opacity;\n#if defined( FLAT_SHADED ) || defined( USE_BUMPMAP ) || defined( TANGENTSPACE_NORMALMAP )\n\tvarying vec3 vViewPosition;\n#endif\n#include <packing>\n#include <uv_pars_fragment>\n#include <normal_pars_fragment>\n#include <bumpmap_pars_fragment>\n#include <normalmap_pars_fragment>\n#include <logdepthbuf_pars_fragment>\n#include <clipping_planes_pars_fragment>\nvoid main() {\n\t#include <clipping_planes_fragment>\n\t#include <logdepthbuf_fragment>\n\t#include <normal_fragment_begin>\n\t#include <normal_fragment_maps>\n\tgl_FragColor = vec4( packNormalToRGB( normal ), opacity );\n}";
-
-                       var meshnormal_vert = "#define NORMAL\n#if defined( FLAT_SHADED ) || defined( USE_BUMPMAP ) || defined( TANGENTSPACE_NORMALMAP )\n\tvarying vec3 vViewPosition;\n#endif\n#include <common>\n#include <uv_pars_vertex>\n#include <displacementmap_pars_vertex>\n#include <normal_pars_vertex>\n#include <morphtarget_pars_vertex>\n#include <skinning_pars_vertex>\n#include <logdepthbuf_pars_vertex>\n#include <clipping_planes_pars_vertex>\nvoid main() {\n\t#include <uv_vertex>\n\t#include <beginnormal_vertex>\n\t#include <morphnormal_vertex>\n\t#include <skinbase_vertex>\n\t#include <skinnormal_vertex>\n\t#include <defaultnormal_vertex>\n\t#include <normal_vertex>\n\t#include <begin_vertex>\n\t#include <morphtarget_vertex>\n\t#include <skinning_vertex>\n\t#include <displacementmap_vertex>\n\t#include <project_vertex>\n\t#include <logdepthbuf_vertex>\n\t#include <clipping_planes_vertex>\n#if defined( FLAT_SHADED ) || defined( USE_BUMPMAP ) || defined( TANGENTSPACE_NORMALMAP )\n\tvViewPosition = - mvPosition.xyz;\n#endif\n}";
-
-                       var meshphong_frag = "#define PHONG\nuniform vec3 diffuse;\nuniform vec3 emissive;\nuniform vec3 specular;\nuniform float shininess;\nuniform float opacity;\n#include <common>\n#include <packing>\n#include <dithering_pars_fragment>\n#include <color_pars_fragment>\n#include <uv_pars_fragment>\n#include <uv2_pars_fragment>\n#include <map_pars_fragment>\n#include <alphamap_pars_fragment>\n#include <alphatest_pars_fragment>\n#include <aomap_pars_fragment>\n#include <lightmap_pars_fragment>\n#include <emissivemap_pars_fragment>\n#include <envmap_common_pars_fragment>\n#include <envmap_pars_fragment>\n#include <cube_uv_reflection_fragment>\n#include <fog_pars_fragment>\n#include <bsdfs>\n#include <lights_pars_begin>\n#include <normal_pars_fragment>\n#include <lights_phong_pars_fragment>\n#include <shadowmap_pars_fragment>\n#include <bumpmap_pars_fragment>\n#include <normalmap_pars_fragment>\n#include <specularmap_pars_fragment>\n#include <logdepthbuf_pars_fragment>\n#include <clipping_planes_pars_fragment>\nvoid main() {\n\t#include <clipping_planes_fragment>\n\tvec4 diffuseColor = vec4( diffuse, opacity );\n\tReflectedLight reflectedLight = ReflectedLight( vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ) );\n\tvec3 totalEmissiveRadiance = emissive;\n\t#include <logdepthbuf_fragment>\n\t#include <map_fragment>\n\t#include <color_fragment>\n\t#include <alphamap_fragment>\n\t#include <alphatest_fragment>\n\t#include <specularmap_fragment>\n\t#include <normal_fragment_begin>\n\t#include <normal_fragment_maps>\n\t#include <emissivemap_fragment>\n\t#include <lights_phong_fragment>\n\t#include <lights_fragment_begin>\n\t#include <lights_fragment_maps>\n\t#include <lights_fragment_end>\n\t#include <aomap_fragment>\n\tvec3 outgoingLight = reflectedLight.directDiffuse + reflectedLight.indirectDiffuse + reflectedLight.directSpecular + reflectedLight.indirectSpecular + totalEmissiveRadiance;\n\t#include <envmap_fragment>\n\t#include <output_fragment>\n\t#include <tonemapping_fragment>\n\t#include <encodings_fragment>\n\t#include <fog_fragment>\n\t#include <premultiplied_alpha_fragment>\n\t#include <dithering_fragment>\n}";
-
-                       var meshphong_vert = "#define PHONG\nvarying vec3 vViewPosition;\n#include <common>\n#include <uv_pars_vertex>\n#include <uv2_pars_vertex>\n#include <displacementmap_pars_vertex>\n#include <envmap_pars_vertex>\n#include <color_pars_vertex>\n#include <fog_pars_vertex>\n#include <normal_pars_vertex>\n#include <morphtarget_pars_vertex>\n#include <skinning_pars_vertex>\n#include <shadowmap_pars_vertex>\n#include <logdepthbuf_pars_vertex>\n#include <clipping_planes_pars_vertex>\nvoid main() {\n\t#include <uv_vertex>\n\t#include <uv2_vertex>\n\t#include <color_vertex>\n\t#include <beginnormal_vertex>\n\t#include <morphnormal_vertex>\n\t#include <skinbase_vertex>\n\t#include <skinnormal_vertex>\n\t#include <defaultnormal_vertex>\n\t#include <normal_vertex>\n\t#include <begin_vertex>\n\t#include <morphtarget_vertex>\n\t#include <skinning_vertex>\n\t#include <displacementmap_vertex>\n\t#include <project_vertex>\n\t#include <logdepthbuf_vertex>\n\t#include <clipping_planes_vertex>\n\tvViewPosition = - mvPosition.xyz;\n\t#include <worldpos_vertex>\n\t#include <envmap_vertex>\n\t#include <shadowmap_vertex>\n\t#include <fog_vertex>\n}";
-
-                       var meshphysical_frag = "#define STANDARD\n#ifdef PHYSICAL\n\t#define IOR\n\t#define SPECULAR\n#endif\nuniform vec3 diffuse;\nuniform vec3 emissive;\nuniform float roughness;\nuniform float metalness;\nuniform float opacity;\n#ifdef IOR\n\tuniform float ior;\n#endif\n#ifdef SPECULAR\n\tuniform float specularIntensity;\n\tuniform vec3 specularTint;\n\t#ifdef USE_SPECULARINTENSITYMAP\n\t\tuniform sampler2D specularIntensityMap;\n\t#endif\n\t#ifdef USE_SPECULARTINTMAP\n\t\tuniform sampler2D specularTintMap;\n\t#endif\n#endif\n#ifdef USE_CLEARCOAT\n\tuniform float clearcoat;\n\tuniform float clearcoatRoughness;\n#endif\n#ifdef USE_SHEEN\n\tuniform vec3 sheenTint;\n#endif\nvarying vec3 vViewPosition;\n#include <common>\n#include <packing>\n#include <dithering_pars_fragment>\n#include <color_pars_fragment>\n#include <uv_pars_fragment>\n#include <uv2_pars_fragment>\n#include <map_pars_fragment>\n#include <alphamap_pars_fragment>\n#include <alphatest_pars_fragment>\n#include <aomap_pars_fragment>\n#include <lightmap_pars_fragment>\n#include <emissivemap_pars_fragment>\n#include <bsdfs>\n#include <cube_uv_reflection_fragment>\n#include <envmap_common_pars_fragment>\n#include <envmap_physical_pars_fragment>\n#include <fog_pars_fragment>\n#include <lights_pars_begin>\n#include <normal_pars_fragment>\n#include <lights_physical_pars_fragment>\n#include <transmission_pars_fragment>\n#include <shadowmap_pars_fragment>\n#include <bumpmap_pars_fragment>\n#include <normalmap_pars_fragment>\n#include <clearcoat_pars_fragment>\n#include <roughnessmap_pars_fragment>\n#include <metalnessmap_pars_fragment>\n#include <logdepthbuf_pars_fragment>\n#include <clipping_planes_pars_fragment>\nvoid main() {\n\t#include <clipping_planes_fragment>\n\tvec4 diffuseColor = vec4( diffuse, opacity );\n\tReflectedLight reflectedLight = ReflectedLight( vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ) );\n\tvec3 totalEmissiveRadiance = emissive;\n\t#include <logdepthbuf_fragment>\n\t#include <map_fragment>\n\t#include <color_fragment>\n\t#include <alphamap_fragment>\n\t#include <alphatest_fragment>\n\t#include <roughnessmap_fragment>\n\t#include <metalnessmap_fragment>\n\t#include <normal_fragment_begin>\n\t#include <normal_fragment_maps>\n\t#include <clearcoat_normal_fragment_begin>\n\t#include <clearcoat_normal_fragment_maps>\n\t#include <emissivemap_fragment>\n\t#include <lights_physical_fragment>\n\t#include <lights_fragment_begin>\n\t#include <lights_fragment_maps>\n\t#include <lights_fragment_end>\n\t#include <aomap_fragment>\n\tvec3 totalDiffuse = reflectedLight.directDiffuse + reflectedLight.indirectDiffuse;\n\tvec3 totalSpecular = reflectedLight.directSpecular + reflectedLight.indirectSpecular;\n\t#include <transmission_fragment>\n\tvec3 outgoingLight = totalDiffuse + totalSpecular + totalEmissiveRadiance;\n\t#ifdef USE_CLEARCOAT\n\t\tfloat dotNVcc = saturate( dot( geometry.clearcoatNormal, geometry.viewDir ) );\n\t\tvec3 Fcc = F_Schlick( material.clearcoatF0, material.clearcoatF90, dotNVcc );\n\t\toutgoingLight = outgoingLight * ( 1.0 - clearcoat * Fcc ) + clearcoatSpecular * clearcoat;\n\t#endif\n\t#include <output_fragment>\n\t#include <tonemapping_fragment>\n\t#include <encodings_fragment>\n\t#include <fog_fragment>\n\t#include <premultiplied_alpha_fragment>\n\t#include <dithering_fragment>\n}";
-
-                       var meshphysical_vert = "#define STANDARD\nvarying vec3 vViewPosition;\n#ifdef USE_TRANSMISSION\n\tvarying vec3 vWorldPosition;\n#endif\n#include <common>\n#include <uv_pars_vertex>\n#include <uv2_pars_vertex>\n#include <displacementmap_pars_vertex>\n#include <color_pars_vertex>\n#include <fog_pars_vertex>\n#include <normal_pars_vertex>\n#include <morphtarget_pars_vertex>\n#include <skinning_pars_vertex>\n#include <shadowmap_pars_vertex>\n#include <logdepthbuf_pars_vertex>\n#include <clipping_planes_pars_vertex>\nvoid main() {\n\t#include <uv_vertex>\n\t#include <uv2_vertex>\n\t#include <color_vertex>\n\t#include <beginnormal_vertex>\n\t#include <morphnormal_vertex>\n\t#include <skinbase_vertex>\n\t#include <skinnormal_vertex>\n\t#include <defaultnormal_vertex>\n\t#include <normal_vertex>\n\t#include <begin_vertex>\n\t#include <morphtarget_vertex>\n\t#include <skinning_vertex>\n\t#include <displacementmap_vertex>\n\t#include <project_vertex>\n\t#include <logdepthbuf_vertex>\n\t#include <clipping_planes_vertex>\n\tvViewPosition = - mvPosition.xyz;\n\t#include <worldpos_vertex>\n\t#include <shadowmap_vertex>\n\t#include <fog_vertex>\n#ifdef USE_TRANSMISSION\n\tvWorldPosition = worldPosition.xyz;\n#endif\n}";
-
-                       var meshtoon_frag = "#define TOON\nuniform vec3 diffuse;\nuniform vec3 emissive;\nuniform float opacity;\n#include <common>\n#include <packing>\n#include <dithering_pars_fragment>\n#include <color_pars_fragment>\n#include <uv_pars_fragment>\n#include <uv2_pars_fragment>\n#include <map_pars_fragment>\n#include <alphamap_pars_fragment>\n#include <alphatest_pars_fragment>\n#include <aomap_pars_fragment>\n#include <lightmap_pars_fragment>\n#include <emissivemap_pars_fragment>\n#include <gradientmap_pars_fragment>\n#include <fog_pars_fragment>\n#include <bsdfs>\n#include <lights_pars_begin>\n#include <normal_pars_fragment>\n#include <lights_toon_pars_fragment>\n#include <shadowmap_pars_fragment>\n#include <bumpmap_pars_fragment>\n#include <normalmap_pars_fragment>\n#include <logdepthbuf_pars_fragment>\n#include <clipping_planes_pars_fragment>\nvoid main() {\n\t#include <clipping_planes_fragment>\n\tvec4 diffuseColor = vec4( diffuse, opacity );\n\tReflectedLight reflectedLight = ReflectedLight( vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ) );\n\tvec3 totalEmissiveRadiance = emissive;\n\t#include <logdepthbuf_fragment>\n\t#include <map_fragment>\n\t#include <color_fragment>\n\t#include <alphamap_fragment>\n\t#include <alphatest_fragment>\n\t#include <normal_fragment_begin>\n\t#include <normal_fragment_maps>\n\t#include <emissivemap_fragment>\n\t#include <lights_toon_fragment>\n\t#include <lights_fragment_begin>\n\t#include <lights_fragment_maps>\n\t#include <lights_fragment_end>\n\t#include <aomap_fragment>\n\tvec3 outgoingLight = reflectedLight.directDiffuse + reflectedLight.indirectDiffuse + totalEmissiveRadiance;\n\t#include <output_fragment>\n\t#include <tonemapping_fragment>\n\t#include <encodings_fragment>\n\t#include <fog_fragment>\n\t#include <premultiplied_alpha_fragment>\n\t#include <dithering_fragment>\n}";
-
-                       var meshtoon_vert = "#define TOON\nvarying vec3 vViewPosition;\n#include <common>\n#include <uv_pars_vertex>\n#include <uv2_pars_vertex>\n#include <displacementmap_pars_vertex>\n#include <color_pars_vertex>\n#include <fog_pars_vertex>\n#include <normal_pars_vertex>\n#include <morphtarget_pars_vertex>\n#include <skinning_pars_vertex>\n#include <shadowmap_pars_vertex>\n#include <logdepthbuf_pars_vertex>\n#include <clipping_planes_pars_vertex>\nvoid main() {\n\t#include <uv_vertex>\n\t#include <uv2_vertex>\n\t#include <color_vertex>\n\t#include <beginnormal_vertex>\n\t#include <morphnormal_vertex>\n\t#include <skinbase_vertex>\n\t#include <skinnormal_vertex>\n\t#include <defaultnormal_vertex>\n\t#include <normal_vertex>\n\t#include <begin_vertex>\n\t#include <morphtarget_vertex>\n\t#include <skinning_vertex>\n\t#include <displacementmap_vertex>\n\t#include <project_vertex>\n\t#include <logdepthbuf_vertex>\n\t#include <clipping_planes_vertex>\n\tvViewPosition = - mvPosition.xyz;\n\t#include <worldpos_vertex>\n\t#include <shadowmap_vertex>\n\t#include <fog_vertex>\n}";
-
-                       var points_frag = "uniform vec3 diffuse;\nuniform float opacity;\n#include <common>\n#include <color_pars_fragment>\n#include <map_particle_pars_fragment>\n#include <alphatest_pars_fragment>\n#include <fog_pars_fragment>\n#include <logdepthbuf_pars_fragment>\n#include <clipping_planes_pars_fragment>\nvoid main() {\n\t#include <clipping_planes_fragment>\n\tvec3 outgoingLight = vec3( 0.0 );\n\tvec4 diffuseColor = vec4( diffuse, opacity );\n\t#include <logdepthbuf_fragment>\n\t#include <map_particle_fragment>\n\t#include <color_fragment>\n\t#include <alphatest_fragment>\n\toutgoingLight = diffuseColor.rgb;\n\t#include <output_fragment>\n\t#include <tonemapping_fragment>\n\t#include <encodings_fragment>\n\t#include <fog_fragment>\n\t#include <premultiplied_alpha_fragment>\n}";
-
-                       var points_vert = "uniform float size;\nuniform float scale;\n#include <common>\n#include <color_pars_vertex>\n#include <fog_pars_vertex>\n#include <morphtarget_pars_vertex>\n#include <logdepthbuf_pars_vertex>\n#include <clipping_planes_pars_vertex>\nvoid main() {\n\t#include <color_vertex>\n\t#include <begin_vertex>\n\t#include <morphtarget_vertex>\n\t#include <project_vertex>\n\tgl_PointSize = size;\n\t#ifdef USE_SIZEATTENUATION\n\t\tbool isPerspective = isPerspectiveMatrix( projectionMatrix );\n\t\tif ( isPerspective ) gl_PointSize *= ( scale / - mvPosition.z );\n\t#endif\n\t#include <logdepthbuf_vertex>\n\t#include <clipping_planes_vertex>\n\t#include <worldpos_vertex>\n\t#include <fog_vertex>\n}";
-
-                       var shadow_frag = "uniform vec3 color;\nuniform float opacity;\n#include <common>\n#include <packing>\n#include <fog_pars_fragment>\n#include <bsdfs>\n#include <lights_pars_begin>\n#include <shadowmap_pars_fragment>\n#include <shadowmask_pars_fragment>\nvoid main() {\n\tgl_FragColor = vec4( color, opacity * ( 1.0 - getShadowMask() ) );\n\t#include <tonemapping_fragment>\n\t#include <encodings_fragment>\n\t#include <fog_fragment>\n}";
-
-                       var shadow_vert = "#include <common>\n#include <fog_pars_vertex>\n#include <shadowmap_pars_vertex>\nvoid main() {\n\t#include <begin_vertex>\n\t#include <project_vertex>\n\t#include <worldpos_vertex>\n\t#include <beginnormal_vertex>\n\t#include <morphnormal_vertex>\n\t#include <skinbase_vertex>\n\t#include <skinnormal_vertex>\n\t#include <defaultnormal_vertex>\n\t#include <shadowmap_vertex>\n\t#include <fog_vertex>\n}";
-
-                       var sprite_frag = "uniform vec3 diffuse;\nuniform float opacity;\n#include <common>\n#include <uv_pars_fragment>\n#include <map_pars_fragment>\n#include <alphamap_pars_fragment>\n#include <alphatest_pars_fragment>\n#include <fog_pars_fragment>\n#include <logdepthbuf_pars_fragment>\n#include <clipping_planes_pars_fragment>\nvoid main() {\n\t#include <clipping_planes_fragment>\n\tvec3 outgoingLight = vec3( 0.0 );\n\tvec4 diffuseColor = vec4( diffuse, opacity );\n\t#include <logdepthbuf_fragment>\n\t#include <map_fragment>\n\t#include <alphamap_fragment>\n\t#include <alphatest_fragment>\n\toutgoingLight = diffuseColor.rgb;\n\t#include <output_fragment>\n\t#include <tonemapping_fragment>\n\t#include <encodings_fragment>\n\t#include <fog_fragment>\n}";
-
-                       var sprite_vert = "uniform float rotation;\nuniform vec2 center;\n#include <common>\n#include <uv_pars_vertex>\n#include <fog_pars_vertex>\n#include <logdepthbuf_pars_vertex>\n#include <clipping_planes_pars_vertex>\nvoid main() {\n\t#include <uv_vertex>\n\tvec4 mvPosition = modelViewMatrix * vec4( 0.0, 0.0, 0.0, 1.0 );\n\tvec2 scale;\n\tscale.x = length( vec3( modelMatrix[ 0 ].x, modelMatrix[ 0 ].y, modelMatrix[ 0 ].z ) );\n\tscale.y = length( vec3( modelMatrix[ 1 ].x, modelMatrix[ 1 ].y, modelMatrix[ 1 ].z ) );\n\t#ifndef USE_SIZEATTENUATION\n\t\tbool isPerspective = isPerspectiveMatrix( projectionMatrix );\n\t\tif ( isPerspective ) scale *= - mvPosition.z;\n\t#endif\n\tvec2 alignedPosition = ( position.xy - ( center - vec2( 0.5 ) ) ) * scale;\n\tvec2 rotatedPosition;\n\trotatedPosition.x = cos( rotation ) * alignedPosition.x - sin( rotation ) * alignedPosition.y;\n\trotatedPosition.y = sin( rotation ) * alignedPosition.x + cos( rotation ) * alignedPosition.y;\n\tmvPosition.xy += rotatedPosition;\n\tgl_Position = projectionMatrix * mvPosition;\n\t#include <logdepthbuf_vertex>\n\t#include <clipping_planes_vertex>\n\t#include <fog_vertex>\n}";
-
-                       const ShaderChunk = {
-                               alphamap_fragment: alphamap_fragment,
-                               alphamap_pars_fragment: alphamap_pars_fragment,
-                               alphatest_fragment: alphatest_fragment,
-                               alphatest_pars_fragment: alphatest_pars_fragment,
-                               aomap_fragment: aomap_fragment,
-                               aomap_pars_fragment: aomap_pars_fragment,
-                               begin_vertex: begin_vertex,
-                               beginnormal_vertex: beginnormal_vertex,
-                               bsdfs: bsdfs,
-                               bumpmap_pars_fragment: bumpmap_pars_fragment,
-                               clipping_planes_fragment: clipping_planes_fragment,
-                               clipping_planes_pars_fragment: clipping_planes_pars_fragment,
-                               clipping_planes_pars_vertex: clipping_planes_pars_vertex,
-                               clipping_planes_vertex: clipping_planes_vertex,
-                               color_fragment: color_fragment,
-                               color_pars_fragment: color_pars_fragment,
-                               color_pars_vertex: color_pars_vertex,
-                               color_vertex: color_vertex,
-                               common: common,
-                               cube_uv_reflection_fragment: cube_uv_reflection_fragment,
-                               defaultnormal_vertex: defaultnormal_vertex,
-                               displacementmap_pars_vertex: displacementmap_pars_vertex,
-                               displacementmap_vertex: displacementmap_vertex,
-                               emissivemap_fragment: emissivemap_fragment,
-                               emissivemap_pars_fragment: emissivemap_pars_fragment,
-                               encodings_fragment: encodings_fragment,
-                               encodings_pars_fragment: encodings_pars_fragment,
-                               envmap_fragment: envmap_fragment,
-                               envmap_common_pars_fragment: envmap_common_pars_fragment,
-                               envmap_pars_fragment: envmap_pars_fragment,
-                               envmap_pars_vertex: envmap_pars_vertex,
-                               envmap_physical_pars_fragment: envmap_physical_pars_fragment,
-                               envmap_vertex: envmap_vertex,
-                               fog_vertex: fog_vertex,
-                               fog_pars_vertex: fog_pars_vertex,
-                               fog_fragment: fog_fragment,
-                               fog_pars_fragment: fog_pars_fragment,
-                               gradientmap_pars_fragment: gradientmap_pars_fragment,
-                               lightmap_fragment: lightmap_fragment,
-                               lightmap_pars_fragment: lightmap_pars_fragment,
-                               lights_lambert_vertex: lights_lambert_vertex,
-                               lights_pars_begin: lights_pars_begin,
-                               lights_toon_fragment: lights_toon_fragment,
-                               lights_toon_pars_fragment: lights_toon_pars_fragment,
-                               lights_phong_fragment: lights_phong_fragment,
-                               lights_phong_pars_fragment: lights_phong_pars_fragment,
-                               lights_physical_fragment: lights_physical_fragment,
-                               lights_physical_pars_fragment: lights_physical_pars_fragment,
-                               lights_fragment_begin: lights_fragment_begin,
-                               lights_fragment_maps: lights_fragment_maps,
-                               lights_fragment_end: lights_fragment_end,
-                               logdepthbuf_fragment: logdepthbuf_fragment,
-                               logdepthbuf_pars_fragment: logdepthbuf_pars_fragment,
-                               logdepthbuf_pars_vertex: logdepthbuf_pars_vertex,
-                               logdepthbuf_vertex: logdepthbuf_vertex,
-                               map_fragment: map_fragment,
-                               map_pars_fragment: map_pars_fragment,
-                               map_particle_fragment: map_particle_fragment,
-                               map_particle_pars_fragment: map_particle_pars_fragment,
-                               metalnessmap_fragment: metalnessmap_fragment,
-                               metalnessmap_pars_fragment: metalnessmap_pars_fragment,
-                               morphnormal_vertex: morphnormal_vertex,
-                               morphtarget_pars_vertex: morphtarget_pars_vertex,
-                               morphtarget_vertex: morphtarget_vertex,
-                               normal_fragment_begin: normal_fragment_begin,
-                               normal_fragment_maps: normal_fragment_maps,
-                               normal_pars_fragment: normal_pars_fragment,
-                               normal_pars_vertex: normal_pars_vertex,
-                               normal_vertex: normal_vertex,
-                               normalmap_pars_fragment: normalmap_pars_fragment,
-                               clearcoat_normal_fragment_begin: clearcoat_normal_fragment_begin,
-                               clearcoat_normal_fragment_maps: clearcoat_normal_fragment_maps,
-                               clearcoat_pars_fragment: clearcoat_pars_fragment,
-                               output_fragment: output_fragment,
-                               packing: packing,
-                               premultiplied_alpha_fragment: premultiplied_alpha_fragment,
-                               project_vertex: project_vertex,
-                               dithering_fragment: dithering_fragment,
-                               dithering_pars_fragment: dithering_pars_fragment,
-                               roughnessmap_fragment: roughnessmap_fragment,
-                               roughnessmap_pars_fragment: roughnessmap_pars_fragment,
-                               shadowmap_pars_fragment: shadowmap_pars_fragment,
-                               shadowmap_pars_vertex: shadowmap_pars_vertex,
-                               shadowmap_vertex: shadowmap_vertex,
-                               shadowmask_pars_fragment: shadowmask_pars_fragment,
-                               skinbase_vertex: skinbase_vertex,
-                               skinning_pars_vertex: skinning_pars_vertex,
-                               skinning_vertex: skinning_vertex,
-                               skinnormal_vertex: skinnormal_vertex,
-                               specularmap_fragment: specularmap_fragment,
-                               specularmap_pars_fragment: specularmap_pars_fragment,
-                               tonemapping_fragment: tonemapping_fragment,
-                               tonemapping_pars_fragment: tonemapping_pars_fragment,
-                               transmission_fragment: transmission_fragment,
-                               transmission_pars_fragment: transmission_pars_fragment,
-                               uv_pars_fragment: uv_pars_fragment,
-                               uv_pars_vertex: uv_pars_vertex,
-                               uv_vertex: uv_vertex,
-                               uv2_pars_fragment: uv2_pars_fragment,
-                               uv2_pars_vertex: uv2_pars_vertex,
-                               uv2_vertex: uv2_vertex,
-                               worldpos_vertex: worldpos_vertex,
-                               background_frag: background_frag,
-                               background_vert: background_vert,
-                               cube_frag: cube_frag,
-                               cube_vert: cube_vert,
-                               depth_frag: depth_frag,
-                               depth_vert: depth_vert,
-                               distanceRGBA_frag: distanceRGBA_frag,
-                               distanceRGBA_vert: distanceRGBA_vert,
-                               equirect_frag: equirect_frag,
-                               equirect_vert: equirect_vert,
-                               linedashed_frag: linedashed_frag,
-                               linedashed_vert: linedashed_vert,
-                               meshbasic_frag: meshbasic_frag,
-                               meshbasic_vert: meshbasic_vert,
-                               meshlambert_frag: meshlambert_frag,
-                               meshlambert_vert: meshlambert_vert,
-                               meshmatcap_frag: meshmatcap_frag,
-                               meshmatcap_vert: meshmatcap_vert,
-                               meshnormal_frag: meshnormal_frag,
-                               meshnormal_vert: meshnormal_vert,
-                               meshphong_frag: meshphong_frag,
-                               meshphong_vert: meshphong_vert,
-                               meshphysical_frag: meshphysical_frag,
-                               meshphysical_vert: meshphysical_vert,
-                               meshtoon_frag: meshtoon_frag,
-                               meshtoon_vert: meshtoon_vert,
-                               points_frag: points_frag,
-                               points_vert: points_vert,
-                               shadow_frag: shadow_frag,
-                               shadow_vert: shadow_vert,
-                               sprite_frag: sprite_frag,
-                               sprite_vert: sprite_vert
-                       };
-
-                       /**
-                        * Uniforms library for shared webgl shaders
-                        */
-
-                       const UniformsLib = {
-                               common: {
-                                       diffuse: {
-                                               value: new Color(0xffffff)
-                                       },
-                                       opacity: {
-                                               value: 1.0
-                                       },
-                                       map: {
-                                               value: null
-                                       },
-                                       uvTransform: {
-                                               value: new Matrix3()
-                                       },
-                                       uv2Transform: {
-                                               value: new Matrix3()
-                                       },
-                                       alphaMap: {
-                                               value: null
-                                       },
-                                       alphaTest: {
-                                               value: 0
-                                       }
-                               },
-                               specularmap: {
-                                       specularMap: {
-                                               value: null
-                                       }
-                               },
-                               envmap: {
-                                       envMap: {
-                                               value: null
-                                       },
-                                       flipEnvMap: {
-                                               value: -1
-                                       },
-                                       reflectivity: {
-                                               value: 1.0
-                                       },
-                                       // basic, lambert, phong
-                                       ior: {
-                                               value: 1.5
-                                       },
-                                       // standard, physical
-                                       refractionRatio: {
-                                               value: 0.98
-                                       },
-                                       maxMipLevel: {
-                                               value: 0
-                                       }
-                               },
-                               aomap: {
-                                       aoMap: {
-                                               value: null
-                                       },
-                                       aoMapIntensity: {
-                                               value: 1
-                                       }
-                               },
-                               lightmap: {
-                                       lightMap: {
-                                               value: null
-                                       },
-                                       lightMapIntensity: {
-                                               value: 1
-                                       }
-                               },
-                               emissivemap: {
-                                       emissiveMap: {
-                                               value: null
-                                       }
-                               },
-                               bumpmap: {
-                                       bumpMap: {
-                                               value: null
-                                       },
-                                       bumpScale: {
-                                               value: 1
-                                       }
-                               },
-                               normalmap: {
-                                       normalMap: {
-                                               value: null
-                                       },
-                                       normalScale: {
-                                               value: new Vector2(1, 1)
-                                       }
-                               },
-                               displacementmap: {
-                                       displacementMap: {
-                                               value: null
-                                       },
-                                       displacementScale: {
-                                               value: 1
-                                       },
-                                       displacementBias: {
-                                               value: 0
-                                       }
-                               },
-                               roughnessmap: {
-                                       roughnessMap: {
-                                               value: null
-                                       }
-                               },
-                               metalnessmap: {
-                                       metalnessMap: {
-                                               value: null
-                                       }
-                               },
-                               gradientmap: {
-                                       gradientMap: {
-                                               value: null
-                                       }
-                               },
-                               fog: {
-                                       fogDensity: {
-                                               value: 0.00025
-                                       },
-                                       fogNear: {
-                                               value: 1
-                                       },
-                                       fogFar: {
-                                               value: 2000
-                                       },
-                                       fogColor: {
-                                               value: new Color(0xffffff)
-                                       }
-                               },
-                               lights: {
-                                       ambientLightColor: {
-                                               value: []
-                                       },
-                                       lightProbe: {
-                                               value: []
-                                       },
-                                       directionalLights: {
-                                               value: [],
-                                               properties: {
-                                                       direction: {},
-                                                       color: {}
-                                               }
-                                       },
-                                       directionalLightShadows: {
-                                               value: [],
-                                               properties: {
-                                                       shadowBias: {},
-                                                       shadowNormalBias: {},
-                                                       shadowRadius: {},
-                                                       shadowMapSize: {}
-                                               }
-                                       },
-                                       directionalShadowMap: {
-                                               value: []
-                                       },
-                                       directionalShadowMatrix: {
-                                               value: []
-                                       },
-                                       spotLights: {
-                                               value: [],
-                                               properties: {
-                                                       color: {},
-                                                       position: {},
-                                                       direction: {},
-                                                       distance: {},
-                                                       coneCos: {},
-                                                       penumbraCos: {},
-                                                       decay: {}
-                                               }
-                                       },
-                                       spotLightShadows: {
-                                               value: [],
-                                               properties: {
-                                                       shadowBias: {},
-                                                       shadowNormalBias: {},
-                                                       shadowRadius: {},
-                                                       shadowMapSize: {}
-                                               }
-                                       },
-                                       spotShadowMap: {
-                                               value: []
-                                       },
-                                       spotShadowMatrix: {
-                                               value: []
-                                       },
-                                       pointLights: {
-                                               value: [],
-                                               properties: {
-                                                       color: {},
-                                                       position: {},
-                                                       decay: {},
-                                                       distance: {}
-                                               }
-                                       },
-                                       pointLightShadows: {
-                                               value: [],
-                                               properties: {
-                                                       shadowBias: {},
-                                                       shadowNormalBias: {},
-                                                       shadowRadius: {},
-                                                       shadowMapSize: {},
-                                                       shadowCameraNear: {},
-                                                       shadowCameraFar: {}
-                                               }
-                                       },
-                                       pointShadowMap: {
-                                               value: []
-                                       },
-                                       pointShadowMatrix: {
-                                               value: []
-                                       },
-                                       hemisphereLights: {
-                                               value: [],
-                                               properties: {
-                                                       direction: {},
-                                                       skyColor: {},
-                                                       groundColor: {}
-                                               }
-                                       },
-                                       // TODO (abelnation): RectAreaLight BRDF data needs to be moved from example to main src
-                                       rectAreaLights: {
-                                               value: [],
-                                               properties: {
-                                                       color: {},
-                                                       position: {},
-                                                       width: {},
-                                                       height: {}
-                                               }
-                                       },
-                                       ltc_1: {
-                                               value: null
-                                       },
-                                       ltc_2: {
-                                               value: null
-                                       }
-                               },
-                               points: {
-                                       diffuse: {
-                                               value: new Color(0xffffff)
-                                       },
-                                       opacity: {
-                                               value: 1.0
-                                       },
-                                       size: {
-                                               value: 1.0
-                                       },
-                                       scale: {
-                                               value: 1.0
-                                       },
-                                       map: {
-                                               value: null
-                                       },
-                                       alphaMap: {
-                                               value: null
-                                       },
-                                       alphaTest: {
-                                               value: 0
-                                       },
-                                       uvTransform: {
-                                               value: new Matrix3()
-                                       }
-                               },
-                               sprite: {
-                                       diffuse: {
-                                               value: new Color(0xffffff)
-                                       },
-                                       opacity: {
-                                               value: 1.0
-                                       },
-                                       center: {
-                                               value: new Vector2(0.5, 0.5)
-                                       },
-                                       rotation: {
-                                               value: 0.0
-                                       },
-                                       map: {
-                                               value: null
-                                       },
-                                       alphaMap: {
-                                               value: null
-                                       },
-                                       alphaTest: {
-                                               value: 0
-                                       },
-                                       uvTransform: {
-                                               value: new Matrix3()
-                                       }
-                               }
-                       };
-
-                       const ShaderLib = {
-                               basic: {
-                                       uniforms: mergeUniforms([UniformsLib.common, UniformsLib.specularmap, UniformsLib.envmap, UniformsLib.aomap, UniformsLib.lightmap, UniformsLib.fog]),
-                                       vertexShader: ShaderChunk.meshbasic_vert,
-                                       fragmentShader: ShaderChunk.meshbasic_frag
-                               },
-                               lambert: {
-                                       uniforms: mergeUniforms([UniformsLib.common, UniformsLib.specularmap, UniformsLib.envmap, UniformsLib.aomap, UniformsLib.lightmap, UniformsLib.emissivemap, UniformsLib.fog, UniformsLib.lights, {
-                                               emissive: {
-                                                       value: new Color(0x000000)
-                                               }
-                                       }]),
-                                       vertexShader: ShaderChunk.meshlambert_vert,
-                                       fragmentShader: ShaderChunk.meshlambert_frag
-                               },
-                               phong: {
-                                       uniforms: mergeUniforms([UniformsLib.common, UniformsLib.specularmap, UniformsLib.envmap, UniformsLib.aomap, UniformsLib.lightmap, UniformsLib.emissivemap, UniformsLib.bumpmap, UniformsLib.normalmap, UniformsLib.displacementmap, UniformsLib.fog, UniformsLib.lights, {
-                                               emissive: {
-                                                       value: new Color(0x000000)
-                                               },
-                                               specular: {
-                                                       value: new Color(0x111111)
-                                               },
-                                               shininess: {
-                                                       value: 30
-                                               }
-                                       }]),
-                                       vertexShader: ShaderChunk.meshphong_vert,
-                                       fragmentShader: ShaderChunk.meshphong_frag
-                               },
-                               standard: {
-                                       uniforms: mergeUniforms([UniformsLib.common, UniformsLib.envmap, UniformsLib.aomap, UniformsLib.lightmap, UniformsLib.emissivemap, UniformsLib.bumpmap, UniformsLib.normalmap, UniformsLib.displacementmap, UniformsLib.roughnessmap, UniformsLib.metalnessmap, UniformsLib.fog, UniformsLib.lights, {
-                                               emissive: {
-                                                       value: new Color(0x000000)
-                                               },
-                                               roughness: {
-                                                       value: 1.0
-                                               },
-                                               metalness: {
-                                                       value: 0.0
-                                               },
-                                               envMapIntensity: {
-                                                       value: 1
-                                               } // temporary
-
-                                       }]),
-                                       vertexShader: ShaderChunk.meshphysical_vert,
-                                       fragmentShader: ShaderChunk.meshphysical_frag
-                               },
-                               toon: {
-                                       uniforms: mergeUniforms([UniformsLib.common, UniformsLib.aomap, UniformsLib.lightmap, UniformsLib.emissivemap, UniformsLib.bumpmap, UniformsLib.normalmap, UniformsLib.displacementmap, UniformsLib.gradientmap, UniformsLib.fog, UniformsLib.lights, {
-                                               emissive: {
-                                                       value: new Color(0x000000)
-                                               }
-                                       }]),
-                                       vertexShader: ShaderChunk.meshtoon_vert,
-                                       fragmentShader: ShaderChunk.meshtoon_frag
-                               },
-                               matcap: {
-                                       uniforms: mergeUniforms([UniformsLib.common, UniformsLib.bumpmap, UniformsLib.normalmap, UniformsLib.displacementmap, UniformsLib.fog, {
-                                               matcap: {
-                                                       value: null
-                                               }
-                                       }]),
-                                       vertexShader: ShaderChunk.meshmatcap_vert,
-                                       fragmentShader: ShaderChunk.meshmatcap_frag
-                               },
-                               points: {
-                                       uniforms: mergeUniforms([UniformsLib.points, UniformsLib.fog]),
-                                       vertexShader: ShaderChunk.points_vert,
-                                       fragmentShader: ShaderChunk.points_frag
-                               },
-                               dashed: {
-                                       uniforms: mergeUniforms([UniformsLib.common, UniformsLib.fog, {
-                                               scale: {
-                                                       value: 1
-                                               },
-                                               dashSize: {
-                                                       value: 1
-                                               },
-                                               totalSize: {
-                                                       value: 2
-                                               }
-                                       }]),
-                                       vertexShader: ShaderChunk.linedashed_vert,
-                                       fragmentShader: ShaderChunk.linedashed_frag
-                               },
-                               depth: {
-                                       uniforms: mergeUniforms([UniformsLib.common, UniformsLib.displacementmap]),
-                                       vertexShader: ShaderChunk.depth_vert,
-                                       fragmentShader: ShaderChunk.depth_frag
-                               },
-                               normal: {
-                                       uniforms: mergeUniforms([UniformsLib.common, UniformsLib.bumpmap, UniformsLib.normalmap, UniformsLib.displacementmap, {
-                                               opacity: {
-                                                       value: 1.0
-                                               }
-                                       }]),
-                                       vertexShader: ShaderChunk.meshnormal_vert,
-                                       fragmentShader: ShaderChunk.meshnormal_frag
-                               },
-                               sprite: {
-                                       uniforms: mergeUniforms([UniformsLib.sprite, UniformsLib.fog]),
-                                       vertexShader: ShaderChunk.sprite_vert,
-                                       fragmentShader: ShaderChunk.sprite_frag
-                               },
-                               background: {
-                                       uniforms: {
-                                               uvTransform: {
-                                                       value: new Matrix3()
-                                               },
-                                               t2D: {
-                                                       value: null
-                                               }
-                                       },
-                                       vertexShader: ShaderChunk.background_vert,
-                                       fragmentShader: ShaderChunk.background_frag
-                               },
-
-                               /* -------------------------------------------------------------------------
-               //      Cube map shader
-                ------------------------------------------------------------------------- */
-                               cube: {
-                                       uniforms: mergeUniforms([UniformsLib.envmap, {
-                                               opacity: {
-                                                       value: 1.0
-                                               }
-                                       }]),
-                                       vertexShader: ShaderChunk.cube_vert,
-                                       fragmentShader: ShaderChunk.cube_frag
-                               },
-                               equirect: {
-                                       uniforms: {
-                                               tEquirect: {
-                                                       value: null
-                                               }
-                                       },
-                                       vertexShader: ShaderChunk.equirect_vert,
-                                       fragmentShader: ShaderChunk.equirect_frag
-                               },
-                               distanceRGBA: {
-                                       uniforms: mergeUniforms([UniformsLib.common, UniformsLib.displacementmap, {
-                                               referencePosition: {
-                                                       value: new Vector3()
-                                               },
-                                               nearDistance: {
-                                                       value: 1
-                                               },
-                                               farDistance: {
-                                                       value: 1000
-                                               }
-                                       }]),
-                                       vertexShader: ShaderChunk.distanceRGBA_vert,
-                                       fragmentShader: ShaderChunk.distanceRGBA_frag
-                               },
-                               shadow: {
-                                       uniforms: mergeUniforms([UniformsLib.lights, UniformsLib.fog, {
-                                               color: {
-                                                       value: new Color(0x00000)
-                                               },
-                                               opacity: {
-                                                       value: 1.0
-                                               }
-                                       }]),
-                                       vertexShader: ShaderChunk.shadow_vert,
-                                       fragmentShader: ShaderChunk.shadow_frag
-                               }
-                       };
-                       ShaderLib.physical = {
-                               uniforms: mergeUniforms([ShaderLib.standard.uniforms, {
-                                       clearcoat: {
-                                               value: 0
-                                       },
-                                       clearcoatMap: {
-                                               value: null
-                                       },
-                                       clearcoatRoughness: {
-                                               value: 0
-                                       },
-                                       clearcoatRoughnessMap: {
-                                               value: null
-                                       },
-                                       clearcoatNormalScale: {
-                                               value: new Vector2(1, 1)
-                                       },
-                                       clearcoatNormalMap: {
-                                               value: null
-                                       },
-                                       sheenTint: {
-                                               value: new Color(0x000000)
-                                       },
-                                       transmission: {
-                                               value: 0
-                                       },
-                                       transmissionMap: {
-                                               value: null
-                                       },
-                                       transmissionSamplerSize: {
-                                               value: new Vector2()
-                                       },
-                                       transmissionSamplerMap: {
-                                               value: null
-                                       },
-                                       thickness: {
-                                               value: 0
-                                       },
-                                       thicknessMap: {
-                                               value: null
-                                       },
-                                       attenuationDistance: {
-                                               value: 0
-                                       },
-                                       attenuationTint: {
-                                               value: new Color(0x000000)
-                                       },
-                                       specularIntensity: {
-                                               value: 0
-                                       },
-                                       specularIntensityMap: {
-                                               value: null
-                                       },
-                                       specularTint: {
-                                               value: new Color(1, 1, 1)
-                                       },
-                                       specularTintMap: {
-                                               value: null
-                                       }
-                               }]),
-                               vertexShader: ShaderChunk.meshphysical_vert,
-                               fragmentShader: ShaderChunk.meshphysical_frag
-                       };
-
-                       function WebGLBackground(renderer, cubemaps, state, objects, premultipliedAlpha) {
-                               const clearColor = new Color(0x000000);
-                               let clearAlpha = 0;
-                               let planeMesh;
-                               let boxMesh;
-                               let currentBackground = null;
-                               let currentBackgroundVersion = 0;
-                               let currentTonemapping = null;
-
-                               function render(renderList, scene) {
-                                       let forceClear = false;
-                                       let background = scene.isScene === true ? scene.background : null;
-
-                                       if (background && background.isTexture) {
-                                               background = cubemaps.get(background);
-                                       } // Ignore background in AR
-                                       // TODO: Reconsider this.
-
-
-                                       const xr = renderer.xr;
-                                       const session = xr.getSession && xr.getSession();
-
-                                       if (session && session.environmentBlendMode === 'additive') {
-                                               background = null;
-                                       }
-
-                                       if (background === null) {
-                                               setClear(clearColor, clearAlpha);
-                                       } else if (background && background.isColor) {
-                                               setClear(background, 1);
-                                               forceClear = true;
-                                       }
-
-                                       if (renderer.autoClear || forceClear) {
-                                               renderer.clear(renderer.autoClearColor, renderer.autoClearDepth, renderer.autoClearStencil);
-                                       }
-
-                                       if (background && (background.isCubeTexture || background.mapping === CubeUVReflectionMapping)) {
-                                               if (boxMesh === undefined) {
-                                                       boxMesh = new Mesh(new BoxGeometry(1, 1, 1), new ShaderMaterial({
-                                                               name: 'BackgroundCubeMaterial',
-                                                               uniforms: cloneUniforms(ShaderLib.cube.uniforms),
-                                                               vertexShader: ShaderLib.cube.vertexShader,
-                                                               fragmentShader: ShaderLib.cube.fragmentShader,
-                                                               side: BackSide,
-                                                               depthTest: false,
-                                                               depthWrite: false,
-                                                               fog: false
-                                                       }));
-                                                       boxMesh.geometry.deleteAttribute('normal');
-                                                       boxMesh.geometry.deleteAttribute('uv');
-
-                                                       boxMesh.onBeforeRender = function (renderer, scene, camera) {
-                                                               this.matrixWorld.copyPosition(camera.matrixWorld);
-                                                       }; // enable code injection for non-built-in material
-
-
-                                                       Object.defineProperty(boxMesh.material, 'envMap', {
-                                                               get: function () {
-                                                                       return this.uniforms.envMap.value;
-                                                               }
-                                                       });
-                                                       objects.update(boxMesh);
-                                               }
-
-                                               boxMesh.material.uniforms.envMap.value = background;
-                                               boxMesh.material.uniforms.flipEnvMap.value = background.isCubeTexture && background.isRenderTargetTexture === false ? -1 : 1;
-
-                                               if (currentBackground !== background || currentBackgroundVersion !== background.version || currentTonemapping !== renderer.toneMapping) {
-                                                       boxMesh.material.needsUpdate = true;
-                                                       currentBackground = background;
-                                                       currentBackgroundVersion = background.version;
-                                                       currentTonemapping = renderer.toneMapping;
-                                               } // push to the pre-sorted opaque render list
-
-
-                                               renderList.unshift(boxMesh, boxMesh.geometry, boxMesh.material, 0, 0, null);
-                                       } else if (background && background.isTexture) {
-                                               if (planeMesh === undefined) {
-                                                       planeMesh = new Mesh(new PlaneGeometry(2, 2), new ShaderMaterial({
-                                                               name: 'BackgroundMaterial',
-                                                               uniforms: cloneUniforms(ShaderLib.background.uniforms),
-                                                               vertexShader: ShaderLib.background.vertexShader,
-                                                               fragmentShader: ShaderLib.background.fragmentShader,
-                                                               side: FrontSide,
-                                                               depthTest: false,
-                                                               depthWrite: false,
-                                                               fog: false
-                                                       }));
-                                                       planeMesh.geometry.deleteAttribute('normal'); // enable code injection for non-built-in material
-
-                                                       Object.defineProperty(planeMesh.material, 'map', {
-                                                               get: function () {
-                                                                       return this.uniforms.t2D.value;
-                                                               }
-                                                       });
-                                                       objects.update(planeMesh);
-                                               }
-
-                                               planeMesh.material.uniforms.t2D.value = background;
-
-                                               if (background.matrixAutoUpdate === true) {
-                                                       background.updateMatrix();
-                                               }
-
-                                               planeMesh.material.uniforms.uvTransform.value.copy(background.matrix);
-
-                                               if (currentBackground !== background || currentBackgroundVersion !== background.version || currentTonemapping !== renderer.toneMapping) {
-                                                       planeMesh.material.needsUpdate = true;
-                                                       currentBackground = background;
-                                                       currentBackgroundVersion = background.version;
-                                                       currentTonemapping = renderer.toneMapping;
-                                               } // push to the pre-sorted opaque render list
-
-
-                                               renderList.unshift(planeMesh, planeMesh.geometry, planeMesh.material, 0, 0, null);
-                                       }
-                               }
-
-                               function setClear(color, alpha) {
-                                       state.buffers.color.setClear(color.r, color.g, color.b, alpha, premultipliedAlpha);
-                               }
-
-                               return {
-                                       getClearColor: function () {
-                                               return clearColor;
-                                       },
-                                       setClearColor: function (color, alpha = 1) {
-                                               clearColor.set(color);
-                                               clearAlpha = alpha;
-                                               setClear(clearColor, clearAlpha);
-                                       },
-                                       getClearAlpha: function () {
-                                               return clearAlpha;
-                                       },
-                                       setClearAlpha: function (alpha) {
-                                               clearAlpha = alpha;
-                                               setClear(clearColor, clearAlpha);
-                                       },
-                                       render: render
-                               };
-                       }
-
-                       function WebGLBindingStates(gl, extensions, attributes, capabilities) {
-                               const maxVertexAttributes = gl.getParameter(gl.MAX_VERTEX_ATTRIBS);
-                               const extension = capabilities.isWebGL2 ? null : extensions.get('OES_vertex_array_object');
-                               const vaoAvailable = capabilities.isWebGL2 || extension !== null;
-                               const bindingStates = {};
-                               const defaultState = createBindingState(null);
-                               let currentState = defaultState;
-
-                               function setup(object, material, program, geometry, index) {
-                                       let updateBuffers = false;
-
-                                       if (vaoAvailable) {
-                                               const state = getBindingState(geometry, program, material);
-
-                                               if (currentState !== state) {
-                                                       currentState = state;
-                                                       bindVertexArrayObject(currentState.object);
-                                               }
-
-                                               updateBuffers = needsUpdate(geometry, index);
-                                               if (updateBuffers) saveCache(geometry, index);
-                                       } else {
-                                               const wireframe = material.wireframe === true;
-
-                                               if (currentState.geometry !== geometry.id || currentState.program !== program.id || currentState.wireframe !== wireframe) {
-                                                       currentState.geometry = geometry.id;
-                                                       currentState.program = program.id;
-                                                       currentState.wireframe = wireframe;
-                                                       updateBuffers = true;
-                                               }
-                                       }
-
-                                       if (object.isInstancedMesh === true) {
-                                               updateBuffers = true;
-                                       }
-
-                                       if (index !== null) {
-                                               attributes.update(index, gl.ELEMENT_ARRAY_BUFFER);
-                                       }
-
-                                       if (updateBuffers) {
-                                               setupVertexAttributes(object, material, program, geometry);
-
-                                               if (index !== null) {
-                                                       gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, attributes.get(index).buffer);
-                                               }
-                                       }
-                               }
-
-                               function createVertexArrayObject() {
-                                       if (capabilities.isWebGL2) return gl.createVertexArray();
-                                       return extension.createVertexArrayOES();
-                               }
-
-                               function bindVertexArrayObject(vao) {
-                                       if (capabilities.isWebGL2) return gl.bindVertexArray(vao);
-                                       return extension.bindVertexArrayOES(vao);
-                               }
-
-                               function deleteVertexArrayObject(vao) {
-                                       if (capabilities.isWebGL2) return gl.deleteVertexArray(vao);
-                                       return extension.deleteVertexArrayOES(vao);
-                               }
-
-                               function getBindingState(geometry, program, material) {
-                                       const wireframe = material.wireframe === true;
-                                       let programMap = bindingStates[geometry.id];
-
-                                       if (programMap === undefined) {
-                                               programMap = {};
-                                               bindingStates[geometry.id] = programMap;
-                                       }
-
-                                       let stateMap = programMap[program.id];
-
-                                       if (stateMap === undefined) {
-                                               stateMap = {};
-                                               programMap[program.id] = stateMap;
-                                       }
-
-                                       let state = stateMap[wireframe];
-
-                                       if (state === undefined) {
-                                               state = createBindingState(createVertexArrayObject());
-                                               stateMap[wireframe] = state;
-                                       }
-
-                                       return state;
-                               }
-
-                               function createBindingState(vao) {
-                                       const newAttributes = [];
-                                       const enabledAttributes = [];
-                                       const attributeDivisors = [];
-
-                                       for (let i = 0; i < maxVertexAttributes; i++) {
-                                               newAttributes[i] = 0;
-                                               enabledAttributes[i] = 0;
-                                               attributeDivisors[i] = 0;
-                                       }
-
-                                       return {
-                                               // for backward compatibility on non-VAO support browser
-                                               geometry: null,
-                                               program: null,
-                                               wireframe: false,
-                                               newAttributes: newAttributes,
-                                               enabledAttributes: enabledAttributes,
-                                               attributeDivisors: attributeDivisors,
-                                               object: vao,
-                                               attributes: {},
-                                               index: null
-                                       };
-                               }
-
-                               function needsUpdate(geometry, index) {
-                                       const cachedAttributes = currentState.attributes;
-                                       const geometryAttributes = geometry.attributes;
-                                       let attributesNum = 0;
-
-                                       for (const key in geometryAttributes) {
-                                               const cachedAttribute = cachedAttributes[key];
-                                               const geometryAttribute = geometryAttributes[key];
-                                               if (cachedAttribute === undefined) return true;
-                                               if (cachedAttribute.attribute !== geometryAttribute) return true;
-                                               if (cachedAttribute.data !== geometryAttribute.data) return true;
-                                               attributesNum++;
-                                       }
-
-                                       if (currentState.attributesNum !== attributesNum) return true;
-                                       if (currentState.index !== index) return true;
-                                       return false;
-                               }
-
-                               function saveCache(geometry, index) {
-                                       const cache = {};
-                                       const attributes = geometry.attributes;
-                                       let attributesNum = 0;
-
-                                       for (const key in attributes) {
-                                               const attribute = attributes[key];
-                                               const data = {};
-                                               data.attribute = attribute;
-
-                                               if (attribute.data) {
-                                                       data.data = attribute.data;
-                                               }
-
-                                               cache[key] = data;
-                                               attributesNum++;
-                                       }
-
-                                       currentState.attributes = cache;
-                                       currentState.attributesNum = attributesNum;
-                                       currentState.index = index;
-                               }
-
-                               function initAttributes() {
-                                       const newAttributes = currentState.newAttributes;
-
-                                       for (let i = 0, il = newAttributes.length; i < il; i++) {
-                                               newAttributes[i] = 0;
-                                       }
-                               }
-
-                               function enableAttribute(attribute) {
-                                       enableAttributeAndDivisor(attribute, 0);
-                               }
-
-                               function enableAttributeAndDivisor(attribute, meshPerAttribute) {
-                                       const newAttributes = currentState.newAttributes;
-                                       const enabledAttributes = currentState.enabledAttributes;
-                                       const attributeDivisors = currentState.attributeDivisors;
-                                       newAttributes[attribute] = 1;
-
-                                       if (enabledAttributes[attribute] === 0) {
-                                               gl.enableVertexAttribArray(attribute);
-                                               enabledAttributes[attribute] = 1;
-                                       }
-
-                                       if (attributeDivisors[attribute] !== meshPerAttribute) {
-                                               const extension = capabilities.isWebGL2 ? gl : extensions.get('ANGLE_instanced_arrays');
-                                               extension[capabilities.isWebGL2 ? 'vertexAttribDivisor' : 'vertexAttribDivisorANGLE'](attribute, meshPerAttribute);
-                                               attributeDivisors[attribute] = meshPerAttribute;
-                                       }
-                               }
-
-                               function disableUnusedAttributes() {
-                                       const newAttributes = currentState.newAttributes;
-                                       const enabledAttributes = currentState.enabledAttributes;
-
-                                       for (let i = 0, il = enabledAttributes.length; i < il; i++) {
-                                               if (enabledAttributes[i] !== newAttributes[i]) {
-                                                       gl.disableVertexAttribArray(i);
-                                                       enabledAttributes[i] = 0;
-                                               }
-                                       }
-                               }
-
-                               function vertexAttribPointer(index, size, type, normalized, stride, offset) {
-                                       if (capabilities.isWebGL2 === true && (type === gl.INT || type === gl.UNSIGNED_INT)) {
-                                               gl.vertexAttribIPointer(index, size, type, stride, offset);
-                                       } else {
-                                               gl.vertexAttribPointer(index, size, type, normalized, stride, offset);
-                                       }
-                               }
-
-                               function setupVertexAttributes(object, material, program, geometry) {
-                                       if (capabilities.isWebGL2 === false && (object.isInstancedMesh || geometry.isInstancedBufferGeometry)) {
-                                               if (extensions.get('ANGLE_instanced_arrays') === null) return;
-                                       }
-
-                                       initAttributes();
-                                       const geometryAttributes = geometry.attributes;
-                                       const programAttributes = program.getAttributes();
-                                       const materialDefaultAttributeValues = material.defaultAttributeValues;
-
-                                       for (const name in programAttributes) {
-                                               const programAttribute = programAttributes[name];
-
-                                               if (programAttribute.location >= 0) {
-                                                       let geometryAttribute = geometryAttributes[name];
-
-                                                       if (geometryAttribute === undefined) {
-                                                               if (name === 'instanceMatrix' && object.instanceMatrix) geometryAttribute = object.instanceMatrix;
-                                                               if (name === 'instanceColor' && object.instanceColor) geometryAttribute = object.instanceColor;
-                                                       }
-
-                                                       if (geometryAttribute !== undefined) {
-                                                               const normalized = geometryAttribute.normalized;
-                                                               const size = geometryAttribute.itemSize;
-                                                               const attribute = attributes.get(geometryAttribute); // TODO Attribute may not be available on context restore
-
-                                                               if (attribute === undefined) continue;
-                                                               const buffer = attribute.buffer;
-                                                               const type = attribute.type;
-                                                               const bytesPerElement = attribute.bytesPerElement;
-
-                                                               if (geometryAttribute.isInterleavedBufferAttribute) {
-                                                                       const data = geometryAttribute.data;
-                                                                       const stride = data.stride;
-                                                                       const offset = geometryAttribute.offset;
-
-                                                                       if (data && data.isInstancedInterleavedBuffer) {
-                                                                               for (let i = 0; i < programAttribute.locationSize; i++) {
-                                                                                       enableAttributeAndDivisor(programAttribute.location + i, data.meshPerAttribute);
-                                                                               }
-
-                                                                               if (object.isInstancedMesh !== true && geometry._maxInstanceCount === undefined) {
-                                                                                       geometry._maxInstanceCount = data.meshPerAttribute * data.count;
-                                                                               }
-                                                                       } else {
-                                                                               for (let i = 0; i < programAttribute.locationSize; i++) {
-                                                                                       enableAttribute(programAttribute.location + i);
-                                                                               }
-                                                                       }
-
-                                                                       gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
-
-                                                                       for (let i = 0; i < programAttribute.locationSize; i++) {
-                                                                               vertexAttribPointer(programAttribute.location + i, size / programAttribute.locationSize, type, normalized, stride * bytesPerElement, (offset + size / programAttribute.locationSize * i) * bytesPerElement);
-                                                                       }
-                                                               } else {
-                                                                       if (geometryAttribute.isInstancedBufferAttribute) {
-                                                                               for (let i = 0; i < programAttribute.locationSize; i++) {
-                                                                                       enableAttributeAndDivisor(programAttribute.location + i, geometryAttribute.meshPerAttribute);
-                                                                               }
-
-                                                                               if (object.isInstancedMesh !== true && geometry._maxInstanceCount === undefined) {
-                                                                                       geometry._maxInstanceCount = geometryAttribute.meshPerAttribute * geometryAttribute.count;
-                                                                               }
-                                                                       } else {
-                                                                               for (let i = 0; i < programAttribute.locationSize; i++) {
-                                                                                       enableAttribute(programAttribute.location + i);
-                                                                               }
-                                                                       }
-
-                                                                       gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
-
-                                                                       for (let i = 0; i < programAttribute.locationSize; i++) {
-                                                                               vertexAttribPointer(programAttribute.location + i, size / programAttribute.locationSize, type, normalized, size * bytesPerElement, size / programAttribute.locationSize * i * bytesPerElement);
-                                                                       }
-                                                               }
-                                                       } else if (materialDefaultAttributeValues !== undefined) {
-                                                               const value = materialDefaultAttributeValues[name];
-
-                                                               if (value !== undefined) {
-                                                                       switch (value.length) {
-                                                                               case 2:
-                                                                                       gl.vertexAttrib2fv(programAttribute.location, value);
-                                                                                       break;
-
-                                                                               case 3:
-                                                                                       gl.vertexAttrib3fv(programAttribute.location, value);
-                                                                                       break;
-
-                                                                               case 4:
-                                                                                       gl.vertexAttrib4fv(programAttribute.location, value);
-                                                                                       break;
-
-                                                                               default:
-                                                                                       gl.vertexAttrib1fv(programAttribute.location, value);
-                                                                       }
-                                                               }
-                                                       }
-                                               }
-                                       }
-
-                                       disableUnusedAttributes();
-                               }
-
-                               function dispose() {
-                                       reset();
-
-                                       for (const geometryId in bindingStates) {
-                                               const programMap = bindingStates[geometryId];
-
-                                               for (const programId in programMap) {
-                                                       const stateMap = programMap[programId];
-
-                                                       for (const wireframe in stateMap) {
-                                                               deleteVertexArrayObject(stateMap[wireframe].object);
-                                                               delete stateMap[wireframe];
-                                                       }
-
-                                                       delete programMap[programId];
-                                               }
-
-                                               delete bindingStates[geometryId];
-                                       }
-                               }
-
-                               function releaseStatesOfGeometry(geometry) {
-                                       if (bindingStates[geometry.id] === undefined) return;
-                                       const programMap = bindingStates[geometry.id];
-
-                                       for (const programId in programMap) {
-                                               const stateMap = programMap[programId];
-
-                                               for (const wireframe in stateMap) {
-                                                       deleteVertexArrayObject(stateMap[wireframe].object);
-                                                       delete stateMap[wireframe];
-                                               }
-
-                                               delete programMap[programId];
-                                       }
-
-                                       delete bindingStates[geometry.id];
-                               }
-
-                               function releaseStatesOfProgram(program) {
-                                       for (const geometryId in bindingStates) {
-                                               const programMap = bindingStates[geometryId];
-                                               if (programMap[program.id] === undefined) continue;
-                                               const stateMap = programMap[program.id];
-
-                                               for (const wireframe in stateMap) {
-                                                       deleteVertexArrayObject(stateMap[wireframe].object);
-                                                       delete stateMap[wireframe];
-                                               }
-
-                                               delete programMap[program.id];
-                                       }
-                               }
-
-                               function reset() {
-                                       resetDefaultState();
-                                       if (currentState === defaultState) return;
-                                       currentState = defaultState;
-                                       bindVertexArrayObject(currentState.object);
-                               } // for backward-compatilibity
-
-
-                               function resetDefaultState() {
-                                       defaultState.geometry = null;
-                                       defaultState.program = null;
-                                       defaultState.wireframe = false;
-                               }
-
-                               return {
-                                       setup: setup,
-                                       reset: reset,
-                                       resetDefaultState: resetDefaultState,
-                                       dispose: dispose,
-                                       releaseStatesOfGeometry: releaseStatesOfGeometry,
-                                       releaseStatesOfProgram: releaseStatesOfProgram,
-                                       initAttributes: initAttributes,
-                                       enableAttribute: enableAttribute,
-                                       disableUnusedAttributes: disableUnusedAttributes
-                               };
-                       }
-
-                       function WebGLBufferRenderer(gl, extensions, info, capabilities) {
-                               const isWebGL2 = capabilities.isWebGL2;
-                               let mode;
-
-                               function setMode(value) {
-                                       mode = value;
-                               }
-
-                               function render(start, count) {
-                                       gl.drawArrays(mode, start, count);
-                                       info.update(count, mode, 1);
-                               }
-
-                               function renderInstances(start, count, primcount) {
-                                       if (primcount === 0) return;
-                                       let extension, methodName;
-
-                                       if (isWebGL2) {
-                                               extension = gl;
-                                               methodName = 'drawArraysInstanced';
-                                       } else {
-                                               extension = extensions.get('ANGLE_instanced_arrays');
-                                               methodName = 'drawArraysInstancedANGLE';
-
-                                               if (extension === null) {
-                                                       console.error('THREE.WebGLBufferRenderer: using THREE.InstancedBufferGeometry but hardware does not support extension ANGLE_instanced_arrays.');
-                                                       return;
-                                               }
-                                       }
-
-                                       extension[methodName](mode, start, count, primcount);
-                                       info.update(count, mode, primcount);
-                               } //
-
-
-                               this.setMode = setMode;
-                               this.render = render;
-                               this.renderInstances = renderInstances;
-                       }
-
-                       function WebGLCapabilities(gl, extensions, parameters) {
-                               let maxAnisotropy;
-
-                               function getMaxAnisotropy() {
-                                       if (maxAnisotropy !== undefined) return maxAnisotropy;
-
-                                       if (extensions.has('EXT_texture_filter_anisotropic') === true) {
-                                               const extension = extensions.get('EXT_texture_filter_anisotropic');
-                                               maxAnisotropy = gl.getParameter(extension.MAX_TEXTURE_MAX_ANISOTROPY_EXT);
-                                       } else {
-                                               maxAnisotropy = 0;
-                                       }
-
-                                       return maxAnisotropy;
-                               }
-
-                               function getMaxPrecision(precision) {
-                                       if (precision === 'highp') {
-                                               if (gl.getShaderPrecisionFormat(gl.VERTEX_SHADER, gl.HIGH_FLOAT).precision > 0 && gl.getShaderPrecisionFormat(gl.FRAGMENT_SHADER, gl.HIGH_FLOAT).precision > 0) {
-                                                       return 'highp';
-                                               }
-
-                                               precision = 'mediump';
-                                       }
-
-                                       if (precision === 'mediump') {
-                                               if (gl.getShaderPrecisionFormat(gl.VERTEX_SHADER, gl.MEDIUM_FLOAT).precision > 0 && gl.getShaderPrecisionFormat(gl.FRAGMENT_SHADER, gl.MEDIUM_FLOAT).precision > 0) {
-                                                       return 'mediump';
-                                               }
-                                       }
-
-                                       return 'lowp';
-                               }
-
-                               /* eslint-disable no-undef */
-
-
-                               const isWebGL2 = typeof WebGL2RenderingContext !== 'undefined' && gl instanceof WebGL2RenderingContext || typeof WebGL2ComputeRenderingContext !== 'undefined' && gl instanceof WebGL2ComputeRenderingContext;
-                               /* eslint-enable no-undef */
-
-                               let precision = parameters.precision !== undefined ? parameters.precision : 'highp';
-                               const maxPrecision = getMaxPrecision(precision);
-
-                               if (maxPrecision !== precision) {
-                                       console.warn('THREE.WebGLRenderer:', precision, 'not supported, using', maxPrecision, 'instead.');
-                                       precision = maxPrecision;
-                               }
-
-                               const drawBuffers = isWebGL2 || extensions.has('WEBGL_draw_buffers');
-                               const logarithmicDepthBuffer = parameters.logarithmicDepthBuffer === true;
-                               const maxTextures = gl.getParameter(gl.MAX_TEXTURE_IMAGE_UNITS);
-                               const maxVertexTextures = gl.getParameter(gl.MAX_VERTEX_TEXTURE_IMAGE_UNITS);
-                               const maxTextureSize = gl.getParameter(gl.MAX_TEXTURE_SIZE);
-                               const maxCubemapSize = gl.getParameter(gl.MAX_CUBE_MAP_TEXTURE_SIZE);
-                               const maxAttributes = gl.getParameter(gl.MAX_VERTEX_ATTRIBS);
-                               const maxVertexUniforms = gl.getParameter(gl.MAX_VERTEX_UNIFORM_VECTORS);
-                               const maxVaryings = gl.getParameter(gl.MAX_VARYING_VECTORS);
-                               const maxFragmentUniforms = gl.getParameter(gl.MAX_FRAGMENT_UNIFORM_VECTORS);
-                               const vertexTextures = maxVertexTextures > 0;
-                               const floatFragmentTextures = isWebGL2 || extensions.has('OES_texture_float');
-                               const floatVertexTextures = vertexTextures && floatFragmentTextures;
-                               const maxSamples = isWebGL2 ? gl.getParameter(gl.MAX_SAMPLES) : 0;
-                               return {
-                                       isWebGL2: isWebGL2,
-                                       drawBuffers: drawBuffers,
-                                       getMaxAnisotropy: getMaxAnisotropy,
-                                       getMaxPrecision: getMaxPrecision,
-                                       precision: precision,
-                                       logarithmicDepthBuffer: logarithmicDepthBuffer,
-                                       maxTextures: maxTextures,
-                                       maxVertexTextures: maxVertexTextures,
-                                       maxTextureSize: maxTextureSize,
-                                       maxCubemapSize: maxCubemapSize,
-                                       maxAttributes: maxAttributes,
-                                       maxVertexUniforms: maxVertexUniforms,
-                                       maxVaryings: maxVaryings,
-                                       maxFragmentUniforms: maxFragmentUniforms,
-                                       vertexTextures: vertexTextures,
-                                       floatFragmentTextures: floatFragmentTextures,
-                                       floatVertexTextures: floatVertexTextures,
-                                       maxSamples: maxSamples
-                               };
-                       }
-
-                       function WebGLClipping(properties) {
-                               const scope = this;
-                               let globalState = null,
-                                       numGlobalPlanes = 0,
-                                       localClippingEnabled = false,
-                                       renderingShadows = false;
-                               const plane = new Plane(),
-                                       viewNormalMatrix = new Matrix3(),
-                                       uniform = {
-                                               value: null,
-                                               needsUpdate: false
-                                       };
-                               this.uniform = uniform;
-                               this.numPlanes = 0;
-                               this.numIntersection = 0;
-
-                               this.init = function (planes, enableLocalClipping, camera) {
-                                       const enabled = planes.length !== 0 || enableLocalClipping || // enable state of previous frame - the clipping code has to
-                                               // run another frame in order to reset the state:
-                                               numGlobalPlanes !== 0 || localClippingEnabled;
-                                       localClippingEnabled = enableLocalClipping;
-                                       globalState = projectPlanes(planes, camera, 0);
-                                       numGlobalPlanes = planes.length;
-                                       return enabled;
-                               };
-
-                               this.beginShadows = function () {
-                                       renderingShadows = true;
-                                       projectPlanes(null);
-                               };
-
-                               this.endShadows = function () {
-                                       renderingShadows = false;
-                                       resetGlobalState();
-                               };
-
-                               this.setState = function (material, camera, useCache) {
-                                       const planes = material.clippingPlanes,
-                                               clipIntersection = material.clipIntersection,
-                                               clipShadows = material.clipShadows;
-                                       const materialProperties = properties.get(material);
-
-                                       if (!localClippingEnabled || planes === null || planes.length === 0 || renderingShadows && !clipShadows) {
-                                               // there's no local clipping
-                                               if (renderingShadows) {
-                                                       // there's no global clipping
-                                                       projectPlanes(null);
-                                               } else {
-                                                       resetGlobalState();
-                                               }
-                                       } else {
-                                               const nGlobal = renderingShadows ? 0 : numGlobalPlanes,
-                                                       lGlobal = nGlobal * 4;
-                                               let dstArray = materialProperties.clippingState || null;
-                                               uniform.value = dstArray; // ensure unique state
-
-                                               dstArray = projectPlanes(planes, camera, lGlobal, useCache);
-
-                                               for (let i = 0; i !== lGlobal; ++i) {
-                                                       dstArray[i] = globalState[i];
-                                               }
-
-                                               materialProperties.clippingState = dstArray;
-                                               this.numIntersection = clipIntersection ? this.numPlanes : 0;
-                                               this.numPlanes += nGlobal;
-                                       }
-                               };
-
-                               function resetGlobalState() {
-                                       if (uniform.value !== globalState) {
-                                               uniform.value = globalState;
-                                               uniform.needsUpdate = numGlobalPlanes > 0;
-                                       }
-
-                                       scope.numPlanes = numGlobalPlanes;
-                                       scope.numIntersection = 0;
-                               }
-
-                               function projectPlanes(planes, camera, dstOffset, skipTransform) {
-                                       const nPlanes = planes !== null ? planes.length : 0;
-                                       let dstArray = null;
-
-                                       if (nPlanes !== 0) {
-                                               dstArray = uniform.value;
-
-                                               if (skipTransform !== true || dstArray === null) {
-                                                       const flatSize = dstOffset + nPlanes * 4,
-                                                               viewMatrix = camera.matrixWorldInverse;
-                                                       viewNormalMatrix.getNormalMatrix(viewMatrix);
-
-                                                       if (dstArray === null || dstArray.length < flatSize) {
-                                                               dstArray = new Float32Array(flatSize);
-                                                       }
-
-                                                       for (let i = 0, i4 = dstOffset; i !== nPlanes; ++i, i4 += 4) {
-                                                               plane.copy(planes[i]).applyMatrix4(viewMatrix, viewNormalMatrix);
-                                                               plane.normal.toArray(dstArray, i4);
-                                                               dstArray[i4 + 3] = plane.constant;
-                                                       }
-                                               }
-
-                                               uniform.value = dstArray;
-                                               uniform.needsUpdate = true;
-                                       }
-
-                                       scope.numPlanes = nPlanes;
-                                       scope.numIntersection = 0;
-                                       return dstArray;
-                               }
-                       }
-
-                       function WebGLCubeMaps(renderer) {
-                               let cubemaps = new WeakMap();
-
-                               function mapTextureMapping(texture, mapping) {
-                                       if (mapping === EquirectangularReflectionMapping) {
-                                               texture.mapping = CubeReflectionMapping;
-                                       } else if (mapping === EquirectangularRefractionMapping) {
-                                               texture.mapping = CubeRefractionMapping;
-                                       }
-
-                                       return texture;
-                               }
-
-                               function get(texture) {
-                                       if (texture && texture.isTexture && texture.isRenderTargetTexture === false) {
-                                               const mapping = texture.mapping;
-
-                                               if (mapping === EquirectangularReflectionMapping || mapping === EquirectangularRefractionMapping) {
-                                                       if (cubemaps.has(texture)) {
-                                                               const cubemap = cubemaps.get(texture).texture;
-                                                               return mapTextureMapping(cubemap, texture.mapping);
-                                                       } else {
-                                                               const image = texture.image;
-
-                                                               if (image && image.height > 0) {
-                                                                       const currentRenderTarget = renderer.getRenderTarget();
-                                                                       const renderTarget = new WebGLCubeRenderTarget(image.height / 2);
-                                                                       renderTarget.fromEquirectangularTexture(renderer, texture);
-                                                                       cubemaps.set(texture, renderTarget);
-                                                                       renderer.setRenderTarget(currentRenderTarget);
-                                                                       texture.addEventListener('dispose', onTextureDispose);
-                                                                       return mapTextureMapping(renderTarget.texture, texture.mapping);
-                                                               } else {
-                                                                       // image not yet ready. try the conversion next frame
-                                                                       return null;
-                                                               }
-                                                       }
-                                               }
-                                       }
-
-                                       return texture;
-                               }
-
-                               function onTextureDispose(event) {
-                                       const texture = event.target;
-                                       texture.removeEventListener('dispose', onTextureDispose);
-                                       const cubemap = cubemaps.get(texture);
-
-                                       if (cubemap !== undefined) {
-                                               cubemaps.delete(texture);
-                                               cubemap.dispose();
-                                       }
-                               }
-
-                               function dispose() {
-                                       cubemaps = new WeakMap();
-                               }
-
-                               return {
-                                       get: get,
-                                       dispose: dispose
-                               };
-                       }
-
-                       class OrthographicCamera extends Camera {
-                               constructor(left = -1, right = 1, top = 1, bottom = -1, near = 0.1, far = 2000) {
-                                       super();
-                                       this.type = 'OrthographicCamera';
-                                       this.zoom = 1;
-                                       this.view = null;
-                                       this.left = left;
-                                       this.right = right;
-                                       this.top = top;
-                                       this.bottom = bottom;
-                                       this.near = near;
-                                       this.far = far;
-                                       this.updateProjectionMatrix();
-                               }
-
-                               copy(source, recursive) {
-                                       super.copy(source, recursive);
-                                       this.left = source.left;
-                                       this.right = source.right;
-                                       this.top = source.top;
-                                       this.bottom = source.bottom;
-                                       this.near = source.near;
-                                       this.far = source.far;
-                                       this.zoom = source.zoom;
-                                       this.view = source.view === null ? null : Object.assign({}, source.view);
-                                       return this;
-                               }
-
-                               setViewOffset(fullWidth, fullHeight, x, y, width, height) {
-                                       if (this.view === null) {
-                                               this.view = {
-                                                       enabled: true,
-                                                       fullWidth: 1,
-                                                       fullHeight: 1,
-                                                       offsetX: 0,
-                                                       offsetY: 0,
-                                                       width: 1,
-                                                       height: 1
-                                               };
-                                       }
-
-                                       this.view.enabled = true;
-                                       this.view.fullWidth = fullWidth;
-                                       this.view.fullHeight = fullHeight;
-                                       this.view.offsetX = x;
-                                       this.view.offsetY = y;
-                                       this.view.width = width;
-                                       this.view.height = height;
-                                       this.updateProjectionMatrix();
-                               }
-
-                               clearViewOffset() {
-                                       if (this.view !== null) {
-                                               this.view.enabled = false;
-                                       }
-
-                                       this.updateProjectionMatrix();
-                               }
-
-                               updateProjectionMatrix() {
-                                       const dx = (this.right - this.left) / (2 * this.zoom);
-                                       const dy = (this.top - this.bottom) / (2 * this.zoom);
-                                       const cx = (this.right + this.left) / 2;
-                                       const cy = (this.top + this.bottom) / 2;
-                                       let left = cx - dx;
-                                       let right = cx + dx;
-                                       let top = cy + dy;
-                                       let bottom = cy - dy;
-
-                                       if (this.view !== null && this.view.enabled) {
-                                               const scaleW = (this.right - this.left) / this.view.fullWidth / this.zoom;
-                                               const scaleH = (this.top - this.bottom) / this.view.fullHeight / this.zoom;
-                                               left += scaleW * this.view.offsetX;
-                                               right = left + scaleW * this.view.width;
-                                               top -= scaleH * this.view.offsetY;
-                                               bottom = top - scaleH * this.view.height;
-                                       }
-
-                                       this.projectionMatrix.makeOrthographic(left, right, top, bottom, this.near, this.far);
-                                       this.projectionMatrixInverse.copy(this.projectionMatrix).invert();
-                               }
-
-                               toJSON(meta) {
-                                       const data = super.toJSON(meta);
-                                       data.object.zoom = this.zoom;
-                                       data.object.left = this.left;
-                                       data.object.right = this.right;
-                                       data.object.top = this.top;
-                                       data.object.bottom = this.bottom;
-                                       data.object.near = this.near;
-                                       data.object.far = this.far;
-                                       if (this.view !== null) data.object.view = Object.assign({}, this.view);
-                                       return data;
-                               }
-
-                       }
-
-                       OrthographicCamera.prototype.isOrthographicCamera = true;
-
-                       class RawShaderMaterial extends ShaderMaterial {
-                               constructor(parameters) {
-                                       super(parameters);
-                                       this.type = 'RawShaderMaterial';
-                               }
-
-                       }
-
-                       RawShaderMaterial.prototype.isRawShaderMaterial = true;
-
-                       const LOD_MIN = 4;
-                       const LOD_MAX = 8;
-                       const SIZE_MAX = Math.pow(2, LOD_MAX); // The standard deviations (radians) associated with the extra mips. These are
-                       // chosen to approximate a Trowbridge-Reitz distribution function times the
-                       // geometric shadowing function. These sigma values squared must match the
-                       // variance #defines in cube_uv_reflection_fragment.glsl.js.
-
-                       const EXTRA_LOD_SIGMA = [0.125, 0.215, 0.35, 0.446, 0.526, 0.582];
-                       const TOTAL_LODS = LOD_MAX - LOD_MIN + 1 + EXTRA_LOD_SIGMA.length; // The maximum length of the blur for loop. Smaller sigmas will use fewer
-                       // samples and exit early, but not recompile the shader.
-
-                       const MAX_SAMPLES = 20;
-                       const ENCODINGS = {
-                               [LinearEncoding]: 0,
-                               [sRGBEncoding]: 1,
-                               [RGBEEncoding]: 2,
-                               [RGBM7Encoding]: 3,
-                               [RGBM16Encoding]: 4,
-                               [RGBDEncoding]: 5,
-                               [GammaEncoding]: 6
-                       };
-
-                       const _flatCamera = /*@__PURE__*/new OrthographicCamera();
-
-                       const {
-                               _lodPlanes,
-                               _sizeLods,
-                               _sigmas
-                       } = /*@__PURE__*/_createPlanes();
-
-                       const _clearColor = /*@__PURE__*/new Color();
-
-                       let _oldTarget = null; // Golden Ratio
-
-                       const PHI = (1 + Math.sqrt(5)) / 2;
-                       const INV_PHI = 1 / PHI; // Vertices of a dodecahedron (except the opposites, which represent the
-                       // same axis), used as axis directions evenly spread on a sphere.
-
-                       const _axisDirections = [/*@__PURE__*/new Vector3(1, 1, 1), /*@__PURE__*/new Vector3(-1, 1, 1), /*@__PURE__*/new Vector3(1, 1, -1), /*@__PURE__*/new Vector3(-1, 1, -1), /*@__PURE__*/new Vector3(0, PHI, INV_PHI), /*@__PURE__*/new Vector3(0, PHI, -INV_PHI), /*@__PURE__*/new Vector3(INV_PHI, 0, PHI), /*@__PURE__*/new Vector3(-INV_PHI, 0, PHI), /*@__PURE__*/new Vector3(PHI, INV_PHI, 0), /*@__PURE__*/new Vector3(-PHI, INV_PHI, 0)];
-
-                       /**
-                        * This class generates a Prefiltered, Mipmapped Radiance Environment Map
-                        * (PMREM) from a cubeMap environment texture. This allows different levels of
-                        * blur to be quickly accessed based on material roughness. It is packed into a
-                        * special CubeUV format that allows us to perform custom interpolation so that
-                        * we can support nonlinear formats such as RGBE. Unlike a traditional mipmap
-                        * chain, it only goes down to the LOD_MIN level (above), and then creates extra
-                        * even more filtered 'mips' at the same LOD_MIN resolution, associated with
-                        * higher roughness levels. In this way we maintain resolution to smoothly
-                        * interpolate diffuse lighting while limiting sampling computation.
-                        *
-                        * Paper: Fast, Accurate Image-Based Lighting
-                        * https://drive.google.com/file/d/15y8r_UpKlU9SvV4ILb0C3qCPecS8pvLz/view
-                        */
-
-                       class PMREMGenerator {
-                               constructor(renderer) {
-                                       this._renderer = renderer;
-                                       this._pingPongRenderTarget = null;
-                                       this._blurMaterial = _getBlurShader(MAX_SAMPLES);
-                                       this._equirectShader = null;
-                                       this._cubemapShader = null;
-
-                                       this._compileMaterial(this._blurMaterial);
-                               }
-
-                               /**
-                                * Generates a PMREM from a supplied Scene, which can be faster than using an
-                                * image if networking bandwidth is low. Optional sigma specifies a blur radius
-                                * in radians to be applied to the scene before PMREM generation. Optional near
-                                * and far planes ensure the scene is rendered in its entirety (the cubeCamera
-                                * is placed at the origin).
-                                */
-
-
-                               fromScene(scene, sigma = 0, near = 0.1, far = 100) {
-                                       _oldTarget = this._renderer.getRenderTarget();
-
-                                       const cubeUVRenderTarget = this._allocateTargets();
-
-                                       this._sceneToCubeUV(scene, near, far, cubeUVRenderTarget);
-
-                                       if (sigma > 0) {
-                                               this._blur(cubeUVRenderTarget, 0, 0, sigma);
-                                       }
-
-                                       this._applyPMREM(cubeUVRenderTarget);
-
-                                       this._cleanup(cubeUVRenderTarget);
-
-                                       return cubeUVRenderTarget;
-                               }
-
-                               /**
-                                * Generates a PMREM from an equirectangular texture, which can be either LDR
-                                * (RGBFormat) or HDR (RGBEFormat). The ideal input image size is 1k (1024 x 512),
-                                * as this matches best with the 256 x 256 cubemap output.
-                                */
-
-
-                               fromEquirectangular(equirectangular) {
-                                       return this._fromTexture(equirectangular);
-                               }
-
-                               /**
-                                * Generates a PMREM from an cubemap texture, which can be either LDR
-                                * (RGBFormat) or HDR (RGBEFormat). The ideal input cube size is 256 x 256,
-                                * as this matches best with the 256 x 256 cubemap output.
-                                */
-
-
-                               fromCubemap(cubemap) {
-                                       return this._fromTexture(cubemap);
-                               }
-
-                               /**
-                                * Pre-compiles the cubemap shader. You can get faster start-up by invoking this method during
-                                * your texture's network fetch for increased concurrency.
-                                */
-
-
-                               compileCubemapShader() {
-                                       if (this._cubemapShader === null) {
-                                               this._cubemapShader = _getCubemapShader();
-
-                                               this._compileMaterial(this._cubemapShader);
-                                       }
-                               }
-
-                               /**
-                                * Pre-compiles the equirectangular shader. You can get faster start-up by invoking this method during
-                                * your texture's network fetch for increased concurrency.
-                                */
-
-
-                               compileEquirectangularShader() {
-                                       if (this._equirectShader === null) {
-                                               this._equirectShader = _getEquirectShader();
-
-                                               this._compileMaterial(this._equirectShader);
-                                       }
-                               }
-
-                               /**
-                                * Disposes of the PMREMGenerator's internal memory. Note that PMREMGenerator is a static class,
-                                * so you should not need more than one PMREMGenerator object. If you do, calling dispose() on
-                                * one of them will cause any others to also become unusable.
-                                */
-
-
-                               dispose() {
-                                       this._blurMaterial.dispose();
-
-                                       if (this._cubemapShader !== null) this._cubemapShader.dispose();
-                                       if (this._equirectShader !== null) this._equirectShader.dispose();
-
-                                       for (let i = 0; i < _lodPlanes.length; i++) {
-                                               _lodPlanes[i].dispose();
-                                       }
-                               } // private interface
-
-
-                               _cleanup(outputTarget) {
-                                       this._pingPongRenderTarget.dispose();
-
-                                       this._renderer.setRenderTarget(_oldTarget);
-
-                                       outputTarget.scissorTest = false;
-
-                                       _setViewport(outputTarget, 0, 0, outputTarget.width, outputTarget.height);
-                               }
-
-                               _fromTexture(texture) {
-                                       _oldTarget = this._renderer.getRenderTarget();
-
-                                       const cubeUVRenderTarget = this._allocateTargets(texture);
-
-                                       this._textureToCubeUV(texture, cubeUVRenderTarget);
-
-                                       this._applyPMREM(cubeUVRenderTarget);
-
-                                       this._cleanup(cubeUVRenderTarget);
-
-                                       return cubeUVRenderTarget;
-                               }
-
-                               _allocateTargets(texture) {
-                                       // warning: null texture is valid
-                                       const params = {
-                                               magFilter: NearestFilter,
-                                               minFilter: NearestFilter,
-                                               generateMipmaps: false,
-                                               type: UnsignedByteType,
-                                               format: RGBEFormat,
-                                               encoding: _isLDR(texture) ? texture.encoding : RGBEEncoding,
-                                               depthBuffer: false
-                                       };
-
-                                       const cubeUVRenderTarget = _createRenderTarget(params);
-
-                                       cubeUVRenderTarget.depthBuffer = texture ? false : true;
-                                       this._pingPongRenderTarget = _createRenderTarget(params);
-                                       return cubeUVRenderTarget;
-                               }
-
-                               _compileMaterial(material) {
-                                       const tmpMesh = new Mesh(_lodPlanes[0], material);
-
-                                       this._renderer.compile(tmpMesh, _flatCamera);
-                               }
-
-                               _sceneToCubeUV(scene, near, far, cubeUVRenderTarget) {
-                                       const fov = 90;
-                                       const aspect = 1;
-                                       const cubeCamera = new PerspectiveCamera(fov, aspect, near, far);
-                                       const upSign = [1, -1, 1, 1, 1, 1];
-                                       const forwardSign = [1, 1, 1, -1, -1, -1];
-                                       const renderer = this._renderer;
-                                       const originalAutoClear = renderer.autoClear;
-                                       const outputEncoding = renderer.outputEncoding;
-                                       const toneMapping = renderer.toneMapping;
-                                       renderer.getClearColor(_clearColor);
-                                       renderer.toneMapping = NoToneMapping;
-                                       renderer.outputEncoding = LinearEncoding;
-                                       renderer.autoClear = false;
-                                       const backgroundMaterial = new MeshBasicMaterial({
-                                               name: 'PMREM.Background',
-                                               side: BackSide,
-                                               depthWrite: false,
-                                               depthTest: false
-                                       });
-                                       const backgroundBox = new Mesh(new BoxGeometry(), backgroundMaterial);
-                                       let useSolidColor = false;
-                                       const background = scene.background;
-
-                                       if (background) {
-                                               if (background.isColor) {
-                                                       backgroundMaterial.color.copy(background);
-                                                       scene.background = null;
-                                                       useSolidColor = true;
-                                               }
-                                       } else {
-                                               backgroundMaterial.color.copy(_clearColor);
-                                               useSolidColor = true;
-                                       }
-
-                                       for (let i = 0; i < 6; i++) {
-                                               const col = i % 3;
-
-                                               if (col == 0) {
-                                                       cubeCamera.up.set(0, upSign[i], 0);
-                                                       cubeCamera.lookAt(forwardSign[i], 0, 0);
-                                               } else if (col == 1) {
-                                                       cubeCamera.up.set(0, 0, upSign[i]);
-                                                       cubeCamera.lookAt(0, forwardSign[i], 0);
-                                               } else {
-                                                       cubeCamera.up.set(0, upSign[i], 0);
-                                                       cubeCamera.lookAt(0, 0, forwardSign[i]);
-                                               }
-
-                                               _setViewport(cubeUVRenderTarget, col * SIZE_MAX, i > 2 ? SIZE_MAX : 0, SIZE_MAX, SIZE_MAX);
-
-                                               renderer.setRenderTarget(cubeUVRenderTarget);
-
-                                               if (useSolidColor) {
-                                                       renderer.render(backgroundBox, cubeCamera);
-                                               }
-
-                                               renderer.render(scene, cubeCamera);
-                                       }
-
-                                       backgroundBox.geometry.dispose();
-                                       backgroundBox.material.dispose();
-                                       renderer.toneMapping = toneMapping;
-                                       renderer.outputEncoding = outputEncoding;
-                                       renderer.autoClear = originalAutoClear;
-                                       scene.background = background;
-                               }
-
-                               _textureToCubeUV(texture, cubeUVRenderTarget) {
-                                       const renderer = this._renderer;
-
-                                       if (texture.isCubeTexture) {
-                                               if (this._cubemapShader == null) {
-                                                       this._cubemapShader = _getCubemapShader();
-                                               }
-                                       } else {
-                                               if (this._equirectShader == null) {
-                                                       this._equirectShader = _getEquirectShader();
-                                               }
-                                       }
-
-                                       const material = texture.isCubeTexture ? this._cubemapShader : this._equirectShader;
-                                       const mesh = new Mesh(_lodPlanes[0], material);
-                                       const uniforms = material.uniforms;
-                                       uniforms['envMap'].value = texture;
-
-                                       if (!texture.isCubeTexture) {
-                                               uniforms['texelSize'].value.set(1.0 / texture.image.width, 1.0 / texture.image.height);
-                                       }
-
-                                       uniforms['inputEncoding'].value = ENCODINGS[texture.encoding];
-                                       uniforms['outputEncoding'].value = ENCODINGS[cubeUVRenderTarget.texture.encoding];
-
-                                       _setViewport(cubeUVRenderTarget, 0, 0, 3 * SIZE_MAX, 2 * SIZE_MAX);
-
-                                       renderer.setRenderTarget(cubeUVRenderTarget);
-                                       renderer.render(mesh, _flatCamera);
-                               }
-
-                               _applyPMREM(cubeUVRenderTarget) {
-                                       const renderer = this._renderer;
-                                       const autoClear = renderer.autoClear;
-                                       renderer.autoClear = false;
-
-                                       for (let i = 1; i < TOTAL_LODS; i++) {
-                                               const sigma = Math.sqrt(_sigmas[i] * _sigmas[i] - _sigmas[i - 1] * _sigmas[i - 1]);
-                                               const poleAxis = _axisDirections[(i - 1) % _axisDirections.length];
-
-                                               this._blur(cubeUVRenderTarget, i - 1, i, sigma, poleAxis);
-                                       }
-
-                                       renderer.autoClear = autoClear;
-                               }
-
-                               /**
-                                * This is a two-pass Gaussian blur for a cubemap. Normally this is done
-                                * vertically and horizontally, but this breaks down on a cube. Here we apply
-                                * the blur latitudinally (around the poles), and then longitudinally (towards
-                                * the poles) to approximate the orthogonally-separable blur. It is least
-                                * accurate at the poles, but still does a decent job.
-                                */
-
-
-                               _blur(cubeUVRenderTarget, lodIn, lodOut, sigma, poleAxis) {
-                                       const pingPongRenderTarget = this._pingPongRenderTarget;
-
-                                       this._halfBlur(cubeUVRenderTarget, pingPongRenderTarget, lodIn, lodOut, sigma, 'latitudinal', poleAxis);
-
-                                       this._halfBlur(pingPongRenderTarget, cubeUVRenderTarget, lodOut, lodOut, sigma, 'longitudinal', poleAxis);
-                               }
-
-                               _halfBlur(targetIn, targetOut, lodIn, lodOut, sigmaRadians, direction, poleAxis) {
-                                       const renderer = this._renderer;
-                                       const blurMaterial = this._blurMaterial;
-
-                                       if (direction !== 'latitudinal' && direction !== 'longitudinal') {
-                                               console.error('blur direction must be either latitudinal or longitudinal!');
-                                       } // Number of standard deviations at which to cut off the discrete approximation.
-
-
-                                       const STANDARD_DEVIATIONS = 3;
-                                       const blurMesh = new Mesh(_lodPlanes[lodOut], blurMaterial);
-                                       const blurUniforms = blurMaterial.uniforms;
-                                       const pixels = _sizeLods[lodIn] - 1;
-                                       const radiansPerPixel = isFinite(sigmaRadians) ? Math.PI / (2 * pixels) : 2 * Math.PI / (2 * MAX_SAMPLES - 1);
-                                       const sigmaPixels = sigmaRadians / radiansPerPixel;
-                                       const samples = isFinite(sigmaRadians) ? 1 + Math.floor(STANDARD_DEVIATIONS * sigmaPixels) : MAX_SAMPLES;
-
-                                       if (samples > MAX_SAMPLES) {
-                                               console.warn(`sigmaRadians, ${sigmaRadians}, is too large and will clip, as it requested ${samples} samples when the maximum is set to ${MAX_SAMPLES}`);
-                                       }
-
-                                       const weights = [];
-                                       let sum = 0;
-
-                                       for (let i = 0; i < MAX_SAMPLES; ++i) {
-                                               const x = i / sigmaPixels;
-                                               const weight = Math.exp(-x * x / 2);
-                                               weights.push(weight);
-
-                                               if (i == 0) {
-                                                       sum += weight;
-                                               } else if (i < samples) {
-                                                       sum += 2 * weight;
-                                               }
-                                       }
-
-                                       for (let i = 0; i < weights.length; i++) {
-                                               weights[i] = weights[i] / sum;
-                                       }
-
-                                       blurUniforms['envMap'].value = targetIn.texture;
-                                       blurUniforms['samples'].value = samples;
-                                       blurUniforms['weights'].value = weights;
-                                       blurUniforms['latitudinal'].value = direction === 'latitudinal';
-
-                                       if (poleAxis) {
-                                               blurUniforms['poleAxis'].value = poleAxis;
-                                       }
-
-                                       blurUniforms['dTheta'].value = radiansPerPixel;
-                                       blurUniforms['mipInt'].value = LOD_MAX - lodIn;
-                                       blurUniforms['inputEncoding'].value = ENCODINGS[targetIn.texture.encoding];
-                                       blurUniforms['outputEncoding'].value = ENCODINGS[targetIn.texture.encoding];
-                                       const outputSize = _sizeLods[lodOut];
-                                       const x = 3 * Math.max(0, SIZE_MAX - 2 * outputSize);
-                                       const y = (lodOut === 0 ? 0 : 2 * SIZE_MAX) + 2 * outputSize * (lodOut > LOD_MAX - LOD_MIN ? lodOut - LOD_MAX + LOD_MIN : 0);
-
-                                       _setViewport(targetOut, x, y, 3 * outputSize, 2 * outputSize);
-
-                                       renderer.setRenderTarget(targetOut);
-                                       renderer.render(blurMesh, _flatCamera);
-                               }
-
-                       }
-
-                       function _isLDR(texture) {
-                               if (texture === undefined || texture.type !== UnsignedByteType) return false;
-                               return texture.encoding === LinearEncoding || texture.encoding === sRGBEncoding || texture.encoding === GammaEncoding;
-                       }
-
-                       function _createPlanes() {
-                               const _lodPlanes = [];
-                               const _sizeLods = [];
-                               const _sigmas = [];
-                               let lod = LOD_MAX;
-
-                               for (let i = 0; i < TOTAL_LODS; i++) {
-                                       const sizeLod = Math.pow(2, lod);
-
-                                       _sizeLods.push(sizeLod);
-
-                                       let sigma = 1.0 / sizeLod;
-
-                                       if (i > LOD_MAX - LOD_MIN) {
-                                               sigma = EXTRA_LOD_SIGMA[i - LOD_MAX + LOD_MIN - 1];
-                                       } else if (i == 0) {
-                                               sigma = 0;
-                                       }
-
-                                       _sigmas.push(sigma);
-
-                                       const texelSize = 1.0 / (sizeLod - 1);
-                                       const min = -texelSize / 2;
-                                       const max = 1 + texelSize / 2;
-                                       const uv1 = [min, min, max, min, max, max, min, min, max, max, min, max];
-                                       const cubeFaces = 6;
-                                       const vertices = 6;
-                                       const positionSize = 3;
-                                       const uvSize = 2;
-                                       const faceIndexSize = 1;
-                                       const position = new Float32Array(positionSize * vertices * cubeFaces);
-                                       const uv = new Float32Array(uvSize * vertices * cubeFaces);
-                                       const faceIndex = new Float32Array(faceIndexSize * vertices * cubeFaces);
-
-                                       for (let face = 0; face < cubeFaces; face++) {
-                                               const x = face % 3 * 2 / 3 - 1;
-                                               const y = face > 2 ? 0 : -1;
-                                               const coordinates = [x, y, 0, x + 2 / 3, y, 0, x + 2 / 3, y + 1, 0, x, y, 0, x + 2 / 3, y + 1, 0, x, y + 1, 0];
-                                               position.set(coordinates, positionSize * vertices * face);
-                                               uv.set(uv1, uvSize * vertices * face);
-                                               const fill = [face, face, face, face, face, face];
-                                               faceIndex.set(fill, faceIndexSize * vertices * face);
-                                       }
-
-                                       const planes = new BufferGeometry();
-                                       planes.setAttribute('position', new BufferAttribute(position, positionSize));
-                                       planes.setAttribute('uv', new BufferAttribute(uv, uvSize));
-                                       planes.setAttribute('faceIndex', new BufferAttribute(faceIndex, faceIndexSize));
-
-                                       _lodPlanes.push(planes);
-
-                                       if (lod > LOD_MIN) {
-                                               lod--;
-                                       }
-                               }
-
-                               return {
-                                       _lodPlanes,
-                                       _sizeLods,
-                                       _sigmas
-                               };
-                       }
-
-                       function _createRenderTarget(params) {
-                               const cubeUVRenderTarget = new WebGLRenderTarget(3 * SIZE_MAX, 3 * SIZE_MAX, params);
-                               cubeUVRenderTarget.texture.mapping = CubeUVReflectionMapping;
-                               cubeUVRenderTarget.texture.name = 'PMREM.cubeUv';
-                               cubeUVRenderTarget.scissorTest = true;
-                               return cubeUVRenderTarget;
-                       }
-
-                       function _setViewport(target, x, y, width, height) {
-                               target.viewport.set(x, y, width, height);
-                               target.scissor.set(x, y, width, height);
-                       }
-
-                       function _getBlurShader(maxSamples) {
-                               const weights = new Float32Array(maxSamples);
-                               const poleAxis = new Vector3(0, 1, 0);
-                               const shaderMaterial = new RawShaderMaterial({
-                                       name: 'SphericalGaussianBlur',
-                                       defines: {
-                                               'n': maxSamples
-                                       },
-                                       uniforms: {
-                                               'envMap': {
-                                                       value: null
-                                               },
-                                               'samples': {
-                                                       value: 1
-                                               },
-                                               'weights': {
-                                                       value: weights
-                                               },
-                                               'latitudinal': {
-                                                       value: false
-                                               },
-                                               'dTheta': {
-                                                       value: 0
-                                               },
-                                               'mipInt': {
-                                                       value: 0
-                                               },
-                                               'poleAxis': {
-                                                       value: poleAxis
-                                               },
-                                               'inputEncoding': {
-                                                       value: ENCODINGS[LinearEncoding]
-                                               },
-                                               'outputEncoding': {
-                                                       value: ENCODINGS[LinearEncoding]
-                                               }
-                                       },
-                                       vertexShader: _getCommonVertexShader(),
-                                       fragmentShader:
-                                       /* glsl */
-                                               `
-
-                       precision mediump float;
-                       precision mediump int;
-
-                       varying vec3 vOutputDirection;
-
-                       uniform sampler2D envMap;
-                       uniform int samples;
-                       uniform float weights[ n ];
-                       uniform bool latitudinal;
-                       uniform float dTheta;
-                       uniform float mipInt;
-                       uniform vec3 poleAxis;
-
-                       ${_getEncodings()}
-
-                       #define ENVMAP_TYPE_CUBE_UV
-                       #include <cube_uv_reflection_fragment>
-
-                       vec3 getSample( float theta, vec3 axis ) {
-
-                               float cosTheta = cos( theta );
-                               // Rodrigues' axis-angle rotation
-                               vec3 sampleDirection = vOutputDirection * cosTheta
-                                       + cross( axis, vOutputDirection ) * sin( theta )
-                                       + axis * dot( axis, vOutputDirection ) * ( 1.0 - cosTheta );
-
-                               return bilinearCubeUV( envMap, sampleDirection, mipInt );
-
-                       }
-
-                       void main() {
-
-                               vec3 axis = latitudinal ? poleAxis : cross( poleAxis, vOutputDirection );
-
-                               if ( all( equal( axis, vec3( 0.0 ) ) ) ) {
-
-                                       axis = vec3( vOutputDirection.z, 0.0, - vOutputDirection.x );
-
-                               }
-
-                               axis = normalize( axis );
-
-                               gl_FragColor = vec4( 0.0, 0.0, 0.0, 1.0 );
-                               gl_FragColor.rgb += weights[ 0 ] * getSample( 0.0, axis );
-
-                               for ( int i = 1; i < n; i++ ) {
-
-                                       if ( i >= samples ) {
-
-                                               break;
-
-                                       }
-
-                                       float theta = dTheta * float( i );
-                                       gl_FragColor.rgb += weights[ i ] * getSample( -1.0 * theta, axis );
-                                       gl_FragColor.rgb += weights[ i ] * getSample( theta, axis );
-
-                               }
-
-                               gl_FragColor = linearToOutputTexel( gl_FragColor );
-
-                       }
-               `,
-                                       blending: NoBlending,
-                                       depthTest: false,
-                                       depthWrite: false
-                               });
-                               return shaderMaterial;
-                       }
-
-                       function _getEquirectShader() {
-                               const texelSize = new Vector2(1, 1);
-                               const shaderMaterial = new RawShaderMaterial({
-                                       name: 'EquirectangularToCubeUV',
-                                       uniforms: {
-                                               'envMap': {
-                                                       value: null
-                                               },
-                                               'texelSize': {
-                                                       value: texelSize
-                                               },
-                                               'inputEncoding': {
-                                                       value: ENCODINGS[LinearEncoding]
-                                               },
-                                               'outputEncoding': {
-                                                       value: ENCODINGS[LinearEncoding]
-                                               }
-                                       },
-                                       vertexShader: _getCommonVertexShader(),
-                                       fragmentShader:
-                                       /* glsl */
-                                               `
-
-                       precision mediump float;
-                       precision mediump int;
-
-                       varying vec3 vOutputDirection;
-
-                       uniform sampler2D envMap;
-                       uniform vec2 texelSize;
-
-                       ${_getEncodings()}
-
-                       #include <common>
-
-                       void main() {
-
-                               gl_FragColor = vec4( 0.0, 0.0, 0.0, 1.0 );
-
-                               vec3 outputDirection = normalize( vOutputDirection );
-                               vec2 uv = equirectUv( outputDirection );
-
-                               vec2 f = fract( uv / texelSize - 0.5 );
-                               uv -= f * texelSize;
-                               vec3 tl = envMapTexelToLinear( texture2D ( envMap, uv ) ).rgb;
-                               uv.x += texelSize.x;
-                               vec3 tr = envMapTexelToLinear( texture2D ( envMap, uv ) ).rgb;
-                               uv.y += texelSize.y;
-                               vec3 br = envMapTexelToLinear( texture2D ( envMap, uv ) ).rgb;
-                               uv.x -= texelSize.x;
-                               vec3 bl = envMapTexelToLinear( texture2D ( envMap, uv ) ).rgb;
-
-                               vec3 tm = mix( tl, tr, f.x );
-                               vec3 bm = mix( bl, br, f.x );
-                               gl_FragColor.rgb = mix( tm, bm, f.y );
-
-                               gl_FragColor = linearToOutputTexel( gl_FragColor );
-
-                       }
-               `,
-                                       blending: NoBlending,
-                                       depthTest: false,
-                                       depthWrite: false
-                               });
-                               return shaderMaterial;
-                       }
-
-                       function _getCubemapShader() {
-                               const shaderMaterial = new RawShaderMaterial({
-                                       name: 'CubemapToCubeUV',
-                                       uniforms: {
-                                               'envMap': {
-                                                       value: null
-                                               },
-                                               'inputEncoding': {
-                                                       value: ENCODINGS[LinearEncoding]
-                                               },
-                                               'outputEncoding': {
-                                                       value: ENCODINGS[LinearEncoding]
-                                               }
-                                       },
-                                       vertexShader: _getCommonVertexShader(),
-                                       fragmentShader:
-                                       /* glsl */
-                                               `
-
-                       precision mediump float;
-                       precision mediump int;
-
-                       varying vec3 vOutputDirection;
-
-                       uniform samplerCube envMap;
-
-                       ${_getEncodings()}
-
-                       void main() {
-
-                               gl_FragColor = vec4( 0.0, 0.0, 0.0, 1.0 );
-                               gl_FragColor.rgb = envMapTexelToLinear( textureCube( envMap, vec3( - vOutputDirection.x, vOutputDirection.yz ) ) ).rgb;
-                               gl_FragColor = linearToOutputTexel( gl_FragColor );
-
-                       }
-               `,
-                                       blending: NoBlending,
-                                       depthTest: false,
-                                       depthWrite: false
-                               });
-                               return shaderMaterial;
-                       }
-
-                       function _getCommonVertexShader() {
-                               return (
-                                       /* glsl */
-                                       `
-
-               precision mediump float;
-               precision mediump int;
-
-               attribute vec3 position;
-               attribute vec2 uv;
-               attribute float faceIndex;
-
-               varying vec3 vOutputDirection;
-
-               // RH coordinate system; PMREM face-indexing convention
-               vec3 getDirection( vec2 uv, float face ) {
-
-                       uv = 2.0 * uv - 1.0;
-
-                       vec3 direction = vec3( uv, 1.0 );
-
-                       if ( face == 0.0 ) {
-
-                               direction = direction.zyx; // ( 1, v, u ) pos x
-
-                       } else if ( face == 1.0 ) {
-
-                               direction = direction.xzy;
-                               direction.xz *= -1.0; // ( -u, 1, -v ) pos y
-
-                       } else if ( face == 2.0 ) {
-
-                               direction.x *= -1.0; // ( -u, v, 1 ) pos z
-
-                       } else if ( face == 3.0 ) {
-
-                               direction = direction.zyx;
-                               direction.xz *= -1.0; // ( -1, v, -u ) neg x
-
-                       } else if ( face == 4.0 ) {
-
-                               direction = direction.xzy;
-                               direction.xy *= -1.0; // ( -u, -1, v ) neg y
-
-                       } else if ( face == 5.0 ) {
-
-                               direction.z *= -1.0; // ( u, v, -1 ) neg z
-
-                       }
-
-                       return direction;
-
-               }
-
-               void main() {
-
-                       vOutputDirection = getDirection( uv, faceIndex );
-                       gl_Position = vec4( position, 1.0 );
-
-               }
-       `
-                               );
-                       }
-
-                       function _getEncodings() {
-                               return (
-                                       /* glsl */
-                                       `
-
-               uniform int inputEncoding;
-               uniform int outputEncoding;
-
-               #include <encodings_pars_fragment>
-
-               vec4 inputTexelToLinear( vec4 value ) {
-
-                       if ( inputEncoding == 0 ) {
-
-                               return value;
-
-                       } else if ( inputEncoding == 1 ) {
-
-                               return sRGBToLinear( value );
-
-                       } else if ( inputEncoding == 2 ) {
-
-                               return RGBEToLinear( value );
-
-                       } else if ( inputEncoding == 3 ) {
-
-                               return RGBMToLinear( value, 7.0 );
-
-                       } else if ( inputEncoding == 4 ) {
-
-                               return RGBMToLinear( value, 16.0 );
-
-                       } else if ( inputEncoding == 5 ) {
-
-                               return RGBDToLinear( value, 256.0 );
-
-                       } else {
-
-                               return GammaToLinear( value, 2.2 );
-
-                       }
-
-               }
-
-               vec4 linearToOutputTexel( vec4 value ) {
-
-                       if ( outputEncoding == 0 ) {
-
-                               return value;
-
-                       } else if ( outputEncoding == 1 ) {
-
-                               return LinearTosRGB( value );
-
-                       } else if ( outputEncoding == 2 ) {
-
-                               return LinearToRGBE( value );
-
-                       } else if ( outputEncoding == 3 ) {
-
-                               return LinearToRGBM( value, 7.0 );
-
-                       } else if ( outputEncoding == 4 ) {
-
-                               return LinearToRGBM( value, 16.0 );
-
-                       } else if ( outputEncoding == 5 ) {
-
-                               return LinearToRGBD( value, 256.0 );
-
-                       } else {
-
-                               return LinearToGamma( value, 2.2 );
-
-                       }
-
-               }
-
-               vec4 envMapTexelToLinear( vec4 color ) {
-
-                       return inputTexelToLinear( color );
-
-               }
-       `
-                               );
-                       }
-
-                       function WebGLCubeUVMaps(renderer) {
-                               let cubeUVmaps = new WeakMap();
-                               let pmremGenerator = null;
-
-                               function get(texture) {
-                                       if (texture && texture.isTexture && texture.isRenderTargetTexture === false) {
-                                               const mapping = texture.mapping;
-                                               const isEquirectMap = mapping === EquirectangularReflectionMapping || mapping === EquirectangularRefractionMapping;
-                                               const isCubeMap = mapping === CubeReflectionMapping || mapping === CubeRefractionMapping;
-
-                                               if (isEquirectMap || isCubeMap) {
-                                                       // equirect/cube map to cubeUV conversion
-                                                       if (cubeUVmaps.has(texture)) {
-                                                               return cubeUVmaps.get(texture).texture;
-                                                       } else {
-                                                               const image = texture.image;
-
-                                                               if (isEquirectMap && image && image.height > 0 || isCubeMap && image && isCubeTextureComplete(image)) {
-                                                                       const currentRenderTarget = renderer.getRenderTarget();
-                                                                       if (pmremGenerator === null) pmremGenerator = new PMREMGenerator(renderer);
-                                                                       const renderTarget = isEquirectMap ? pmremGenerator.fromEquirectangular(texture) : pmremGenerator.fromCubemap(texture);
-                                                                       cubeUVmaps.set(texture, renderTarget);
-                                                                       renderer.setRenderTarget(currentRenderTarget);
-                                                                       texture.addEventListener('dispose', onTextureDispose);
-                                                                       return renderTarget.texture;
-                                                               } else {
-                                                                       // image not yet ready. try the conversion next frame
-                                                                       return null;
-                                                               }
-                                                       }
-                                               }
-                                       }
-
-                                       return texture;
-                               }
-
-                               function isCubeTextureComplete(image) {
-                                       let count = 0;
-                                       const length = 6;
-
-                                       for (let i = 0; i < length; i++) {
-                                               if (image[i] !== undefined) count++;
-                                       }
-
-                                       return count === length;
-                               }
-
-                               function onTextureDispose(event) {
-                                       const texture = event.target;
-                                       texture.removeEventListener('dispose', onTextureDispose);
-                                       const cubemapUV = cubeUVmaps.get(texture);
-
-                                       if (cubemapUV !== undefined) {
-                                               cubeUVmaps.delete(texture);
-                                               cubemapUV.dispose();
-                                       }
-                               }
-
-                               function dispose() {
-                                       cubeUVmaps = new WeakMap();
-
-                                       if (pmremGenerator !== null) {
-                                               pmremGenerator.dispose();
-                                               pmremGenerator = null;
-                                       }
-                               }
-
-                               return {
-                                       get: get,
-                                       dispose: dispose
-                               };
-                       }
-
-                       function WebGLExtensions(gl) {
-                               const extensions = {};
-
-                               function getExtension(name) {
-                                       if (extensions[name] !== undefined) {
-                                               return extensions[name];
-                                       }
-
-                                       let extension;
-
-                                       switch (name) {
-                                               case 'WEBGL_depth_texture':
-                                                       extension = gl.getExtension('WEBGL_depth_texture') || gl.getExtension('MOZ_WEBGL_depth_texture') || gl.getExtension('WEBKIT_WEBGL_depth_texture');
-                                                       break;
-
-                                               case 'EXT_texture_filter_anisotropic':
-                                                       extension = gl.getExtension('EXT_texture_filter_anisotropic') || gl.getExtension('MOZ_EXT_texture_filter_anisotropic') || gl.getExtension('WEBKIT_EXT_texture_filter_anisotropic');
-                                                       break;
-
-                                               case 'WEBGL_compressed_texture_s3tc':
-                                                       extension = gl.getExtension('WEBGL_compressed_texture_s3tc') || gl.getExtension('MOZ_WEBGL_compressed_texture_s3tc') || gl.getExtension('WEBKIT_WEBGL_compressed_texture_s3tc');
-                                                       break;
-
-                                               case 'WEBGL_compressed_texture_pvrtc':
-                                                       extension = gl.getExtension('WEBGL_compressed_texture_pvrtc') || gl.getExtension('WEBKIT_WEBGL_compressed_texture_pvrtc');
-                                                       break;
-
-                                               default:
-                                                       extension = gl.getExtension(name);
-                                       }
-
-                                       extensions[name] = extension;
-                                       return extension;
-                               }
-
-                               return {
-                                       has: function (name) {
-                                               return getExtension(name) !== null;
-                                       },
-                                       init: function (capabilities) {
-                                               if (capabilities.isWebGL2) {
-                                                       getExtension('EXT_color_buffer_float');
-                                               } else {
-                                                       getExtension('WEBGL_depth_texture');
-                                                       getExtension('OES_texture_float');
-                                                       getExtension('OES_texture_half_float');
-                                                       getExtension('OES_texture_half_float_linear');
-                                                       getExtension('OES_standard_derivatives');
-                                                       getExtension('OES_element_index_uint');
-                                                       getExtension('OES_vertex_array_object');
-                                                       getExtension('ANGLE_instanced_arrays');
-                                               }
-
-                                               getExtension('OES_texture_float_linear');
-                                               getExtension('EXT_color_buffer_half_float');
-                                       },
-                                       get: function (name) {
-                                               const extension = getExtension(name);
-
-                                               if (extension === null) {
-                                                       console.warn('THREE.WebGLRenderer: ' + name + ' extension not supported.');
-                                               }
-
-                                               return extension;
-                                       }
-                               };
-                       }
-
-                       function WebGLGeometries(gl, attributes, info, bindingStates) {
-                               const geometries = {};
-                               const wireframeAttributes = new WeakMap();
-
-                               function onGeometryDispose(event) {
-                                       const geometry = event.target;
-
-                                       if (geometry.index !== null) {
-                                               attributes.remove(geometry.index);
-                                       }
-
-                                       for (const name in geometry.attributes) {
-                                               attributes.remove(geometry.attributes[name]);
-                                       }
-
-                                       geometry.removeEventListener('dispose', onGeometryDispose);
-                                       delete geometries[geometry.id];
-                                       const attribute = wireframeAttributes.get(geometry);
-
-                                       if (attribute) {
-                                               attributes.remove(attribute);
-                                               wireframeAttributes.delete(geometry);
-                                       }
-
-                                       bindingStates.releaseStatesOfGeometry(geometry);
-
-                                       if (geometry.isInstancedBufferGeometry === true) {
-                                               delete geometry._maxInstanceCount;
-                                       } //
-
-
-                                       info.memory.geometries--;
-                               }
-
-                               function get(object, geometry) {
-                                       if (geometries[geometry.id] === true) return geometry;
-                                       geometry.addEventListener('dispose', onGeometryDispose);
-                                       geometries[geometry.id] = true;
-                                       info.memory.geometries++;
-                                       return geometry;
-                               }
-
-                               function update(geometry) {
-                                       const geometryAttributes = geometry.attributes; // Updating index buffer in VAO now. See WebGLBindingStates.
-
-                                       for (const name in geometryAttributes) {
-                                               attributes.update(geometryAttributes[name], gl.ARRAY_BUFFER);
-                                       } // morph targets
-
-
-                                       const morphAttributes = geometry.morphAttributes;
-
-                                       for (const name in morphAttributes) {
-                                               const array = morphAttributes[name];
-
-                                               for (let i = 0, l = array.length; i < l; i++) {
-                                                       attributes.update(array[i], gl.ARRAY_BUFFER);
-                                               }
-                                       }
-                               }
-
-                               function updateWireframeAttribute(geometry) {
-                                       const indices = [];
-                                       const geometryIndex = geometry.index;
-                                       const geometryPosition = geometry.attributes.position;
-                                       let version = 0;
-
-                                       if (geometryIndex !== null) {
-                                               const array = geometryIndex.array;
-                                               version = geometryIndex.version;
-
-                                               for (let i = 0, l = array.length; i < l; i += 3) {
-                                                       const a = array[i + 0];
-                                                       const b = array[i + 1];
-                                                       const c = array[i + 2];
-                                                       indices.push(a, b, b, c, c, a);
-                                               }
-                                       } else {
-                                               const array = geometryPosition.array;
-                                               version = geometryPosition.version;
-
-                                               for (let i = 0, l = array.length / 3 - 1; i < l; i += 3) {
-                                                       const a = i + 0;
-                                                       const b = i + 1;
-                                                       const c = i + 2;
-                                                       indices.push(a, b, b, c, c, a);
-                                               }
-                                       }
-
-                                       const attribute = new (arrayMax(indices) > 65535 ? Uint32BufferAttribute : Uint16BufferAttribute)(indices, 1);
-                                       attribute.version = version; // Updating index buffer in VAO now. See WebGLBindingStates
-                                       //
-
-                                       const previousAttribute = wireframeAttributes.get(geometry);
-                                       if (previousAttribute) attributes.remove(previousAttribute); //
-
-                                       wireframeAttributes.set(geometry, attribute);
-                               }
-
-                               function getWireframeAttribute(geometry) {
-                                       const currentAttribute = wireframeAttributes.get(geometry);
-
-                                       if (currentAttribute) {
-                                               const geometryIndex = geometry.index;
-
-                                               if (geometryIndex !== null) {
-                                                       // if the attribute is obsolete, create a new one
-                                                       if (currentAttribute.version < geometryIndex.version) {
-                                                               updateWireframeAttribute(geometry);
-                                                       }
-                                               }
-                                       } else {
-                                               updateWireframeAttribute(geometry);
-                                       }
-
-                                       return wireframeAttributes.get(geometry);
-                               }
-
-                               return {
-                                       get: get,
-                                       update: update,
-                                       getWireframeAttribute: getWireframeAttribute
-                               };
-                       }
-
-                       function WebGLIndexedBufferRenderer(gl, extensions, info, capabilities) {
-                               const isWebGL2 = capabilities.isWebGL2;
-                               let mode;
-
-                               function setMode(value) {
-                                       mode = value;
-                               }
-
-                               let type, bytesPerElement;
-
-                               function setIndex(value) {
-                                       type = value.type;
-                                       bytesPerElement = value.bytesPerElement;
-                               }
-
-                               function render(start, count) {
-                                       gl.drawElements(mode, count, type, start * bytesPerElement);
-                                       info.update(count, mode, 1);
-                               }
-
-                               function renderInstances(start, count, primcount) {
-                                       if (primcount === 0) return;
-                                       let extension, methodName;
-
-                                       if (isWebGL2) {
-                                               extension = gl;
-                                               methodName = 'drawElementsInstanced';
-                                       } else {
-                                               extension = extensions.get('ANGLE_instanced_arrays');
-                                               methodName = 'drawElementsInstancedANGLE';
-
-                                               if (extension === null) {
-                                                       console.error('THREE.WebGLIndexedBufferRenderer: using THREE.InstancedBufferGeometry but hardware does not support extension ANGLE_instanced_arrays.');
-                                                       return;
-                                               }
-                                       }
-
-                                       extension[methodName](mode, count, type, start * bytesPerElement, primcount);
-                                       info.update(count, mode, primcount);
-                               } //
-
-
-                               this.setMode = setMode;
-                               this.setIndex = setIndex;
-                               this.render = render;
-                               this.renderInstances = renderInstances;
-                       }
-
-                       function WebGLInfo(gl) {
-                               const memory = {
-                                       geometries: 0,
-                                       textures: 0
-                               };
-                               const render = {
-                                       frame: 0,
-                                       calls: 0,
-                                       triangles: 0,
-                                       points: 0,
-                                       lines: 0
-                               };
-
-                               function update(count, mode, instanceCount) {
-                                       render.calls++;
-
-                                       switch (mode) {
-                                               case gl.TRIANGLES:
-                                                       render.triangles += instanceCount * (count / 3);
-                                                       break;
-
-                                               case gl.LINES:
-                                                       render.lines += instanceCount * (count / 2);
-                                                       break;
-
-                                               case gl.LINE_STRIP:
-                                                       render.lines += instanceCount * (count - 1);
-                                                       break;
-
-                                               case gl.LINE_LOOP:
-                                                       render.lines += instanceCount * count;
-                                                       break;
-
-                                               case gl.POINTS:
-                                                       render.points += instanceCount * count;
-                                                       break;
-
-                                               default:
-                                                       console.error('THREE.WebGLInfo: Unknown draw mode:', mode);
-                                                       break;
-                                       }
-                               }
-
-                               function reset() {
-                                       render.frame++;
-                                       render.calls = 0;
-                                       render.triangles = 0;
-                                       render.points = 0;
-                                       render.lines = 0;
-                               }
-
-                               return {
-                                       memory: memory,
-                                       render: render,
-                                       programs: null,
-                                       autoReset: true,
-                                       reset: reset,
-                                       update: update
-                               };
-                       }
-
-                       function numericalSort(a, b) {
-                               return a[0] - b[0];
-                       }
-
-                       function absNumericalSort(a, b) {
-                               return Math.abs(b[1]) - Math.abs(a[1]);
-                       }
-
-                       function WebGLMorphtargets(gl) {
-                               const influencesList = {};
-                               const morphInfluences = new Float32Array(8);
-                               const workInfluences = [];
-
-                               for (let i = 0; i < 8; i++) {
-                                       workInfluences[i] = [i, 0];
-                               }
-
-                               function update(object, geometry, material, program) {
-                                       const objectInfluences = object.morphTargetInfluences; // When object doesn't have morph target influences defined, we treat it as a 0-length array
-                                       // This is important to make sure we set up morphTargetBaseInfluence / morphTargetInfluences
-
-                                       const length = objectInfluences === undefined ? 0 : objectInfluences.length;
-                                       let influences = influencesList[geometry.id];
-
-                                       if (influences === undefined || influences.length !== length) {
-                                               // initialise list
-                                               influences = [];
-
-                                               for (let i = 0; i < length; i++) {
-                                                       influences[i] = [i, 0];
-                                               }
-
-                                               influencesList[geometry.id] = influences;
-                                       } // Collect influences
-
-
-                                       for (let i = 0; i < length; i++) {
-                                               const influence = influences[i];
-                                               influence[0] = i;
-                                               influence[1] = objectInfluences[i];
-                                       }
-
-                                       influences.sort(absNumericalSort);
-
-                                       for (let i = 0; i < 8; i++) {
-                                               if (i < length && influences[i][1]) {
-                                                       workInfluences[i][0] = influences[i][0];
-                                                       workInfluences[i][1] = influences[i][1];
-                                               } else {
-                                                       workInfluences[i][0] = Number.MAX_SAFE_INTEGER;
-                                                       workInfluences[i][1] = 0;
-                                               }
-                                       }
-
-                                       workInfluences.sort(numericalSort);
-                                       const morphTargets = geometry.morphAttributes.position;
-                                       const morphNormals = geometry.morphAttributes.normal;
-                                       let morphInfluencesSum = 0;
-
-                                       for (let i = 0; i < 8; i++) {
-                                               const influence = workInfluences[i];
-                                               const index = influence[0];
-                                               const value = influence[1];
-
-                                               if (index !== Number.MAX_SAFE_INTEGER && value) {
-                                                       if (morphTargets && geometry.getAttribute('morphTarget' + i) !== morphTargets[index]) {
-                                                               geometry.setAttribute('morphTarget' + i, morphTargets[index]);
-                                                       }
-
-                                                       if (morphNormals && geometry.getAttribute('morphNormal' + i) !== morphNormals[index]) {
-                                                               geometry.setAttribute('morphNormal' + i, morphNormals[index]);
-                                                       }
-
-                                                       morphInfluences[i] = value;
-                                                       morphInfluencesSum += value;
-                                               } else {
-                                                       if (morphTargets && geometry.hasAttribute('morphTarget' + i) === true) {
-                                                               geometry.deleteAttribute('morphTarget' + i);
-                                                       }
-
-                                                       if (morphNormals && geometry.hasAttribute('morphNormal' + i) === true) {
-                                                               geometry.deleteAttribute('morphNormal' + i);
-                                                       }
-
-                                                       morphInfluences[i] = 0;
-                                               }
-                                       } // GLSL shader uses formula baseinfluence * base + sum(target * influence)
-                                       // This allows us to switch between absolute morphs and relative morphs without changing shader code
-                                       // When baseinfluence = 1 - sum(influence), the above is equivalent to sum((target - base) * influence)
-
-
-                                       const morphBaseInfluence = geometry.morphTargetsRelative ? 1 : 1 - morphInfluencesSum;
-                                       program.getUniforms().setValue(gl, 'morphTargetBaseInfluence', morphBaseInfluence);
-                                       program.getUniforms().setValue(gl, 'morphTargetInfluences', morphInfluences);
-                               }
-
-                               return {
-                                       update: update
-                               };
-                       }
-
-                       function WebGLObjects(gl, geometries, attributes, info) {
-                               let updateMap = new WeakMap();
-
-                               function update(object) {
-                                       const frame = info.render.frame;
-                                       const geometry = object.geometry;
-                                       const buffergeometry = geometries.get(object, geometry); // Update once per frame
-
-                                       if (updateMap.get(buffergeometry) !== frame) {
-                                               geometries.update(buffergeometry);
-                                               updateMap.set(buffergeometry, frame);
-                                       }
-
-                                       if (object.isInstancedMesh) {
-                                               if (object.hasEventListener('dispose', onInstancedMeshDispose) === false) {
-                                                       object.addEventListener('dispose', onInstancedMeshDispose);
-                                               }
-
-                                               attributes.update(object.instanceMatrix, gl.ARRAY_BUFFER);
-
-                                               if (object.instanceColor !== null) {
-                                                       attributes.update(object.instanceColor, gl.ARRAY_BUFFER);
-                                               }
-                                       }
-
-                                       return buffergeometry;
-                               }
-
-                               function dispose() {
-                                       updateMap = new WeakMap();
-                               }
-
-                               function onInstancedMeshDispose(event) {
-                                       const instancedMesh = event.target;
-                                       instancedMesh.removeEventListener('dispose', onInstancedMeshDispose);
-                                       attributes.remove(instancedMesh.instanceMatrix);
-                                       if (instancedMesh.instanceColor !== null) attributes.remove(instancedMesh.instanceColor);
-                               }
-
-                               return {
-                                       update: update,
-                                       dispose: dispose
-                               };
-                       }
-
-                       class DataTexture2DArray extends Texture {
-                               constructor(data = null, width = 1, height = 1, depth = 1) {
-                                       super(null);
-                                       this.image = {
-                                               data,
-                                               width,
-                                               height,
-                                               depth
-                                       };
-                                       this.magFilter = NearestFilter;
-                                       this.minFilter = NearestFilter;
-                                       this.wrapR = ClampToEdgeWrapping;
-                                       this.generateMipmaps = false;
-                                       this.flipY = false;
-                                       this.unpackAlignment = 1;
-                                       this.needsUpdate = true;
-                               }
-
-                       }
-
-                       DataTexture2DArray.prototype.isDataTexture2DArray = true;
-
-                       class DataTexture3D extends Texture {
-                               constructor(data = null, width = 1, height = 1, depth = 1) {
-                                       // We're going to add .setXXX() methods for setting properties later.
-                                       // Users can still set in DataTexture3D directly.
-                                       //
-                                       //      const texture = new THREE.DataTexture3D( data, width, height, depth );
-                                       //      texture.anisotropy = 16;
-                                       //
-                                       // See #14839
-                                       super(null);
-                                       this.image = {
-                                               data,
-                                               width,
-                                               height,
-                                               depth
-                                       };
-                                       this.magFilter = NearestFilter;
-                                       this.minFilter = NearestFilter;
-                                       this.wrapR = ClampToEdgeWrapping;
-                                       this.generateMipmaps = false;
-                                       this.flipY = false;
-                                       this.unpackAlignment = 1;
-                                       this.needsUpdate = true;
-                               }
-
-                       }
-
-                       DataTexture3D.prototype.isDataTexture3D = true;
-
-                       /**
-                        * Uniforms of a program.
-                        * Those form a tree structure with a special top-level container for the root,
-                        * which you get by calling 'new WebGLUniforms( gl, program )'.
-                        *
-                        *
-                        * Properties of inner nodes including the top-level container:
-                        *
-                        * .seq - array of nested uniforms
-                        * .map - nested uniforms by name
-                        *
-                        *
-                        * Methods of all nodes except the top-level container:
-                        *
-                        * .setValue( gl, value, [textures] )
-                        *
-                        *              uploads a uniform value(s)
-                        *              the 'textures' parameter is needed for sampler uniforms
-                        *
-                        *
-                        * Static methods of the top-level container (textures factorizations):
-                        *
-                        * .upload( gl, seq, values, textures )
-                        *
-                        *              sets uniforms in 'seq' to 'values[id].value'
-                        *
-                        * .seqWithValue( seq, values ) : filteredSeq
-                        *
-                        *              filters 'seq' entries with corresponding entry in values
-                        *
-                        *
-                        * Methods of the top-level container (textures factorizations):
-                        *
-                        * .setValue( gl, name, value, textures )
-                        *
-                        *              sets uniform with       name 'name' to 'value'
-                        *
-                        * .setOptional( gl, obj, prop )
-                        *
-                        *              like .set for an optional property of the object
-                        *
-                        */
-                       const emptyTexture = new Texture();
-                       const emptyTexture2dArray = new DataTexture2DArray();
-                       const emptyTexture3d = new DataTexture3D();
-                       const emptyCubeTexture = new CubeTexture(); // --- Utilities ---
-                       // Array Caches (provide typed arrays for temporary by size)
-
-                       const arrayCacheF32 = [];
-                       const arrayCacheI32 = []; // Float32Array caches used for uploading Matrix uniforms
-
-                       const mat4array = new Float32Array(16);
-                       const mat3array = new Float32Array(9);
-                       const mat2array = new Float32Array(4); // Flattening for arrays of vectors and matrices
-
-                       function flatten(array, nBlocks, blockSize) {
-                               const firstElem = array[0];
-                               if (firstElem <= 0 || firstElem > 0) return array; // unoptimized: ! isNaN( firstElem )
-                               // see http://jacksondunstan.com/articles/983
-
-                               const n = nBlocks * blockSize;
-                               let r = arrayCacheF32[n];
-
-                               if (r === undefined) {
-                                       r = new Float32Array(n);
-                                       arrayCacheF32[n] = r;
-                               }
-
-                               if (nBlocks !== 0) {
-                                       firstElem.toArray(r, 0);
-
-                                       for (let i = 1, offset = 0; i !== nBlocks; ++i) {
-                                               offset += blockSize;
-                                               array[i].toArray(r, offset);
-                                       }
-                               }
-
-                               return r;
-                       }
-
-                       function arraysEqual(a, b) {
-                               if (a.length !== b.length) return false;
-
-                               for (let i = 0, l = a.length; i < l; i++) {
-                                       if (a[i] !== b[i]) return false;
-                               }
-
-                               return true;
-                       }
-
-                       function copyArray(a, b) {
-                               for (let i = 0, l = b.length; i < l; i++) {
-                                       a[i] = b[i];
-                               }
-                       } // Texture unit allocation
-
-
-                       function allocTexUnits(textures, n) {
-                               let r = arrayCacheI32[n];
-
-                               if (r === undefined) {
-                                       r = new Int32Array(n);
-                                       arrayCacheI32[n] = r;
-                               }
-
-                               for (let i = 0; i !== n; ++i) {
-                                       r[i] = textures.allocateTextureUnit();
-                               }
-
-                               return r;
-                       } // --- Setters ---
-                       // Note: Defining these methods externally, because they come in a bunch
-                       // and this way their names minify.
-                       // Single scalar
-
-
-                       function setValueV1f(gl, v) {
-                               const cache = this.cache;
-                               if (cache[0] === v) return;
-                               gl.uniform1f(this.addr, v);
-                               cache[0] = v;
-                       } // Single float vector (from flat array or THREE.VectorN)
-
-
-                       function setValueV2f(gl, v) {
-                               const cache = this.cache;
-
-                               if (v.x !== undefined) {
-                                       if (cache[0] !== v.x || cache[1] !== v.y) {
-                                               gl.uniform2f(this.addr, v.x, v.y);
-                                               cache[0] = v.x;
-                                               cache[1] = v.y;
-                                       }
-                               } else {
-                                       if (arraysEqual(cache, v)) return;
-                                       gl.uniform2fv(this.addr, v);
-                                       copyArray(cache, v);
-                               }
-                       }
-
-                       function setValueV3f(gl, v) {
-                               const cache = this.cache;
-
-                               if (v.x !== undefined) {
-                                       if (cache[0] !== v.x || cache[1] !== v.y || cache[2] !== v.z) {
-                                               gl.uniform3f(this.addr, v.x, v.y, v.z);
-                                               cache[0] = v.x;
-                                               cache[1] = v.y;
-                                               cache[2] = v.z;
-                                       }
-                               } else if (v.r !== undefined) {
-                                       if (cache[0] !== v.r || cache[1] !== v.g || cache[2] !== v.b) {
-                                               gl.uniform3f(this.addr, v.r, v.g, v.b);
-                                               cache[0] = v.r;
-                                               cache[1] = v.g;
-                                               cache[2] = v.b;
-                                       }
-                               } else {
-                                       if (arraysEqual(cache, v)) return;
-                                       gl.uniform3fv(this.addr, v);
-                                       copyArray(cache, v);
-                               }
-                       }
-
-                       function setValueV4f(gl, v) {
-                               const cache = this.cache;
-
-                               if (v.x !== undefined) {
-                                       if (cache[0] !== v.x || cache[1] !== v.y || cache[2] !== v.z || cache[3] !== v.w) {
-                                               gl.uniform4f(this.addr, v.x, v.y, v.z, v.w);
-                                               cache[0] = v.x;
-                                               cache[1] = v.y;
-                                               cache[2] = v.z;
-                                               cache[3] = v.w;
-                                       }
-                               } else {
-                                       if (arraysEqual(cache, v)) return;
-                                       gl.uniform4fv(this.addr, v);
-                                       copyArray(cache, v);
-                               }
-                       } // Single matrix (from flat array or THREE.MatrixN)
-
-
-                       function setValueM2(gl, v) {
-                               const cache = this.cache;
-                               const elements = v.elements;
-
-                               if (elements === undefined) {
-                                       if (arraysEqual(cache, v)) return;
-                                       gl.uniformMatrix2fv(this.addr, false, v);
-                                       copyArray(cache, v);
-                               } else {
-                                       if (arraysEqual(cache, elements)) return;
-                                       mat2array.set(elements);
-                                       gl.uniformMatrix2fv(this.addr, false, mat2array);
-                                       copyArray(cache, elements);
-                               }
-                       }
-
-                       function setValueM3(gl, v) {
-                               const cache = this.cache;
-                               const elements = v.elements;
-
-                               if (elements === undefined) {
-                                       if (arraysEqual(cache, v)) return;
-                                       gl.uniformMatrix3fv(this.addr, false, v);
-                                       copyArray(cache, v);
-                               } else {
-                                       if (arraysEqual(cache, elements)) return;
-                                       mat3array.set(elements);
-                                       gl.uniformMatrix3fv(this.addr, false, mat3array);
-                                       copyArray(cache, elements);
-                               }
-                       }
-
-                       function setValueM4(gl, v) {
-                               const cache = this.cache;
-                               const elements = v.elements;
-
-                               if (elements === undefined) {
-                                       if (arraysEqual(cache, v)) return;
-                                       gl.uniformMatrix4fv(this.addr, false, v);
-                                       copyArray(cache, v);
-                               } else {
-                                       if (arraysEqual(cache, elements)) return;
-                                       mat4array.set(elements);
-                                       gl.uniformMatrix4fv(this.addr, false, mat4array);
-                                       copyArray(cache, elements);
-                               }
-                       } // Single integer / boolean
-
-
-                       function setValueV1i(gl, v) {
-                               const cache = this.cache;
-                               if (cache[0] === v) return;
-                               gl.uniform1i(this.addr, v);
-                               cache[0] = v;
-                       } // Single integer / boolean vector (from flat array)
-
-
-                       function setValueV2i(gl, v) {
-                               const cache = this.cache;
-                               if (arraysEqual(cache, v)) return;
-                               gl.uniform2iv(this.addr, v);
-                               copyArray(cache, v);
-                       }
-
-                       function setValueV3i(gl, v) {
-                               const cache = this.cache;
-                               if (arraysEqual(cache, v)) return;
-                               gl.uniform3iv(this.addr, v);
-                               copyArray(cache, v);
-                       }
-
-                       function setValueV4i(gl, v) {
-                               const cache = this.cache;
-                               if (arraysEqual(cache, v)) return;
-                               gl.uniform4iv(this.addr, v);
-                               copyArray(cache, v);
-                       } // Single unsigned integer
-
-
-                       function setValueV1ui(gl, v) {
-                               const cache = this.cache;
-                               if (cache[0] === v) return;
-                               gl.uniform1ui(this.addr, v);
-                               cache[0] = v;
-                       } // Single unsigned integer vector (from flat array)
-
-
-                       function setValueV2ui(gl, v) {
-                               const cache = this.cache;
-                               if (arraysEqual(cache, v)) return;
-                               gl.uniform2uiv(this.addr, v);
-                               copyArray(cache, v);
-                       }
-
-                       function setValueV3ui(gl, v) {
-                               const cache = this.cache;
-                               if (arraysEqual(cache, v)) return;
-                               gl.uniform3uiv(this.addr, v);
-                               copyArray(cache, v);
-                       }
-
-                       function setValueV4ui(gl, v) {
-                               const cache = this.cache;
-                               if (arraysEqual(cache, v)) return;
-                               gl.uniform4uiv(this.addr, v);
-                               copyArray(cache, v);
-                       } // Single texture (2D / Cube)
-
-
-                       function setValueT1(gl, v, textures) {
-                               const cache = this.cache;
-                               const unit = textures.allocateTextureUnit();
-
-                               if (cache[0] !== unit) {
-                                       gl.uniform1i(this.addr, unit);
-                                       cache[0] = unit;
-                               }
-
-                               textures.safeSetTexture2D(v || emptyTexture, unit);
-                       }
-
-                       function setValueT3D1(gl, v, textures) {
-                               const cache = this.cache;
-                               const unit = textures.allocateTextureUnit();
-
-                               if (cache[0] !== unit) {
-                                       gl.uniform1i(this.addr, unit);
-                                       cache[0] = unit;
-                               }
-
-                               textures.setTexture3D(v || emptyTexture3d, unit);
-                       }
-
-                       function setValueT6(gl, v, textures) {
-                               const cache = this.cache;
-                               const unit = textures.allocateTextureUnit();
-
-                               if (cache[0] !== unit) {
-                                       gl.uniform1i(this.addr, unit);
-                                       cache[0] = unit;
-                               }
-
-                               textures.safeSetTextureCube(v || emptyCubeTexture, unit);
-                       }
-
-                       function setValueT2DArray1(gl, v, textures) {
-                               const cache = this.cache;
-                               const unit = textures.allocateTextureUnit();
-
-                               if (cache[0] !== unit) {
-                                       gl.uniform1i(this.addr, unit);
-                                       cache[0] = unit;
-                               }
-
-                               textures.setTexture2DArray(v || emptyTexture2dArray, unit);
-                       } // Helper to pick the right setter for the singular case
-
-
-                       function getSingularSetter(type) {
-                               switch (type) {
-                                       case 0x1406:
-                                               return setValueV1f;
-                                       // FLOAT
-
-                                       case 0x8b50:
-                                               return setValueV2f;
-                                       // _VEC2
-
-                                       case 0x8b51:
-                                               return setValueV3f;
-                                       // _VEC3
-
-                                       case 0x8b52:
-                                               return setValueV4f;
-                                       // _VEC4
-
-                                       case 0x8b5a:
-                                               return setValueM2;
-                                       // _MAT2
-
-                                       case 0x8b5b:
-                                               return setValueM3;
-                                       // _MAT3
-
-                                       case 0x8b5c:
-                                               return setValueM4;
-                                       // _MAT4
-
-                                       case 0x1404:
-                                       case 0x8b56:
-                                               return setValueV1i;
-                                       // INT, BOOL
-
-                                       case 0x8b53:
-                                       case 0x8b57:
-                                               return setValueV2i;
-                                       // _VEC2
-
-                                       case 0x8b54:
-                                       case 0x8b58:
-                                               return setValueV3i;
-                                       // _VEC3
-
-                                       case 0x8b55:
-                                       case 0x8b59:
-                                               return setValueV4i;
-                                       // _VEC4
-
-                                       case 0x1405:
-                                               return setValueV1ui;
-                                       // UINT
-
-                                       case 0x8dc6:
-                                               return setValueV2ui;
-                                       // _VEC2
-
-                                       case 0x8dc7:
-                                               return setValueV3ui;
-                                       // _VEC3
-
-                                       case 0x8dc8:
-                                               return setValueV4ui;
-                                       // _VEC4
-
-                                       case 0x8b5e: // SAMPLER_2D
-
-                                       case 0x8d66: // SAMPLER_EXTERNAL_OES
-
-                                       case 0x8dca: // INT_SAMPLER_2D
-
-                                       case 0x8dd2: // UNSIGNED_INT_SAMPLER_2D
-
-                                       case 0x8b62:
-                                               // SAMPLER_2D_SHADOW
-                                               return setValueT1;
-
-                                       case 0x8b5f: // SAMPLER_3D
-
-                                       case 0x8dcb: // INT_SAMPLER_3D
-
-                                       case 0x8dd3:
-                                               // UNSIGNED_INT_SAMPLER_3D
-                                               return setValueT3D1;
-
-                                       case 0x8b60: // SAMPLER_CUBE
-
-                                       case 0x8dcc: // INT_SAMPLER_CUBE
-
-                                       case 0x8dd4: // UNSIGNED_INT_SAMPLER_CUBE
-
-                                       case 0x8dc5:
-                                               // SAMPLER_CUBE_SHADOW
-                                               return setValueT6;
-
-                                       case 0x8dc1: // SAMPLER_2D_ARRAY
-
-                                       case 0x8dcf: // INT_SAMPLER_2D_ARRAY
-
-                                       case 0x8dd7: // UNSIGNED_INT_SAMPLER_2D_ARRAY
-
-                                       case 0x8dc4:
-                                               // SAMPLER_2D_ARRAY_SHADOW
-                                               return setValueT2DArray1;
-                               }
-                       } // Array of scalars
-
-
-                       function setValueV1fArray(gl, v) {
-                               gl.uniform1fv(this.addr, v);
-                       } // Array of vectors (from flat array or array of THREE.VectorN)
-
-
-                       function setValueV2fArray(gl, v) {
-                               const data = flatten(v, this.size, 2);
-                               gl.uniform2fv(this.addr, data);
-                       }
-
-                       function setValueV3fArray(gl, v) {
-                               const data = flatten(v, this.size, 3);
-                               gl.uniform3fv(this.addr, data);
-                       }
-
-                       function setValueV4fArray(gl, v) {
-                               const data = flatten(v, this.size, 4);
-                               gl.uniform4fv(this.addr, data);
-                       } // Array of matrices (from flat array or array of THREE.MatrixN)
-
-
-                       function setValueM2Array(gl, v) {
-                               const data = flatten(v, this.size, 4);
-                               gl.uniformMatrix2fv(this.addr, false, data);
-                       }
-
-                       function setValueM3Array(gl, v) {
-                               const data = flatten(v, this.size, 9);
-                               gl.uniformMatrix3fv(this.addr, false, data);
-                       }
-
-                       function setValueM4Array(gl, v) {
-                               const data = flatten(v, this.size, 16);
-                               gl.uniformMatrix4fv(this.addr, false, data);
-                       } // Array of integer / boolean
-
-
-                       function setValueV1iArray(gl, v) {
-                               gl.uniform1iv(this.addr, v);
-                       } // Array of integer / boolean vectors (from flat array)
-
-
-                       function setValueV2iArray(gl, v) {
-                               gl.uniform2iv(this.addr, v);
-                       }
-
-                       function setValueV3iArray(gl, v) {
-                               gl.uniform3iv(this.addr, v);
-                       }
-
-                       function setValueV4iArray(gl, v) {
-                               gl.uniform4iv(this.addr, v);
-                       } // Array of unsigned integer
-
-
-                       function setValueV1uiArray(gl, v) {
-                               gl.uniform1uiv(this.addr, v);
-                       } // Array of unsigned integer vectors (from flat array)
-
-
-                       function setValueV2uiArray(gl, v) {
-                               gl.uniform2uiv(this.addr, v);
-                       }
-
-                       function setValueV3uiArray(gl, v) {
-                               gl.uniform3uiv(this.addr, v);
-                       }
-
-                       function setValueV4uiArray(gl, v) {
-                               gl.uniform4uiv(this.addr, v);
-                       } // Array of textures (2D / Cube)
-
-
-                       function setValueT1Array(gl, v, textures) {
-                               const n = v.length;
-                               const units = allocTexUnits(textures, n);
-                               gl.uniform1iv(this.addr, units);
-
-                               for (let i = 0; i !== n; ++i) {
-                                       textures.safeSetTexture2D(v[i] || emptyTexture, units[i]);
-                               }
-                       }
-
-                       function setValueT6Array(gl, v, textures) {
-                               const n = v.length;
-                               const units = allocTexUnits(textures, n);
-                               gl.uniform1iv(this.addr, units);
-
-                               for (let i = 0; i !== n; ++i) {
-                                       textures.safeSetTextureCube(v[i] || emptyCubeTexture, units[i]);
-                               }
-                       } // Helper to pick the right setter for a pure (bottom-level) array
-
-
-                       function getPureArraySetter(type) {
-                               switch (type) {
-                                       case 0x1406:
-                                               return setValueV1fArray;
-                                       // FLOAT
-
-                                       case 0x8b50:
-                                               return setValueV2fArray;
-                                       // _VEC2
-
-                                       case 0x8b51:
-                                               return setValueV3fArray;
-                                       // _VEC3
-
-                                       case 0x8b52:
-                                               return setValueV4fArray;
-                                       // _VEC4
-
-                                       case 0x8b5a:
-                                               return setValueM2Array;
-                                       // _MAT2
-
-                                       case 0x8b5b:
-                                               return setValueM3Array;
-                                       // _MAT3
-
-                                       case 0x8b5c:
-                                               return setValueM4Array;
-                                       // _MAT4
-
-                                       case 0x1404:
-                                       case 0x8b56:
-                                               return setValueV1iArray;
-                                       // INT, BOOL
-
-                                       case 0x8b53:
-                                       case 0x8b57:
-                                               return setValueV2iArray;
-                                       // _VEC2
-
-                                       case 0x8b54:
-                                       case 0x8b58:
-                                               return setValueV3iArray;
-                                       // _VEC3
-
-                                       case 0x8b55:
-                                       case 0x8b59:
-                                               return setValueV4iArray;
-                                       // _VEC4
-
-                                       case 0x1405:
-                                               return setValueV1uiArray;
-                                       // UINT
-
-                                       case 0x8dc6:
-                                               return setValueV2uiArray;
-                                       // _VEC2
-
-                                       case 0x8dc7:
-                                               return setValueV3uiArray;
-                                       // _VEC3
-
-                                       case 0x8dc8:
-                                               return setValueV4uiArray;
-                                       // _VEC4
-
-                                       case 0x8b5e: // SAMPLER_2D
-
-                                       case 0x8d66: // SAMPLER_EXTERNAL_OES
-
-                                       case 0x8dca: // INT_SAMPLER_2D
-
-                                       case 0x8dd2: // UNSIGNED_INT_SAMPLER_2D
-
-                                       case 0x8b62:
-                                               // SAMPLER_2D_SHADOW
-                                               return setValueT1Array;
-
-                                       case 0x8b60: // SAMPLER_CUBE
-
-                                       case 0x8dcc: // INT_SAMPLER_CUBE
-
-                                       case 0x8dd4: // UNSIGNED_INT_SAMPLER_CUBE
-
-                                       case 0x8dc5:
-                                               // SAMPLER_CUBE_SHADOW
-                                               return setValueT6Array;
-                               }
-                       } // --- Uniform Classes ---
-
-
-                       function SingleUniform(id, activeInfo, addr) {
-                               this.id = id;
-                               this.addr = addr;
-                               this.cache = [];
-                               this.setValue = getSingularSetter(activeInfo.type); // this.path = activeInfo.name; // DEBUG
-                       }
-
-                       function PureArrayUniform(id, activeInfo, addr) {
-                               this.id = id;
-                               this.addr = addr;
-                               this.cache = [];
-                               this.size = activeInfo.size;
-                               this.setValue = getPureArraySetter(activeInfo.type); // this.path = activeInfo.name; // DEBUG
-                       }
-
-                       PureArrayUniform.prototype.updateCache = function (data) {
-                               const cache = this.cache;
-
-                               if (data instanceof Float32Array && cache.length !== data.length) {
-                                       this.cache = new Float32Array(data.length);
-                               }
-
-                               copyArray(cache, data);
-                       };
-
-                       function StructuredUniform(id) {
-                               this.id = id;
-                               this.seq = [];
-                               this.map = {};
-                       }
-
-                       StructuredUniform.prototype.setValue = function (gl, value, textures) {
-                               const seq = this.seq;
-
-                               for (let i = 0, n = seq.length; i !== n; ++i) {
-                                       const u = seq[i];
-                                       u.setValue(gl, value[u.id], textures);
-                               }
-                       }; // --- Top-level ---
-                       // Parser - builds up the property tree from the path strings
-
-
-                       const RePathPart = /(\w+)(\])?(\[|\.)?/g; // extracts
-                       //      - the identifier (member name or array index)
-                       //      - followed by an optional right bracket (found when array index)
-                       //      - followed by an optional left bracket or dot (type of subscript)
-                       //
-                       // Note: These portions can be read in a non-overlapping fashion and
-                       // allow straightforward parsing of the hierarchy that WebGL encodes
-                       // in the uniform names.
-
-                       function addUniform(container, uniformObject) {
-                               container.seq.push(uniformObject);
-                               container.map[uniformObject.id] = uniformObject;
-                       }
-
-                       function parseUniform(activeInfo, addr, container) {
-                               const path = activeInfo.name,
-                                       pathLength = path.length; // reset RegExp object, because of the early exit of a previous run
-
-                               RePathPart.lastIndex = 0;
-
-                               while (true) {
-                                       const match = RePathPart.exec(path),
-                                               matchEnd = RePathPart.lastIndex;
-                                       let id = match[1];
-                                       const idIsIndex = match[2] === ']',
-                                               subscript = match[3];
-                                       if (idIsIndex) id = id | 0; // convert to integer
-
-                                       if (subscript === undefined || subscript === '[' && matchEnd + 2 === pathLength) {
-                                               // bare name or "pure" bottom-level array "[0]" suffix
-                                               addUniform(container, subscript === undefined ? new SingleUniform(id, activeInfo, addr) : new PureArrayUniform(id, activeInfo, addr));
-                                               break;
-                                       } else {
-                                               // step into inner node / create it in case it doesn't exist
-                                               const map = container.map;
-                                               let next = map[id];
-
-                                               if (next === undefined) {
-                                                       next = new StructuredUniform(id);
-                                                       addUniform(container, next);
-                                               }
-
-                                               container = next;
-                                       }
-                               }
-                       } // Root Container
-
-
-                       function WebGLUniforms(gl, program) {
-                               this.seq = [];
-                               this.map = {};
-                               const n = gl.getProgramParameter(program, gl.ACTIVE_UNIFORMS);
-
-                               for (let i = 0; i < n; ++i) {
-                                       const info = gl.getActiveUniform(program, i),
-                                               addr = gl.getUniformLocation(program, info.name);
-                                       parseUniform(info, addr, this);
-                               }
-                       }
-
-                       WebGLUniforms.prototype.setValue = function (gl, name, value, textures) {
-                               const u = this.map[name];
-                               if (u !== undefined) u.setValue(gl, value, textures);
-                       };
-
-                       WebGLUniforms.prototype.setOptional = function (gl, object, name) {
-                               const v = object[name];
-                               if (v !== undefined) this.setValue(gl, name, v);
-                       }; // Static interface
-
-
-                       WebGLUniforms.upload = function (gl, seq, values, textures) {
-                               for (let i = 0, n = seq.length; i !== n; ++i) {
-                                       const u = seq[i],
-                                               v = values[u.id];
-
-                                       if (v.needsUpdate !== false) {
-                                               // note: always updating when .needsUpdate is undefined
-                                               u.setValue(gl, v.value, textures);
-                                       }
-                               }
-                       };
-
-                       WebGLUniforms.seqWithValue = function (seq, values) {
-                               const r = [];
-
-                               for (let i = 0, n = seq.length; i !== n; ++i) {
-                                       const u = seq[i];
-                                       if (u.id in values) r.push(u);
-                               }
-
-                               return r;
-                       };
-
-                       function WebGLShader(gl, type, string) {
-                               const shader = gl.createShader(type);
-                               gl.shaderSource(shader, string);
-                               gl.compileShader(shader);
-                               return shader;
-                       }
-
-                       let programIdCount = 0;
-
-                       function addLineNumbers(string) {
-                               const lines = string.split('\n');
-
-                               for (let i = 0; i < lines.length; i++) {
-                                       lines[i] = i + 1 + ': ' + lines[i];
-                               }
-
-                               return lines.join('\n');
-                       }
-
-                       function getEncodingComponents(encoding) {
-                               switch (encoding) {
-                                       case LinearEncoding:
-                                               return ['Linear', '( value )'];
-
-                                       case sRGBEncoding:
-                                               return ['sRGB', '( value )'];
-
-                                       case RGBEEncoding:
-                                               return ['RGBE', '( value )'];
-
-                                       case RGBM7Encoding:
-                                               return ['RGBM', '( value, 7.0 )'];
-
-                                       case RGBM16Encoding:
-                                               return ['RGBM', '( value, 16.0 )'];
-
-                                       case RGBDEncoding:
-                                               return ['RGBD', '( value, 256.0 )'];
-
-                                       case GammaEncoding:
-                                               return ['Gamma', '( value, float( GAMMA_FACTOR ) )'];
-
-                                       case LogLuvEncoding:
-                                               return ['LogLuv', '( value )'];
-
-                                       default:
-                                               console.warn('THREE.WebGLProgram: Unsupported encoding:', encoding);
-                                               return ['Linear', '( value )'];
-                               }
-                       }
-
-                       function getShaderErrors(gl, shader, type) {
-                               const status = gl.getShaderParameter(shader, gl.COMPILE_STATUS);
-                               const errors = gl.getShaderInfoLog(shader).trim();
-                               if (status && errors === '') return ''; // --enable-privileged-webgl-extension
-                               // console.log( '**' + type + '**', gl.getExtension( 'WEBGL_debug_shaders' ).getTranslatedShaderSource( shader ) );
-
-                               return type.toUpperCase() + '\n\n' + errors + '\n\n' + addLineNumbers(gl.getShaderSource(shader));
-                       }
-
-                       function getTexelDecodingFunction(functionName, encoding) {
-                               const components = getEncodingComponents(encoding);
-                               return 'vec4 ' + functionName + '( vec4 value ) { return ' + components[0] + 'ToLinear' + components[1] + '; }';
-                       }
-
-                       function getTexelEncodingFunction(functionName, encoding) {
-                               const components = getEncodingComponents(encoding);
-                               return 'vec4 ' + functionName + '( vec4 value ) { return LinearTo' + components[0] + components[1] + '; }';
-                       }
-
-                       function getToneMappingFunction(functionName, toneMapping) {
-                               let toneMappingName;
-
-                               switch (toneMapping) {
-                                       case LinearToneMapping:
-                                               toneMappingName = 'Linear';
-                                               break;
-
-                                       case ReinhardToneMapping:
-                                               toneMappingName = 'Reinhard';
-                                               break;
-
-                                       case CineonToneMapping:
-                                               toneMappingName = 'OptimizedCineon';
-                                               break;
-
-                                       case ACESFilmicToneMapping:
-                                               toneMappingName = 'ACESFilmic';
-                                               break;
-
-                                       case CustomToneMapping:
-                                               toneMappingName = 'Custom';
-                                               break;
-
-                                       default:
-                                               console.warn('THREE.WebGLProgram: Unsupported toneMapping:', toneMapping);
-                                               toneMappingName = 'Linear';
-                               }
-
-                               return 'vec3 ' + functionName + '( vec3 color ) { return ' + toneMappingName + 'ToneMapping( color ); }';
-                       }
-
-                       function generateExtensions(parameters) {
-                               const chunks = [parameters.extensionDerivatives || parameters.envMapCubeUV || parameters.bumpMap || parameters.tangentSpaceNormalMap || parameters.clearcoatNormalMap || parameters.flatShading || parameters.shaderID === 'physical' ? '#extension GL_OES_standard_derivatives : enable' : '', (parameters.extensionFragDepth || parameters.logarithmicDepthBuffer) && parameters.rendererExtensionFragDepth ? '#extension GL_EXT_frag_depth : enable' : '', parameters.extensionDrawBuffers && parameters.rendererExtensionDrawBuffers ? '#extension GL_EXT_draw_buffers : require' : '', (parameters.extensionShaderTextureLOD || parameters.envMap || parameters.transmission) && parameters.rendererExtensionShaderTextureLod ? '#extension GL_EXT_shader_texture_lod : enable' : ''];
-                               return chunks.filter(filterEmptyLine).join('\n');
-                       }
-
-                       function generateDefines(defines) {
-                               const chunks = [];
-
-                               for (const name in defines) {
-                                       const value = defines[name];
-                                       if (value === false) continue;
-                                       chunks.push('#define ' + name + ' ' + value);
-                               }
-
-                               return chunks.join('\n');
-                       }
-
-                       function fetchAttributeLocations(gl, program) {
-                               const attributes = {};
-                               const n = gl.getProgramParameter(program, gl.ACTIVE_ATTRIBUTES);
-
-                               for (let i = 0; i < n; i++) {
-                                       const info = gl.getActiveAttrib(program, i);
-                                       const name = info.name;
-                                       let locationSize = 1;
-                                       if (info.type === gl.FLOAT_MAT2) locationSize = 2;
-                                       if (info.type === gl.FLOAT_MAT3) locationSize = 3;
-                                       if (info.type === gl.FLOAT_MAT4) locationSize = 4; // console.log( 'THREE.WebGLProgram: ACTIVE VERTEX ATTRIBUTE:', name, i );
-
-                                       attributes[name] = {
-                                               type: info.type,
-                                               location: gl.getAttribLocation(program, name),
-                                               locationSize: locationSize
-                                       };
-                               }
-
-                               return attributes;
-                       }
-
-                       function filterEmptyLine(string) {
-                               return string !== '';
-                       }
-
-                       function replaceLightNums(string, parameters) {
-                               return string.replace(/NUM_DIR_LIGHTS/g, parameters.numDirLights).replace(/NUM_SPOT_LIGHTS/g, parameters.numSpotLights).replace(/NUM_RECT_AREA_LIGHTS/g, parameters.numRectAreaLights).replace(/NUM_POINT_LIGHTS/g, parameters.numPointLights).replace(/NUM_HEMI_LIGHTS/g, parameters.numHemiLights).replace(/NUM_DIR_LIGHT_SHADOWS/g, parameters.numDirLightShadows).replace(/NUM_SPOT_LIGHT_SHADOWS/g, parameters.numSpotLightShadows).replace(/NUM_POINT_LIGHT_SHADOWS/g, parameters.numPointLightShadows);
-                       }
-
-                       function replaceClippingPlaneNums(string, parameters) {
-                               return string.replace(/NUM_CLIPPING_PLANES/g, parameters.numClippingPlanes).replace(/UNION_CLIPPING_PLANES/g, parameters.numClippingPlanes - parameters.numClipIntersection);
-                       } // Resolve Includes
-
-
-                       const includePattern = /^[ \t]*#include +<([\w\d./]+)>/gm;
-
-                       function resolveIncludes(string) {
-                               return string.replace(includePattern, includeReplacer);
-                       }
-
-                       function includeReplacer(match, include) {
-                               const string = ShaderChunk[include];
-
-                               if (string === undefined) {
-                                       throw new Error('Can not resolve #include <' + include + '>');
-                               }
-
-                               return resolveIncludes(string);
-                       } // Unroll Loops
-
-
-                       const deprecatedUnrollLoopPattern = /#pragma unroll_loop[\s]+?for \( int i \= (\d+)\; i < (\d+)\; i \+\+ \) \{([\s\S]+?)(?=\})\}/g;
-                       const unrollLoopPattern = /#pragma unroll_loop_start\s+for\s*\(\s*int\s+i\s*=\s*(\d+)\s*;\s*i\s*<\s*(\d+)\s*;\s*i\s*\+\+\s*\)\s*{([\s\S]+?)}\s+#pragma unroll_loop_end/g;
-
-                       function unrollLoops(string) {
-                               return string.replace(unrollLoopPattern, loopReplacer).replace(deprecatedUnrollLoopPattern, deprecatedLoopReplacer);
-                       }
-
-                       function deprecatedLoopReplacer(match, start, end, snippet) {
-                               console.warn('WebGLProgram: #pragma unroll_loop shader syntax is deprecated. Please use #pragma unroll_loop_start syntax instead.');
-                               return loopReplacer(match, start, end, snippet);
-                       }
-
-                       function loopReplacer(match, start, end, snippet) {
-                               let string = '';
-
-                               for (let i = parseInt(start); i < parseInt(end); i++) {
-                                       string += snippet.replace(/\[\s*i\s*\]/g, '[ ' + i + ' ]').replace(/UNROLLED_LOOP_INDEX/g, i);
-                               }
-
-                               return string;
-                       } //
-
-
-                       function generatePrecision(parameters) {
-                               let precisionstring = 'precision ' + parameters.precision + ' float;\nprecision ' + parameters.precision + ' int;';
-
-                               if (parameters.precision === 'highp') {
-                                       precisionstring += '\n#define HIGH_PRECISION';
-                               } else if (parameters.precision === 'mediump') {
-                                       precisionstring += '\n#define MEDIUM_PRECISION';
-                               } else if (parameters.precision === 'lowp') {
-                                       precisionstring += '\n#define LOW_PRECISION';
-                               }
-
-                               return precisionstring;
-                       }
-
-                       function generateShadowMapTypeDefine(parameters) {
-                               let shadowMapTypeDefine = 'SHADOWMAP_TYPE_BASIC';
-
-                               if (parameters.shadowMapType === PCFShadowMap) {
-                                       shadowMapTypeDefine = 'SHADOWMAP_TYPE_PCF';
-                               } else if (parameters.shadowMapType === PCFSoftShadowMap) {
-                                       shadowMapTypeDefine = 'SHADOWMAP_TYPE_PCF_SOFT';
-                               } else if (parameters.shadowMapType === VSMShadowMap) {
-                                       shadowMapTypeDefine = 'SHADOWMAP_TYPE_VSM';
-                               }
-
-                               return shadowMapTypeDefine;
-                       }
-
-                       function generateEnvMapTypeDefine(parameters) {
-                               let envMapTypeDefine = 'ENVMAP_TYPE_CUBE';
-
-                               if (parameters.envMap) {
-                                       switch (parameters.envMapMode) {
-                                               case CubeReflectionMapping:
-                                               case CubeRefractionMapping:
-                                                       envMapTypeDefine = 'ENVMAP_TYPE_CUBE';
-                                                       break;
-
-                                               case CubeUVReflectionMapping:
-                                               case CubeUVRefractionMapping:
-                                                       envMapTypeDefine = 'ENVMAP_TYPE_CUBE_UV';
-                                                       break;
-                                       }
-                               }
-
-                               return envMapTypeDefine;
-                       }
-
-                       function generateEnvMapModeDefine(parameters) {
-                               let envMapModeDefine = 'ENVMAP_MODE_REFLECTION';
-
-                               if (parameters.envMap) {
-                                       switch (parameters.envMapMode) {
-                                               case CubeRefractionMapping:
-                                               case CubeUVRefractionMapping:
-                                                       envMapModeDefine = 'ENVMAP_MODE_REFRACTION';
-                                                       break;
-                                       }
-                               }
-
-                               return envMapModeDefine;
-                       }
-
-                       function generateEnvMapBlendingDefine(parameters) {
-                               let envMapBlendingDefine = 'ENVMAP_BLENDING_NONE';
-
-                               if (parameters.envMap) {
-                                       switch (parameters.combine) {
-                                               case MultiplyOperation:
-                                                       envMapBlendingDefine = 'ENVMAP_BLENDING_MULTIPLY';
-                                                       break;
-
-                                               case MixOperation:
-                                                       envMapBlendingDefine = 'ENVMAP_BLENDING_MIX';
-                                                       break;
-
-                                               case AddOperation:
-                                                       envMapBlendingDefine = 'ENVMAP_BLENDING_ADD';
-                                                       break;
-                                       }
-                               }
-
-                               return envMapBlendingDefine;
-                       }
-
-                       function WebGLProgram(renderer, cacheKey, parameters, bindingStates) {
-                               // TODO Send this event to Three.js DevTools
-                               // console.log( 'WebGLProgram', cacheKey );
-                               const gl = renderer.getContext();
-                               const defines = parameters.defines;
-                               let vertexShader = parameters.vertexShader;
-                               let fragmentShader = parameters.fragmentShader;
-                               const shadowMapTypeDefine = generateShadowMapTypeDefine(parameters);
-                               const envMapTypeDefine = generateEnvMapTypeDefine(parameters);
-                               const envMapModeDefine = generateEnvMapModeDefine(parameters);
-                               const envMapBlendingDefine = generateEnvMapBlendingDefine(parameters);
-                               const gammaFactorDefine = renderer.gammaFactor > 0 ? renderer.gammaFactor : 1.0;
-                               const customExtensions = parameters.isWebGL2 ? '' : generateExtensions(parameters);
-                               const customDefines = generateDefines(defines);
-                               const program = gl.createProgram();
-                               let prefixVertex, prefixFragment;
-                               let versionString = parameters.glslVersion ? '#version ' + parameters.glslVersion + '\n' : '';
-
-                               if (parameters.isRawShaderMaterial) {
-                                       prefixVertex = [customDefines].filter(filterEmptyLine).join('\n');
-
-                                       if (prefixVertex.length > 0) {
-                                               prefixVertex += '\n';
-                                       }
-
-                                       prefixFragment = [customExtensions, customDefines].filter(filterEmptyLine).join('\n');
-
-                                       if (prefixFragment.length > 0) {
-                                               prefixFragment += '\n';
-                                       }
-                               } else {
-                                       prefixVertex = [generatePrecision(parameters), '#define SHADER_NAME ' + parameters.shaderName, customDefines, parameters.instancing ? '#define USE_INSTANCING' : '', parameters.instancingColor ? '#define USE_INSTANCING_COLOR' : '', parameters.supportsVertexTextures ? '#define VERTEX_TEXTURES' : '', '#define GAMMA_FACTOR ' + gammaFactorDefine, '#define MAX_BONES ' + parameters.maxBones, parameters.useFog && parameters.fog ? '#define USE_FOG' : '', parameters.useFog && parameters.fogExp2 ? '#define FOG_EXP2' : '', parameters.map ? '#define USE_MAP' : '', parameters.envMap ? '#define USE_ENVMAP' : '', parameters.envMap ? '#define ' + envMapModeDefine : '', parameters.lightMap ? '#define USE_LIGHTMAP' : '', parameters.aoMap ? '#define USE_AOMAP' : '', parameters.emissiveMap ? '#define USE_EMISSIVEMAP' : '', parameters.bumpMap ? '#define USE_BUMPMAP' : '', parameters.normalMap ? '#define USE_NORMALMAP' : '', parameters.normalMap && parameters.objectSpaceNormalMap ? '#define OBJECTSPACE_NORMALMAP' : '', parameters.normalMap && parameters.tangentSpaceNormalMap ? '#define TANGENTSPACE_NORMALMAP' : '', parameters.clearcoatMap ? '#define USE_CLEARCOATMAP' : '', parameters.clearcoatRoughnessMap ? '#define USE_CLEARCOAT_ROUGHNESSMAP' : '', parameters.clearcoatNormalMap ? '#define USE_CLEARCOAT_NORMALMAP' : '', parameters.displacementMap && parameters.supportsVertexTextures ? '#define USE_DISPLACEMENTMAP' : '', parameters.specularMap ? '#define USE_SPECULARMAP' : '', parameters.specularIntensityMap ? '#define USE_SPECULARINTENSITYMAP' : '', parameters.specularTintMap ? '#define USE_SPECULARTINTMAP' : '', parameters.roughnessMap ? '#define USE_ROUGHNESSMAP' : '', parameters.metalnessMap ? '#define USE_METALNESSMAP' : '', parameters.alphaMap ? '#define USE_ALPHAMAP' : '', parameters.transmission ? '#define USE_TRANSMISSION' : '', parameters.transmissionMap ? '#define USE_TRANSMISSIONMAP' : '', parameters.thicknessMap ? '#define USE_THICKNESSMAP' : '', parameters.vertexTangents ? '#define USE_TANGENT' : '', parameters.vertexColors ? '#define USE_COLOR' : '', parameters.vertexAlphas ? '#define USE_COLOR_ALPHA' : '', parameters.vertexUvs ? '#define USE_UV' : '', parameters.uvsVertexOnly ? '#define UVS_VERTEX_ONLY' : '', parameters.flatShading ? '#define FLAT_SHADED' : '', parameters.skinning ? '#define USE_SKINNING' : '', parameters.useVertexTexture ? '#define BONE_TEXTURE' : '', parameters.morphTargets ? '#define USE_MORPHTARGETS' : '', parameters.morphNormals && parameters.flatShading === false ? '#define USE_MORPHNORMALS' : '', parameters.doubleSided ? '#define DOUBLE_SIDED' : '', parameters.flipSided ? '#define FLIP_SIDED' : '', parameters.shadowMapEnabled ? '#define USE_SHADOWMAP' : '', parameters.shadowMapEnabled ? '#define ' + shadowMapTypeDefine : '', parameters.sizeAttenuation ? '#define USE_SIZEATTENUATION' : '', parameters.logarithmicDepthBuffer ? '#define USE_LOGDEPTHBUF' : '', parameters.logarithmicDepthBuffer && parameters.rendererExtensionFragDepth ? '#define USE_LOGDEPTHBUF_EXT' : '', 'uniform mat4 modelMatrix;', 'uniform mat4 modelViewMatrix;', 'uniform mat4 projectionMatrix;', 'uniform mat4 viewMatrix;', 'uniform mat3 normalMatrix;', 'uniform vec3 cameraPosition;', 'uniform bool isOrthographic;', '#ifdef USE_INSTANCING', '       attribute mat4 instanceMatrix;', '#endif', '#ifdef USE_INSTANCING_COLOR', '     attribute vec3 instanceColor;', '#endif', 'attribute vec3 position;', 'attribute vec3 normal;', 'attribute vec2 uv;', '#ifdef USE_TANGENT', '   attribute vec4 tangent;', '#endif', '#if defined( USE_COLOR_ALPHA )', ' attribute vec4 color;', '#elif defined( USE_COLOR )', ' attribute vec3 color;', '#endif', '#ifdef USE_MORPHTARGETS', '  attribute vec3 morphTarget0;', '        attribute vec3 morphTarget1;', '        attribute vec3 morphTarget2;', '        attribute vec3 morphTarget3;', '        #ifdef USE_MORPHNORMALS', '             attribute vec3 morphNormal0;', '                attribute vec3 morphNormal1;', '                attribute vec3 morphNormal2;', '                attribute vec3 morphNormal3;', '        #else', '               attribute vec3 morphTarget4;', '                attribute vec3 morphTarget5;', '                attribute vec3 morphTarget6;', '                attribute vec3 morphTarget7;', '        #endif', '#endif', '#ifdef USE_SKINNING', '     attribute vec4 skinIndex;', '   attribute vec4 skinWeight;', '#endif', '\n'].filter(filterEmptyLine).join('\n');
-                                       prefixFragment = [customExtensions, generatePrecision(parameters), '#define SHADER_NAME ' + parameters.shaderName, customDefines, '#define GAMMA_FACTOR ' + gammaFactorDefine, parameters.useFog && parameters.fog ? '#define USE_FOG' : '', parameters.useFog && parameters.fogExp2 ? '#define FOG_EXP2' : '', parameters.map ? '#define USE_MAP' : '', parameters.matcap ? '#define USE_MATCAP' : '', parameters.envMap ? '#define USE_ENVMAP' : '', parameters.envMap ? '#define ' + envMapTypeDefine : '', parameters.envMap ? '#define ' + envMapModeDefine : '', parameters.envMap ? '#define ' + envMapBlendingDefine : '', parameters.lightMap ? '#define USE_LIGHTMAP' : '', parameters.aoMap ? '#define USE_AOMAP' : '', parameters.emissiveMap ? '#define USE_EMISSIVEMAP' : '', parameters.bumpMap ? '#define USE_BUMPMAP' : '', parameters.normalMap ? '#define USE_NORMALMAP' : '', parameters.normalMap && parameters.objectSpaceNormalMap ? '#define OBJECTSPACE_NORMALMAP' : '', parameters.normalMap && parameters.tangentSpaceNormalMap ? '#define TANGENTSPACE_NORMALMAP' : '', parameters.clearcoat ? '#define USE_CLEARCOAT' : '', parameters.clearcoatMap ? '#define USE_CLEARCOATMAP' : '', parameters.clearcoatRoughnessMap ? '#define USE_CLEARCOAT_ROUGHNESSMAP' : '', parameters.clearcoatNormalMap ? '#define USE_CLEARCOAT_NORMALMAP' : '', parameters.specularMap ? '#define USE_SPECULARMAP' : '', parameters.specularIntensityMap ? '#define USE_SPECULARINTENSITYMAP' : '', parameters.specularTintMap ? '#define USE_SPECULARTINTMAP' : '', parameters.roughnessMap ? '#define USE_ROUGHNESSMAP' : '', parameters.metalnessMap ? '#define USE_METALNESSMAP' : '', parameters.alphaMap ? '#define USE_ALPHAMAP' : '', parameters.alphaTest ? '#define USE_ALPHATEST' : '', parameters.sheenTint ? '#define USE_SHEEN' : '', parameters.transmission ? '#define USE_TRANSMISSION' : '', parameters.transmissionMap ? '#define USE_TRANSMISSIONMAP' : '', parameters.thicknessMap ? '#define USE_THICKNESSMAP' : '', parameters.vertexTangents ? '#define USE_TANGENT' : '', parameters.vertexColors || parameters.instancingColor ? '#define USE_COLOR' : '', parameters.vertexAlphas ? '#define USE_COLOR_ALPHA' : '', parameters.vertexUvs ? '#define USE_UV' : '', parameters.uvsVertexOnly ? '#define UVS_VERTEX_ONLY' : '', parameters.gradientMap ? '#define USE_GRADIENTMAP' : '', parameters.flatShading ? '#define FLAT_SHADED' : '', parameters.doubleSided ? '#define DOUBLE_SIDED' : '', parameters.flipSided ? '#define FLIP_SIDED' : '', parameters.shadowMapEnabled ? '#define USE_SHADOWMAP' : '', parameters.shadowMapEnabled ? '#define ' + shadowMapTypeDefine : '', parameters.premultipliedAlpha ? '#define PREMULTIPLIED_ALPHA' : '', parameters.physicallyCorrectLights ? '#define PHYSICALLY_CORRECT_LIGHTS' : '', parameters.logarithmicDepthBuffer ? '#define USE_LOGDEPTHBUF' : '', parameters.logarithmicDepthBuffer && parameters.rendererExtensionFragDepth ? '#define USE_LOGDEPTHBUF_EXT' : '', (parameters.extensionShaderTextureLOD || parameters.envMap) && parameters.rendererExtensionShaderTextureLod ? '#define TEXTURE_LOD_EXT' : '', 'uniform mat4 viewMatrix;', 'uniform vec3 cameraPosition;', 'uniform bool isOrthographic;', parameters.toneMapping !== NoToneMapping ? '#define TONE_MAPPING' : '', parameters.toneMapping !== NoToneMapping ? ShaderChunk['tonemapping_pars_fragment'] : '', // this code is required here because it is used by the toneMapping() function defined below
-                                               parameters.toneMapping !== NoToneMapping ? getToneMappingFunction('toneMapping', parameters.toneMapping) : '', parameters.dithering ? '#define DITHERING' : '', parameters.format === RGBFormat ? '#define OPAQUE' : '', ShaderChunk['encodings_pars_fragment'], // this code is required here because it is used by the various encoding/decoding function defined below
-                                               parameters.map ? getTexelDecodingFunction('mapTexelToLinear', parameters.mapEncoding) : '', parameters.matcap ? getTexelDecodingFunction('matcapTexelToLinear', parameters.matcapEncoding) : '', parameters.envMap ? getTexelDecodingFunction('envMapTexelToLinear', parameters.envMapEncoding) : '', parameters.emissiveMap ? getTexelDecodingFunction('emissiveMapTexelToLinear', parameters.emissiveMapEncoding) : '', parameters.specularTintMap ? getTexelDecodingFunction('specularTintMapTexelToLinear', parameters.specularTintMapEncoding) : '', parameters.lightMap ? getTexelDecodingFunction('lightMapTexelToLinear', parameters.lightMapEncoding) : '', getTexelEncodingFunction('linearToOutputTexel', parameters.outputEncoding), parameters.depthPacking ? '#define DEPTH_PACKING ' + parameters.depthPacking : '', '\n'].filter(filterEmptyLine).join('\n');
-                               }
-
-                               vertexShader = resolveIncludes(vertexShader);
-                               vertexShader = replaceLightNums(vertexShader, parameters);
-                               vertexShader = replaceClippingPlaneNums(vertexShader, parameters);
-                               fragmentShader = resolveIncludes(fragmentShader);
-                               fragmentShader = replaceLightNums(fragmentShader, parameters);
-                               fragmentShader = replaceClippingPlaneNums(fragmentShader, parameters);
-                               vertexShader = unrollLoops(vertexShader);
-                               fragmentShader = unrollLoops(fragmentShader);
-
-                               if (parameters.isWebGL2 && parameters.isRawShaderMaterial !== true) {
-                                       // GLSL 3.0 conversion for built-in materials and ShaderMaterial
-                                       versionString = '#version 300 es\n';
-                                       prefixVertex = ['#define attribute in', '#define varying out', '#define texture2D texture'].join('\n') + '\n' + prefixVertex;
-                                       prefixFragment = ['#define varying in', parameters.glslVersion === GLSL3 ? '' : 'out highp vec4 pc_fragColor;', parameters.glslVersion === GLSL3 ? '' : '#define gl_FragColor pc_fragColor', '#define gl_FragDepthEXT gl_FragDepth', '#define texture2D texture', '#define textureCube texture', '#define texture2DProj textureProj', '#define texture2DLodEXT textureLod', '#define texture2DProjLodEXT textureProjLod', '#define textureCubeLodEXT textureLod', '#define texture2DGradEXT textureGrad', '#define texture2DProjGradEXT textureProjGrad', '#define textureCubeGradEXT textureGrad'].join('\n') + '\n' + prefixFragment;
-                               }
-
-                               const vertexGlsl = versionString + prefixVertex + vertexShader;
-                               const fragmentGlsl = versionString + prefixFragment + fragmentShader; // console.log( '*VERTEX*', vertexGlsl );
-                               // console.log( '*FRAGMENT*', fragmentGlsl );
-
-                               const glVertexShader = WebGLShader(gl, gl.VERTEX_SHADER, vertexGlsl);
-                               const glFragmentShader = WebGLShader(gl, gl.FRAGMENT_SHADER, fragmentGlsl);
-                               gl.attachShader(program, glVertexShader);
-                               gl.attachShader(program, glFragmentShader); // Force a particular attribute to index 0.
-
-                               if (parameters.index0AttributeName !== undefined) {
-                                       gl.bindAttribLocation(program, 0, parameters.index0AttributeName);
-                               } else if (parameters.morphTargets === true) {
-                                       // programs with morphTargets displace position out of attribute 0
-                                       gl.bindAttribLocation(program, 0, 'position');
-                               }
-
-                               gl.linkProgram(program); // check for link errors
-
-                               if (renderer.debug.checkShaderErrors) {
-                                       const programLog = gl.getProgramInfoLog(program).trim();
-                                       const vertexLog = gl.getShaderInfoLog(glVertexShader).trim();
-                                       const fragmentLog = gl.getShaderInfoLog(glFragmentShader).trim();
-                                       let runnable = true;
-                                       let haveDiagnostics = true;
-
-                                       if (gl.getProgramParameter(program, gl.LINK_STATUS) === false) {
-                                               runnable = false;
-                                               const vertexErrors = getShaderErrors(gl, glVertexShader, 'vertex');
-                                               const fragmentErrors = getShaderErrors(gl, glFragmentShader, 'fragment');
-                                               console.error('THREE.WebGLProgram: Shader Error ' + gl.getError() + ' - ' + 'VALIDATE_STATUS ' + gl.getProgramParameter(program, gl.VALIDATE_STATUS) + '\n\n' + 'Program Info Log: ' + programLog + '\n' + vertexErrors + '\n' + fragmentErrors);
-                                       } else if (programLog !== '') {
-                                               console.warn('THREE.WebGLProgram: Program Info Log:', programLog);
-                                       } else if (vertexLog === '' || fragmentLog === '') {
-                                               haveDiagnostics = false;
-                                       }
-
-                                       if (haveDiagnostics) {
-                                               this.diagnostics = {
-                                                       runnable: runnable,
-                                                       programLog: programLog,
-                                                       vertexShader: {
-                                                               log: vertexLog,
-                                                               prefix: prefixVertex
-                                                       },
-                                                       fragmentShader: {
-                                                               log: fragmentLog,
-                                                               prefix: prefixFragment
-                                                       }
-                                               };
-                                       }
-                               } // Clean up
-                               // Crashes in iOS9 and iOS10. #18402
-                               // gl.detachShader( program, glVertexShader );
-                               // gl.detachShader( program, glFragmentShader );
-
-
-                               gl.deleteShader(glVertexShader);
-                               gl.deleteShader(glFragmentShader); // set up caching for uniform locations
-
-                               let cachedUniforms;
-
-                               this.getUniforms = function () {
-                                       if (cachedUniforms === undefined) {
-                                               cachedUniforms = new WebGLUniforms(gl, program);
-                                       }
-
-                                       return cachedUniforms;
-                               }; // set up caching for attribute locations
-
-
-                               let cachedAttributes;
-
-                               this.getAttributes = function () {
-                                       if (cachedAttributes === undefined) {
-                                               cachedAttributes = fetchAttributeLocations(gl, program);
-                                       }
-
-                                       return cachedAttributes;
-                               }; // free resource
-
-
-                               this.destroy = function () {
-                                       bindingStates.releaseStatesOfProgram(this);
-                                       gl.deleteProgram(program);
-                                       this.program = undefined;
-                               }; //
-
-
-                               this.name = parameters.shaderName;
-                               this.id = programIdCount++;
-                               this.cacheKey = cacheKey;
-                               this.usedTimes = 1;
-                               this.program = program;
-                               this.vertexShader = glVertexShader;
-                               this.fragmentShader = glFragmentShader;
-                               return this;
-                       }
-
-                       function WebGLPrograms(renderer, cubemaps, cubeuvmaps, extensions, capabilities, bindingStates, clipping) {
-                               const programs = [];
-                               const isWebGL2 = capabilities.isWebGL2;
-                               const logarithmicDepthBuffer = capabilities.logarithmicDepthBuffer;
-                               const floatVertexTextures = capabilities.floatVertexTextures;
-                               const maxVertexUniforms = capabilities.maxVertexUniforms;
-                               const vertexTextures = capabilities.vertexTextures;
-                               let precision = capabilities.precision;
-                               const shaderIDs = {
-                                       MeshDepthMaterial: 'depth',
-                                       MeshDistanceMaterial: 'distanceRGBA',
-                                       MeshNormalMaterial: 'normal',
-                                       MeshBasicMaterial: 'basic',
-                                       MeshLambertMaterial: 'lambert',
-                                       MeshPhongMaterial: 'phong',
-                                       MeshToonMaterial: 'toon',
-                                       MeshStandardMaterial: 'physical',
-                                       MeshPhysicalMaterial: 'physical',
-                                       MeshMatcapMaterial: 'matcap',
-                                       LineBasicMaterial: 'basic',
-                                       LineDashedMaterial: 'dashed',
-                                       PointsMaterial: 'points',
-                                       ShadowMaterial: 'shadow',
-                                       SpriteMaterial: 'sprite'
-                               };
-                               const parameterNames = ['precision', 'isWebGL2', 'supportsVertexTextures', 'outputEncoding', 'instancing', 'instancingColor', 'map', 'mapEncoding', 'matcap', 'matcapEncoding', 'envMap', 'envMapMode', 'envMapEncoding', 'envMapCubeUV', 'lightMap', 'lightMapEncoding', 'aoMap', 'emissiveMap', 'emissiveMapEncoding', 'bumpMap', 'normalMap', 'objectSpaceNormalMap', 'tangentSpaceNormalMap', 'clearcoat', 'clearcoatMap', 'clearcoatRoughnessMap', 'clearcoatNormalMap', 'displacementMap', 'specularMap', 'specularIntensityMap', 'specularTintMap', 'specularTintMapEncoding', 'roughnessMap', 'metalnessMap', 'gradientMap', 'alphaMap', 'alphaTest', 'combine', 'vertexColors', 'vertexAlphas', 'vertexTangents', 'vertexUvs', 'uvsVertexOnly', 'fog', 'useFog', 'fogExp2', 'flatShading', 'sizeAttenuation', 'logarithmicDepthBuffer', 'skinning', 'maxBones', 'useVertexTexture', 'morphTargets', 'morphNormals', 'premultipliedAlpha', 'numDirLights', 'numPointLights', 'numSpotLights', 'numHemiLights', 'numRectAreaLights', 'numDirLightShadows', 'numPointLightShadows', 'numSpotLightShadows', 'shadowMapEnabled', 'shadowMapType', 'toneMapping', 'physicallyCorrectLights', 'doubleSided', 'flipSided', 'numClippingPlanes', 'numClipIntersection', 'depthPacking', 'dithering', 'format', 'sheenTint', 'transmission', 'transmissionMap', 'thicknessMap'];
-
-                               function getMaxBones(object) {
-                                       const skeleton = object.skeleton;
-                                       const bones = skeleton.bones;
-
-                                       if (floatVertexTextures) {
-                                               return 1024;
-                                       } else {
-                                               // default for when object is not specified
-                                               // ( for example when prebuilding shader to be used with multiple objects )
-                                               //
-                                               //      - leave some extra space for other uniforms
-                                               //      - limit here is ANGLE's 254 max uniform vectors
-                                               //              (up to 54 should be safe)
-                                               const nVertexUniforms = maxVertexUniforms;
-                                               const nVertexMatrices = Math.floor((nVertexUniforms - 20) / 4);
-                                               const maxBones = Math.min(nVertexMatrices, bones.length);
-
-                                               if (maxBones < bones.length) {
-                                                       console.warn('THREE.WebGLRenderer: Skeleton has ' + bones.length + ' bones. This GPU supports ' + maxBones + '.');
-                                                       return 0;
-                                               }
-
-                                               return maxBones;
-                                       }
-                               }
-
-                               function getTextureEncodingFromMap(map) {
-                                       let encoding;
-
-                                       if (map && map.isTexture) {
-                                               encoding = map.encoding;
-                                       } else if (map && map.isWebGLRenderTarget) {
-                                               console.warn('THREE.WebGLPrograms.getTextureEncodingFromMap: don\'t use render targets as textures. Use their .texture property instead.');
-                                               encoding = map.texture.encoding;
-                                       } else {
-                                               encoding = LinearEncoding;
-                                       }
-
-                                       return encoding;
-                               }
-
-                               function getParameters(material, lights, shadows, scene, object) {
-                                       const fog = scene.fog;
-                                       const environment = material.isMeshStandardMaterial ? scene.environment : null;
-                                       const envMap = (material.isMeshStandardMaterial ? cubeuvmaps : cubemaps).get(material.envMap || environment);
-                                       const shaderID = shaderIDs[material.type]; // heuristics to create shader parameters according to lights in the scene
-                                       // (not to blow over maxLights budget)
-
-                                       const maxBones = object.isSkinnedMesh ? getMaxBones(object) : 0;
-
-                                       if (material.precision !== null) {
-                                               precision = capabilities.getMaxPrecision(material.precision);
-
-                                               if (precision !== material.precision) {
-                                                       console.warn('THREE.WebGLProgram.getParameters:', material.precision, 'not supported, using', precision, 'instead.');
-                                               }
-                                       }
-
-                                       let vertexShader, fragmentShader;
-
-                                       if (shaderID) {
-                                               const shader = ShaderLib[shaderID];
-                                               vertexShader = shader.vertexShader;
-                                               fragmentShader = shader.fragmentShader;
-                                       } else {
-                                               vertexShader = material.vertexShader;
-                                               fragmentShader = material.fragmentShader;
-                                       }
-
-                                       const currentRenderTarget = renderer.getRenderTarget();
-                                       const useAlphaTest = material.alphaTest > 0;
-                                       const useClearcoat = material.clearcoat > 0;
-                                       const parameters = {
-                                               isWebGL2: isWebGL2,
-                                               shaderID: shaderID,
-                                               shaderName: material.type,
-                                               vertexShader: vertexShader,
-                                               fragmentShader: fragmentShader,
-                                               defines: material.defines,
-                                               isRawShaderMaterial: material.isRawShaderMaterial === true,
-                                               glslVersion: material.glslVersion,
-                                               precision: precision,
-                                               instancing: object.isInstancedMesh === true,
-                                               instancingColor: object.isInstancedMesh === true && object.instanceColor !== null,
-                                               supportsVertexTextures: vertexTextures,
-                                               outputEncoding: currentRenderTarget !== null ? getTextureEncodingFromMap(currentRenderTarget.texture) : renderer.outputEncoding,
-                                               map: !!material.map,
-                                               mapEncoding: getTextureEncodingFromMap(material.map),
-                                               matcap: !!material.matcap,
-                                               matcapEncoding: getTextureEncodingFromMap(material.matcap),
-                                               envMap: !!envMap,
-                                               envMapMode: envMap && envMap.mapping,
-                                               envMapEncoding: getTextureEncodingFromMap(envMap),
-                                               envMapCubeUV: !!envMap && (envMap.mapping === CubeUVReflectionMapping || envMap.mapping === CubeUVRefractionMapping),
-                                               lightMap: !!material.lightMap,
-                                               lightMapEncoding: getTextureEncodingFromMap(material.lightMap),
-                                               aoMap: !!material.aoMap,
-                                               emissiveMap: !!material.emissiveMap,
-                                               emissiveMapEncoding: getTextureEncodingFromMap(material.emissiveMap),
-                                               bumpMap: !!material.bumpMap,
-                                               normalMap: !!material.normalMap,
-                                               objectSpaceNormalMap: material.normalMapType === ObjectSpaceNormalMap,
-                                               tangentSpaceNormalMap: material.normalMapType === TangentSpaceNormalMap,
-                                               clearcoat: useClearcoat,
-                                               clearcoatMap: useClearcoat && !!material.clearcoatMap,
-                                               clearcoatRoughnessMap: useClearcoat && !!material.clearcoatRoughnessMap,
-                                               clearcoatNormalMap: useClearcoat && !!material.clearcoatNormalMap,
-                                               displacementMap: !!material.displacementMap,
-                                               roughnessMap: !!material.roughnessMap,
-                                               metalnessMap: !!material.metalnessMap,
-                                               specularMap: !!material.specularMap,
-                                               specularIntensityMap: !!material.specularIntensityMap,
-                                               specularTintMap: !!material.specularTintMap,
-                                               specularTintMapEncoding: getTextureEncodingFromMap(material.specularTintMap),
-                                               alphaMap: !!material.alphaMap,
-                                               alphaTest: useAlphaTest,
-                                               gradientMap: !!material.gradientMap,
-                                               sheenTint: !!material.sheenTint && (material.sheenTint.r > 0 || material.sheenTint.g > 0 || material.sheenTint.b > 0),
-                                               transmission: material.transmission > 0,
-                                               transmissionMap: !!material.transmissionMap,
-                                               thicknessMap: !!material.thicknessMap,
-                                               combine: material.combine,
-                                               vertexTangents: !!material.normalMap && !!object.geometry && !!object.geometry.attributes.tangent,
-                                               vertexColors: material.vertexColors,
-                                               vertexAlphas: material.vertexColors === true && !!object.geometry && !!object.geometry.attributes.color && object.geometry.attributes.color.itemSize === 4,
-                                               vertexUvs: !!material.map || !!material.bumpMap || !!material.normalMap || !!material.specularMap || !!material.alphaMap || !!material.emissiveMap || !!material.roughnessMap || !!material.metalnessMap || !!material.clearcoatMap || !!material.clearcoatRoughnessMap || !!material.clearcoatNormalMap || !!material.displacementMap || !!material.transmissionMap || !!material.thicknessMap || !!material.specularIntensityMap || !!material.specularTintMap,
-                                               uvsVertexOnly: !(!!material.map || !!material.bumpMap || !!material.normalMap || !!material.specularMap || !!material.alphaMap || !!material.emissiveMap || !!material.roughnessMap || !!material.metalnessMap || !!material.clearcoatNormalMap || material.transmission > 0 || !!material.transmissionMap || !!material.thicknessMap || !!material.specularIntensityMap || !!material.specularTintMap) && !!material.displacementMap,
-                                               fog: !!fog,
-                                               useFog: material.fog,
-                                               fogExp2: fog && fog.isFogExp2,
-                                               flatShading: !!material.flatShading,
-                                               sizeAttenuation: material.sizeAttenuation,
-                                               logarithmicDepthBuffer: logarithmicDepthBuffer,
-                                               skinning: object.isSkinnedMesh === true && maxBones > 0,
-                                               maxBones: maxBones,
-                                               useVertexTexture: floatVertexTextures,
-                                               morphTargets: !!object.geometry && !!object.geometry.morphAttributes.position,
-                                               morphNormals: !!object.geometry && !!object.geometry.morphAttributes.normal,
-                                               numDirLights: lights.directional.length,
-                                               numPointLights: lights.point.length,
-                                               numSpotLights: lights.spot.length,
-                                               numRectAreaLights: lights.rectArea.length,
-                                               numHemiLights: lights.hemi.length,
-                                               numDirLightShadows: lights.directionalShadowMap.length,
-                                               numPointLightShadows: lights.pointShadowMap.length,
-                                               numSpotLightShadows: lights.spotShadowMap.length,
-                                               numClippingPlanes: clipping.numPlanes,
-                                               numClipIntersection: clipping.numIntersection,
-                                               format: material.format,
-                                               dithering: material.dithering,
-                                               shadowMapEnabled: renderer.shadowMap.enabled && shadows.length > 0,
-                                               shadowMapType: renderer.shadowMap.type,
-                                               toneMapping: material.toneMapped ? renderer.toneMapping : NoToneMapping,
-                                               physicallyCorrectLights: renderer.physicallyCorrectLights,
-                                               premultipliedAlpha: material.premultipliedAlpha,
-                                               doubleSided: material.side === DoubleSide,
-                                               flipSided: material.side === BackSide,
-                                               depthPacking: material.depthPacking !== undefined ? material.depthPacking : false,
-                                               index0AttributeName: material.index0AttributeName,
-                                               extensionDerivatives: material.extensions && material.extensions.derivatives,
-                                               extensionFragDepth: material.extensions && material.extensions.fragDepth,
-                                               extensionDrawBuffers: material.extensions && material.extensions.drawBuffers,
-                                               extensionShaderTextureLOD: material.extensions && material.extensions.shaderTextureLOD,
-                                               rendererExtensionFragDepth: isWebGL2 || extensions.has('EXT_frag_depth'),
-                                               rendererExtensionDrawBuffers: isWebGL2 || extensions.has('WEBGL_draw_buffers'),
-                                               rendererExtensionShaderTextureLod: isWebGL2 || extensions.has('EXT_shader_texture_lod'),
-                                               customProgramCacheKey: material.customProgramCacheKey()
-                                       };
-                                       return parameters;
-                               }
-
-                               function getProgramCacheKey(parameters) {
-                                       const array = [];
-
-                                       if (parameters.shaderID) {
-                                               array.push(parameters.shaderID);
-                                       } else {
-                                               array.push(parameters.fragmentShader);
-                                               array.push(parameters.vertexShader);
-                                       }
-
-                                       if (parameters.defines !== undefined) {
-                                               for (const name in parameters.defines) {
-                                                       array.push(name);
-                                                       array.push(parameters.defines[name]);
-                                               }
-                                       }
-
-                                       if (parameters.isRawShaderMaterial === false) {
-                                               for (let i = 0; i < parameterNames.length; i++) {
-                                                       array.push(parameters[parameterNames[i]]);
-                                               }
-
-                                               array.push(renderer.outputEncoding);
-                                               array.push(renderer.gammaFactor);
-                                       }
-
-                                       array.push(parameters.customProgramCacheKey);
-                                       return array.join();
-                               }
-
-                               function getUniforms(material) {
-                                       const shaderID = shaderIDs[material.type];
-                                       let uniforms;
-
-                                       if (shaderID) {
-                                               const shader = ShaderLib[shaderID];
-                                               uniforms = UniformsUtils.clone(shader.uniforms);
-                                       } else {
-                                               uniforms = material.uniforms;
-                                       }
-
-                                       return uniforms;
-                               }
-
-                               function acquireProgram(parameters, cacheKey) {
-                                       let program; // Check if code has been already compiled
-
-                                       for (let p = 0, pl = programs.length; p < pl; p++) {
-                                               const preexistingProgram = programs[p];
-
-                                               if (preexistingProgram.cacheKey === cacheKey) {
-                                                       program = preexistingProgram;
-                                                       ++program.usedTimes;
-                                                       break;
-                                               }
-                                       }
-
-                                       if (program === undefined) {
-                                               program = new WebGLProgram(renderer, cacheKey, parameters, bindingStates);
-                                               programs.push(program);
-                                       }
-
-                                       return program;
-                               }
-
-                               function releaseProgram(program) {
-                                       if (--program.usedTimes === 0) {
-                                               // Remove from unordered set
-                                               const i = programs.indexOf(program);
-                                               programs[i] = programs[programs.length - 1];
-                                               programs.pop(); // Free WebGL resources
-
-                                               program.destroy();
-                                       }
-                               }
-
-                               return {
-                                       getParameters: getParameters,
-                                       getProgramCacheKey: getProgramCacheKey,
-                                       getUniforms: getUniforms,
-                                       acquireProgram: acquireProgram,
-                                       releaseProgram: releaseProgram,
-                                       // Exposed for resource monitoring & error feedback via renderer.info:
-                                       programs: programs
-                               };
-                       }
-
-                       function WebGLProperties() {
-                               let properties = new WeakMap();
-
-                               function get(object) {
-                                       let map = properties.get(object);
-
-                                       if (map === undefined) {
-                                               map = {};
-                                               properties.set(object, map);
-                                       }
-
-                                       return map;
-                               }
-
-                               function remove(object) {
-                                       properties.delete(object);
-                               }
-
-                               function update(object, key, value) {
-                                       properties.get(object)[key] = value;
-                               }
-
-                               function dispose() {
-                                       properties = new WeakMap();
-                               }
-
-                               return {
-                                       get: get,
-                                       remove: remove,
-                                       update: update,
-                                       dispose: dispose
-                               };
-                       }
-
-                       function painterSortStable(a, b) {
-                               if (a.groupOrder !== b.groupOrder) {
-                                       return a.groupOrder - b.groupOrder;
-                               } else if (a.renderOrder !== b.renderOrder) {
-                                       return a.renderOrder - b.renderOrder;
-                               } else if (a.program !== b.program) {
-                                       return a.program.id - b.program.id;
-                               } else if (a.material.id !== b.material.id) {
-                                       return a.material.id - b.material.id;
-                               } else if (a.z !== b.z) {
-                                       return a.z - b.z;
-                               } else {
-                                       return a.id - b.id;
-                               }
-                       }
-
-                       function reversePainterSortStable(a, b) {
-                               if (a.groupOrder !== b.groupOrder) {
-                                       return a.groupOrder - b.groupOrder;
-                               } else if (a.renderOrder !== b.renderOrder) {
-                                       return a.renderOrder - b.renderOrder;
-                               } else if (a.z !== b.z) {
-                                       return b.z - a.z;
-                               } else {
-                                       return a.id - b.id;
-                               }
-                       }
-
-                       function WebGLRenderList(properties) {
-                               const renderItems = [];
-                               let renderItemsIndex = 0;
-                               const opaque = [];
-                               const transmissive = [];
-                               const transparent = [];
-                               const defaultProgram = {
-                                       id: -1
-                               };
-
-                               function init() {
-                                       renderItemsIndex = 0;
-                                       opaque.length = 0;
-                                       transmissive.length = 0;
-                                       transparent.length = 0;
-                               }
-
-                               function getNextRenderItem(object, geometry, material, groupOrder, z, group) {
-                                       let renderItem = renderItems[renderItemsIndex];
-                                       const materialProperties = properties.get(material);
-
-                                       if (renderItem === undefined) {
-                                               renderItem = {
-                                                       id: object.id,
-                                                       object: object,
-                                                       geometry: geometry,
-                                                       material: material,
-                                                       program: materialProperties.program || defaultProgram,
-                                                       groupOrder: groupOrder,
-                                                       renderOrder: object.renderOrder,
-                                                       z: z,
-                                                       group: group
-                                               };
-                                               renderItems[renderItemsIndex] = renderItem;
-                                       } else {
-                                               renderItem.id = object.id;
-                                               renderItem.object = object;
-                                               renderItem.geometry = geometry;
-                                               renderItem.material = material;
-                                               renderItem.program = materialProperties.program || defaultProgram;
-                                               renderItem.groupOrder = groupOrder;
-                                               renderItem.renderOrder = object.renderOrder;
-                                               renderItem.z = z;
-                                               renderItem.group = group;
-                                       }
-
-                                       renderItemsIndex++;
-                                       return renderItem;
-                               }
-
-                               function push(object, geometry, material, groupOrder, z, group) {
-                                       const renderItem = getNextRenderItem(object, geometry, material, groupOrder, z, group);
-
-                                       if (material.transmission > 0.0) {
-                                               transmissive.push(renderItem);
-                                       } else if (material.transparent === true) {
-                                               transparent.push(renderItem);
-                                       } else {
-                                               opaque.push(renderItem);
-                                       }
-                               }
-
-                               function unshift(object, geometry, material, groupOrder, z, group) {
-                                       const renderItem = getNextRenderItem(object, geometry, material, groupOrder, z, group);
-
-                                       if (material.transmission > 0.0) {
-                                               transmissive.unshift(renderItem);
-                                       } else if (material.transparent === true) {
-                                               transparent.unshift(renderItem);
-                                       } else {
-                                               opaque.unshift(renderItem);
-                                       }
-                               }
-
-                               function sort(customOpaqueSort, customTransparentSort) {
-                                       if (opaque.length > 1) opaque.sort(customOpaqueSort || painterSortStable);
-                                       if (transmissive.length > 1) transmissive.sort(customTransparentSort || reversePainterSortStable);
-                                       if (transparent.length > 1) transparent.sort(customTransparentSort || reversePainterSortStable);
-                               }
-
-                               function finish() {
-                                       // Clear references from inactive renderItems in the list
-                                       for (let i = renderItemsIndex, il = renderItems.length; i < il; i++) {
-                                               const renderItem = renderItems[i];
-                                               if (renderItem.id === null) break;
-                                               renderItem.id = null;
-                                               renderItem.object = null;
-                                               renderItem.geometry = null;
-                                               renderItem.material = null;
-                                               renderItem.program = null;
-                                               renderItem.group = null;
-                                       }
-                               }
-
-                               return {
-                                       opaque: opaque,
-                                       transmissive: transmissive,
-                                       transparent: transparent,
-                                       init: init,
-                                       push: push,
-                                       unshift: unshift,
-                                       finish: finish,
-                                       sort: sort
-                               };
-                       }
-
-                       function WebGLRenderLists(properties) {
-                               let lists = new WeakMap();
-
-                               function get(scene, renderCallDepth) {
-                                       let list;
-
-                                       if (lists.has(scene) === false) {
-                                               list = new WebGLRenderList(properties);
-                                               lists.set(scene, [list]);
-                                       } else {
-                                               if (renderCallDepth >= lists.get(scene).length) {
-                                                       list = new WebGLRenderList(properties);
-                                                       lists.get(scene).push(list);
-                                               } else {
-                                                       list = lists.get(scene)[renderCallDepth];
-                                               }
-                                       }
-
-                                       return list;
-                               }
-
-                               function dispose() {
-                                       lists = new WeakMap();
-                               }
-
-                               return {
-                                       get: get,
-                                       dispose: dispose
-                               };
-                       }
-
-                       function UniformsCache() {
-                               const lights = {};
-                               return {
-                                       get: function (light) {
-                                               if (lights[light.id] !== undefined) {
-                                                       return lights[light.id];
-                                               }
-
-                                               let uniforms;
-
-                                               switch (light.type) {
-                                                       case 'DirectionalLight':
-                                                               uniforms = {
-                                                                       direction: new Vector3(),
-                                                                       color: new Color()
-                                                               };
-                                                               break;
-
-                                                       case 'SpotLight':
-                                                               uniforms = {
-                                                                       position: new Vector3(),
-                                                                       direction: new Vector3(),
-                                                                       color: new Color(),
-                                                                       distance: 0,
-                                                                       coneCos: 0,
-                                                                       penumbraCos: 0,
-                                                                       decay: 0
-                                                               };
-                                                               break;
-
-                                                       case 'PointLight':
-                                                               uniforms = {
-                                                                       position: new Vector3(),
-                                                                       color: new Color(),
-                                                                       distance: 0,
-                                                                       decay: 0
-                                                               };
-                                                               break;
-
-                                                       case 'HemisphereLight':
-                                                               uniforms = {
-                                                                       direction: new Vector3(),
-                                                                       skyColor: new Color(),
-                                                                       groundColor: new Color()
-                                                               };
-                                                               break;
-
-                                                       case 'RectAreaLight':
-                                                               uniforms = {
-                                                                       color: new Color(),
-                                                                       position: new Vector3(),
-                                                                       halfWidth: new Vector3(),
-                                                                       halfHeight: new Vector3()
-                                                               };
-                                                               break;
-                                               }
-
-                                               lights[light.id] = uniforms;
-                                               return uniforms;
-                                       }
-                               };
-                       }
-
-                       function ShadowUniformsCache() {
-                               const lights = {};
-                               return {
-                                       get: function (light) {
-                                               if (lights[light.id] !== undefined) {
-                                                       return lights[light.id];
-                                               }
-
-                                               let uniforms;
-
-                                               switch (light.type) {
-                                                       case 'DirectionalLight':
-                                                               uniforms = {
-                                                                       shadowBias: 0,
-                                                                       shadowNormalBias: 0,
-                                                                       shadowRadius: 1,
-                                                                       shadowMapSize: new Vector2()
-                                                               };
-                                                               break;
-
-                                                       case 'SpotLight':
-                                                               uniforms = {
-                                                                       shadowBias: 0,
-                                                                       shadowNormalBias: 0,
-                                                                       shadowRadius: 1,
-                                                                       shadowMapSize: new Vector2()
-                                                               };
-                                                               break;
-
-                                                       case 'PointLight':
-                                                               uniforms = {
-                                                                       shadowBias: 0,
-                                                                       shadowNormalBias: 0,
-                                                                       shadowRadius: 1,
-                                                                       shadowMapSize: new Vector2(),
-                                                                       shadowCameraNear: 1,
-                                                                       shadowCameraFar: 1000
-                                                               };
-                                                               break;
-                                                       // TODO (abelnation): set RectAreaLight shadow uniforms
-                                               }
-
-                                               lights[light.id] = uniforms;
-                                               return uniforms;
-                                       }
-                               };
-                       }
-
-                       let nextVersion = 0;
-
-                       function shadowCastingLightsFirst(lightA, lightB) {
-                               return (lightB.castShadow ? 1 : 0) - (lightA.castShadow ? 1 : 0);
-                       }
-
-                       function WebGLLights(extensions, capabilities) {
-                               const cache = new UniformsCache();
-                               const shadowCache = ShadowUniformsCache();
-                               const state = {
-                                       version: 0,
-                                       hash: {
-                                               directionalLength: -1,
-                                               pointLength: -1,
-                                               spotLength: -1,
-                                               rectAreaLength: -1,
-                                               hemiLength: -1,
-                                               numDirectionalShadows: -1,
-                                               numPointShadows: -1,
-                                               numSpotShadows: -1
-                                       },
-                                       ambient: [0, 0, 0],
-                                       probe: [],
-                                       directional: [],
-                                       directionalShadow: [],
-                                       directionalShadowMap: [],
-                                       directionalShadowMatrix: [],
-                                       spot: [],
-                                       spotShadow: [],
-                                       spotShadowMap: [],
-                                       spotShadowMatrix: [],
-                                       rectArea: [],
-                                       rectAreaLTC1: null,
-                                       rectAreaLTC2: null,
-                                       point: [],
-                                       pointShadow: [],
-                                       pointShadowMap: [],
-                                       pointShadowMatrix: [],
-                                       hemi: []
-                               };
-
-                               for (let i = 0; i < 9; i++) state.probe.push(new Vector3());
-
-                               const vector3 = new Vector3();
-                               const matrix4 = new Matrix4();
-                               const matrix42 = new Matrix4();
-
-                               function setup(lights, physicallyCorrectLights) {
-                                       let r = 0,
-                                               g = 0,
-                                               b = 0;
-
-                                       for (let i = 0; i < 9; i++) state.probe[i].set(0, 0, 0);
-
-                                       let directionalLength = 0;
-                                       let pointLength = 0;
-                                       let spotLength = 0;
-                                       let rectAreaLength = 0;
-                                       let hemiLength = 0;
-                                       let numDirectionalShadows = 0;
-                                       let numPointShadows = 0;
-                                       let numSpotShadows = 0;
-                                       lights.sort(shadowCastingLightsFirst); // artist-friendly light intensity scaling factor
-
-                                       const scaleFactor = physicallyCorrectLights !== true ? Math.PI : 1;
-
-                                       for (let i = 0, l = lights.length; i < l; i++) {
-                                               const light = lights[i];
-                                               const color = light.color;
-                                               const intensity = light.intensity;
-                                               const distance = light.distance;
-                                               const shadowMap = light.shadow && light.shadow.map ? light.shadow.map.texture : null;
-
-                                               if (light.isAmbientLight) {
-                                                       r += color.r * intensity * scaleFactor;
-                                                       g += color.g * intensity * scaleFactor;
-                                                       b += color.b * intensity * scaleFactor;
-                                               } else if (light.isLightProbe) {
-                                                       for (let j = 0; j < 9; j++) {
-                                                               state.probe[j].addScaledVector(light.sh.coefficients[j], intensity);
-                                                       }
-                                               } else if (light.isDirectionalLight) {
-                                                       const uniforms = cache.get(light);
-                                                       uniforms.color.copy(light.color).multiplyScalar(light.intensity * scaleFactor);
-
-                                                       if (light.castShadow) {
-                                                               const shadow = light.shadow;
-                                                               const shadowUniforms = shadowCache.get(light);
-                                                               shadowUniforms.shadowBias = shadow.bias;
-                                                               shadowUniforms.shadowNormalBias = shadow.normalBias;
-                                                               shadowUniforms.shadowRadius = shadow.radius;
-                                                               shadowUniforms.shadowMapSize = shadow.mapSize;
-                                                               state.directionalShadow[directionalLength] = shadowUniforms;
-                                                               state.directionalShadowMap[directionalLength] = shadowMap;
-                                                               state.directionalShadowMatrix[directionalLength] = light.shadow.matrix;
-                                                               numDirectionalShadows++;
-                                                       }
-
-                                                       state.directional[directionalLength] = uniforms;
-                                                       directionalLength++;
-                                               } else if (light.isSpotLight) {
-                                                       const uniforms = cache.get(light);
-                                                       uniforms.position.setFromMatrixPosition(light.matrixWorld);
-                                                       uniforms.color.copy(color).multiplyScalar(intensity * scaleFactor);
-                                                       uniforms.distance = distance;
-                                                       uniforms.coneCos = Math.cos(light.angle);
-                                                       uniforms.penumbraCos = Math.cos(light.angle * (1 - light.penumbra));
-                                                       uniforms.decay = light.decay;
-
-                                                       if (light.castShadow) {
-                                                               const shadow = light.shadow;
-                                                               const shadowUniforms = shadowCache.get(light);
-                                                               shadowUniforms.shadowBias = shadow.bias;
-                                                               shadowUniforms.shadowNormalBias = shadow.normalBias;
-                                                               shadowUniforms.shadowRadius = shadow.radius;
-                                                               shadowUniforms.shadowMapSize = shadow.mapSize;
-                                                               state.spotShadow[spotLength] = shadowUniforms;
-                                                               state.spotShadowMap[spotLength] = shadowMap;
-                                                               state.spotShadowMatrix[spotLength] = light.shadow.matrix;
-                                                               numSpotShadows++;
-                                                       }
-
-                                                       state.spot[spotLength] = uniforms;
-                                                       spotLength++;
-                                               } else if (light.isRectAreaLight) {
-                                                       const uniforms = cache.get(light); // (a) intensity is the total visible light emitted
-                                                       //uniforms.color.copy( color ).multiplyScalar( intensity / ( light.width * light.height * Math.PI ) );
-                                                       // (b) intensity is the brightness of the light
-
-                                                       uniforms.color.copy(color).multiplyScalar(intensity);
-                                                       uniforms.halfWidth.set(light.width * 0.5, 0.0, 0.0);
-                                                       uniforms.halfHeight.set(0.0, light.height * 0.5, 0.0);
-                                                       state.rectArea[rectAreaLength] = uniforms;
-                                                       rectAreaLength++;
-                                               } else if (light.isPointLight) {
-                                                       const uniforms = cache.get(light);
-                                                       uniforms.color.copy(light.color).multiplyScalar(light.intensity * scaleFactor);
-                                                       uniforms.distance = light.distance;
-                                                       uniforms.decay = light.decay;
-
-                                                       if (light.castShadow) {
-                                                               const shadow = light.shadow;
-                                                               const shadowUniforms = shadowCache.get(light);
-                                                               shadowUniforms.shadowBias = shadow.bias;
-                                                               shadowUniforms.shadowNormalBias = shadow.normalBias;
-                                                               shadowUniforms.shadowRadius = shadow.radius;
-                                                               shadowUniforms.shadowMapSize = shadow.mapSize;
-                                                               shadowUniforms.shadowCameraNear = shadow.camera.near;
-                                                               shadowUniforms.shadowCameraFar = shadow.camera.far;
-                                                               state.pointShadow[pointLength] = shadowUniforms;
-                                                               state.pointShadowMap[pointLength] = shadowMap;
-                                                               state.pointShadowMatrix[pointLength] = light.shadow.matrix;
-                                                               numPointShadows++;
-                                                       }
-
-                                                       state.point[pointLength] = uniforms;
-                                                       pointLength++;
-                                               } else if (light.isHemisphereLight) {
-                                                       const uniforms = cache.get(light);
-                                                       uniforms.skyColor.copy(light.color).multiplyScalar(intensity * scaleFactor);
-                                                       uniforms.groundColor.copy(light.groundColor).multiplyScalar(intensity * scaleFactor);
-                                                       state.hemi[hemiLength] = uniforms;
-                                                       hemiLength++;
-                                               }
-                                       }
-
-                                       if (rectAreaLength > 0) {
-                                               if (capabilities.isWebGL2) {
-                                                       // WebGL 2
-                                                       state.rectAreaLTC1 = UniformsLib.LTC_FLOAT_1;
-                                                       state.rectAreaLTC2 = UniformsLib.LTC_FLOAT_2;
-                                               } else {
-                                                       // WebGL 1
-                                                       if (extensions.has('OES_texture_float_linear') === true) {
-                                                               state.rectAreaLTC1 = UniformsLib.LTC_FLOAT_1;
-                                                               state.rectAreaLTC2 = UniformsLib.LTC_FLOAT_2;
-                                                       } else if (extensions.has('OES_texture_half_float_linear') === true) {
-                                                               state.rectAreaLTC1 = UniformsLib.LTC_HALF_1;
-                                                               state.rectAreaLTC2 = UniformsLib.LTC_HALF_2;
-                                                       } else {
-                                                               console.error('THREE.WebGLRenderer: Unable to use RectAreaLight. Missing WebGL extensions.');
-                                                       }
-                                               }
-                                       }
-
-                                       state.ambient[0] = r;
-                                       state.ambient[1] = g;
-                                       state.ambient[2] = b;
-                                       const hash = state.hash;
-
-                                       if (hash.directionalLength !== directionalLength || hash.pointLength !== pointLength || hash.spotLength !== spotLength || hash.rectAreaLength !== rectAreaLength || hash.hemiLength !== hemiLength || hash.numDirectionalShadows !== numDirectionalShadows || hash.numPointShadows !== numPointShadows || hash.numSpotShadows !== numSpotShadows) {
-                                               state.directional.length = directionalLength;
-                                               state.spot.length = spotLength;
-                                               state.rectArea.length = rectAreaLength;
-                                               state.point.length = pointLength;
-                                               state.hemi.length = hemiLength;
-                                               state.directionalShadow.length = numDirectionalShadows;
-                                               state.directionalShadowMap.length = numDirectionalShadows;
-                                               state.pointShadow.length = numPointShadows;
-                                               state.pointShadowMap.length = numPointShadows;
-                                               state.spotShadow.length = numSpotShadows;
-                                               state.spotShadowMap.length = numSpotShadows;
-                                               state.directionalShadowMatrix.length = numDirectionalShadows;
-                                               state.pointShadowMatrix.length = numPointShadows;
-                                               state.spotShadowMatrix.length = numSpotShadows;
-                                               hash.directionalLength = directionalLength;
-                                               hash.pointLength = pointLength;
-                                               hash.spotLength = spotLength;
-                                               hash.rectAreaLength = rectAreaLength;
-                                               hash.hemiLength = hemiLength;
-                                               hash.numDirectionalShadows = numDirectionalShadows;
-                                               hash.numPointShadows = numPointShadows;
-                                               hash.numSpotShadows = numSpotShadows;
-                                               state.version = nextVersion++;
-                                       }
-                               }
-
-                               function setupView(lights, camera) {
-                                       let directionalLength = 0;
-                                       let pointLength = 0;
-                                       let spotLength = 0;
-                                       let rectAreaLength = 0;
-                                       let hemiLength = 0;
-                                       const viewMatrix = camera.matrixWorldInverse;
-
-                                       for (let i = 0, l = lights.length; i < l; i++) {
-                                               const light = lights[i];
-
-                                               if (light.isDirectionalLight) {
-                                                       const uniforms = state.directional[directionalLength];
-                                                       uniforms.direction.setFromMatrixPosition(light.matrixWorld);
-                                                       vector3.setFromMatrixPosition(light.target.matrixWorld);
-                                                       uniforms.direction.sub(vector3);
-                                                       uniforms.direction.transformDirection(viewMatrix);
-                                                       directionalLength++;
-                                               } else if (light.isSpotLight) {
-                                                       const uniforms = state.spot[spotLength];
-                                                       uniforms.position.setFromMatrixPosition(light.matrixWorld);
-                                                       uniforms.position.applyMatrix4(viewMatrix);
-                                                       uniforms.direction.setFromMatrixPosition(light.matrixWorld);
-                                                       vector3.setFromMatrixPosition(light.target.matrixWorld);
-                                                       uniforms.direction.sub(vector3);
-                                                       uniforms.direction.transformDirection(viewMatrix);
-                                                       spotLength++;
-                                               } else if (light.isRectAreaLight) {
-                                                       const uniforms = state.rectArea[rectAreaLength];
-                                                       uniforms.position.setFromMatrixPosition(light.matrixWorld);
-                                                       uniforms.position.applyMatrix4(viewMatrix); // extract local rotation of light to derive width/height half vectors
-
-                                                       matrix42.identity();
-                                                       matrix4.copy(light.matrixWorld);
-                                                       matrix4.premultiply(viewMatrix);
-                                                       matrix42.extractRotation(matrix4);
-                                                       uniforms.halfWidth.set(light.width * 0.5, 0.0, 0.0);
-                                                       uniforms.halfHeight.set(0.0, light.height * 0.5, 0.0);
-                                                       uniforms.halfWidth.applyMatrix4(matrix42);
-                                                       uniforms.halfHeight.applyMatrix4(matrix42);
-                                                       rectAreaLength++;
-                                               } else if (light.isPointLight) {
-                                                       const uniforms = state.point[pointLength];
-                                                       uniforms.position.setFromMatrixPosition(light.matrixWorld);
-                                                       uniforms.position.applyMatrix4(viewMatrix);
-                                                       pointLength++;
-                                               } else if (light.isHemisphereLight) {
-                                                       const uniforms = state.hemi[hemiLength];
-                                                       uniforms.direction.setFromMatrixPosition(light.matrixWorld);
-                                                       uniforms.direction.transformDirection(viewMatrix);
-                                                       uniforms.direction.normalize();
-                                                       hemiLength++;
-                                               }
-                                       }
-                               }
-
-                               return {
-                                       setup: setup,
-                                       setupView: setupView,
-                                       state: state
-                               };
-                       }
-
-                       function WebGLRenderState(extensions, capabilities) {
-                               const lights = new WebGLLights(extensions, capabilities);
-                               const lightsArray = [];
-                               const shadowsArray = [];
-
-                               function init() {
-                                       lightsArray.length = 0;
-                                       shadowsArray.length = 0;
-                               }
-
-                               function pushLight(light) {
-                                       lightsArray.push(light);
-                               }
-
-                               function pushShadow(shadowLight) {
-                                       shadowsArray.push(shadowLight);
-                               }
-
-                               function setupLights(physicallyCorrectLights) {
-                                       lights.setup(lightsArray, physicallyCorrectLights);
-                               }
-
-                               function setupLightsView(camera) {
-                                       lights.setupView(lightsArray, camera);
-                               }
-
-                               const state = {
-                                       lightsArray: lightsArray,
-                                       shadowsArray: shadowsArray,
-                                       lights: lights
-                               };
-                               return {
-                                       init: init,
-                                       state: state,
-                                       setupLights: setupLights,
-                                       setupLightsView: setupLightsView,
-                                       pushLight: pushLight,
-                                       pushShadow: pushShadow
-                               };
-                       }
-
-                       function WebGLRenderStates(extensions, capabilities) {
-                               let renderStates = new WeakMap();
-
-                               function get(scene, renderCallDepth = 0) {
-                                       let renderState;
-
-                                       if (renderStates.has(scene) === false) {
-                                               renderState = new WebGLRenderState(extensions, capabilities);
-                                               renderStates.set(scene, [renderState]);
-                                       } else {
-                                               if (renderCallDepth >= renderStates.get(scene).length) {
-                                                       renderState = new WebGLRenderState(extensions, capabilities);
-                                                       renderStates.get(scene).push(renderState);
-                                               } else {
-                                                       renderState = renderStates.get(scene)[renderCallDepth];
-                                               }
-                                       }
-
-                                       return renderState;
-                               }
-
-                               function dispose() {
-                                       renderStates = new WeakMap();
-                               }
-
-                               return {
-                                       get: get,
-                                       dispose: dispose
-                               };
-                       }
-
-                       /**
-                        * parameters = {
-                        *
-                        *      opacity: <float>,
-                        *
-                        *      map: new THREE.Texture( <Image> ),
-                        *
-                        *      alphaMap: new THREE.Texture( <Image> ),
-                        *
-                        *      displacementMap: new THREE.Texture( <Image> ),
-                        *      displacementScale: <float>,
-                        *      displacementBias: <float>,
-                        *
-                        *      wireframe: <boolean>,
-                        *      wireframeLinewidth: <float>
-                        * }
-                        */
-
-                       class MeshDepthMaterial extends Material {
-                               constructor(parameters) {
-                                       super();
-                                       this.type = 'MeshDepthMaterial';
-                                       this.depthPacking = BasicDepthPacking;
-                                       this.map = null;
-                                       this.alphaMap = null;
-                                       this.displacementMap = null;
-                                       this.displacementScale = 1;
-                                       this.displacementBias = 0;
-                                       this.wireframe = false;
-                                       this.wireframeLinewidth = 1;
-                                       this.fog = false;
-                                       this.setValues(parameters);
-                               }
-
-                               copy(source) {
-                                       super.copy(source);
-                                       this.depthPacking = source.depthPacking;
-                                       this.map = source.map;
-                                       this.alphaMap = source.alphaMap;
-                                       this.displacementMap = source.displacementMap;
-                                       this.displacementScale = source.displacementScale;
-                                       this.displacementBias = source.displacementBias;
-                                       this.wireframe = source.wireframe;
-                                       this.wireframeLinewidth = source.wireframeLinewidth;
-                                       return this;
-                               }
-
-                       }
-
-                       MeshDepthMaterial.prototype.isMeshDepthMaterial = true;
-
-                       /**
-                        * parameters = {
-                        *
-                        *      referencePosition: <float>,
-                        *      nearDistance: <float>,
-                        *      farDistance: <float>,
-                        *
-                        *      map: new THREE.Texture( <Image> ),
-                        *
-                        *      alphaMap: new THREE.Texture( <Image> ),
-                        *
-                        *      displacementMap: new THREE.Texture( <Image> ),
-                        *      displacementScale: <float>,
-                        *      displacementBias: <float>
-                        *
-                        * }
-                        */
-
-                       class MeshDistanceMaterial extends Material {
-                               constructor(parameters) {
-                                       super();
-                                       this.type = 'MeshDistanceMaterial';
-                                       this.referencePosition = new Vector3();
-                                       this.nearDistance = 1;
-                                       this.farDistance = 1000;
-                                       this.map = null;
-                                       this.alphaMap = null;
-                                       this.displacementMap = null;
-                                       this.displacementScale = 1;
-                                       this.displacementBias = 0;
-                                       this.fog = false;
-                                       this.setValues(parameters);
-                               }
-
-                               copy(source) {
-                                       super.copy(source);
-                                       this.referencePosition.copy(source.referencePosition);
-                                       this.nearDistance = source.nearDistance;
-                                       this.farDistance = source.farDistance;
-                                       this.map = source.map;
-                                       this.alphaMap = source.alphaMap;
-                                       this.displacementMap = source.displacementMap;
-                                       this.displacementScale = source.displacementScale;
-                                       this.displacementBias = source.displacementBias;
-                                       return this;
-                               }
-
-                       }
-
-                       MeshDistanceMaterial.prototype.isMeshDistanceMaterial = true;
-
-                       var vsm_frag = "uniform sampler2D shadow_pass;\nuniform vec2 resolution;\nuniform float radius;\nuniform float samples;\n#include <packing>\nvoid main() {\n\tfloat mean = 0.0;\n\tfloat squared_mean = 0.0;\n\tfloat uvStride = samples <= 1.0 ? 0.0 : 2.0 / ( samples - 1.0 );\n\tfloat uvStart = samples <= 1.0 ? 0.0 : - 1.0;\n\tfor ( float i = 0.0; i < samples; i ++ ) {\n\t\tfloat uvOffset = uvStart + i * uvStride;\n\t\t#ifdef HORIZONTAL_PASS\n\t\t\tvec2 distribution = unpackRGBATo2Half( texture2D( shadow_pass, ( gl_FragCoord.xy + vec2( uvOffset, 0.0 ) * radius ) / resolution ) );\n\t\t\tmean += distribution.x;\n\t\t\tsquared_mean += distribution.y * distribution.y + distribution.x * distribution.x;\n\t\t#else\n\t\t\tfloat depth = unpackRGBAToDepth( texture2D( shadow_pass, ( gl_FragCoord.xy + vec2( 0.0, uvOffset ) * radius ) / resolution ) );\n\t\t\tmean += depth;\n\t\t\tsquared_mean += depth * depth;\n\t\t#endif\n\t}\n\tmean = mean / samples;\n\tsquared_mean = squared_mean / samples;\n\tfloat std_dev = sqrt( squared_mean - mean * mean );\n\tgl_FragColor = pack2HalfToRGBA( vec2( mean, std_dev ) );\n}";
-
-                       var vsm_vert = "void main() {\n\tgl_Position = vec4( position, 1.0 );\n}";
-
-                       function WebGLShadowMap(_renderer, _objects, _capabilities) {
-                               let _frustum = new Frustum();
-
-                               const _shadowMapSize = new Vector2(),
-                                       _viewportSize = new Vector2(),
-                                       _viewport = new Vector4(),
-                                       _depthMaterial = new MeshDepthMaterial({
-                                               depthPacking: RGBADepthPacking
-                                       }),
-                                       _distanceMaterial = new MeshDistanceMaterial(),
-                                       _materialCache = {},
-                                       _maxTextureSize = _capabilities.maxTextureSize;
-
-                               const shadowSide = {
-                                       0: BackSide,
-                                       1: FrontSide,
-                                       2: DoubleSide
-                               };
-                               const shadowMaterialVertical = new ShaderMaterial({
-                                       uniforms: {
-                                               shadow_pass: {
-                                                       value: null
-                                               },
-                                               resolution: {
-                                                       value: new Vector2()
-                                               },
-                                               radius: {
-                                                       value: 4.0
-                                               },
-                                               samples: {
-                                                       value: 8.0
-                                               }
-                                       },
-                                       vertexShader: vsm_vert,
-                                       fragmentShader: vsm_frag
-                               });
-                               const shadowMaterialHorizontal = shadowMaterialVertical.clone();
-                               shadowMaterialHorizontal.defines.HORIZONTAL_PASS = 1;
-                               const fullScreenTri = new BufferGeometry();
-                               fullScreenTri.setAttribute('position', new BufferAttribute(new Float32Array([-1, -1, 0.5, 3, -1, 0.5, -1, 3, 0.5]), 3));
-                               const fullScreenMesh = new Mesh(fullScreenTri, shadowMaterialVertical);
-                               const scope = this;
-                               this.enabled = false;
-                               this.autoUpdate = true;
-                               this.needsUpdate = false;
-                               this.type = PCFShadowMap;
-
-                               this.render = function (lights, scene, camera) {
-                                       if (scope.enabled === false) return;
-                                       if (scope.autoUpdate === false && scope.needsUpdate === false) return;
-                                       if (lights.length === 0) return;
-
-                                       const currentRenderTarget = _renderer.getRenderTarget();
-
-                                       const activeCubeFace = _renderer.getActiveCubeFace();
-
-                                       const activeMipmapLevel = _renderer.getActiveMipmapLevel();
-
-                                       const _state = _renderer.state; // Set GL state for depth map.
-
-                                       _state.setBlending(NoBlending);
-
-                                       _state.buffers.color.setClear(1, 1, 1, 1);
-
-                                       _state.buffers.depth.setTest(true);
-
-                                       _state.setScissorTest(false); // render depth map
-
-
-                                       for (let i = 0, il = lights.length; i < il; i++) {
-                                               const light = lights[i];
-                                               const shadow = light.shadow;
-
-                                               if (shadow === undefined) {
-                                                       console.warn('THREE.WebGLShadowMap:', light, 'has no shadow.');
-                                                       continue;
-                                               }
-
-                                               if (shadow.autoUpdate === false && shadow.needsUpdate === false) continue;
-
-                                               _shadowMapSize.copy(shadow.mapSize);
-
-                                               const shadowFrameExtents = shadow.getFrameExtents();
-
-                                               _shadowMapSize.multiply(shadowFrameExtents);
-
-                                               _viewportSize.copy(shadow.mapSize);
-
-                                               if (_shadowMapSize.x > _maxTextureSize || _shadowMapSize.y > _maxTextureSize) {
-                                                       if (_shadowMapSize.x > _maxTextureSize) {
-                                                               _viewportSize.x = Math.floor(_maxTextureSize / shadowFrameExtents.x);
-                                                               _shadowMapSize.x = _viewportSize.x * shadowFrameExtents.x;
-                                                               shadow.mapSize.x = _viewportSize.x;
-                                                       }
-
-                                                       if (_shadowMapSize.y > _maxTextureSize) {
-                                                               _viewportSize.y = Math.floor(_maxTextureSize / shadowFrameExtents.y);
-                                                               _shadowMapSize.y = _viewportSize.y * shadowFrameExtents.y;
-                                                               shadow.mapSize.y = _viewportSize.y;
-                                                       }
-                                               }
-
-                                               if (shadow.map === null && !shadow.isPointLightShadow && this.type === VSMShadowMap) {
-                                                       const pars = {
-                                                               minFilter: LinearFilter,
-                                                               magFilter: LinearFilter,
-                                                               format: RGBAFormat
-                                                       };
-                                                       shadow.map = new WebGLRenderTarget(_shadowMapSize.x, _shadowMapSize.y, pars);
-                                                       shadow.map.texture.name = light.name + '.shadowMap';
-                                                       shadow.mapPass = new WebGLRenderTarget(_shadowMapSize.x, _shadowMapSize.y, pars);
-                                                       shadow.camera.updateProjectionMatrix();
-                                               }
-
-                                               if (shadow.map === null) {
-                                                       const pars = {
-                                                               minFilter: NearestFilter,
-                                                               magFilter: NearestFilter,
-                                                               format: RGBAFormat
-                                                       };
-                                                       shadow.map = new WebGLRenderTarget(_shadowMapSize.x, _shadowMapSize.y, pars);
-                                                       shadow.map.texture.name = light.name + '.shadowMap';
-                                                       shadow.camera.updateProjectionMatrix();
-                                               }
-
-                                               _renderer.setRenderTarget(shadow.map);
-
-                                               _renderer.clear();
-
-                                               const viewportCount = shadow.getViewportCount();
-
-                                               for (let vp = 0; vp < viewportCount; vp++) {
-                                                       const viewport = shadow.getViewport(vp);
-
-                                                       _viewport.set(_viewportSize.x * viewport.x, _viewportSize.y * viewport.y, _viewportSize.x * viewport.z, _viewportSize.y * viewport.w);
-
-                                                       _state.viewport(_viewport);
-
-                                                       shadow.updateMatrices(light, vp);
-                                                       _frustum = shadow.getFrustum();
-                                                       renderObject(scene, camera, shadow.camera, light, this.type);
-                                               } // do blur pass for VSM
-
-
-                                               if (!shadow.isPointLightShadow && this.type === VSMShadowMap) {
-                                                       VSMPass(shadow, camera);
-                                               }
-
-                                               shadow.needsUpdate = false;
-                                       }
-
-                                       scope.needsUpdate = false;
-
-                                       _renderer.setRenderTarget(currentRenderTarget, activeCubeFace, activeMipmapLevel);
-                               };
-
-                               function VSMPass(shadow, camera) {
-                                       const geometry = _objects.update(fullScreenMesh); // vertical pass
-
-
-                                       shadowMaterialVertical.uniforms.shadow_pass.value = shadow.map.texture;
-                                       shadowMaterialVertical.uniforms.resolution.value = shadow.mapSize;
-                                       shadowMaterialVertical.uniforms.radius.value = shadow.radius;
-                                       shadowMaterialVertical.uniforms.samples.value = shadow.blurSamples;
-
-                                       _renderer.setRenderTarget(shadow.mapPass);
-
-                                       _renderer.clear();
-
-                                       _renderer.renderBufferDirect(camera, null, geometry, shadowMaterialVertical, fullScreenMesh, null); // horizontal pass
-
-
-                                       shadowMaterialHorizontal.uniforms.shadow_pass.value = shadow.mapPass.texture;
-                                       shadowMaterialHorizontal.uniforms.resolution.value = shadow.mapSize;
-                                       shadowMaterialHorizontal.uniforms.radius.value = shadow.radius;
-                                       shadowMaterialHorizontal.uniforms.samples.value = shadow.blurSamples;
-
-                                       _renderer.setRenderTarget(shadow.map);
-
-                                       _renderer.clear();
-
-                                       _renderer.renderBufferDirect(camera, null, geometry, shadowMaterialHorizontal, fullScreenMesh, null);
-                               }
-
-                               function getDepthMaterial(object, geometry, material, light, shadowCameraNear, shadowCameraFar, type) {
-                                       let result = null;
-                                       const customMaterial = light.isPointLight === true ? object.customDistanceMaterial : object.customDepthMaterial;
-
-                                       if (customMaterial !== undefined) {
-                                               result = customMaterial;
-                                       } else {
-                                               result = light.isPointLight === true ? _distanceMaterial : _depthMaterial;
-                                       }
-
-                                       if (_renderer.localClippingEnabled && material.clipShadows === true && material.clippingPlanes.length !== 0 || material.displacementMap && material.displacementScale !== 0 || material.alphaMap && material.alphaTest > 0) {
-                                               // in this case we need a unique material instance reflecting the
-                                               // appropriate state
-                                               const keyA = result.uuid,
-                                                       keyB = material.uuid;
-                                               let materialsForVariant = _materialCache[keyA];
-
-                                               if (materialsForVariant === undefined) {
-                                                       materialsForVariant = {};
-                                                       _materialCache[keyA] = materialsForVariant;
-                                               }
-
-                                               let cachedMaterial = materialsForVariant[keyB];
-
-                                               if (cachedMaterial === undefined) {
-                                                       cachedMaterial = result.clone();
-                                                       materialsForVariant[keyB] = cachedMaterial;
-                                               }
-
-                                               result = cachedMaterial;
-                                       }
-
-                                       result.visible = material.visible;
-                                       result.wireframe = material.wireframe;
-
-                                       if (type === VSMShadowMap) {
-                                               result.side = material.shadowSide !== null ? material.shadowSide : material.side;
-                                       } else {
-                                               result.side = material.shadowSide !== null ? material.shadowSide : shadowSide[material.side];
-                                       }
-
-                                       result.alphaMap = material.alphaMap;
-                                       result.alphaTest = material.alphaTest;
-                                       result.clipShadows = material.clipShadows;
-                                       result.clippingPlanes = material.clippingPlanes;
-                                       result.clipIntersection = material.clipIntersection;
-                                       result.displacementMap = material.displacementMap;
-                                       result.displacementScale = material.displacementScale;
-                                       result.displacementBias = material.displacementBias;
-                                       result.wireframeLinewidth = material.wireframeLinewidth;
-                                       result.linewidth = material.linewidth;
-
-                                       if (light.isPointLight === true && result.isMeshDistanceMaterial === true) {
-                                               result.referencePosition.setFromMatrixPosition(light.matrixWorld);
-                                               result.nearDistance = shadowCameraNear;
-                                               result.farDistance = shadowCameraFar;
-                                       }
-
-                                       return result;
-                               }
-
-                               function renderObject(object, camera, shadowCamera, light, type) {
-                                       if (object.visible === false) return;
-                                       const visible = object.layers.test(camera.layers);
-
-                                       if (visible && (object.isMesh || object.isLine || object.isPoints)) {
-                                               if ((object.castShadow || object.receiveShadow && type === VSMShadowMap) && (!object.frustumCulled || _frustum.intersectsObject(object))) {
-                                                       object.modelViewMatrix.multiplyMatrices(shadowCamera.matrixWorldInverse, object.matrixWorld);
-
-                                                       const geometry = _objects.update(object);
-
-                                                       const material = object.material;
-
-                                                       if (Array.isArray(material)) {
-                                                               const groups = geometry.groups;
-
-                                                               for (let k = 0, kl = groups.length; k < kl; k++) {
-                                                                       const group = groups[k];
-                                                                       const groupMaterial = material[group.materialIndex];
-
-                                                                       if (groupMaterial && groupMaterial.visible) {
-                                                                               const depthMaterial = getDepthMaterial(object, geometry, groupMaterial, light, shadowCamera.near, shadowCamera.far, type);
-
-                                                                               _renderer.renderBufferDirect(shadowCamera, null, geometry, depthMaterial, object, group);
-                                                                       }
-                                                               }
-                                                       } else if (material.visible) {
-                                                               const depthMaterial = getDepthMaterial(object, geometry, material, light, shadowCamera.near, shadowCamera.far, type);
-
-                                                               _renderer.renderBufferDirect(shadowCamera, null, geometry, depthMaterial, object, null);
-                                                       }
-                                               }
-                                       }
-
-                                       const children = object.children;
-
-                                       for (let i = 0, l = children.length; i < l; i++) {
-                                               renderObject(children[i], camera, shadowCamera, light, type);
-                                       }
-                               }
-                       }
-
-                       function WebGLState(gl, extensions, capabilities) {
-                               const isWebGL2 = capabilities.isWebGL2;
-
-                               function ColorBuffer() {
-                                       let locked = false;
-                                       const color = new Vector4();
-                                       let currentColorMask = null;
-                                       const currentColorClear = new Vector4(0, 0, 0, 0);
-                                       return {
-                                               setMask: function (colorMask) {
-                                                       if (currentColorMask !== colorMask && !locked) {
-                                                               gl.colorMask(colorMask, colorMask, colorMask, colorMask);
-                                                               currentColorMask = colorMask;
-                                                       }
-                                               },
-                                               setLocked: function (lock) {
-                                                       locked = lock;
-                                               },
-                                               setClear: function (r, g, b, a, premultipliedAlpha) {
-                                                       if (premultipliedAlpha === true) {
-                                                               r *= a;
-                                                               g *= a;
-                                                               b *= a;
-                                                       }
-
-                                                       color.set(r, g, b, a);
-
-                                                       if (currentColorClear.equals(color) === false) {
-                                                               gl.clearColor(r, g, b, a);
-                                                               currentColorClear.copy(color);
-                                                       }
-                                               },
-                                               reset: function () {
-                                                       locked = false;
-                                                       currentColorMask = null;
-                                                       currentColorClear.set(-1, 0, 0, 0); // set to invalid state
-                                               }
-                                       };
-                               }
-
-                               function DepthBuffer() {
-                                       let locked = false;
-                                       let currentDepthMask = null;
-                                       let currentDepthFunc = null;
-                                       let currentDepthClear = null;
-                                       return {
-                                               setTest: function (depthTest) {
-                                                       if (depthTest) {
-                                                               enable(gl.DEPTH_TEST);
-                                                       } else {
-                                                               disable(gl.DEPTH_TEST);
-                                                       }
-                                               },
-                                               setMask: function (depthMask) {
-                                                       if (currentDepthMask !== depthMask && !locked) {
-                                                               gl.depthMask(depthMask);
-                                                               currentDepthMask = depthMask;
-                                                       }
-                                               },
-                                               setFunc: function (depthFunc) {
-                                                       if (currentDepthFunc !== depthFunc) {
-                                                               if (depthFunc) {
-                                                                       switch (depthFunc) {
-                                                                               case NeverDepth:
-                                                                                       gl.depthFunc(gl.NEVER);
-                                                                                       break;
-
-                                                                               case AlwaysDepth:
-                                                                                       gl.depthFunc(gl.ALWAYS);
-                                                                                       break;
-
-                                                                               case LessDepth:
-                                                                                       gl.depthFunc(gl.LESS);
-                                                                                       break;
-
-                                                                               case LessEqualDepth:
-                                                                                       gl.depthFunc(gl.LEQUAL);
-                                                                                       break;
-
-                                                                               case EqualDepth:
-                                                                                       gl.depthFunc(gl.EQUAL);
-                                                                                       break;
-
-                                                                               case GreaterEqualDepth:
-                                                                                       gl.depthFunc(gl.GEQUAL);
-                                                                                       break;
-
-                                                                               case GreaterDepth:
-                                                                                       gl.depthFunc(gl.GREATER);
-                                                                                       break;
-
-                                                                               case NotEqualDepth:
-                                                                                       gl.depthFunc(gl.NOTEQUAL);
-                                                                                       break;
-
-                                                                               default:
-                                                                                       gl.depthFunc(gl.LEQUAL);
-                                                                       }
-                                                               } else {
-                                                                       gl.depthFunc(gl.LEQUAL);
-                                                               }
-
-                                                               currentDepthFunc = depthFunc;
-                                                       }
-                                               },
-                                               setLocked: function (lock) {
-                                                       locked = lock;
-                                               },
-                                               setClear: function (depth) {
-                                                       if (currentDepthClear !== depth) {
-                                                               gl.clearDepth(depth);
-                                                               currentDepthClear = depth;
-                                                       }
-                                               },
-                                               reset: function () {
-                                                       locked = false;
-                                                       currentDepthMask = null;
-                                                       currentDepthFunc = null;
-                                                       currentDepthClear = null;
-                                               }
-                                       };
-                               }
-
-                               function StencilBuffer() {
-                                       let locked = false;
-                                       let currentStencilMask = null;
-                                       let currentStencilFunc = null;
-                                       let currentStencilRef = null;
-                                       let currentStencilFuncMask = null;
-                                       let currentStencilFail = null;
-                                       let currentStencilZFail = null;
-                                       let currentStencilZPass = null;
-                                       let currentStencilClear = null;
-                                       return {
-                                               setTest: function (stencilTest) {
-                                                       if (!locked) {
-                                                               if (stencilTest) {
-                                                                       enable(gl.STENCIL_TEST);
-                                                               } else {
-                                                                       disable(gl.STENCIL_TEST);
-                                                               }
-                                                       }
-                                               },
-                                               setMask: function (stencilMask) {
-                                                       if (currentStencilMask !== stencilMask && !locked) {
-                                                               gl.stencilMask(stencilMask);
-                                                               currentStencilMask = stencilMask;
-                                                       }
-                                               },
-                                               setFunc: function (stencilFunc, stencilRef, stencilMask) {
-                                                       if (currentStencilFunc !== stencilFunc || currentStencilRef !== stencilRef || currentStencilFuncMask !== stencilMask) {
-                                                               gl.stencilFunc(stencilFunc, stencilRef, stencilMask);
-                                                               currentStencilFunc = stencilFunc;
-                                                               currentStencilRef = stencilRef;
-                                                               currentStencilFuncMask = stencilMask;
-                                                       }
-                                               },
-                                               setOp: function (stencilFail, stencilZFail, stencilZPass) {
-                                                       if (currentStencilFail !== stencilFail || currentStencilZFail !== stencilZFail || currentStencilZPass !== stencilZPass) {
-                                                               gl.stencilOp(stencilFail, stencilZFail, stencilZPass);
-                                                               currentStencilFail = stencilFail;
-                                                               currentStencilZFail = stencilZFail;
-                                                               currentStencilZPass = stencilZPass;
-                                                       }
-                                               },
-                                               setLocked: function (lock) {
-                                                       locked = lock;
-                                               },
-                                               setClear: function (stencil) {
-                                                       if (currentStencilClear !== stencil) {
-                                                               gl.clearStencil(stencil);
-                                                               currentStencilClear = stencil;
-                                                       }
-                                               },
-                                               reset: function () {
-                                                       locked = false;
-                                                       currentStencilMask = null;
-                                                       currentStencilFunc = null;
-                                                       currentStencilRef = null;
-                                                       currentStencilFuncMask = null;
-                                                       currentStencilFail = null;
-                                                       currentStencilZFail = null;
-                                                       currentStencilZPass = null;
-                                                       currentStencilClear = null;
-                                               }
-                                       };
-                               } //
-
-
-                               const colorBuffer = new ColorBuffer();
-                               const depthBuffer = new DepthBuffer();
-                               const stencilBuffer = new StencilBuffer();
-                               let enabledCapabilities = {};
-                               let xrFramebuffer = null;
-                               let currentBoundFramebuffers = {};
-                               let currentProgram = null;
-                               let currentBlendingEnabled = false;
-                               let currentBlending = null;
-                               let currentBlendEquation = null;
-                               let currentBlendSrc = null;
-                               let currentBlendDst = null;
-                               let currentBlendEquationAlpha = null;
-                               let currentBlendSrcAlpha = null;
-                               let currentBlendDstAlpha = null;
-                               let currentPremultipledAlpha = false;
-                               let currentFlipSided = null;
-                               let currentCullFace = null;
-                               let currentLineWidth = null;
-                               let currentPolygonOffsetFactor = null;
-                               let currentPolygonOffsetUnits = null;
-                               const maxTextures = gl.getParameter(gl.MAX_COMBINED_TEXTURE_IMAGE_UNITS);
-                               let lineWidthAvailable = false;
-                               let version = 0;
-                               const glVersion = gl.getParameter(gl.VERSION);
-
-                               if (glVersion.indexOf('WebGL') !== -1) {
-                                       version = parseFloat(/^WebGL (\d)/.exec(glVersion)[1]);
-                                       lineWidthAvailable = version >= 1.0;
-                               } else if (glVersion.indexOf('OpenGL ES') !== -1) {
-                                       version = parseFloat(/^OpenGL ES (\d)/.exec(glVersion)[1]);
-                                       lineWidthAvailable = version >= 2.0;
-                               }
-
-                               let currentTextureSlot = null;
-                               let currentBoundTextures = {};
-                               const scissorParam = gl.getParameter(gl.SCISSOR_BOX);
-                               const viewportParam = gl.getParameter(gl.VIEWPORT);
-                               const currentScissor = new Vector4().fromArray(scissorParam);
-                               const currentViewport = new Vector4().fromArray(viewportParam);
-
-                               function createTexture(type, target, count) {
-                                       const data = new Uint8Array(4); // 4 is required to match default unpack alignment of 4.
-
-                                       const texture = gl.createTexture();
-                                       gl.bindTexture(type, texture);
-                                       gl.texParameteri(type, gl.TEXTURE_MIN_FILTER, gl.NEAREST);
-                                       gl.texParameteri(type, gl.TEXTURE_MAG_FILTER, gl.NEAREST);
-
-                                       for (let i = 0; i < count; i++) {
-                                               gl.texImage2D(target + i, 0, gl.RGBA, 1, 1, 0, gl.RGBA, gl.UNSIGNED_BYTE, data);
-                                       }
-
-                                       return texture;
-                               }
-
-                               const emptyTextures = {};
-                               emptyTextures[gl.TEXTURE_2D] = createTexture(gl.TEXTURE_2D, gl.TEXTURE_2D, 1);
-                               emptyTextures[gl.TEXTURE_CUBE_MAP] = createTexture(gl.TEXTURE_CUBE_MAP, gl.TEXTURE_CUBE_MAP_POSITIVE_X, 6); // init
-
-                               colorBuffer.setClear(0, 0, 0, 1);
-                               depthBuffer.setClear(1);
-                               stencilBuffer.setClear(0);
-                               enable(gl.DEPTH_TEST);
-                               depthBuffer.setFunc(LessEqualDepth);
-                               setFlipSided(false);
-                               setCullFace(CullFaceBack);
-                               enable(gl.CULL_FACE);
-                               setBlending(NoBlending); //
-
-                               function enable(id) {
-                                       if (enabledCapabilities[id] !== true) {
-                                               gl.enable(id);
-                                               enabledCapabilities[id] = true;
-                                       }
-                               }
-
-                               function disable(id) {
-                                       if (enabledCapabilities[id] !== false) {
-                                               gl.disable(id);
-                                               enabledCapabilities[id] = false;
-                                       }
-                               }
-
-                               function bindXRFramebuffer(framebuffer) {
-                                       if (framebuffer !== xrFramebuffer) {
-                                               gl.bindFramebuffer(gl.FRAMEBUFFER, framebuffer);
-                                               xrFramebuffer = framebuffer;
-                                       }
-                               }
-
-                               function bindFramebuffer(target, framebuffer) {
-                                       if (framebuffer === null && xrFramebuffer !== null) framebuffer = xrFramebuffer; // use active XR framebuffer if available
-
-                                       if (currentBoundFramebuffers[target] !== framebuffer) {
-                                               gl.bindFramebuffer(target, framebuffer);
-                                               currentBoundFramebuffers[target] = framebuffer;
-
-                                               if (isWebGL2) {
-                                                       // gl.DRAW_FRAMEBUFFER is equivalent to gl.FRAMEBUFFER
-                                                       if (target === gl.DRAW_FRAMEBUFFER) {
-                                                               currentBoundFramebuffers[gl.FRAMEBUFFER] = framebuffer;
-                                                       }
-
-                                                       if (target === gl.FRAMEBUFFER) {
-                                                               currentBoundFramebuffers[gl.DRAW_FRAMEBUFFER] = framebuffer;
-                                                       }
-                                               }
-
-                                               return true;
-                                       }
-
-                                       return false;
-                               }
-
-                               function useProgram(program) {
-                                       if (currentProgram !== program) {
-                                               gl.useProgram(program);
-                                               currentProgram = program;
-                                               return true;
-                                       }
-
-                                       return false;
-                               }
-
-                               const equationToGL = {
-                                       [AddEquation]: gl.FUNC_ADD,
-                                       [SubtractEquation]: gl.FUNC_SUBTRACT,
-                                       [ReverseSubtractEquation]: gl.FUNC_REVERSE_SUBTRACT
-                               };
-
-                               if (isWebGL2) {
-                                       equationToGL[MinEquation] = gl.MIN;
-                                       equationToGL[MaxEquation] = gl.MAX;
-                               } else {
-                                       const extension = extensions.get('EXT_blend_minmax');
-
-                                       if (extension !== null) {
-                                               equationToGL[MinEquation] = extension.MIN_EXT;
-                                               equationToGL[MaxEquation] = extension.MAX_EXT;
-                                       }
-                               }
-
-                               const factorToGL = {
-                                       [ZeroFactor]: gl.ZERO,
-                                       [OneFactor]: gl.ONE,
-                                       [SrcColorFactor]: gl.SRC_COLOR,
-                                       [SrcAlphaFactor]: gl.SRC_ALPHA,
-                                       [SrcAlphaSaturateFactor]: gl.SRC_ALPHA_SATURATE,
-                                       [DstColorFactor]: gl.DST_COLOR,
-                                       [DstAlphaFactor]: gl.DST_ALPHA,
-                                       [OneMinusSrcColorFactor]: gl.ONE_MINUS_SRC_COLOR,
-                                       [OneMinusSrcAlphaFactor]: gl.ONE_MINUS_SRC_ALPHA,
-                                       [OneMinusDstColorFactor]: gl.ONE_MINUS_DST_COLOR,
-                                       [OneMinusDstAlphaFactor]: gl.ONE_MINUS_DST_ALPHA
-                               };
-
-                               function setBlending(blending, blendEquation, blendSrc, blendDst, blendEquationAlpha, blendSrcAlpha, blendDstAlpha, premultipliedAlpha) {
-                                       if (blending === NoBlending) {
-                                               if (currentBlendingEnabled === true) {
-                                                       disable(gl.BLEND);
-                                                       currentBlendingEnabled = false;
-                                               }
-
-                                               return;
-                                       }
-
-                                       if (currentBlendingEnabled === false) {
-                                               enable(gl.BLEND);
-                                               currentBlendingEnabled = true;
-                                       }
-
-                                       if (blending !== CustomBlending) {
-                                               if (blending !== currentBlending || premultipliedAlpha !== currentPremultipledAlpha) {
-                                                       if (currentBlendEquation !== AddEquation || currentBlendEquationAlpha !== AddEquation) {
-                                                               gl.blendEquation(gl.FUNC_ADD);
-                                                               currentBlendEquation = AddEquation;
-                                                               currentBlendEquationAlpha = AddEquation;
-                                                       }
-
-                                                       if (premultipliedAlpha) {
-                                                               switch (blending) {
-                                                                       case NormalBlending:
-                                                                               gl.blendFuncSeparate(gl.ONE, gl.ONE_MINUS_SRC_ALPHA, gl.ONE, gl.ONE_MINUS_SRC_ALPHA);
-                                                                               break;
-
-                                                                       case AdditiveBlending:
-                                                                               gl.blendFunc(gl.ONE, gl.ONE);
-                                                                               break;
-
-                                                                       case SubtractiveBlending:
-                                                                               gl.blendFuncSeparate(gl.ZERO, gl.ZERO, gl.ONE_MINUS_SRC_COLOR, gl.ONE_MINUS_SRC_ALPHA);
-                                                                               break;
-
-                                                                       case MultiplyBlending:
-                                                                               gl.blendFuncSeparate(gl.ZERO, gl.SRC_COLOR, gl.ZERO, gl.SRC_ALPHA);
-                                                                               break;
-
-                                                                       default:
-                                                                               console.error('THREE.WebGLState: Invalid blending: ', blending);
-                                                                               break;
-                                                               }
-                                                       } else {
-                                                               switch (blending) {
-                                                                       case NormalBlending:
-                                                                               gl.blendFuncSeparate(gl.SRC_ALPHA, gl.ONE_MINUS_SRC_ALPHA, gl.ONE, gl.ONE_MINUS_SRC_ALPHA);
-                                                                               break;
-
-                                                                       case AdditiveBlending:
-                                                                               gl.blendFunc(gl.SRC_ALPHA, gl.ONE);
-                                                                               break;
-
-                                                                       case SubtractiveBlending:
-                                                                               gl.blendFunc(gl.ZERO, gl.ONE_MINUS_SRC_COLOR);
-                                                                               break;
-
-                                                                       case MultiplyBlending:
-                                                                               gl.blendFunc(gl.ZERO, gl.SRC_COLOR);
-                                                                               break;
-
-                                                                       default:
-                                                                               console.error('THREE.WebGLState: Invalid blending: ', blending);
-                                                                               break;
-                                                               }
-                                                       }
-
-                                                       currentBlendSrc = null;
-                                                       currentBlendDst = null;
-                                                       currentBlendSrcAlpha = null;
-                                                       currentBlendDstAlpha = null;
-                                                       currentBlending = blending;
-                                                       currentPremultipledAlpha = premultipliedAlpha;
-                                               }
-
-                                               return;
-                                       } // custom blending
-
-
-                                       blendEquationAlpha = blendEquationAlpha || blendEquation;
-                                       blendSrcAlpha = blendSrcAlpha || blendSrc;
-                                       blendDstAlpha = blendDstAlpha || blendDst;
-
-                                       if (blendEquation !== currentBlendEquation || blendEquationAlpha !== currentBlendEquationAlpha) {
-                                               gl.blendEquationSeparate(equationToGL[blendEquation], equationToGL[blendEquationAlpha]);
-                                               currentBlendEquation = blendEquation;
-                                               currentBlendEquationAlpha = blendEquationAlpha;
-                                       }
-
-                                       if (blendSrc !== currentBlendSrc || blendDst !== currentBlendDst || blendSrcAlpha !== currentBlendSrcAlpha || blendDstAlpha !== currentBlendDstAlpha) {
-                                               gl.blendFuncSeparate(factorToGL[blendSrc], factorToGL[blendDst], factorToGL[blendSrcAlpha], factorToGL[blendDstAlpha]);
-                                               currentBlendSrc = blendSrc;
-                                               currentBlendDst = blendDst;
-                                               currentBlendSrcAlpha = blendSrcAlpha;
-                                               currentBlendDstAlpha = blendDstAlpha;
-                                       }
-
-                                       currentBlending = blending;
-                                       currentPremultipledAlpha = null;
-                               }
-
-                               function setMaterial(material, frontFaceCW) {
-                                       material.side === DoubleSide ? disable(gl.CULL_FACE) : enable(gl.CULL_FACE);
-                                       let flipSided = material.side === BackSide;
-                                       if (frontFaceCW) flipSided = !flipSided;
-                                       setFlipSided(flipSided);
-                                       material.blending === NormalBlending && material.transparent === false ? setBlending(NoBlending) : setBlending(material.blending, material.blendEquation, material.blendSrc, material.blendDst, material.blendEquationAlpha, material.blendSrcAlpha, material.blendDstAlpha, material.premultipliedAlpha);
-                                       depthBuffer.setFunc(material.depthFunc);
-                                       depthBuffer.setTest(material.depthTest);
-                                       depthBuffer.setMask(material.depthWrite);
-                                       colorBuffer.setMask(material.colorWrite);
-                                       const stencilWrite = material.stencilWrite;
-                                       stencilBuffer.setTest(stencilWrite);
-
-                                       if (stencilWrite) {
-                                               stencilBuffer.setMask(material.stencilWriteMask);
-                                               stencilBuffer.setFunc(material.stencilFunc, material.stencilRef, material.stencilFuncMask);
-                                               stencilBuffer.setOp(material.stencilFail, material.stencilZFail, material.stencilZPass);
-                                       }
-
-                                       setPolygonOffset(material.polygonOffset, material.polygonOffsetFactor, material.polygonOffsetUnits);
-                                       material.alphaToCoverage === true ? enable(gl.SAMPLE_ALPHA_TO_COVERAGE) : disable(gl.SAMPLE_ALPHA_TO_COVERAGE);
-                               } //
-
-
-                               function setFlipSided(flipSided) {
-                                       if (currentFlipSided !== flipSided) {
-                                               if (flipSided) {
-                                                       gl.frontFace(gl.CW);
-                                               } else {
-                                                       gl.frontFace(gl.CCW);
-                                               }
-
-                                               currentFlipSided = flipSided;
-                                       }
-                               }
-
-                               function setCullFace(cullFace) {
-                                       if (cullFace !== CullFaceNone) {
-                                               enable(gl.CULL_FACE);
-
-                                               if (cullFace !== currentCullFace) {
-                                                       if (cullFace === CullFaceBack) {
-                                                               gl.cullFace(gl.BACK);
-                                                       } else if (cullFace === CullFaceFront) {
-                                                               gl.cullFace(gl.FRONT);
-                                                       } else {
-                                                               gl.cullFace(gl.FRONT_AND_BACK);
-                                                       }
-                                               }
-                                       } else {
-                                               disable(gl.CULL_FACE);
-                                       }
-
-                                       currentCullFace = cullFace;
-                               }
-
-                               function setLineWidth(width) {
-                                       if (width !== currentLineWidth) {
-                                               if (lineWidthAvailable) gl.lineWidth(width);
-                                               currentLineWidth = width;
-                                       }
-                               }
-
-                               function setPolygonOffset(polygonOffset, factor, units) {
-                                       if (polygonOffset) {
-                                               enable(gl.POLYGON_OFFSET_FILL);
-
-                                               if (currentPolygonOffsetFactor !== factor || currentPolygonOffsetUnits !== units) {
-                                                       gl.polygonOffset(factor, units);
-                                                       currentPolygonOffsetFactor = factor;
-                                                       currentPolygonOffsetUnits = units;
-                                               }
-                                       } else {
-                                               disable(gl.POLYGON_OFFSET_FILL);
-                                       }
-                               }
-
-                               function setScissorTest(scissorTest) {
-                                       if (scissorTest) {
-                                               enable(gl.SCISSOR_TEST);
-                                       } else {
-                                               disable(gl.SCISSOR_TEST);
-                                       }
-                               } // texture
-
-
-                               function activeTexture(webglSlot) {
-                                       if (webglSlot === undefined) webglSlot = gl.TEXTURE0 + maxTextures - 1;
-
-                                       if (currentTextureSlot !== webglSlot) {
-                                               gl.activeTexture(webglSlot);
-                                               currentTextureSlot = webglSlot;
-                                       }
-                               }
-
-                               function bindTexture(webglType, webglTexture) {
-                                       if (currentTextureSlot === null) {
-                                               activeTexture();
-                                       }
-
-                                       let boundTexture = currentBoundTextures[currentTextureSlot];
-
-                                       if (boundTexture === undefined) {
-                                               boundTexture = {
-                                                       type: undefined,
-                                                       texture: undefined
-                                               };
-                                               currentBoundTextures[currentTextureSlot] = boundTexture;
-                                       }
-
-                                       if (boundTexture.type !== webglType || boundTexture.texture !== webglTexture) {
-                                               gl.bindTexture(webglType, webglTexture || emptyTextures[webglType]);
-                                               boundTexture.type = webglType;
-                                               boundTexture.texture = webglTexture;
-                                       }
-                               }
-
-                               function unbindTexture() {
-                                       const boundTexture = currentBoundTextures[currentTextureSlot];
-
-                                       if (boundTexture !== undefined && boundTexture.type !== undefined) {
-                                               gl.bindTexture(boundTexture.type, null);
-                                               boundTexture.type = undefined;
-                                               boundTexture.texture = undefined;
-                                       }
-                               }
-
-                               function compressedTexImage2D() {
-                                       try {
-                                               gl.compressedTexImage2D.apply(gl, arguments);
-                                       } catch (error) {
-                                               console.error('THREE.WebGLState:', error);
-                                       }
-                               }
-
-                               function texImage2D() {
-                                       try {
-                                               gl.texImage2D.apply(gl, arguments);
-                                       } catch (error) {
-                                               console.error('THREE.WebGLState:', error);
-                                       }
-                               }
-
-                               function texImage3D() {
-                                       try {
-                                               gl.texImage3D.apply(gl, arguments);
-                                       } catch (error) {
-                                               console.error('THREE.WebGLState:', error);
-                                       }
-                               } //
-
-
-                               function scissor(scissor) {
-                                       if (currentScissor.equals(scissor) === false) {
-                                               gl.scissor(scissor.x, scissor.y, scissor.z, scissor.w);
-                                               currentScissor.copy(scissor);
-                                       }
-                               }
-
-                               function viewport(viewport) {
-                                       if (currentViewport.equals(viewport) === false) {
-                                               gl.viewport(viewport.x, viewport.y, viewport.z, viewport.w);
-                                               currentViewport.copy(viewport);
-                                       }
-                               } //
-
-
-                               function reset() {
-                                       // reset state
-                                       gl.disable(gl.BLEND);
-                                       gl.disable(gl.CULL_FACE);
-                                       gl.disable(gl.DEPTH_TEST);
-                                       gl.disable(gl.POLYGON_OFFSET_FILL);
-                                       gl.disable(gl.SCISSOR_TEST);
-                                       gl.disable(gl.STENCIL_TEST);
-                                       gl.disable(gl.SAMPLE_ALPHA_TO_COVERAGE);
-                                       gl.blendEquation(gl.FUNC_ADD);
-                                       gl.blendFunc(gl.ONE, gl.ZERO);
-                                       gl.blendFuncSeparate(gl.ONE, gl.ZERO, gl.ONE, gl.ZERO);
-                                       gl.colorMask(true, true, true, true);
-                                       gl.clearColor(0, 0, 0, 0);
-                                       gl.depthMask(true);
-                                       gl.depthFunc(gl.LESS);
-                                       gl.clearDepth(1);
-                                       gl.stencilMask(0xffffffff);
-                                       gl.stencilFunc(gl.ALWAYS, 0, 0xffffffff);
-                                       gl.stencilOp(gl.KEEP, gl.KEEP, gl.KEEP);
-                                       gl.clearStencil(0);
-                                       gl.cullFace(gl.BACK);
-                                       gl.frontFace(gl.CCW);
-                                       gl.polygonOffset(0, 0);
-                                       gl.activeTexture(gl.TEXTURE0);
-                                       gl.bindFramebuffer(gl.FRAMEBUFFER, null);
-
-                                       if (isWebGL2 === true) {
-                                               gl.bindFramebuffer(gl.DRAW_FRAMEBUFFER, null);
-                                               gl.bindFramebuffer(gl.READ_FRAMEBUFFER, null);
-                                       }
-
-                                       gl.useProgram(null);
-                                       gl.lineWidth(1);
-                                       gl.scissor(0, 0, gl.canvas.width, gl.canvas.height);
-                                       gl.viewport(0, 0, gl.canvas.width, gl.canvas.height); // reset internals
-
-                                       enabledCapabilities = {};
-                                       currentTextureSlot = null;
-                                       currentBoundTextures = {};
-                                       xrFramebuffer = null;
-                                       currentBoundFramebuffers = {};
-                                       currentProgram = null;
-                                       currentBlendingEnabled = false;
-                                       currentBlending = null;
-                                       currentBlendEquation = null;
-                                       currentBlendSrc = null;
-                                       currentBlendDst = null;
-                                       currentBlendEquationAlpha = null;
-                                       currentBlendSrcAlpha = null;
-                                       currentBlendDstAlpha = null;
-                                       currentPremultipledAlpha = false;
-                                       currentFlipSided = null;
-                                       currentCullFace = null;
-                                       currentLineWidth = null;
-                                       currentPolygonOffsetFactor = null;
-                                       currentPolygonOffsetUnits = null;
-                                       currentScissor.set(0, 0, gl.canvas.width, gl.canvas.height);
-                                       currentViewport.set(0, 0, gl.canvas.width, gl.canvas.height);
-                                       colorBuffer.reset();
-                                       depthBuffer.reset();
-                                       stencilBuffer.reset();
-                               }
-
-                               return {
-                                       buffers: {
-                                               color: colorBuffer,
-                                               depth: depthBuffer,
-                                               stencil: stencilBuffer
-                                       },
-                                       enable: enable,
-                                       disable: disable,
-                                       bindFramebuffer: bindFramebuffer,
-                                       bindXRFramebuffer: bindXRFramebuffer,
-                                       useProgram: useProgram,
-                                       setBlending: setBlending,
-                                       setMaterial: setMaterial,
-                                       setFlipSided: setFlipSided,
-                                       setCullFace: setCullFace,
-                                       setLineWidth: setLineWidth,
-                                       setPolygonOffset: setPolygonOffset,
-                                       setScissorTest: setScissorTest,
-                                       activeTexture: activeTexture,
-                                       bindTexture: bindTexture,
-                                       unbindTexture: unbindTexture,
-                                       compressedTexImage2D: compressedTexImage2D,
-                                       texImage2D: texImage2D,
-                                       texImage3D: texImage3D,
-                                       scissor: scissor,
-                                       viewport: viewport,
-                                       reset: reset
-                               };
-                       }
-
-                       function WebGLTextures(_gl, extensions, state, properties, capabilities, utils, info) {
-                               const isWebGL2 = capabilities.isWebGL2;
-                               const maxTextures = capabilities.maxTextures;
-                               const maxCubemapSize = capabilities.maxCubemapSize;
-                               const maxTextureSize = capabilities.maxTextureSize;
-                               const maxSamples = capabilities.maxSamples;
-
-                               const _videoTextures = new WeakMap();
-
-                               let _canvas; // cordova iOS (as of 5.0) still uses UIWebView, which provides OffscreenCanvas,
-                               // also OffscreenCanvas.getContext("webgl"), but not OffscreenCanvas.getContext("2d")!
-                               // Some implementations may only implement OffscreenCanvas partially (e.g. lacking 2d).
-
-
-                               let useOffscreenCanvas = false;
-
-                               try {
-                                       useOffscreenCanvas = typeof OffscreenCanvas !== 'undefined' && new OffscreenCanvas(1, 1).getContext('2d') !== null;
-                               } catch (err) {// Ignore any errors
-                               }
-
-                               function createCanvas(width, height) {
-                                       // Use OffscreenCanvas when available. Specially needed in web workers
-                                       return useOffscreenCanvas ? new OffscreenCanvas(width, height) : document.createElementNS('http://www.w3.org/1999/xhtml', 'canvas');
-                               }
-
-                               function resizeImage(image, needsPowerOfTwo, needsNewCanvas, maxSize) {
-                                       let scale = 1; // handle case if texture exceeds max size
-
-                                       if (image.width > maxSize || image.height > maxSize) {
-                                               scale = maxSize / Math.max(image.width, image.height);
-                                       } // only perform resize if necessary
-
-
-                                       if (scale < 1 || needsPowerOfTwo === true) {
-                                               // only perform resize for certain image types
-                                               if (typeof HTMLImageElement !== 'undefined' && image instanceof HTMLImageElement || typeof HTMLCanvasElement !== 'undefined' && image instanceof HTMLCanvasElement || typeof ImageBitmap !== 'undefined' && image instanceof ImageBitmap) {
-                                                       const floor = needsPowerOfTwo ? floorPowerOfTwo : Math.floor;
-                                                       const width = floor(scale * image.width);
-                                                       const height = floor(scale * image.height);
-                                                       if (_canvas === undefined) _canvas = createCanvas(width, height); // cube textures can't reuse the same canvas
-
-                                                       const canvas = needsNewCanvas ? createCanvas(width, height) : _canvas;
-                                                       canvas.width = width;
-                                                       canvas.height = height;
-                                                       const context = canvas.getContext('2d');
-                                                       context.drawImage(image, 0, 0, width, height);
-                                                       console.warn('THREE.WebGLRenderer: Texture has been resized from (' + image.width + 'x' + image.height + ') to (' + width + 'x' + height + ').');
-                                                       return canvas;
-                                               } else {
-                                                       if ('data' in image) {
-                                                               console.warn('THREE.WebGLRenderer: Image in DataTexture is too big (' + image.width + 'x' + image.height + ').');
-                                                       }
-
-                                                       return image;
-                                               }
-                                       }
-
-                                       return image;
-                               }
-
-                               function isPowerOfTwo$1(image) {
-                                       return isPowerOfTwo(image.width) && isPowerOfTwo(image.height);
-                               }
-
-                               function textureNeedsPowerOfTwo(texture) {
-                                       if (isWebGL2) return false;
-                                       return texture.wrapS !== ClampToEdgeWrapping || texture.wrapT !== ClampToEdgeWrapping || texture.minFilter !== NearestFilter && texture.minFilter !== LinearFilter;
-                               }
-
-                               function textureNeedsGenerateMipmaps(texture, supportsMips) {
-                                       return texture.generateMipmaps && supportsMips && texture.minFilter !== NearestFilter && texture.minFilter !== LinearFilter;
-                               }
-
-                               function generateMipmap(target, texture, width, height, depth = 1) {
-                                       _gl.generateMipmap(target);
-
-                                       const textureProperties = properties.get(texture);
-                                       textureProperties.__maxMipLevel = Math.log2(Math.max(width, height, depth));
-                               }
-
-                               function getInternalFormat(internalFormatName, glFormat, glType) {
-                                       if (isWebGL2 === false) return glFormat;
-
-                                       if (internalFormatName !== null) {
-                                               if (_gl[internalFormatName] !== undefined) return _gl[internalFormatName];
-                                               console.warn('THREE.WebGLRenderer: Attempt to use non-existing WebGL internal format \'' + internalFormatName + '\'');
-                                       }
-
-                                       let internalFormat = glFormat;
-
-                                       if (glFormat === _gl.RED) {
-                                               if (glType === _gl.FLOAT) internalFormat = _gl.R32F;
-                                               if (glType === _gl.HALF_FLOAT) internalFormat = _gl.R16F;
-                                               if (glType === _gl.UNSIGNED_BYTE) internalFormat = _gl.R8;
-                                       }
-
-                                       if (glFormat === _gl.RGB) {
-                                               if (glType === _gl.FLOAT) internalFormat = _gl.RGB32F;
-                                               if (glType === _gl.HALF_FLOAT) internalFormat = _gl.RGB16F;
-                                               if (glType === _gl.UNSIGNED_BYTE) internalFormat = _gl.RGB8;
-                                       }
-
-                                       if (glFormat === _gl.RGBA) {
-                                               if (glType === _gl.FLOAT) internalFormat = _gl.RGBA32F;
-                                               if (glType === _gl.HALF_FLOAT) internalFormat = _gl.RGBA16F;
-                                               if (glType === _gl.UNSIGNED_BYTE) internalFormat = _gl.RGBA8;
-                                       }
-
-                                       if (internalFormat === _gl.R16F || internalFormat === _gl.R32F || internalFormat === _gl.RGBA16F || internalFormat === _gl.RGBA32F) {
-                                               extensions.get('EXT_color_buffer_float');
-                                       }
-
-                                       return internalFormat;
-                               } // Fallback filters for non-power-of-2 textures
-
-
-                               function filterFallback(f) {
-                                       if (f === NearestFilter || f === NearestMipmapNearestFilter || f === NearestMipmapLinearFilter) {
-                                               return _gl.NEAREST;
-                                       }
-
-                                       return _gl.LINEAR;
-                               } //
-
-
-                               function onTextureDispose(event) {
-                                       const texture = event.target;
-                                       texture.removeEventListener('dispose', onTextureDispose);
-                                       deallocateTexture(texture);
-
-                                       if (texture.isVideoTexture) {
-                                               _videoTextures.delete(texture);
-                                       }
-
-                                       info.memory.textures--;
-                               }
-
-                               function onRenderTargetDispose(event) {
-                                       const renderTarget = event.target;
-                                       renderTarget.removeEventListener('dispose', onRenderTargetDispose);
-                                       deallocateRenderTarget(renderTarget);
-                               } //
-
-
-                               function deallocateTexture(texture) {
-                                       const textureProperties = properties.get(texture);
-                                       if (textureProperties.__webglInit === undefined) return;
-
-                                       _gl.deleteTexture(textureProperties.__webglTexture);
-
-                                       properties.remove(texture);
-                               }
-
-                               function deallocateRenderTarget(renderTarget) {
-                                       const texture = renderTarget.texture;
-                                       const renderTargetProperties = properties.get(renderTarget);
-                                       const textureProperties = properties.get(texture);
-                                       if (!renderTarget) return;
-
-                                       if (textureProperties.__webglTexture !== undefined) {
-                                               _gl.deleteTexture(textureProperties.__webglTexture);
-
-                                               info.memory.textures--;
-                                       }
-
-                                       if (renderTarget.depthTexture) {
-                                               renderTarget.depthTexture.dispose();
-                                       }
-
-                                       if (renderTarget.isWebGLCubeRenderTarget) {
-                                               for (let i = 0; i < 6; i++) {
-                                                       _gl.deleteFramebuffer(renderTargetProperties.__webglFramebuffer[i]);
-
-                                                       if (renderTargetProperties.__webglDepthbuffer) _gl.deleteRenderbuffer(renderTargetProperties.__webglDepthbuffer[i]);
-                                               }
-                                       } else {
-                                               _gl.deleteFramebuffer(renderTargetProperties.__webglFramebuffer);
-
-                                               if (renderTargetProperties.__webglDepthbuffer) _gl.deleteRenderbuffer(renderTargetProperties.__webglDepthbuffer);
-                                               if (renderTargetProperties.__webglMultisampledFramebuffer) _gl.deleteFramebuffer(renderTargetProperties.__webglMultisampledFramebuffer);
-                                               if (renderTargetProperties.__webglColorRenderbuffer) _gl.deleteRenderbuffer(renderTargetProperties.__webglColorRenderbuffer);
-                                               if (renderTargetProperties.__webglDepthRenderbuffer) _gl.deleteRenderbuffer(renderTargetProperties.__webglDepthRenderbuffer);
-                                       }
-
-                                       if (renderTarget.isWebGLMultipleRenderTargets) {
-                                               for (let i = 0, il = texture.length; i < il; i++) {
-                                                       const attachmentProperties = properties.get(texture[i]);
-
-                                                       if (attachmentProperties.__webglTexture) {
-                                                               _gl.deleteTexture(attachmentProperties.__webglTexture);
-
-                                                               info.memory.textures--;
-                                                       }
-
-                                                       properties.remove(texture[i]);
-                                               }
-                                       }
-
-                                       properties.remove(texture);
-                                       properties.remove(renderTarget);
-                               } //
-
-
-                               let textureUnits = 0;
-
-                               function resetTextureUnits() {
-                                       textureUnits = 0;
-                               }
-
-                               function allocateTextureUnit() {
-                                       const textureUnit = textureUnits;
-
-                                       if (textureUnit >= maxTextures) {
-                                               console.warn('THREE.WebGLTextures: Trying to use ' + textureUnit + ' texture units while this GPU supports only ' + maxTextures);
-                                       }
-
-                                       textureUnits += 1;
-                                       return textureUnit;
-                               } //
-
-
-                               function setTexture2D(texture, slot) {
-                                       const textureProperties = properties.get(texture);
-                                       if (texture.isVideoTexture) updateVideoTexture(texture);
-
-                                       if (texture.version > 0 && textureProperties.__version !== texture.version) {
-                                               const image = texture.image;
-
-                                               if (image === undefined) {
-                                                       console.warn('THREE.WebGLRenderer: Texture marked for update but image is undefined');
-                                               } else if (image.complete === false) {
-                                                       console.warn('THREE.WebGLRenderer: Texture marked for update but image is incomplete');
-                                               } else {
-                                                       uploadTexture(textureProperties, texture, slot);
-                                                       return;
-                                               }
-                                       }
-
-                                       state.activeTexture(_gl.TEXTURE0 + slot);
-                                       state.bindTexture(_gl.TEXTURE_2D, textureProperties.__webglTexture);
-                               }
-
-                               function setTexture2DArray(texture, slot) {
-                                       const textureProperties = properties.get(texture);
-
-                                       if (texture.version > 0 && textureProperties.__version !== texture.version) {
-                                               uploadTexture(textureProperties, texture, slot);
-                                               return;
-                                       }
-
-                                       state.activeTexture(_gl.TEXTURE0 + slot);
-                                       state.bindTexture(_gl.TEXTURE_2D_ARRAY, textureProperties.__webglTexture);
-                               }
-
-                               function setTexture3D(texture, slot) {
-                                       const textureProperties = properties.get(texture);
-
-                                       if (texture.version > 0 && textureProperties.__version !== texture.version) {
-                                               uploadTexture(textureProperties, texture, slot);
-                                               return;
-                                       }
-
-                                       state.activeTexture(_gl.TEXTURE0 + slot);
-                                       state.bindTexture(_gl.TEXTURE_3D, textureProperties.__webglTexture);
-                               }
-
-                               function setTextureCube(texture, slot) {
-                                       const textureProperties = properties.get(texture);
-
-                                       if (texture.version > 0 && textureProperties.__version !== texture.version) {
-                                               uploadCubeTexture(textureProperties, texture, slot);
-                                               return;
-                                       }
-
-                                       state.activeTexture(_gl.TEXTURE0 + slot);
-                                       state.bindTexture(_gl.TEXTURE_CUBE_MAP, textureProperties.__webglTexture);
-                               }
-
-                               const wrappingToGL = {
-                                       [RepeatWrapping]: _gl.REPEAT,
-                                       [ClampToEdgeWrapping]: _gl.CLAMP_TO_EDGE,
-                                       [MirroredRepeatWrapping]: _gl.MIRRORED_REPEAT
-                               };
-                               const filterToGL = {
-                                       [NearestFilter]: _gl.NEAREST,
-                                       [NearestMipmapNearestFilter]: _gl.NEAREST_MIPMAP_NEAREST,
-                                       [NearestMipmapLinearFilter]: _gl.NEAREST_MIPMAP_LINEAR,
-                                       [LinearFilter]: _gl.LINEAR,
-                                       [LinearMipmapNearestFilter]: _gl.LINEAR_MIPMAP_NEAREST,
-                                       [LinearMipmapLinearFilter]: _gl.LINEAR_MIPMAP_LINEAR
-                               };
-
-                               function setTextureParameters(textureType, texture, supportsMips) {
-                                       if (supportsMips) {
-                                               _gl.texParameteri(textureType, _gl.TEXTURE_WRAP_S, wrappingToGL[texture.wrapS]);
-
-                                               _gl.texParameteri(textureType, _gl.TEXTURE_WRAP_T, wrappingToGL[texture.wrapT]);
-
-                                               if (textureType === _gl.TEXTURE_3D || textureType === _gl.TEXTURE_2D_ARRAY) {
-                                                       _gl.texParameteri(textureType, _gl.TEXTURE_WRAP_R, wrappingToGL[texture.wrapR]);
-                                               }
-
-                                               _gl.texParameteri(textureType, _gl.TEXTURE_MAG_FILTER, filterToGL[texture.magFilter]);
-
-                                               _gl.texParameteri(textureType, _gl.TEXTURE_MIN_FILTER, filterToGL[texture.minFilter]);
-                                       } else {
-                                               _gl.texParameteri(textureType, _gl.TEXTURE_WRAP_S, _gl.CLAMP_TO_EDGE);
-
-                                               _gl.texParameteri(textureType, _gl.TEXTURE_WRAP_T, _gl.CLAMP_TO_EDGE);
-
-                                               if (textureType === _gl.TEXTURE_3D || textureType === _gl.TEXTURE_2D_ARRAY) {
-                                                       _gl.texParameteri(textureType, _gl.TEXTURE_WRAP_R, _gl.CLAMP_TO_EDGE);
-                                               }
-
-                                               if (texture.wrapS !== ClampToEdgeWrapping || texture.wrapT !== ClampToEdgeWrapping) {
-                                                       console.warn('THREE.WebGLRenderer: Texture is not power of two. Texture.wrapS and Texture.wrapT should be set to THREE.ClampToEdgeWrapping.');
-                                               }
-
-                                               _gl.texParameteri(textureType, _gl.TEXTURE_MAG_FILTER, filterFallback(texture.magFilter));
-
-                                               _gl.texParameteri(textureType, _gl.TEXTURE_MIN_FILTER, filterFallback(texture.minFilter));
-
-                                               if (texture.minFilter !== NearestFilter && texture.minFilter !== LinearFilter) {
-                                                       console.warn('THREE.WebGLRenderer: Texture is not power of two. Texture.minFilter should be set to THREE.NearestFilter or THREE.LinearFilter.');
-                                               }
-                                       }
-
-                                       if (extensions.has('EXT_texture_filter_anisotropic') === true) {
-                                               const extension = extensions.get('EXT_texture_filter_anisotropic');
-                                               if (texture.type === FloatType && extensions.has('OES_texture_float_linear') === false) return; // verify extension for WebGL 1 and WebGL 2
-
-                                               if (isWebGL2 === false && texture.type === HalfFloatType && extensions.has('OES_texture_half_float_linear') === false) return; // verify extension for WebGL 1 only
-
-                                               if (texture.anisotropy > 1 || properties.get(texture).__currentAnisotropy) {
-                                                       _gl.texParameterf(textureType, extension.TEXTURE_MAX_ANISOTROPY_EXT, Math.min(texture.anisotropy, capabilities.getMaxAnisotropy()));
-
-                                                       properties.get(texture).__currentAnisotropy = texture.anisotropy;
-                                               }
-                                       }
-                               }
-
-                               function initTexture(textureProperties, texture) {
-                                       if (textureProperties.__webglInit === undefined) {
-                                               textureProperties.__webglInit = true;
-                                               texture.addEventListener('dispose', onTextureDispose);
-                                               textureProperties.__webglTexture = _gl.createTexture();
-                                               info.memory.textures++;
-                                       }
-                               }
-
-                               function uploadTexture(textureProperties, texture, slot) {
-                                       let textureType = _gl.TEXTURE_2D;
-                                       if (texture.isDataTexture2DArray) textureType = _gl.TEXTURE_2D_ARRAY;
-                                       if (texture.isDataTexture3D) textureType = _gl.TEXTURE_3D;
-                                       initTexture(textureProperties, texture);
-                                       state.activeTexture(_gl.TEXTURE0 + slot);
-                                       state.bindTexture(textureType, textureProperties.__webglTexture);
-
-                                       _gl.pixelStorei(_gl.UNPACK_FLIP_Y_WEBGL, texture.flipY);
-
-                                       _gl.pixelStorei(_gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL, texture.premultiplyAlpha);
-
-                                       _gl.pixelStorei(_gl.UNPACK_ALIGNMENT, texture.unpackAlignment);
-
-                                       _gl.pixelStorei(_gl.UNPACK_COLORSPACE_CONVERSION_WEBGL, _gl.NONE);
-
-                                       const needsPowerOfTwo = textureNeedsPowerOfTwo(texture) && isPowerOfTwo$1(texture.image) === false;
-                                       const image = resizeImage(texture.image, needsPowerOfTwo, false, maxTextureSize);
-                                       const supportsMips = isPowerOfTwo$1(image) || isWebGL2,
-                                               glFormat = utils.convert(texture.format);
-                                       let glType = utils.convert(texture.type),
-                                               glInternalFormat = getInternalFormat(texture.internalFormat, glFormat, glType);
-                                       setTextureParameters(textureType, texture, supportsMips);
-                                       let mipmap;
-                                       const mipmaps = texture.mipmaps;
-
-                                       if (texture.isDepthTexture) {
-                                               // populate depth texture with dummy data
-                                               glInternalFormat = _gl.DEPTH_COMPONENT;
-
-                                               if (isWebGL2) {
-                                                       if (texture.type === FloatType) {
-                                                               glInternalFormat = _gl.DEPTH_COMPONENT32F;
-                                                       } else if (texture.type === UnsignedIntType) {
-                                                               glInternalFormat = _gl.DEPTH_COMPONENT24;
-                                                       } else if (texture.type === UnsignedInt248Type) {
-                                                               glInternalFormat = _gl.DEPTH24_STENCIL8;
-                                                       } else {
-                                                               glInternalFormat = _gl.DEPTH_COMPONENT16; // WebGL2 requires sized internalformat for glTexImage2D
-                                                       }
-                                               } else {
-                                                       if (texture.type === FloatType) {
-                                                               console.error('WebGLRenderer: Floating point depth texture requires WebGL2.');
-                                                       }
-                                               } // validation checks for WebGL 1
-
-
-                                               if (texture.format === DepthFormat && glInternalFormat === _gl.DEPTH_COMPONENT) {
-                                                       // The error INVALID_OPERATION is generated by texImage2D if format and internalformat are
-                                                       // DEPTH_COMPONENT and type is not UNSIGNED_SHORT or UNSIGNED_INT
-                                                       // (https://www.khronos.org/registry/webgl/extensions/WEBGL_depth_texture/)
-                                                       if (texture.type !== UnsignedShortType && texture.type !== UnsignedIntType) {
-                                                               console.warn('THREE.WebGLRenderer: Use UnsignedShortType or UnsignedIntType for DepthFormat DepthTexture.');
-                                                               texture.type = UnsignedShortType;
-                                                               glType = utils.convert(texture.type);
-                                                       }
-                                               }
-
-                                               if (texture.format === DepthStencilFormat && glInternalFormat === _gl.DEPTH_COMPONENT) {
-                                                       // Depth stencil textures need the DEPTH_STENCIL internal format
-                                                       // (https://www.khronos.org/registry/webgl/extensions/WEBGL_depth_texture/)
-                                                       glInternalFormat = _gl.DEPTH_STENCIL; // The error INVALID_OPERATION is generated by texImage2D if format and internalformat are
-                                                       // DEPTH_STENCIL and type is not UNSIGNED_INT_24_8_WEBGL.
-                                                       // (https://www.khronos.org/registry/webgl/extensions/WEBGL_depth_texture/)
-
-                                                       if (texture.type !== UnsignedInt248Type) {
-                                                               console.warn('THREE.WebGLRenderer: Use UnsignedInt248Type for DepthStencilFormat DepthTexture.');
-                                                               texture.type = UnsignedInt248Type;
-                                                               glType = utils.convert(texture.type);
-                                                       }
-                                               } //
-
-
-                                               state.texImage2D(_gl.TEXTURE_2D, 0, glInternalFormat, image.width, image.height, 0, glFormat, glType, null);
-                                       } else if (texture.isDataTexture) {
-                                               // use manually created mipmaps if available
-                                               // if there are no manual mipmaps
-                                               // set 0 level mipmap and then use GL to generate other mipmap levels
-                                               if (mipmaps.length > 0 && supportsMips) {
-                                                       for (let i = 0, il = mipmaps.length; i < il; i++) {
-                                                               mipmap = mipmaps[i];
-                                                               state.texImage2D(_gl.TEXTURE_2D, i, glInternalFormat, mipmap.width, mipmap.height, 0, glFormat, glType, mipmap.data);
-                                                       }
-
-                                                       texture.generateMipmaps = false;
-                                                       textureProperties.__maxMipLevel = mipmaps.length - 1;
-                                               } else {
-                                                       state.texImage2D(_gl.TEXTURE_2D, 0, glInternalFormat, image.width, image.height, 0, glFormat, glType, image.data);
-                                                       textureProperties.__maxMipLevel = 0;
-                                               }
-                                       } else if (texture.isCompressedTexture) {
-                                               for (let i = 0, il = mipmaps.length; i < il; i++) {
-                                                       mipmap = mipmaps[i];
-
-                                                       if (texture.format !== RGBAFormat && texture.format !== RGBFormat) {
-                                                               if (glFormat !== null) {
-                                                                       state.compressedTexImage2D(_gl.TEXTURE_2D, i, glInternalFormat, mipmap.width, mipmap.height, 0, mipmap.data);
-                                                               } else {
-                                                                       console.warn('THREE.WebGLRenderer: Attempt to load unsupported compressed texture format in .uploadTexture()');
-                                                               }
-                                                       } else {
-                                                               state.texImage2D(_gl.TEXTURE_2D, i, glInternalFormat, mipmap.width, mipmap.height, 0, glFormat, glType, mipmap.data);
-                                                       }
-                                               }
-
-                                               textureProperties.__maxMipLevel = mipmaps.length - 1;
-                                       } else if (texture.isDataTexture2DArray) {
-                                               state.texImage3D(_gl.TEXTURE_2D_ARRAY, 0, glInternalFormat, image.width, image.height, image.depth, 0, glFormat, glType, image.data);
-                                               textureProperties.__maxMipLevel = 0;
-                                       } else if (texture.isDataTexture3D) {
-                                               state.texImage3D(_gl.TEXTURE_3D, 0, glInternalFormat, image.width, image.height, image.depth, 0, glFormat, glType, image.data);
-                                               textureProperties.__maxMipLevel = 0;
-                                       } else {
-                                               // regular Texture (image, video, canvas)
-                                               // use manually created mipmaps if available
-                                               // if there are no manual mipmaps
-                                               // set 0 level mipmap and then use GL to generate other mipmap levels
-                                               if (mipmaps.length > 0 && supportsMips) {
-                                                       for (let i = 0, il = mipmaps.length; i < il; i++) {
-                                                               mipmap = mipmaps[i];
-                                                               state.texImage2D(_gl.TEXTURE_2D, i, glInternalFormat, glFormat, glType, mipmap);
-                                                       }
-
-                                                       texture.generateMipmaps = false;
-                                                       textureProperties.__maxMipLevel = mipmaps.length - 1;
-                                               } else {
-                                                       state.texImage2D(_gl.TEXTURE_2D, 0, glInternalFormat, glFormat, glType, image);
-                                                       textureProperties.__maxMipLevel = 0;
-                                               }
-                                       }
-
-                                       if (textureNeedsGenerateMipmaps(texture, supportsMips)) {
-                                               generateMipmap(textureType, texture, image.width, image.height);
-                                       }
-
-                                       textureProperties.__version = texture.version;
-                                       if (texture.onUpdate) texture.onUpdate(texture);
-                               }
-
-                               function uploadCubeTexture(textureProperties, texture, slot) {
-                                       if (texture.image.length !== 6) return;
-                                       initTexture(textureProperties, texture);
-                                       state.activeTexture(_gl.TEXTURE0 + slot);
-                                       state.bindTexture(_gl.TEXTURE_CUBE_MAP, textureProperties.__webglTexture);
-
-                                       _gl.pixelStorei(_gl.UNPACK_FLIP_Y_WEBGL, texture.flipY);
-
-                                       _gl.pixelStorei(_gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL, texture.premultiplyAlpha);
-
-                                       _gl.pixelStorei(_gl.UNPACK_ALIGNMENT, texture.unpackAlignment);
-
-                                       _gl.pixelStorei(_gl.UNPACK_COLORSPACE_CONVERSION_WEBGL, _gl.NONE);
-
-                                       const isCompressed = texture && (texture.isCompressedTexture || texture.image[0].isCompressedTexture);
-                                       const isDataTexture = texture.image[0] && texture.image[0].isDataTexture;
-                                       const cubeImage = [];
-
-                                       for (let i = 0; i < 6; i++) {
-                                               if (!isCompressed && !isDataTexture) {
-                                                       cubeImage[i] = resizeImage(texture.image[i], false, true, maxCubemapSize);
-                                               } else {
-                                                       cubeImage[i] = isDataTexture ? texture.image[i].image : texture.image[i];
-                                               }
-                                       }
-
-                                       const image = cubeImage[0],
-                                               supportsMips = isPowerOfTwo$1(image) || isWebGL2,
-                                               glFormat = utils.convert(texture.format),
-                                               glType = utils.convert(texture.type),
-                                               glInternalFormat = getInternalFormat(texture.internalFormat, glFormat, glType);
-                                       setTextureParameters(_gl.TEXTURE_CUBE_MAP, texture, supportsMips);
-                                       let mipmaps;
-
-                                       if (isCompressed) {
-                                               for (let i = 0; i < 6; i++) {
-                                                       mipmaps = cubeImage[i].mipmaps;
-
-                                                       for (let j = 0; j < mipmaps.length; j++) {
-                                                               const mipmap = mipmaps[j];
-
-                                                               if (texture.format !== RGBAFormat && texture.format !== RGBFormat) {
-                                                                       if (glFormat !== null) {
-                                                                               state.compressedTexImage2D(_gl.TEXTURE_CUBE_MAP_POSITIVE_X + i, j, glInternalFormat, mipmap.width, mipmap.height, 0, mipmap.data);
-                                                                       } else {
-                                                                               console.warn('THREE.WebGLRenderer: Attempt to load unsupported compressed texture format in .setTextureCube()');
-                                                                       }
-                                                               } else {
-                                                                       state.texImage2D(_gl.TEXTURE_CUBE_MAP_POSITIVE_X + i, j, glInternalFormat, mipmap.width, mipmap.height, 0, glFormat, glType, mipmap.data);
-                                                               }
-                                                       }
-                                               }
-
-                                               textureProperties.__maxMipLevel = mipmaps.length - 1;
-                                       } else {
-                                               mipmaps = texture.mipmaps;
-
-                                               for (let i = 0; i < 6; i++) {
-                                                       if (isDataTexture) {
-                                                               state.texImage2D(_gl.TEXTURE_CUBE_MAP_POSITIVE_X + i, 0, glInternalFormat, cubeImage[i].width, cubeImage[i].height, 0, glFormat, glType, cubeImage[i].data);
-
-                                                               for (let j = 0; j < mipmaps.length; j++) {
-                                                                       const mipmap = mipmaps[j];
-                                                                       const mipmapImage = mipmap.image[i].image;
-                                                                       state.texImage2D(_gl.TEXTURE_CUBE_MAP_POSITIVE_X + i, j + 1, glInternalFormat, mipmapImage.width, mipmapImage.height, 0, glFormat, glType, mipmapImage.data);
-                                                               }
-                                                       } else {
-                                                               state.texImage2D(_gl.TEXTURE_CUBE_MAP_POSITIVE_X + i, 0, glInternalFormat, glFormat, glType, cubeImage[i]);
-
-                                                               for (let j = 0; j < mipmaps.length; j++) {
-                                                                       const mipmap = mipmaps[j];
-                                                                       state.texImage2D(_gl.TEXTURE_CUBE_MAP_POSITIVE_X + i, j + 1, glInternalFormat, glFormat, glType, mipmap.image[i]);
-                                                               }
-                                                       }
-                                               }
-
-                                               textureProperties.__maxMipLevel = mipmaps.length;
-                                       }
-
-                                       if (textureNeedsGenerateMipmaps(texture, supportsMips)) {
-                                               // We assume images for cube map have the same size.
-                                               generateMipmap(_gl.TEXTURE_CUBE_MAP, texture, image.width, image.height);
-                                       }
-
-                                       textureProperties.__version = texture.version;
-                                       if (texture.onUpdate) texture.onUpdate(texture);
-                               } // Render targets
-                               // Setup storage for target texture and bind it to correct framebuffer
-
-
-                               function setupFrameBufferTexture(framebuffer, renderTarget, texture, attachment, textureTarget) {
-                                       const glFormat = utils.convert(texture.format);
-                                       const glType = utils.convert(texture.type);
-                                       const glInternalFormat = getInternalFormat(texture.internalFormat, glFormat, glType);
-
-                                       if (textureTarget === _gl.TEXTURE_3D || textureTarget === _gl.TEXTURE_2D_ARRAY) {
-                                               state.texImage3D(textureTarget, 0, glInternalFormat, renderTarget.width, renderTarget.height, renderTarget.depth, 0, glFormat, glType, null);
-                                       } else {
-                                               state.texImage2D(textureTarget, 0, glInternalFormat, renderTarget.width, renderTarget.height, 0, glFormat, glType, null);
-                                       }
-
-                                       state.bindFramebuffer(_gl.FRAMEBUFFER, framebuffer);
-
-                                       _gl.framebufferTexture2D(_gl.FRAMEBUFFER, attachment, textureTarget, properties.get(texture).__webglTexture, 0);
-
-                                       state.bindFramebuffer(_gl.FRAMEBUFFER, null);
-                               } // Setup storage for internal depth/stencil buffers and bind to correct framebuffer
-
-
-                               function setupRenderBufferStorage(renderbuffer, renderTarget, isMultisample) {
-                                       _gl.bindRenderbuffer(_gl.RENDERBUFFER, renderbuffer);
-
-                                       if (renderTarget.depthBuffer && !renderTarget.stencilBuffer) {
-                                               let glInternalFormat = _gl.DEPTH_COMPONENT16;
-
-                                               if (isMultisample) {
-                                                       const depthTexture = renderTarget.depthTexture;
-
-                                                       if (depthTexture && depthTexture.isDepthTexture) {
-                                                               if (depthTexture.type === FloatType) {
-                                                                       glInternalFormat = _gl.DEPTH_COMPONENT32F;
-                                                               } else if (depthTexture.type === UnsignedIntType) {
-                                                                       glInternalFormat = _gl.DEPTH_COMPONENT24;
-                                                               }
-                                                       }
-
-                                                       const samples = getRenderTargetSamples(renderTarget);
-
-                                                       _gl.renderbufferStorageMultisample(_gl.RENDERBUFFER, samples, glInternalFormat, renderTarget.width, renderTarget.height);
-                                               } else {
-                                                       _gl.renderbufferStorage(_gl.RENDERBUFFER, glInternalFormat, renderTarget.width, renderTarget.height);
-                                               }
-
-                                               _gl.framebufferRenderbuffer(_gl.FRAMEBUFFER, _gl.DEPTH_ATTACHMENT, _gl.RENDERBUFFER, renderbuffer);
-                                       } else if (renderTarget.depthBuffer && renderTarget.stencilBuffer) {
-                                               if (isMultisample) {
-                                                       const samples = getRenderTargetSamples(renderTarget);
-
-                                                       _gl.renderbufferStorageMultisample(_gl.RENDERBUFFER, samples, _gl.DEPTH24_STENCIL8, renderTarget.width, renderTarget.height);
-                                               } else {
-                                                       _gl.renderbufferStorage(_gl.RENDERBUFFER, _gl.DEPTH_STENCIL, renderTarget.width, renderTarget.height);
-                                               }
-
-                                               _gl.framebufferRenderbuffer(_gl.FRAMEBUFFER, _gl.DEPTH_STENCIL_ATTACHMENT, _gl.RENDERBUFFER, renderbuffer);
-                                       } else {
-                                               // Use the first texture for MRT so far
-                                               const texture = renderTarget.isWebGLMultipleRenderTargets === true ? renderTarget.texture[0] : renderTarget.texture;
-                                               const glFormat = utils.convert(texture.format);
-                                               const glType = utils.convert(texture.type);
-                                               const glInternalFormat = getInternalFormat(texture.internalFormat, glFormat, glType);
-
-                                               if (isMultisample) {
-                                                       const samples = getRenderTargetSamples(renderTarget);
-
-                                                       _gl.renderbufferStorageMultisample(_gl.RENDERBUFFER, samples, glInternalFormat, renderTarget.width, renderTarget.height);
-                                               } else {
-                                                       _gl.renderbufferStorage(_gl.RENDERBUFFER, glInternalFormat, renderTarget.width, renderTarget.height);
-                                               }
-                                       }
-
-                                       _gl.bindRenderbuffer(_gl.RENDERBUFFER, null);
-                               } // Setup resources for a Depth Texture for a FBO (needs an extension)
-
-
-                               function setupDepthTexture(framebuffer, renderTarget) {
-                                       const isCube = renderTarget && renderTarget.isWebGLCubeRenderTarget;
-                                       if (isCube) throw new Error('Depth Texture with cube render targets is not supported');
-                                       state.bindFramebuffer(_gl.FRAMEBUFFER, framebuffer);
-
-                                       if (!(renderTarget.depthTexture && renderTarget.depthTexture.isDepthTexture)) {
-                                               throw new Error('renderTarget.depthTexture must be an instance of THREE.DepthTexture');
-                                       } // upload an empty depth texture with framebuffer size
-
-
-                                       if (!properties.get(renderTarget.depthTexture).__webglTexture || renderTarget.depthTexture.image.width !== renderTarget.width || renderTarget.depthTexture.image.height !== renderTarget.height) {
-                                               renderTarget.depthTexture.image.width = renderTarget.width;
-                                               renderTarget.depthTexture.image.height = renderTarget.height;
-                                               renderTarget.depthTexture.needsUpdate = true;
-                                       }
-
-                                       setTexture2D(renderTarget.depthTexture, 0);
-
-                                       const webglDepthTexture = properties.get(renderTarget.depthTexture).__webglTexture;
-
-                                       if (renderTarget.depthTexture.format === DepthFormat) {
-                                               _gl.framebufferTexture2D(_gl.FRAMEBUFFER, _gl.DEPTH_ATTACHMENT, _gl.TEXTURE_2D, webglDepthTexture, 0);
-                                       } else if (renderTarget.depthTexture.format === DepthStencilFormat) {
-                                               _gl.framebufferTexture2D(_gl.FRAMEBUFFER, _gl.DEPTH_STENCIL_ATTACHMENT, _gl.TEXTURE_2D, webglDepthTexture, 0);
-                                       } else {
-                                               throw new Error('Unknown depthTexture format');
-                                       }
-                               } // Setup GL resources for a non-texture depth buffer
-
-
-                               function setupDepthRenderbuffer(renderTarget) {
-                                       const renderTargetProperties = properties.get(renderTarget);
-                                       const isCube = renderTarget.isWebGLCubeRenderTarget === true;
-
-                                       if (renderTarget.depthTexture) {
-                                               if (isCube) throw new Error('target.depthTexture not supported in Cube render targets');
-                                               setupDepthTexture(renderTargetProperties.__webglFramebuffer, renderTarget);
-                                       } else {
-                                               if (isCube) {
-                                                       renderTargetProperties.__webglDepthbuffer = [];
-
-                                                       for (let i = 0; i < 6; i++) {
-                                                               state.bindFramebuffer(_gl.FRAMEBUFFER, renderTargetProperties.__webglFramebuffer[i]);
-                                                               renderTargetProperties.__webglDepthbuffer[i] = _gl.createRenderbuffer();
-                                                               setupRenderBufferStorage(renderTargetProperties.__webglDepthbuffer[i], renderTarget, false);
-                                                       }
-                                               } else {
-                                                       state.bindFramebuffer(_gl.FRAMEBUFFER, renderTargetProperties.__webglFramebuffer);
-                                                       renderTargetProperties.__webglDepthbuffer = _gl.createRenderbuffer();
-                                                       setupRenderBufferStorage(renderTargetProperties.__webglDepthbuffer, renderTarget, false);
-                                               }
-                                       }
-
-                                       state.bindFramebuffer(_gl.FRAMEBUFFER, null);
-                               } // Set up GL resources for the render target
-
-
-                               function setupRenderTarget(renderTarget) {
-                                       const texture = renderTarget.texture;
-                                       const renderTargetProperties = properties.get(renderTarget);
-                                       const textureProperties = properties.get(texture);
-                                       renderTarget.addEventListener('dispose', onRenderTargetDispose);
-
-                                       if (renderTarget.isWebGLMultipleRenderTargets !== true) {
-                                               textureProperties.__webglTexture = _gl.createTexture();
-                                               textureProperties.__version = texture.version;
-                                               info.memory.textures++;
-                                       }
-
-                                       const isCube = renderTarget.isWebGLCubeRenderTarget === true;
-                                       const isMultipleRenderTargets = renderTarget.isWebGLMultipleRenderTargets === true;
-                                       const isMultisample = renderTarget.isWebGLMultisampleRenderTarget === true;
-                                       const isRenderTarget3D = texture.isDataTexture3D || texture.isDataTexture2DArray;
-                                       const supportsMips = isPowerOfTwo$1(renderTarget) || isWebGL2; // Handles WebGL2 RGBFormat fallback - #18858
-
-                                       if (isWebGL2 && texture.format === RGBFormat && (texture.type === FloatType || texture.type === HalfFloatType)) {
-                                               texture.format = RGBAFormat;
-                                               console.warn('THREE.WebGLRenderer: Rendering to textures with RGB format is not supported. Using RGBA format instead.');
-                                       } // Setup framebuffer
-
-
-                                       if (isCube) {
-                                               renderTargetProperties.__webglFramebuffer = [];
-
-                                               for (let i = 0; i < 6; i++) {
-                                                       renderTargetProperties.__webglFramebuffer[i] = _gl.createFramebuffer();
-                                               }
-                                       } else {
-                                               renderTargetProperties.__webglFramebuffer = _gl.createFramebuffer();
-
-                                               if (isMultipleRenderTargets) {
-                                                       if (capabilities.drawBuffers) {
-                                                               const textures = renderTarget.texture;
-
-                                                               for (let i = 0, il = textures.length; i < il; i++) {
-                                                                       const attachmentProperties = properties.get(textures[i]);
-
-                                                                       if (attachmentProperties.__webglTexture === undefined) {
-                                                                               attachmentProperties.__webglTexture = _gl.createTexture();
-                                                                               info.memory.textures++;
-                                                                       }
-                                                               }
-                                                       } else {
-                                                               console.warn('THREE.WebGLRenderer: WebGLMultipleRenderTargets can only be used with WebGL2 or WEBGL_draw_buffers extension.');
-                                                       }
-                                               } else if (isMultisample) {
-                                                       if (isWebGL2) {
-                                                               renderTargetProperties.__webglMultisampledFramebuffer = _gl.createFramebuffer();
-                                                               renderTargetProperties.__webglColorRenderbuffer = _gl.createRenderbuffer();
-
-                                                               _gl.bindRenderbuffer(_gl.RENDERBUFFER, renderTargetProperties.__webglColorRenderbuffer);
-
-                                                               const glFormat = utils.convert(texture.format);
-                                                               const glType = utils.convert(texture.type);
-                                                               const glInternalFormat = getInternalFormat(texture.internalFormat, glFormat, glType);
-                                                               const samples = getRenderTargetSamples(renderTarget);
-
-                                                               _gl.renderbufferStorageMultisample(_gl.RENDERBUFFER, samples, glInternalFormat, renderTarget.width, renderTarget.height);
-
-                                                               state.bindFramebuffer(_gl.FRAMEBUFFER, renderTargetProperties.__webglMultisampledFramebuffer);
-
-                                                               _gl.framebufferRenderbuffer(_gl.FRAMEBUFFER, _gl.COLOR_ATTACHMENT0, _gl.RENDERBUFFER, renderTargetProperties.__webglColorRenderbuffer);
-
-                                                               _gl.bindRenderbuffer(_gl.RENDERBUFFER, null);
-
-                                                               if (renderTarget.depthBuffer) {
-                                                                       renderTargetProperties.__webglDepthRenderbuffer = _gl.createRenderbuffer();
-                                                                       setupRenderBufferStorage(renderTargetProperties.__webglDepthRenderbuffer, renderTarget, true);
-                                                               }
-
-                                                               state.bindFramebuffer(_gl.FRAMEBUFFER, null);
-                                                       } else {
-                                                               console.warn('THREE.WebGLRenderer: WebGLMultisampleRenderTarget can only be used with WebGL2.');
-                                                       }
-                                               }
-                                       } // Setup color buffer
-
-
-                                       if (isCube) {
-                                               state.bindTexture(_gl.TEXTURE_CUBE_MAP, textureProperties.__webglTexture);
-                                               setTextureParameters(_gl.TEXTURE_CUBE_MAP, texture, supportsMips);
-
-                                               for (let i = 0; i < 6; i++) {
-                                                       setupFrameBufferTexture(renderTargetProperties.__webglFramebuffer[i], renderTarget, texture, _gl.COLOR_ATTACHMENT0, _gl.TEXTURE_CUBE_MAP_POSITIVE_X + i);
-                                               }
-
-                                               if (textureNeedsGenerateMipmaps(texture, supportsMips)) {
-                                                       generateMipmap(_gl.TEXTURE_CUBE_MAP, texture, renderTarget.width, renderTarget.height);
-                                               }
-
-                                               state.unbindTexture();
-                                       } else if (isMultipleRenderTargets) {
-                                               const textures = renderTarget.texture;
-
-                                               for (let i = 0, il = textures.length; i < il; i++) {
-                                                       const attachment = textures[i];
-                                                       const attachmentProperties = properties.get(attachment);
-                                                       state.bindTexture(_gl.TEXTURE_2D, attachmentProperties.__webglTexture);
-                                                       setTextureParameters(_gl.TEXTURE_2D, attachment, supportsMips);
-                                                       setupFrameBufferTexture(renderTargetProperties.__webglFramebuffer, renderTarget, attachment, _gl.COLOR_ATTACHMENT0 + i, _gl.TEXTURE_2D);
-
-                                                       if (textureNeedsGenerateMipmaps(attachment, supportsMips)) {
-                                                               generateMipmap(_gl.TEXTURE_2D, attachment, renderTarget.width, renderTarget.height);
-                                                       }
-                                               }
-
-                                               state.unbindTexture();
-                                       } else {
-                                               let glTextureType = _gl.TEXTURE_2D;
-
-                                               if (isRenderTarget3D) {
-                                                       // Render targets containing layers, i.e: Texture 3D and 2d arrays
-                                                       if (isWebGL2) {
-                                                               const isTexture3D = texture.isDataTexture3D;
-                                                               glTextureType = isTexture3D ? _gl.TEXTURE_3D : _gl.TEXTURE_2D_ARRAY;
-                                                       } else {
-                                                               console.warn('THREE.DataTexture3D and THREE.DataTexture2DArray only supported with WebGL2.');
-                                                       }
-                                               }
-
-                                               state.bindTexture(glTextureType, textureProperties.__webglTexture);
-                                               setTextureParameters(glTextureType, texture, supportsMips);
-                                               setupFrameBufferTexture(renderTargetProperties.__webglFramebuffer, renderTarget, texture, _gl.COLOR_ATTACHMENT0, glTextureType);
-
-                                               if (textureNeedsGenerateMipmaps(texture, supportsMips)) {
-                                                       generateMipmap(glTextureType, texture, renderTarget.width, renderTarget.height, renderTarget.depth);
-                                               }
-
-                                               state.unbindTexture();
-                                       } // Setup depth and stencil buffers
-
-
-                                       if (renderTarget.depthBuffer) {
-                                               setupDepthRenderbuffer(renderTarget);
-                                       }
-                               }
-
-                               function updateRenderTargetMipmap(renderTarget) {
-                                       const supportsMips = isPowerOfTwo$1(renderTarget) || isWebGL2;
-                                       const textures = renderTarget.isWebGLMultipleRenderTargets === true ? renderTarget.texture : [renderTarget.texture];
-
-                                       for (let i = 0, il = textures.length; i < il; i++) {
-                                               const texture = textures[i];
-
-                                               if (textureNeedsGenerateMipmaps(texture, supportsMips)) {
-                                                       const target = renderTarget.isWebGLCubeRenderTarget ? _gl.TEXTURE_CUBE_MAP : _gl.TEXTURE_2D;
-
-                                                       const webglTexture = properties.get(texture).__webglTexture;
-
-                                                       state.bindTexture(target, webglTexture);
-                                                       generateMipmap(target, texture, renderTarget.width, renderTarget.height);
-                                                       state.unbindTexture();
-                                               }
-                                       }
-                               }
-
-                               function updateMultisampleRenderTarget(renderTarget) {
-                                       if (renderTarget.isWebGLMultisampleRenderTarget) {
-                                               if (isWebGL2) {
-                                                       const width = renderTarget.width;
-                                                       const height = renderTarget.height;
-                                                       let mask = _gl.COLOR_BUFFER_BIT;
-                                                       if (renderTarget.depthBuffer) mask |= _gl.DEPTH_BUFFER_BIT;
-                                                       if (renderTarget.stencilBuffer) mask |= _gl.STENCIL_BUFFER_BIT;
-                                                       const renderTargetProperties = properties.get(renderTarget);
-                                                       state.bindFramebuffer(_gl.READ_FRAMEBUFFER, renderTargetProperties.__webglMultisampledFramebuffer);
-                                                       state.bindFramebuffer(_gl.DRAW_FRAMEBUFFER, renderTargetProperties.__webglFramebuffer);
-
-                                                       _gl.blitFramebuffer(0, 0, width, height, 0, 0, width, height, mask, _gl.NEAREST);
-
-                                                       state.bindFramebuffer(_gl.READ_FRAMEBUFFER, null);
-                                                       state.bindFramebuffer(_gl.DRAW_FRAMEBUFFER, renderTargetProperties.__webglMultisampledFramebuffer);
-                                               } else {
-                                                       console.warn('THREE.WebGLRenderer: WebGLMultisampleRenderTarget can only be used with WebGL2.');
-                                               }
-                                       }
-                               }
-
-                               function getRenderTargetSamples(renderTarget) {
-                                       return isWebGL2 && renderTarget.isWebGLMultisampleRenderTarget ? Math.min(maxSamples, renderTarget.samples) : 0;
-                               }
-
-                               function updateVideoTexture(texture) {
-                                       const frame = info.render.frame; // Check the last frame we updated the VideoTexture
-
-                                       if (_videoTextures.get(texture) !== frame) {
-                                               _videoTextures.set(texture, frame);
-
-                                               texture.update();
-                                       }
-                               } // backwards compatibility
-
-
-                               let warnedTexture2D = false;
-                               let warnedTextureCube = false;
-
-                               function safeSetTexture2D(texture, slot) {
-                                       if (texture && texture.isWebGLRenderTarget) {
-                                               if (warnedTexture2D === false) {
-                                                       console.warn('THREE.WebGLTextures.safeSetTexture2D: don\'t use render targets as textures. Use their .texture property instead.');
-                                                       warnedTexture2D = true;
-                                               }
-
-                                               texture = texture.texture;
-                                       }
-
-                                       setTexture2D(texture, slot);
-                               }
-
-                               function safeSetTextureCube(texture, slot) {
-                                       if (texture && texture.isWebGLCubeRenderTarget) {
-                                               if (warnedTextureCube === false) {
-                                                       console.warn('THREE.WebGLTextures.safeSetTextureCube: don\'t use cube render targets as textures. Use their .texture property instead.');
-                                                       warnedTextureCube = true;
-                                               }
-
-                                               texture = texture.texture;
-                                       }
-
-                                       setTextureCube(texture, slot);
-                               } //
-
-
-                               this.allocateTextureUnit = allocateTextureUnit;
-                               this.resetTextureUnits = resetTextureUnits;
-                               this.setTexture2D = setTexture2D;
-                               this.setTexture2DArray = setTexture2DArray;
-                               this.setTexture3D = setTexture3D;
-                               this.setTextureCube = setTextureCube;
-                               this.setupRenderTarget = setupRenderTarget;
-                               this.updateRenderTargetMipmap = updateRenderTargetMipmap;
-                               this.updateMultisampleRenderTarget = updateMultisampleRenderTarget;
-                               this.safeSetTexture2D = safeSetTexture2D;
-                               this.safeSetTextureCube = safeSetTextureCube;
-                       }
-
-                       function WebGLUtils(gl, extensions, capabilities) {
-                               const isWebGL2 = capabilities.isWebGL2;
-
-                               function convert(p) {
-                                       let extension;
-                                       if (p === UnsignedByteType) return gl.UNSIGNED_BYTE;
-                                       if (p === UnsignedShort4444Type) return gl.UNSIGNED_SHORT_4_4_4_4;
-                                       if (p === UnsignedShort5551Type) return gl.UNSIGNED_SHORT_5_5_5_1;
-                                       if (p === UnsignedShort565Type) return gl.UNSIGNED_SHORT_5_6_5;
-                                       if (p === ByteType) return gl.BYTE;
-                                       if (p === ShortType) return gl.SHORT;
-                                       if (p === UnsignedShortType) return gl.UNSIGNED_SHORT;
-                                       if (p === IntType) return gl.INT;
-                                       if (p === UnsignedIntType) return gl.UNSIGNED_INT;
-                                       if (p === FloatType) return gl.FLOAT;
-
-                                       if (p === HalfFloatType) {
-                                               if (isWebGL2) return gl.HALF_FLOAT;
-                                               extension = extensions.get('OES_texture_half_float');
-
-                                               if (extension !== null) {
-                                                       return extension.HALF_FLOAT_OES;
-                                               } else {
-                                                       return null;
-                                               }
-                                       }
-
-                                       if (p === AlphaFormat) return gl.ALPHA;
-                                       if (p === RGBFormat) return gl.RGB;
-                                       if (p === RGBAFormat) return gl.RGBA;
-                                       if (p === LuminanceFormat) return gl.LUMINANCE;
-                                       if (p === LuminanceAlphaFormat) return gl.LUMINANCE_ALPHA;
-                                       if (p === DepthFormat) return gl.DEPTH_COMPONENT;
-                                       if (p === DepthStencilFormat) return gl.DEPTH_STENCIL;
-                                       if (p === RedFormat) return gl.RED; // WebGL2 formats.
-
-                                       if (p === RedIntegerFormat) return gl.RED_INTEGER;
-                                       if (p === RGFormat) return gl.RG;
-                                       if (p === RGIntegerFormat) return gl.RG_INTEGER;
-                                       if (p === RGBIntegerFormat) return gl.RGB_INTEGER;
-                                       if (p === RGBAIntegerFormat) return gl.RGBA_INTEGER;
-
-                                       if (p === RGB_S3TC_DXT1_Format || p === RGBA_S3TC_DXT1_Format || p === RGBA_S3TC_DXT3_Format || p === RGBA_S3TC_DXT5_Format) {
-                                               extension = extensions.get('WEBGL_compressed_texture_s3tc');
-
-                                               if (extension !== null) {
-                                                       if (p === RGB_S3TC_DXT1_Format) return extension.COMPRESSED_RGB_S3TC_DXT1_EXT;
-                                                       if (p === RGBA_S3TC_DXT1_Format) return extension.COMPRESSED_RGBA_S3TC_DXT1_EXT;
-                                                       if (p === RGBA_S3TC_DXT3_Format) return extension.COMPRESSED_RGBA_S3TC_DXT3_EXT;
-                                                       if (p === RGBA_S3TC_DXT5_Format) return extension.COMPRESSED_RGBA_S3TC_DXT5_EXT;
-                                               } else {
-                                                       return null;
-                                               }
-                                       }
-
-                                       if (p === RGB_PVRTC_4BPPV1_Format || p === RGB_PVRTC_2BPPV1_Format || p === RGBA_PVRTC_4BPPV1_Format || p === RGBA_PVRTC_2BPPV1_Format) {
-                                               extension = extensions.get('WEBGL_compressed_texture_pvrtc');
-
-                                               if (extension !== null) {
-                                                       if (p === RGB_PVRTC_4BPPV1_Format) return extension.COMPRESSED_RGB_PVRTC_4BPPV1_IMG;
-                                                       if (p === RGB_PVRTC_2BPPV1_Format) return extension.COMPRESSED_RGB_PVRTC_2BPPV1_IMG;
-                                                       if (p === RGBA_PVRTC_4BPPV1_Format) return extension.COMPRESSED_RGBA_PVRTC_4BPPV1_IMG;
-                                                       if (p === RGBA_PVRTC_2BPPV1_Format) return extension.COMPRESSED_RGBA_PVRTC_2BPPV1_IMG;
-                                               } else {
-                                                       return null;
-                                               }
-                                       }
-
-                                       if (p === RGB_ETC1_Format) {
-                                               extension = extensions.get('WEBGL_compressed_texture_etc1');
-
-                                               if (extension !== null) {
-                                                       return extension.COMPRESSED_RGB_ETC1_WEBGL;
-                                               } else {
-                                                       return null;
-                                               }
-                                       }
-
-                                       if (p === RGB_ETC2_Format || p === RGBA_ETC2_EAC_Format) {
-                                               extension = extensions.get('WEBGL_compressed_texture_etc');
-
-                                               if (extension !== null) {
-                                                       if (p === RGB_ETC2_Format) return extension.COMPRESSED_RGB8_ETC2;
-                                                       if (p === RGBA_ETC2_EAC_Format) return extension.COMPRESSED_RGBA8_ETC2_EAC;
-                                               }
-                                       }
-
-                                       if (p === RGBA_ASTC_4x4_Format || p === RGBA_ASTC_5x4_Format || p === RGBA_ASTC_5x5_Format || p === RGBA_ASTC_6x5_Format || p === RGBA_ASTC_6x6_Format || p === RGBA_ASTC_8x5_Format || p === RGBA_ASTC_8x6_Format || p === RGBA_ASTC_8x8_Format || p === RGBA_ASTC_10x5_Format || p === RGBA_ASTC_10x6_Format || p === RGBA_ASTC_10x8_Format || p === RGBA_ASTC_10x10_Format || p === RGBA_ASTC_12x10_Format || p === RGBA_ASTC_12x12_Format || p === SRGB8_ALPHA8_ASTC_4x4_Format || p === SRGB8_ALPHA8_ASTC_5x4_Format || p === SRGB8_ALPHA8_ASTC_5x5_Format || p === SRGB8_ALPHA8_ASTC_6x5_Format || p === SRGB8_ALPHA8_ASTC_6x6_Format || p === SRGB8_ALPHA8_ASTC_8x5_Format || p === SRGB8_ALPHA8_ASTC_8x6_Format || p === SRGB8_ALPHA8_ASTC_8x8_Format || p === SRGB8_ALPHA8_ASTC_10x5_Format || p === SRGB8_ALPHA8_ASTC_10x6_Format || p === SRGB8_ALPHA8_ASTC_10x8_Format || p === SRGB8_ALPHA8_ASTC_10x10_Format || p === SRGB8_ALPHA8_ASTC_12x10_Format || p === SRGB8_ALPHA8_ASTC_12x12_Format) {
-                                               extension = extensions.get('WEBGL_compressed_texture_astc');
-
-                                               if (extension !== null) {
-                                                       // TODO Complete?
-                                                       return p;
-                                               } else {
-                                                       return null;
-                                               }
-                                       }
-
-                                       if (p === RGBA_BPTC_Format) {
-                                               extension = extensions.get('EXT_texture_compression_bptc');
-
-                                               if (extension !== null) {
-                                                       // TODO Complete?
-                                                       return p;
-                                               } else {
-                                                       return null;
-                                               }
-                                       }
-
-                                       if (p === UnsignedInt248Type) {
-                                               if (isWebGL2) return gl.UNSIGNED_INT_24_8;
-                                               extension = extensions.get('WEBGL_depth_texture');
-
-                                               if (extension !== null) {
-                                                       return extension.UNSIGNED_INT_24_8_WEBGL;
-                                               } else {
-                                                       return null;
-                                               }
-                                       }
-                               }
-
-                               return {
-                                       convert: convert
-                               };
-                       }
-
-                       class ArrayCamera extends PerspectiveCamera {
-                               constructor(array = []) {
-                                       super();
-                                       this.cameras = array;
-                               }
-
-                       }
-
-                       ArrayCamera.prototype.isArrayCamera = true;
-
-                       class Group extends Object3D {
-                               constructor() {
-                                       super();
-                                       this.type = 'Group';
-                               }
-
-                       }
-
-                       Group.prototype.isGroup = true;
-
-                       const _moveEvent = {
-                               type: 'move'
-                       };
-
-                       class WebXRController {
-                               constructor() {
-                                       this._targetRay = null;
-                                       this._grip = null;
-                                       this._hand = null;
-                               }
-
-                               getHandSpace() {
-                                       if (this._hand === null) {
-                                               this._hand = new Group();
-                                               this._hand.matrixAutoUpdate = false;
-                                               this._hand.visible = false;
-                                               this._hand.joints = {};
-                                               this._hand.inputState = {
-                                                       pinching: false
-                                               };
-                                       }
-
-                                       return this._hand;
-                               }
-
-                               getTargetRaySpace() {
-                                       if (this._targetRay === null) {
-                                               this._targetRay = new Group();
-                                               this._targetRay.matrixAutoUpdate = false;
-                                               this._targetRay.visible = false;
-                                               this._targetRay.hasLinearVelocity = false;
-                                               this._targetRay.linearVelocity = new Vector3();
-                                               this._targetRay.hasAngularVelocity = false;
-                                               this._targetRay.angularVelocity = new Vector3();
-                                       }
-
-                                       return this._targetRay;
-                               }
-
-                               getGripSpace() {
-                                       if (this._grip === null) {
-                                               this._grip = new Group();
-                                               this._grip.matrixAutoUpdate = false;
-                                               this._grip.visible = false;
-                                               this._grip.hasLinearVelocity = false;
-                                               this._grip.linearVelocity = new Vector3();
-                                               this._grip.hasAngularVelocity = false;
-                                               this._grip.angularVelocity = new Vector3();
-                                       }
-
-                                       return this._grip;
-                               }
-
-                               dispatchEvent(event) {
-                                       if (this._targetRay !== null) {
-                                               this._targetRay.dispatchEvent(event);
-                                       }
-
-                                       if (this._grip !== null) {
-                                               this._grip.dispatchEvent(event);
-                                       }
-
-                                       if (this._hand !== null) {
-                                               this._hand.dispatchEvent(event);
-                                       }
-
-                                       return this;
-                               }
-
-                               disconnect(inputSource) {
-                                       this.dispatchEvent({
-                                               type: 'disconnected',
-                                               data: inputSource
-                                       });
-
-                                       if (this._targetRay !== null) {
-                                               this._targetRay.visible = false;
-                                       }
-
-                                       if (this._grip !== null) {
-                                               this._grip.visible = false;
-                                       }
-
-                                       if (this._hand !== null) {
-                                               this._hand.visible = false;
-                                       }
-
-                                       return this;
-                               }
-
-                               update(inputSource, frame, referenceSpace) {
-                                       let inputPose = null;
-                                       let gripPose = null;
-                                       let handPose = null;
-                                       const targetRay = this._targetRay;
-                                       const grip = this._grip;
-                                       const hand = this._hand;
-
-                                       if (inputSource && frame.session.visibilityState !== 'visible-blurred') {
-                                               if (targetRay !== null) {
-                                                       inputPose = frame.getPose(inputSource.targetRaySpace, referenceSpace);
-
-                                                       if (inputPose !== null) {
-                                                               targetRay.matrix.fromArray(inputPose.transform.matrix);
-                                                               targetRay.matrix.decompose(targetRay.position, targetRay.rotation, targetRay.scale);
-
-                                                               if (inputPose.linearVelocity) {
-                                                                       targetRay.hasLinearVelocity = true;
-                                                                       targetRay.linearVelocity.copy(inputPose.linearVelocity);
-                                                               } else {
-                                                                       targetRay.hasLinearVelocity = false;
-                                                               }
-
-                                                               if (inputPose.angularVelocity) {
-                                                                       targetRay.hasAngularVelocity = true;
-                                                                       targetRay.angularVelocity.copy(inputPose.angularVelocity);
-                                                               } else {
-                                                                       targetRay.hasAngularVelocity = false;
-                                                               }
-
-                                                               this.dispatchEvent(_moveEvent);
-                                                       }
-                                               }
-
-                                               if (hand && inputSource.hand) {
-                                                       handPose = true;
-
-                                                       for (const inputjoint of inputSource.hand.values()) {
-                                                               // Update the joints groups with the XRJoint poses
-                                                               const jointPose = frame.getJointPose(inputjoint, referenceSpace);
-
-                                                               if (hand.joints[inputjoint.jointName] === undefined) {
-                                                                       // The transform of this joint will be updated with the joint pose on each frame
-                                                                       const joint = new Group();
-                                                                       joint.matrixAutoUpdate = false;
-                                                                       joint.visible = false;
-                                                                       hand.joints[inputjoint.jointName] = joint; // ??
-
-                                                                       hand.add(joint);
-                                                               }
-
-                                                               const joint = hand.joints[inputjoint.jointName];
-
-                                                               if (jointPose !== null) {
-                                                                       joint.matrix.fromArray(jointPose.transform.matrix);
-                                                                       joint.matrix.decompose(joint.position, joint.rotation, joint.scale);
-                                                                       joint.jointRadius = jointPose.radius;
-                                                               }
-
-                                                               joint.visible = jointPose !== null;
-                                                       } // Custom events
-                                                       // Check pinchz
-
-
-                                                       const indexTip = hand.joints['index-finger-tip'];
-                                                       const thumbTip = hand.joints['thumb-tip'];
-                                                       const distance = indexTip.position.distanceTo(thumbTip.position);
-                                                       const distanceToPinch = 0.02;
-                                                       const threshold = 0.005;
-
-                                                       if (hand.inputState.pinching && distance > distanceToPinch + threshold) {
-                                                               hand.inputState.pinching = false;
-                                                               this.dispatchEvent({
-                                                                       type: 'pinchend',
-                                                                       handedness: inputSource.handedness,
-                                                                       target: this
-                                                               });
-                                                       } else if (!hand.inputState.pinching && distance <= distanceToPinch - threshold) {
-                                                               hand.inputState.pinching = true;
-                                                               this.dispatchEvent({
-                                                                       type: 'pinchstart',
-                                                                       handedness: inputSource.handedness,
-                                                                       target: this
-                                                               });
-                                                       }
-                                               } else {
-                                                       if (grip !== null && inputSource.gripSpace) {
-                                                               gripPose = frame.getPose(inputSource.gripSpace, referenceSpace);
-
-                                                               if (gripPose !== null) {
-                                                                       grip.matrix.fromArray(gripPose.transform.matrix);
-                                                                       grip.matrix.decompose(grip.position, grip.rotation, grip.scale);
-
-                                                                       if (gripPose.linearVelocity) {
-                                                                               grip.hasLinearVelocity = true;
-                                                                               grip.linearVelocity.copy(gripPose.linearVelocity);
-                                                                       } else {
-                                                                               grip.hasLinearVelocity = false;
-                                                                       }
-
-                                                                       if (gripPose.angularVelocity) {
-                                                                               grip.hasAngularVelocity = true;
-                                                                               grip.angularVelocity.copy(gripPose.angularVelocity);
-                                                                       } else {
-                                                                               grip.hasAngularVelocity = false;
-                                                                       }
-                                                               }
-                                                       }
-                                               }
-                                       }
-
-                                       if (targetRay !== null) {
-                                               targetRay.visible = inputPose !== null;
-                                       }
-
-                                       if (grip !== null) {
-                                               grip.visible = gripPose !== null;
-                                       }
-
-                                       if (hand !== null) {
-                                               hand.visible = handPose !== null;
-                                       }
-
-                                       return this;
-                               }
-
-                       }
-
-                       class WebXRManager extends EventDispatcher {
-                               constructor(renderer, gl) {
-                                       super();
-                                       const scope = this;
-                                       const state = renderer.state;
-                                       let session = null;
-                                       let framebufferScaleFactor = 1.0;
-                                       let referenceSpace = null;
-                                       let referenceSpaceType = 'local-floor';
-                                       let pose = null;
-                                       let glBinding = null;
-                                       let glFramebuffer = null;
-                                       let glProjLayer = null;
-                                       let glBaseLayer = null;
-                                       let isMultisample = false;
-                                       let glMultisampledFramebuffer = null;
-                                       let glColorRenderbuffer = null;
-                                       let glDepthRenderbuffer = null;
-                                       let xrFrame = null;
-                                       let depthStyle = null;
-                                       let clearStyle = null;
-                                       const controllers = [];
-                                       const inputSourcesMap = new Map(); //
-
-                                       const cameraL = new PerspectiveCamera();
-                                       cameraL.layers.enable(1);
-                                       cameraL.viewport = new Vector4();
-                                       const cameraR = new PerspectiveCamera();
-                                       cameraR.layers.enable(2);
-                                       cameraR.viewport = new Vector4();
-                                       const cameras = [cameraL, cameraR];
-                                       const cameraVR = new ArrayCamera();
-                                       cameraVR.layers.enable(1);
-                                       cameraVR.layers.enable(2);
-                                       let _currentDepthNear = null;
-                                       let _currentDepthFar = null; //
-
-                                       this.cameraAutoUpdate = true;
-                                       this.enabled = false;
-                                       this.isPresenting = false;
-
-                                       this.getController = function (index) {
-                                               let controller = controllers[index];
-
-                                               if (controller === undefined) {
-                                                       controller = new WebXRController();
-                                                       controllers[index] = controller;
-                                               }
-
-                                               return controller.getTargetRaySpace();
-                                       };
-
-                                       this.getControllerGrip = function (index) {
-                                               let controller = controllers[index];
-
-                                               if (controller === undefined) {
-                                                       controller = new WebXRController();
-                                                       controllers[index] = controller;
-                                               }
-
-                                               return controller.getGripSpace();
-                                       };
-
-                                       this.getHand = function (index) {
-                                               let controller = controllers[index];
-
-                                               if (controller === undefined) {
-                                                       controller = new WebXRController();
-                                                       controllers[index] = controller;
-                                               }
-
-                                               return controller.getHandSpace();
-                                       }; //
-
-
-                                       function onSessionEvent(event) {
-                                               const controller = inputSourcesMap.get(event.inputSource);
-
-                                               if (controller) {
-                                                       controller.dispatchEvent({
-                                                               type: event.type,
-                                                               data: event.inputSource
-                                                       });
-                                               }
-                                       }
-
-                                       function onSessionEnd() {
-                                               inputSourcesMap.forEach(function (controller, inputSource) {
-                                                       controller.disconnect(inputSource);
-                                               });
-                                               inputSourcesMap.clear();
-                                               _currentDepthNear = null;
-                                               _currentDepthFar = null; // restore framebuffer/rendering state
-
-                                               state.bindXRFramebuffer(null);
-                                               renderer.setRenderTarget(renderer.getRenderTarget());
-                                               if (glFramebuffer) gl.deleteFramebuffer(glFramebuffer);
-                                               if (glMultisampledFramebuffer) gl.deleteFramebuffer(glMultisampledFramebuffer);
-                                               if (glColorRenderbuffer) gl.deleteRenderbuffer(glColorRenderbuffer);
-                                               if (glDepthRenderbuffer) gl.deleteRenderbuffer(glDepthRenderbuffer);
-                                               glFramebuffer = null;
-                                               glMultisampledFramebuffer = null;
-                                               glColorRenderbuffer = null;
-                                               glDepthRenderbuffer = null;
-                                               glBaseLayer = null;
-                                               glProjLayer = null;
-                                               glBinding = null;
-                                               session = null; //
-
-                                               animation.stop();
-                                               scope.isPresenting = false;
-                                               scope.dispatchEvent({
-                                                       type: 'sessionend'
-                                               });
-                                       }
-
-                                       this.setFramebufferScaleFactor = function (value) {
-                                               framebufferScaleFactor = value;
-
-                                               if (scope.isPresenting === true) {
-                                                       console.warn('THREE.WebXRManager: Cannot change framebuffer scale while presenting.');
-                                               }
-                                       };
-
-                                       this.setReferenceSpaceType = function (value) {
-                                               referenceSpaceType = value;
-
-                                               if (scope.isPresenting === true) {
-                                                       console.warn('THREE.WebXRManager: Cannot change reference space type while presenting.');
-                                               }
-                                       };
-
-                                       this.getReferenceSpace = function () {
-                                               return referenceSpace;
-                                       };
-
-                                       this.getBaseLayer = function () {
-                                               return glProjLayer !== null ? glProjLayer : glBaseLayer;
-                                       };
-
-                                       this.getBinding = function () {
-                                               return glBinding;
-                                       };
-
-                                       this.getFrame = function () {
-                                               return xrFrame;
-                                       };
-
-                                       this.getSession = function () {
-                                               return session;
-                                       };
-
-                                       this.setSession = async function (value) {
-                                               session = value;
-
-                                               if (session !== null) {
-                                                       session.addEventListener('select', onSessionEvent);
-                                                       session.addEventListener('selectstart', onSessionEvent);
-                                                       session.addEventListener('selectend', onSessionEvent);
-                                                       session.addEventListener('squeeze', onSessionEvent);
-                                                       session.addEventListener('squeezestart', onSessionEvent);
-                                                       session.addEventListener('squeezeend', onSessionEvent);
-                                                       session.addEventListener('end', onSessionEnd);
-                                                       session.addEventListener('inputsourceschange', onInputSourcesChange);
-                                                       const attributes = gl.getContextAttributes();
-
-                                                       if (attributes.xrCompatible !== true) {
-                                                               await gl.makeXRCompatible();
-                                                       }
-
-                                                       if (session.renderState.layers === undefined) {
-                                                               const layerInit = {
-                                                                       antialias: attributes.antialias,
-                                                                       alpha: attributes.alpha,
-                                                                       depth: attributes.depth,
-                                                                       stencil: attributes.stencil,
-                                                                       framebufferScaleFactor: framebufferScaleFactor
-                                                               };
-                                                               glBaseLayer = new XRWebGLLayer(session, gl, layerInit);
-                                                               session.updateRenderState({
-                                                                       baseLayer: glBaseLayer
-                                                               });
-                                                       } else if (gl instanceof WebGLRenderingContext) {
-                                                               // Use old style webgl layer because we can't use MSAA
-                                                               // WebGL2 support.
-                                                               const layerInit = {
-                                                                       antialias: true,
-                                                                       alpha: attributes.alpha,
-                                                                       depth: attributes.depth,
-                                                                       stencil: attributes.stencil,
-                                                                       framebufferScaleFactor: framebufferScaleFactor
-                                                               };
-                                                               glBaseLayer = new XRWebGLLayer(session, gl, layerInit);
-                                                               session.updateRenderState({
-                                                                       layers: [glBaseLayer]
-                                                               });
-                                                       } else {
-                                                               isMultisample = attributes.antialias;
-                                                               let depthFormat = null;
-
-                                                               if (attributes.depth) {
-                                                                       clearStyle = gl.DEPTH_BUFFER_BIT;
-                                                                       if (attributes.stencil) clearStyle |= gl.STENCIL_BUFFER_BIT;
-                                                                       depthStyle = attributes.stencil ? gl.DEPTH_STENCIL_ATTACHMENT : gl.DEPTH_ATTACHMENT;
-                                                                       depthFormat = attributes.stencil ? gl.DEPTH24_STENCIL8 : gl.DEPTH_COMPONENT24;
-                                                               }
-
-                                                               const projectionlayerInit = {
-                                                                       colorFormat: attributes.alpha ? gl.RGBA8 : gl.RGB8,
-                                                                       depthFormat: depthFormat,
-                                                                       scaleFactor: framebufferScaleFactor
-                                                               };
-                                                               glBinding = new XRWebGLBinding(session, gl);
-                                                               glProjLayer = glBinding.createProjectionLayer(projectionlayerInit);
-                                                               glFramebuffer = gl.createFramebuffer();
-                                                               session.updateRenderState({
-                                                                       layers: [glProjLayer]
-                                                               });
-
-                                                               if (isMultisample) {
-                                                                       glMultisampledFramebuffer = gl.createFramebuffer();
-                                                                       glColorRenderbuffer = gl.createRenderbuffer();
-                                                                       gl.bindRenderbuffer(gl.RENDERBUFFER, glColorRenderbuffer);
-                                                                       gl.renderbufferStorageMultisample(gl.RENDERBUFFER, 4, gl.RGBA8, glProjLayer.textureWidth, glProjLayer.textureHeight);
-                                                                       state.bindFramebuffer(gl.FRAMEBUFFER, glMultisampledFramebuffer);
-                                                                       gl.framebufferRenderbuffer(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.RENDERBUFFER, glColorRenderbuffer);
-                                                                       gl.bindRenderbuffer(gl.RENDERBUFFER, null);
-
-                                                                       if (depthFormat !== null) {
-                                                                               glDepthRenderbuffer = gl.createRenderbuffer();
-                                                                               gl.bindRenderbuffer(gl.RENDERBUFFER, glDepthRenderbuffer);
-                                                                               gl.renderbufferStorageMultisample(gl.RENDERBUFFER, 4, depthFormat, glProjLayer.textureWidth, glProjLayer.textureHeight);
-                                                                               gl.framebufferRenderbuffer(gl.FRAMEBUFFER, depthStyle, gl.RENDERBUFFER, glDepthRenderbuffer);
-                                                                               gl.bindRenderbuffer(gl.RENDERBUFFER, null);
-                                                                       }
-
-                                                                       state.bindFramebuffer(gl.FRAMEBUFFER, null);
-                                                               }
-                                                       }
-
-                                                       referenceSpace = await session.requestReferenceSpace(referenceSpaceType);
-                                                       animation.setContext(session);
-                                                       animation.start();
-                                                       scope.isPresenting = true;
-                                                       scope.dispatchEvent({
-                                                               type: 'sessionstart'
-                                                       });
-                                               }
-                                       };
-
-                                       function onInputSourcesChange(event) {
-                                               const inputSources = session.inputSources; // Assign inputSources to available controllers
-
-                                               for (let i = 0; i < controllers.length; i++) {
-                                                       inputSourcesMap.set(inputSources[i], controllers[i]);
-                                               } // Notify disconnected
-
-
-                                               for (let i = 0; i < event.removed.length; i++) {
-                                                       const inputSource = event.removed[i];
-                                                       const controller = inputSourcesMap.get(inputSource);
-
-                                                       if (controller) {
-                                                               controller.dispatchEvent({
-                                                                       type: 'disconnected',
-                                                                       data: inputSource
-                                                               });
-                                                               inputSourcesMap.delete(inputSource);
-                                                       }
-                                               } // Notify connected
-
-
-                                               for (let i = 0; i < event.added.length; i++) {
-                                                       const inputSource = event.added[i];
-                                                       const controller = inputSourcesMap.get(inputSource);
-
-                                                       if (controller) {
-                                                               controller.dispatchEvent({
-                                                                       type: 'connected',
-                                                                       data: inputSource
-                                                               });
-                                                       }
-                                               }
-                                       } //
-
-
-                                       const cameraLPos = new Vector3();
-                                       const cameraRPos = new Vector3();
-
-                                       /**
-                                        * Assumes 2 cameras that are parallel and share an X-axis, and that
-                                        * the cameras' projection and world matrices have already been set.
-                                        * And that near and far planes are identical for both cameras.
-                                        * Visualization of this technique: https://computergraphics.stackexchange.com/a/4765
-                                        */
-
-                                       function setProjectionFromUnion(camera, cameraL, cameraR) {
-                                               cameraLPos.setFromMatrixPosition(cameraL.matrixWorld);
-                                               cameraRPos.setFromMatrixPosition(cameraR.matrixWorld);
-                                               const ipd = cameraLPos.distanceTo(cameraRPos);
-                                               const projL = cameraL.projectionMatrix.elements;
-                                               const projR = cameraR.projectionMatrix.elements; // VR systems will have identical far and near planes, and
-                                               // most likely identical top and bottom frustum extents.
-                                               // Use the left camera for these values.
-
-                                               const near = projL[14] / (projL[10] - 1);
-                                               const far = projL[14] / (projL[10] + 1);
-                                               const topFov = (projL[9] + 1) / projL[5];
-                                               const bottomFov = (projL[9] - 1) / projL[5];
-                                               const leftFov = (projL[8] - 1) / projL[0];
-                                               const rightFov = (projR[8] + 1) / projR[0];
-                                               const left = near * leftFov;
-                                               const right = near * rightFov; // Calculate the new camera's position offset from the
-                                               // left camera. xOffset should be roughly half `ipd`.
-
-                                               const zOffset = ipd / (-leftFov + rightFov);
-                                               const xOffset = zOffset * -leftFov; // TODO: Better way to apply this offset?
-
-                                               cameraL.matrixWorld.decompose(camera.position, camera.quaternion, camera.scale);
-                                               camera.translateX(xOffset);
-                                               camera.translateZ(zOffset);
-                                               camera.matrixWorld.compose(camera.position, camera.quaternion, camera.scale);
-                                               camera.matrixWorldInverse.copy(camera.matrixWorld).invert(); // Find the union of the frustum values of the cameras and scale
-                                               // the values so that the near plane's position does not change in world space,
-                                               // although must now be relative to the new union camera.
-
-                                               const near2 = near + zOffset;
-                                               const far2 = far + zOffset;
-                                               const left2 = left - xOffset;
-                                               const right2 = right + (ipd - xOffset);
-                                               const top2 = topFov * far / far2 * near2;
-                                               const bottom2 = bottomFov * far / far2 * near2;
-                                               camera.projectionMatrix.makePerspective(left2, right2, top2, bottom2, near2, far2);
-                                       }
-
-                                       function updateCamera(camera, parent) {
-                                               if (parent === null) {
-                                                       camera.matrixWorld.copy(camera.matrix);
-                                               } else {
-                                                       camera.matrixWorld.multiplyMatrices(parent.matrixWorld, camera.matrix);
-                                               }
-
-                                               camera.matrixWorldInverse.copy(camera.matrixWorld).invert();
-                                       }
-
-                                       this.updateCamera = function (camera) {
-                                               if (session === null) return;
-                                               cameraVR.near = cameraR.near = cameraL.near = camera.near;
-                                               cameraVR.far = cameraR.far = cameraL.far = camera.far;
-
-                                               if (_currentDepthNear !== cameraVR.near || _currentDepthFar !== cameraVR.far) {
-                                                       // Note that the new renderState won't apply until the next frame. See #18320
-                                                       session.updateRenderState({
-                                                               depthNear: cameraVR.near,
-                                                               depthFar: cameraVR.far
-                                                       });
-                                                       _currentDepthNear = cameraVR.near;
-                                                       _currentDepthFar = cameraVR.far;
-                                               }
-
-                                               const parent = camera.parent;
-                                               const cameras = cameraVR.cameras;
-                                               updateCamera(cameraVR, parent);
-
-                                               for (let i = 0; i < cameras.length; i++) {
-                                                       updateCamera(cameras[i], parent);
-                                               }
-
-                                               cameraVR.matrixWorld.decompose(cameraVR.position, cameraVR.quaternion, cameraVR.scale); // update user camera and its children
-
-                                               camera.position.copy(cameraVR.position);
-                                               camera.quaternion.copy(cameraVR.quaternion);
-                                               camera.scale.copy(cameraVR.scale);
-                                               camera.matrix.copy(cameraVR.matrix);
-                                               camera.matrixWorld.copy(cameraVR.matrixWorld);
-                                               const children = camera.children;
-
-                                               for (let i = 0, l = children.length; i < l; i++) {
-                                                       children[i].updateMatrixWorld(true);
-                                               } // update projection matrix for proper view frustum culling
-
-
-                                               if (cameras.length === 2) {
-                                                       setProjectionFromUnion(cameraVR, cameraL, cameraR);
-                                               } else {
-                                                       // assume single camera setup (AR)
-                                                       cameraVR.projectionMatrix.copy(cameraL.projectionMatrix);
-                                               }
-                                       };
-
-                                       this.getCamera = function () {
-                                               return cameraVR;
-                                       };
-
-                                       this.getFoveation = function () {
-                                               if (glProjLayer !== null) {
-                                                       return glProjLayer.fixedFoveation;
-                                               }
-
-                                               if (glBaseLayer !== null) {
-                                                       return glBaseLayer.fixedFoveation;
-                                               }
-
-                                               return undefined;
-                                       };
-
-                                       this.setFoveation = function (foveation) {
-                                               // 0 = no foveation = full resolution
-                                               // 1 = maximum foveation = the edges render at lower resolution
-                                               if (glProjLayer !== null) {
-                                                       glProjLayer.fixedFoveation = foveation;
-                                               }
-
-                                               if (glBaseLayer !== null && glBaseLayer.fixedFoveation !== undefined) {
-                                                       glBaseLayer.fixedFoveation = foveation;
-                                               }
-                                       }; // Animation Loop
-
-
-                                       let onAnimationFrameCallback = null;
-
-                                       function onAnimationFrame(time, frame) {
-                                               pose = frame.getViewerPose(referenceSpace);
-                                               xrFrame = frame;
-
-                                               if (pose !== null) {
-                                                       const views = pose.views;
-
-                                                       if (glBaseLayer !== null) {
-                                                               state.bindXRFramebuffer(glBaseLayer.framebuffer);
-                                                       }
-
-                                                       let cameraVRNeedsUpdate = false; // check if it's necessary to rebuild cameraVR's camera list
-
-                                                       if (views.length !== cameraVR.cameras.length) {
-                                                               cameraVR.cameras.length = 0;
-                                                               cameraVRNeedsUpdate = true;
-                                                       }
-
-                                                       for (let i = 0; i < views.length; i++) {
-                                                               const view = views[i];
-                                                               let viewport = null;
-
-                                                               if (glBaseLayer !== null) {
-                                                                       viewport = glBaseLayer.getViewport(view);
-                                                               } else {
-                                                                       const glSubImage = glBinding.getViewSubImage(glProjLayer, view);
-                                                                       state.bindXRFramebuffer(glFramebuffer);
-
-                                                                       if (glSubImage.depthStencilTexture !== undefined) {
-                                                                               gl.framebufferTexture2D(gl.FRAMEBUFFER, depthStyle, gl.TEXTURE_2D, glSubImage.depthStencilTexture, 0);
-                                                                       }
-
-                                                                       gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, glSubImage.colorTexture, 0);
-                                                                       viewport = glSubImage.viewport;
-                                                               }
-
-                                                               const camera = cameras[i];
-                                                               camera.matrix.fromArray(view.transform.matrix);
-                                                               camera.projectionMatrix.fromArray(view.projectionMatrix);
-                                                               camera.viewport.set(viewport.x, viewport.y, viewport.width, viewport.height);
-
-                                                               if (i === 0) {
-                                                                       cameraVR.matrix.copy(camera.matrix);
-                                                               }
-
-                                                               if (cameraVRNeedsUpdate === true) {
-                                                                       cameraVR.cameras.push(camera);
-                                                               }
-                                                       }
-
-                                                       if (isMultisample) {
-                                                               state.bindXRFramebuffer(glMultisampledFramebuffer);
-                                                               if (clearStyle !== null) gl.clear(clearStyle);
-                                                       }
-                                               } //
-
-
-                                               const inputSources = session.inputSources;
-
-                                               for (let i = 0; i < controllers.length; i++) {
-                                                       const controller = controllers[i];
-                                                       const inputSource = inputSources[i];
-                                                       controller.update(inputSource, frame, referenceSpace);
-                                               }
-
-                                               if (onAnimationFrameCallback) onAnimationFrameCallback(time, frame);
-
-                                               if (isMultisample) {
-                                                       const width = glProjLayer.textureWidth;
-                                                       const height = glProjLayer.textureHeight;
-                                                       state.bindFramebuffer(gl.READ_FRAMEBUFFER, glMultisampledFramebuffer);
-                                                       state.bindFramebuffer(gl.DRAW_FRAMEBUFFER, glFramebuffer); // Invalidate the depth here to avoid flush of the depth data to main memory.
-
-                                                       gl.invalidateFramebuffer(gl.READ_FRAMEBUFFER, [depthStyle]);
-                                                       gl.invalidateFramebuffer(gl.DRAW_FRAMEBUFFER, [depthStyle]);
-                                                       gl.blitFramebuffer(0, 0, width, height, 0, 0, width, height, gl.COLOR_BUFFER_BIT, gl.NEAREST); // Invalidate the MSAA buffer because it's not needed anymore.
-
-                                                       gl.invalidateFramebuffer(gl.READ_FRAMEBUFFER, [gl.COLOR_ATTACHMENT0]);
-                                                       state.bindFramebuffer(gl.READ_FRAMEBUFFER, null);
-                                                       state.bindFramebuffer(gl.DRAW_FRAMEBUFFER, null);
-                                                       state.bindFramebuffer(gl.FRAMEBUFFER, glMultisampledFramebuffer);
-                                               }
-
-                                               xrFrame = null;
-                                       }
-
-                                       const animation = new WebGLAnimation();
-                                       animation.setAnimationLoop(onAnimationFrame);
-
-                                       this.setAnimationLoop = function (callback) {
-                                               onAnimationFrameCallback = callback;
-                                       };
-
-                                       this.dispose = function () {
-                                       };
-                               }
-
-                       }
-
-                       function WebGLMaterials(properties) {
-                               function refreshFogUniforms(uniforms, fog) {
-                                       uniforms.fogColor.value.copy(fog.color);
-
-                                       if (fog.isFog) {
-                                               uniforms.fogNear.value = fog.near;
-                                               uniforms.fogFar.value = fog.far;
-                                       } else if (fog.isFogExp2) {
-                                               uniforms.fogDensity.value = fog.density;
-                                       }
-                               }
-
-                               function refreshMaterialUniforms(uniforms, material, pixelRatio, height, transmissionRenderTarget) {
-                                       if (material.isMeshBasicMaterial) {
-                                               refreshUniformsCommon(uniforms, material);
-                                       } else if (material.isMeshLambertMaterial) {
-                                               refreshUniformsCommon(uniforms, material);
-                                               refreshUniformsLambert(uniforms, material);
-                                       } else if (material.isMeshToonMaterial) {
-                                               refreshUniformsCommon(uniforms, material);
-                                               refreshUniformsToon(uniforms, material);
-                                       } else if (material.isMeshPhongMaterial) {
-                                               refreshUniformsCommon(uniforms, material);
-                                               refreshUniformsPhong(uniforms, material);
-                                       } else if (material.isMeshStandardMaterial) {
-                                               refreshUniformsCommon(uniforms, material);
-
-                                               if (material.isMeshPhysicalMaterial) {
-                                                       refreshUniformsPhysical(uniforms, material, transmissionRenderTarget);
-                                               } else {
-                                                       refreshUniformsStandard(uniforms, material);
-                                               }
-                                       } else if (material.isMeshMatcapMaterial) {
-                                               refreshUniformsCommon(uniforms, material);
-                                               refreshUniformsMatcap(uniforms, material);
-                                       } else if (material.isMeshDepthMaterial) {
-                                               refreshUniformsCommon(uniforms, material);
-                                               refreshUniformsDepth(uniforms, material);
-                                       } else if (material.isMeshDistanceMaterial) {
-                                               refreshUniformsCommon(uniforms, material);
-                                               refreshUniformsDistance(uniforms, material);
-                                       } else if (material.isMeshNormalMaterial) {
-                                               refreshUniformsCommon(uniforms, material);
-                                               refreshUniformsNormal(uniforms, material);
-                                       } else if (material.isLineBasicMaterial) {
-                                               refreshUniformsLine(uniforms, material);
-
-                                               if (material.isLineDashedMaterial) {
-                                                       refreshUniformsDash(uniforms, material);
-                                               }
-                                       } else if (material.isPointsMaterial) {
-                                               refreshUniformsPoints(uniforms, material, pixelRatio, height);
-                                       } else if (material.isSpriteMaterial) {
-                                               refreshUniformsSprites(uniforms, material);
-                                       } else if (material.isShadowMaterial) {
-                                               uniforms.color.value.copy(material.color);
-                                               uniforms.opacity.value = material.opacity;
-                                       } else if (material.isShaderMaterial) {
-                                               material.uniformsNeedUpdate = false; // #15581
-                                       }
-                               }
-
-                               function refreshUniformsCommon(uniforms, material) {
-                                       uniforms.opacity.value = material.opacity;
-
-                                       if (material.color) {
-                                               uniforms.diffuse.value.copy(material.color);
-                                       }
-
-                                       if (material.emissive) {
-                                               uniforms.emissive.value.copy(material.emissive).multiplyScalar(material.emissiveIntensity);
-                                       }
-
-                                       if (material.map) {
-                                               uniforms.map.value = material.map;
-                                       }
-
-                                       if (material.alphaMap) {
-                                               uniforms.alphaMap.value = material.alphaMap;
-                                       }
-
-                                       if (material.specularMap) {
-                                               uniforms.specularMap.value = material.specularMap;
-                                       }
-
-                                       if (material.alphaTest > 0) {
-                                               uniforms.alphaTest.value = material.alphaTest;
-                                       }
-
-                                       const envMap = properties.get(material).envMap;
-
-                                       if (envMap) {
-                                               uniforms.envMap.value = envMap;
-                                               uniforms.flipEnvMap.value = envMap.isCubeTexture && envMap.isRenderTargetTexture === false ? -1 : 1;
-                                               uniforms.reflectivity.value = material.reflectivity;
-                                               uniforms.ior.value = material.ior;
-                                               uniforms.refractionRatio.value = material.refractionRatio;
-
-                                               const maxMipLevel = properties.get(envMap).__maxMipLevel;
-
-                                               if (maxMipLevel !== undefined) {
-                                                       uniforms.maxMipLevel.value = maxMipLevel;
-                                               }
-                                       }
-
-                                       if (material.lightMap) {
-                                               uniforms.lightMap.value = material.lightMap;
-                                               uniforms.lightMapIntensity.value = material.lightMapIntensity;
-                                       }
-
-                                       if (material.aoMap) {
-                                               uniforms.aoMap.value = material.aoMap;
-                                               uniforms.aoMapIntensity.value = material.aoMapIntensity;
-                                       } // uv repeat and offset setting priorities
-                                       // 1. color map
-                                       // 2. specular map
-                                       // 3. displacementMap map
-                                       // 4. normal map
-                                       // 5. bump map
-                                       // 6. roughnessMap map
-                                       // 7. metalnessMap map
-                                       // 8. alphaMap map
-                                       // 9. emissiveMap map
-                                       // 10. clearcoat map
-                                       // 11. clearcoat normal map
-                                       // 12. clearcoat roughnessMap map
-                                       // 13. specular intensity map
-                                       // 14. specular tint map
-                                       // 15. transmission map
-                                       // 16. thickness map
-
-
-                                       let uvScaleMap;
-
-                                       if (material.map) {
-                                               uvScaleMap = material.map;
-                                       } else if (material.specularMap) {
-                                               uvScaleMap = material.specularMap;
-                                       } else if (material.displacementMap) {
-                                               uvScaleMap = material.displacementMap;
-                                       } else if (material.normalMap) {
-                                               uvScaleMap = material.normalMap;
-                                       } else if (material.bumpMap) {
-                                               uvScaleMap = material.bumpMap;
-                                       } else if (material.roughnessMap) {
-                                               uvScaleMap = material.roughnessMap;
-                                       } else if (material.metalnessMap) {
-                                               uvScaleMap = material.metalnessMap;
-                                       } else if (material.alphaMap) {
-                                               uvScaleMap = material.alphaMap;
-                                       } else if (material.emissiveMap) {
-                                               uvScaleMap = material.emissiveMap;
-                                       } else if (material.clearcoatMap) {
-                                               uvScaleMap = material.clearcoatMap;
-                                       } else if (material.clearcoatNormalMap) {
-                                               uvScaleMap = material.clearcoatNormalMap;
-                                       } else if (material.clearcoatRoughnessMap) {
-                                               uvScaleMap = material.clearcoatRoughnessMap;
-                                       } else if (material.specularIntensityMap) {
-                                               uvScaleMap = material.specularIntensityMap;
-                                       } else if (material.specularTintMap) {
-                                               uvScaleMap = material.specularTintMap;
-                                       } else if (material.transmissionMap) {
-                                               uvScaleMap = material.transmissionMap;
-                                       } else if (material.thicknessMap) {
-                                               uvScaleMap = material.thicknessMap;
-                                       }
-
-                                       if (uvScaleMap !== undefined) {
-                                               // backwards compatibility
-                                               if (uvScaleMap.isWebGLRenderTarget) {
-                                                       uvScaleMap = uvScaleMap.texture;
-                                               }
-
-                                               if (uvScaleMap.matrixAutoUpdate === true) {
-                                                       uvScaleMap.updateMatrix();
-                                               }
-
-                                               uniforms.uvTransform.value.copy(uvScaleMap.matrix);
-                                       } // uv repeat and offset setting priorities for uv2
-                                       // 1. ao map
-                                       // 2. light map
-
-
-                                       let uv2ScaleMap;
-
-                                       if (material.aoMap) {
-                                               uv2ScaleMap = material.aoMap;
-                                       } else if (material.lightMap) {
-                                               uv2ScaleMap = material.lightMap;
-                                       }
-
-                                       if (uv2ScaleMap !== undefined) {
-                                               // backwards compatibility
-                                               if (uv2ScaleMap.isWebGLRenderTarget) {
-                                                       uv2ScaleMap = uv2ScaleMap.texture;
-                                               }
-
-                                               if (uv2ScaleMap.matrixAutoUpdate === true) {
-                                                       uv2ScaleMap.updateMatrix();
-                                               }
-
-                                               uniforms.uv2Transform.value.copy(uv2ScaleMap.matrix);
-                                       }
-                               }
-
-                               function refreshUniformsLine(uniforms, material) {
-                                       uniforms.diffuse.value.copy(material.color);
-                                       uniforms.opacity.value = material.opacity;
-                               }
-
-                               function refreshUniformsDash(uniforms, material) {
-                                       uniforms.dashSize.value = material.dashSize;
-                                       uniforms.totalSize.value = material.dashSize + material.gapSize;
-                                       uniforms.scale.value = material.scale;
-                               }
-
-                               function refreshUniformsPoints(uniforms, material, pixelRatio, height) {
-                                       uniforms.diffuse.value.copy(material.color);
-                                       uniforms.opacity.value = material.opacity;
-                                       uniforms.size.value = material.size * pixelRatio;
-                                       uniforms.scale.value = height * 0.5;
-
-                                       if (material.map) {
-                                               uniforms.map.value = material.map;
-                                       }
-
-                                       if (material.alphaMap) {
-                                               uniforms.alphaMap.value = material.alphaMap;
-                                       }
-
-                                       if (material.alphaTest > 0) {
-                                               uniforms.alphaTest.value = material.alphaTest;
-                                       } // uv repeat and offset setting priorities
-                                       // 1. color map
-                                       // 2. alpha map
-
-
-                                       let uvScaleMap;
-
-                                       if (material.map) {
-                                               uvScaleMap = material.map;
-                                       } else if (material.alphaMap) {
-                                               uvScaleMap = material.alphaMap;
-                                       }
-
-                                       if (uvScaleMap !== undefined) {
-                                               if (uvScaleMap.matrixAutoUpdate === true) {
-                                                       uvScaleMap.updateMatrix();
-                                               }
-
-                                               uniforms.uvTransform.value.copy(uvScaleMap.matrix);
-                                       }
-                               }
-
-                               function refreshUniformsSprites(uniforms, material) {
-                                       uniforms.diffuse.value.copy(material.color);
-                                       uniforms.opacity.value = material.opacity;
-                                       uniforms.rotation.value = material.rotation;
-
-                                       if (material.map) {
-                                               uniforms.map.value = material.map;
-                                       }
-
-                                       if (material.alphaMap) {
-                                               uniforms.alphaMap.value = material.alphaMap;
-                                       }
-
-                                       if (material.alphaTest > 0) {
-                                               uniforms.alphaTest.value = material.alphaTest;
-                                       } // uv repeat and offset setting priorities
-                                       // 1. color map
-                                       // 2. alpha map
-
-
-                                       let uvScaleMap;
-
-                                       if (material.map) {
-                                               uvScaleMap = material.map;
-                                       } else if (material.alphaMap) {
-                                               uvScaleMap = material.alphaMap;
-                                       }
-
-                                       if (uvScaleMap !== undefined) {
-                                               if (uvScaleMap.matrixAutoUpdate === true) {
-                                                       uvScaleMap.updateMatrix();
-                                               }
-
-                                               uniforms.uvTransform.value.copy(uvScaleMap.matrix);
-                                       }
-                               }
-
-                               function refreshUniformsLambert(uniforms, material) {
-                                       if (material.emissiveMap) {
-                                               uniforms.emissiveMap.value = material.emissiveMap;
-                                       }
-                               }
-
-                               function refreshUniformsPhong(uniforms, material) {
-                                       uniforms.specular.value.copy(material.specular);
-                                       uniforms.shininess.value = Math.max(material.shininess, 1e-4); // to prevent pow( 0.0, 0.0 )
-
-                                       if (material.emissiveMap) {
-                                               uniforms.emissiveMap.value = material.emissiveMap;
-                                       }
-
-                                       if (material.bumpMap) {
-                                               uniforms.bumpMap.value = material.bumpMap;
-                                               uniforms.bumpScale.value = material.bumpScale;
-                                               if (material.side === BackSide) uniforms.bumpScale.value *= -1;
-                                       }
-
-                                       if (material.normalMap) {
-                                               uniforms.normalMap.value = material.normalMap;
-                                               uniforms.normalScale.value.copy(material.normalScale);
-                                               if (material.side === BackSide) uniforms.normalScale.value.negate();
-                                       }
-
-                                       if (material.displacementMap) {
-                                               uniforms.displacementMap.value = material.displacementMap;
-                                               uniforms.displacementScale.value = material.displacementScale;
-                                               uniforms.displacementBias.value = material.displacementBias;
-                                       }
-                               }
-
-                               function refreshUniformsToon(uniforms, material) {
-                                       if (material.gradientMap) {
-                                               uniforms.gradientMap.value = material.gradientMap;
-                                       }
-
-                                       if (material.emissiveMap) {
-                                               uniforms.emissiveMap.value = material.emissiveMap;
-                                       }
-
-                                       if (material.bumpMap) {
-                                               uniforms.bumpMap.value = material.bumpMap;
-                                               uniforms.bumpScale.value = material.bumpScale;
-                                               if (material.side === BackSide) uniforms.bumpScale.value *= -1;
-                                       }
-
-                                       if (material.normalMap) {
-                                               uniforms.normalMap.value = material.normalMap;
-                                               uniforms.normalScale.value.copy(material.normalScale);
-                                               if (material.side === BackSide) uniforms.normalScale.value.negate();
-                                       }
-
-                                       if (material.displacementMap) {
-                                               uniforms.displacementMap.value = material.displacementMap;
-                                               uniforms.displacementScale.value = material.displacementScale;
-                                               uniforms.displacementBias.value = material.displacementBias;
-                                       }
-                               }
-
-                               function refreshUniformsStandard(uniforms, material) {
-                                       uniforms.roughness.value = material.roughness;
-                                       uniforms.metalness.value = material.metalness;
-
-                                       if (material.roughnessMap) {
-                                               uniforms.roughnessMap.value = material.roughnessMap;
-                                       }
-
-                                       if (material.metalnessMap) {
-                                               uniforms.metalnessMap.value = material.metalnessMap;
-                                       }
-
-                                       if (material.emissiveMap) {
-                                               uniforms.emissiveMap.value = material.emissiveMap;
-                                       }
-
-                                       if (material.bumpMap) {
-                                               uniforms.bumpMap.value = material.bumpMap;
-                                               uniforms.bumpScale.value = material.bumpScale;
-                                               if (material.side === BackSide) uniforms.bumpScale.value *= -1;
-                                       }
-
-                                       if (material.normalMap) {
-                                               uniforms.normalMap.value = material.normalMap;
-                                               uniforms.normalScale.value.copy(material.normalScale);
-                                               if (material.side === BackSide) uniforms.normalScale.value.negate();
-                                       }
-
-                                       if (material.displacementMap) {
-                                               uniforms.displacementMap.value = material.displacementMap;
-                                               uniforms.displacementScale.value = material.displacementScale;
-                                               uniforms.displacementBias.value = material.displacementBias;
-                                       }
-
-                                       const envMap = properties.get(material).envMap;
-
-                                       if (envMap) {
-                                               //uniforms.envMap.value = material.envMap; // part of uniforms common
-                                               uniforms.envMapIntensity.value = material.envMapIntensity;
-                                       }
-                               }
-
-                               function refreshUniformsPhysical(uniforms, material, transmissionRenderTarget) {
-                                       refreshUniformsStandard(uniforms, material);
-                                       uniforms.ior.value = material.ior; // also part of uniforms common
-
-                                       if (material.sheenTint) uniforms.sheenTint.value.copy(material.sheenTint);
-
-                                       if (material.clearcoat > 0) {
-                                               uniforms.clearcoat.value = material.clearcoat;
-                                               uniforms.clearcoatRoughness.value = material.clearcoatRoughness;
-
-                                               if (material.clearcoatMap) {
-                                                       uniforms.clearcoatMap.value = material.clearcoatMap;
-                                               }
-
-                                               if (material.clearcoatRoughnessMap) {
-                                                       uniforms.clearcoatRoughnessMap.value = material.clearcoatRoughnessMap;
-                                               }
-
-                                               if (material.clearcoatNormalMap) {
-                                                       uniforms.clearcoatNormalScale.value.copy(material.clearcoatNormalScale);
-                                                       uniforms.clearcoatNormalMap.value = material.clearcoatNormalMap;
-
-                                                       if (material.side === BackSide) {
-                                                               uniforms.clearcoatNormalScale.value.negate();
-                                                       }
-                                               }
-                                       }
-
-                                       if (material.transmission > 0) {
-                                               uniforms.transmission.value = material.transmission;
-                                               uniforms.transmissionSamplerMap.value = transmissionRenderTarget.texture;
-                                               uniforms.transmissionSamplerSize.value.set(transmissionRenderTarget.width, transmissionRenderTarget.height);
-
-                                               if (material.transmissionMap) {
-                                                       uniforms.transmissionMap.value = material.transmissionMap;
-                                               }
-
-                                               uniforms.thickness.value = material.thickness;
-
-                                               if (material.thicknessMap) {
-                                                       uniforms.thicknessMap.value = material.thicknessMap;
-                                               }
-
-                                               uniforms.attenuationDistance.value = material.attenuationDistance;
-                                               uniforms.attenuationTint.value.copy(material.attenuationTint);
-                                       }
-
-                                       uniforms.specularIntensity.value = material.specularIntensity;
-                                       uniforms.specularTint.value.copy(material.specularTint);
-
-                                       if (material.specularIntensityMap) {
-                                               uniforms.specularIntensityMap.value = material.specularIntensityMap;
-                                       }
-
-                                       if (material.specularTintMap) {
-                                               uniforms.specularTintMap.value = material.specularTintMap;
-                                       }
-                               }
-
-                               function refreshUniformsMatcap(uniforms, material) {
-                                       if (material.matcap) {
-                                               uniforms.matcap.value = material.matcap;
-                                       }
-
-                                       if (material.bumpMap) {
-                                               uniforms.bumpMap.value = material.bumpMap;
-                                               uniforms.bumpScale.value = material.bumpScale;
-                                               if (material.side === BackSide) uniforms.bumpScale.value *= -1;
-                                       }
-
-                                       if (material.normalMap) {
-                                               uniforms.normalMap.value = material.normalMap;
-                                               uniforms.normalScale.value.copy(material.normalScale);
-                                               if (material.side === BackSide) uniforms.normalScale.value.negate();
-                                       }
-
-                                       if (material.displacementMap) {
-                                               uniforms.displacementMap.value = material.displacementMap;
-                                               uniforms.displacementScale.value = material.displacementScale;
-                                               uniforms.displacementBias.value = material.displacementBias;
-                                       }
-                               }
-
-                               function refreshUniformsDepth(uniforms, material) {
-                                       if (material.displacementMap) {
-                                               uniforms.displacementMap.value = material.displacementMap;
-                                               uniforms.displacementScale.value = material.displacementScale;
-                                               uniforms.displacementBias.value = material.displacementBias;
-                                       }
-                               }
-
-                               function refreshUniformsDistance(uniforms, material) {
-                                       if (material.displacementMap) {
-                                               uniforms.displacementMap.value = material.displacementMap;
-                                               uniforms.displacementScale.value = material.displacementScale;
-                                               uniforms.displacementBias.value = material.displacementBias;
-                                       }
-
-                                       uniforms.referencePosition.value.copy(material.referencePosition);
-                                       uniforms.nearDistance.value = material.nearDistance;
-                                       uniforms.farDistance.value = material.farDistance;
-                               }
-
-                               function refreshUniformsNormal(uniforms, material) {
-                                       if (material.bumpMap) {
-                                               uniforms.bumpMap.value = material.bumpMap;
-                                               uniforms.bumpScale.value = material.bumpScale;
-                                               if (material.side === BackSide) uniforms.bumpScale.value *= -1;
-                                       }
-
-                                       if (material.normalMap) {
-                                               uniforms.normalMap.value = material.normalMap;
-                                               uniforms.normalScale.value.copy(material.normalScale);
-                                               if (material.side === BackSide) uniforms.normalScale.value.negate();
-                                       }
-
-                                       if (material.displacementMap) {
-                                               uniforms.displacementMap.value = material.displacementMap;
-                                               uniforms.displacementScale.value = material.displacementScale;
-                                               uniforms.displacementBias.value = material.displacementBias;
-                                       }
-                               }
-
-                               return {
-                                       refreshFogUniforms: refreshFogUniforms,
-                                       refreshMaterialUniforms: refreshMaterialUniforms
-                               };
-                       }
-
-                       function createCanvasElement() {
-                               const canvas = document.createElementNS('http://www.w3.org/1999/xhtml', 'canvas');
-                               canvas.style.display = 'block';
-                               return canvas;
-                       }
-
-                       function WebGLRenderer(parameters = {}) {
-                               const _canvas = parameters.canvas !== undefined ? parameters.canvas : createCanvasElement(),
-                                       _context = parameters.context !== undefined ? parameters.context : null,
-                                       _alpha = parameters.alpha !== undefined ? parameters.alpha : false,
-                                       _depth = parameters.depth !== undefined ? parameters.depth : true,
-                                       _stencil = parameters.stencil !== undefined ? parameters.stencil : true,
-                                       _antialias = parameters.antialias !== undefined ? parameters.antialias : false,
-                                       _premultipliedAlpha = parameters.premultipliedAlpha !== undefined ? parameters.premultipliedAlpha : true,
-                                       _preserveDrawingBuffer = parameters.preserveDrawingBuffer !== undefined ? parameters.preserveDrawingBuffer : false,
-                                       _powerPreference = parameters.powerPreference !== undefined ? parameters.powerPreference : 'default',
-                                       _failIfMajorPerformanceCaveat = parameters.failIfMajorPerformanceCaveat !== undefined ? parameters.failIfMajorPerformanceCaveat : false;
-
-                               let currentRenderList = null;
-                               let currentRenderState = null; // render() can be called from within a callback triggered by another render.
-                               // We track this so that the nested render call gets its list and state isolated from the parent render call.
-
-                               const renderListStack = [];
-                               const renderStateStack = []; // public properties
-
-                               this.domElement = _canvas; // Debug configuration container
-
-                               this.debug = {
-                                       /**
-                                        * Enables error checking and reporting when shader programs are being compiled
-                                        * @type {boolean}
-                                        */
-                                       checkShaderErrors: true
-                               }; // clearing
-
-                               this.autoClear = true;
-                               this.autoClearColor = true;
-                               this.autoClearDepth = true;
-                               this.autoClearStencil = true; // scene graph
-
-                               this.sortObjects = true; // user-defined clipping
-
-                               this.clippingPlanes = [];
-                               this.localClippingEnabled = false; // physically based shading
-
-                               this.gammaFactor = 2.0; // for backwards compatibility
-
-                               this.outputEncoding = LinearEncoding; // physical lights
-
-                               this.physicallyCorrectLights = false; // tone mapping
-
-                               this.toneMapping = NoToneMapping;
-                               this.toneMappingExposure = 1.0; // internal properties
-
-                               const _this = this;
-
-                               let _isContextLost = false; // internal state cache
-
-                               let _currentActiveCubeFace = 0;
-                               let _currentActiveMipmapLevel = 0;
-                               let _currentRenderTarget = null;
-
-                               let _currentMaterialId = -1;
-
-                               let _currentCamera = null;
-
-                               const _currentViewport = new Vector4();
-
-                               const _currentScissor = new Vector4();
-
-                               let _currentScissorTest = null; //
-
-                               let _width = _canvas.width;
-                               let _height = _canvas.height;
-                               let _pixelRatio = 1;
-                               let _opaqueSort = null;
-                               let _transparentSort = null;
-
-                               const _viewport = new Vector4(0, 0, _width, _height);
-
-                               const _scissor = new Vector4(0, 0, _width, _height);
-
-                               let _scissorTest = false; //
-
-                               const _currentDrawBuffers = []; // frustum
-
-                               const _frustum = new Frustum(); // clipping
-
-
-                               let _clippingEnabled = false;
-                               let _localClippingEnabled = false; // transmission
-
-                               let _transmissionRenderTarget = null; // camera matrices cache
-
-                               const _projScreenMatrix = new Matrix4();
-
-                               const _vector3 = new Vector3();
-
-                               const _emptyScene = {
-                                       background: null,
-                                       fog: null,
-                                       environment: null,
-                                       overrideMaterial: null,
-                                       isScene: true
-                               };
-
-                               function getTargetPixelRatio() {
-                                       return _currentRenderTarget === null ? _pixelRatio : 1;
-                               } // initialize
-
-
-                               let _gl = _context;
-
-                               function getContext(contextNames, contextAttributes) {
-                                       for (let i = 0; i < contextNames.length; i++) {
-                                               const contextName = contextNames[i];
-
-                                               const context = _canvas.getContext(contextName, contextAttributes);
-
-                                               if (context !== null) return context;
-                                       }
-
-                                       return null;
-                               }
-
-                               try {
-                                       const contextAttributes = {
-                                               alpha: _alpha,
-                                               depth: _depth,
-                                               stencil: _stencil,
-                                               antialias: _antialias,
-                                               premultipliedAlpha: _premultipliedAlpha,
-                                               preserveDrawingBuffer: _preserveDrawingBuffer,
-                                               powerPreference: _powerPreference,
-                                               failIfMajorPerformanceCaveat: _failIfMajorPerformanceCaveat
-                                       }; // event listeners must be registered before WebGL context is created, see #12753
-
-                                       _canvas.addEventListener('webglcontextlost', onContextLost, false);
-
-                                       _canvas.addEventListener('webglcontextrestored', onContextRestore, false);
-
-                                       if (_gl === null) {
-                                               const contextNames = ['webgl2', 'webgl', 'experimental-webgl'];
-
-                                               if (_this.isWebGL1Renderer === true) {
-                                                       contextNames.shift();
-                                               }
-
-                                               _gl = getContext(contextNames, contextAttributes);
-
-                                               if (_gl === null) {
-                                                       if (getContext(contextNames)) {
-                                                               throw new Error('Error creating WebGL context with your selected attributes.');
-                                                       } else {
-                                                               throw new Error('Error creating WebGL context.');
-                                                       }
-                                               }
-                                       } // Some experimental-webgl implementations do not have getShaderPrecisionFormat
-
-
-                                       if (_gl.getShaderPrecisionFormat === undefined) {
-                                               _gl.getShaderPrecisionFormat = function () {
-                                                       return {
-                                                               'rangeMin': 1,
-                                                               'rangeMax': 1,
-                                                               'precision': 1
-                                                       };
-                                               };
-                                       }
-                               } catch (error) {
-                                       console.error('THREE.WebGLRenderer: ' + error.message);
-                                       throw error;
-                               }
-
-                               let extensions, capabilities, state, info;
-                               let properties, textures, cubemaps, cubeuvmaps, attributes, geometries, objects;
-                               let programCache, materials, renderLists, renderStates, clipping, shadowMap;
-                               let background, morphtargets, bufferRenderer, indexedBufferRenderer;
-                               let utils, bindingStates;
-
-                               function initGLContext() {
-                                       extensions = new WebGLExtensions(_gl);
-                                       capabilities = new WebGLCapabilities(_gl, extensions, parameters);
-                                       extensions.init(capabilities);
-                                       utils = new WebGLUtils(_gl, extensions, capabilities);
-                                       state = new WebGLState(_gl, extensions, capabilities);
-                                       _currentDrawBuffers[0] = _gl.BACK;
-                                       info = new WebGLInfo(_gl);
-                                       properties = new WebGLProperties();
-                                       textures = new WebGLTextures(_gl, extensions, state, properties, capabilities, utils, info);
-                                       cubemaps = new WebGLCubeMaps(_this);
-                                       cubeuvmaps = new WebGLCubeUVMaps(_this);
-                                       attributes = new WebGLAttributes(_gl, capabilities);
-                                       bindingStates = new WebGLBindingStates(_gl, extensions, attributes, capabilities);
-                                       geometries = new WebGLGeometries(_gl, attributes, info, bindingStates);
-                                       objects = new WebGLObjects(_gl, geometries, attributes, info);
-                                       morphtargets = new WebGLMorphtargets(_gl);
-                                       clipping = new WebGLClipping(properties);
-                                       programCache = new WebGLPrograms(_this, cubemaps, cubeuvmaps, extensions, capabilities, bindingStates, clipping);
-                                       materials = new WebGLMaterials(properties);
-                                       renderLists = new WebGLRenderLists(properties);
-                                       renderStates = new WebGLRenderStates(extensions, capabilities);
-                                       background = new WebGLBackground(_this, cubemaps, state, objects, _premultipliedAlpha);
-                                       shadowMap = new WebGLShadowMap(_this, objects, capabilities);
-                                       bufferRenderer = new WebGLBufferRenderer(_gl, extensions, info, capabilities);
-                                       indexedBufferRenderer = new WebGLIndexedBufferRenderer(_gl, extensions, info, capabilities);
-                                       info.programs = programCache.programs;
-                                       _this.capabilities = capabilities;
-                                       _this.extensions = extensions;
-                                       _this.properties = properties;
-                                       _this.renderLists = renderLists;
-                                       _this.shadowMap = shadowMap;
-                                       _this.state = state;
-                                       _this.info = info;
-                               }
-
-                               initGLContext(); // xr
-
-                               const xr = new WebXRManager(_this, _gl);
-                               this.xr = xr; // API
-
-                               this.getContext = function () {
-                                       return _gl;
-                               };
-
-                               this.getContextAttributes = function () {
-                                       return _gl.getContextAttributes();
-                               };
-
-                               this.forceContextLoss = function () {
-                                       const extension = extensions.get('WEBGL_lose_context');
-                                       if (extension) extension.loseContext();
-                               };
-
-                               this.forceContextRestore = function () {
-                                       const extension = extensions.get('WEBGL_lose_context');
-                                       if (extension) extension.restoreContext();
-                               };
-
-                               this.getPixelRatio = function () {
-                                       return _pixelRatio;
-                               };
-
-                               this.setPixelRatio = function (value) {
-                                       if (value === undefined) return;
-                                       _pixelRatio = value;
-                                       this.setSize(_width, _height, false);
-                               };
-
-                               this.getSize = function (target) {
-                                       return target.set(_width, _height);
-                               };
-
-                               this.setSize = function (width, height, updateStyle) {
-                                       if (xr.isPresenting) {
-                                               console.warn('THREE.WebGLRenderer: Can\'t change size while VR device is presenting.');
-                                               return;
-                                       }
-
-                                       _width = width;
-                                       _height = height;
-                                       _canvas.width = Math.floor(width * _pixelRatio);
-                                       _canvas.height = Math.floor(height * _pixelRatio);
-
-                                       if (updateStyle !== false) {
-                                               _canvas.style.width = width + 'px';
-                                               _canvas.style.height = height + 'px';
-                                       }
-
-                                       this.setViewport(0, 0, width, height);
-                               };
-
-                               this.getDrawingBufferSize = function (target) {
-                                       return target.set(_width * _pixelRatio, _height * _pixelRatio).floor();
-                               };
-
-                               this.setDrawingBufferSize = function (width, height, pixelRatio) {
-                                       _width = width;
-                                       _height = height;
-                                       _pixelRatio = pixelRatio;
-                                       _canvas.width = Math.floor(width * pixelRatio);
-                                       _canvas.height = Math.floor(height * pixelRatio);
-                                       this.setViewport(0, 0, width, height);
-                               };
-
-                               this.getCurrentViewport = function (target) {
-                                       return target.copy(_currentViewport);
-                               };
-
-                               this.getViewport = function (target) {
-                                       return target.copy(_viewport);
-                               };
-
-                               this.setViewport = function (x, y, width, height) {
-                                       if (x.isVector4) {
-                                               _viewport.set(x.x, x.y, x.z, x.w);
-                                       } else {
-                                               _viewport.set(x, y, width, height);
-                                       }
-
-                                       state.viewport(_currentViewport.copy(_viewport).multiplyScalar(_pixelRatio).floor());
-                               };
-
-                               this.getScissor = function (target) {
-                                       return target.copy(_scissor);
-                               };
-
-                               this.setScissor = function (x, y, width, height) {
-                                       if (x.isVector4) {
-                                               _scissor.set(x.x, x.y, x.z, x.w);
-                                       } else {
-                                               _scissor.set(x, y, width, height);
-                                       }
-
-                                       state.scissor(_currentScissor.copy(_scissor).multiplyScalar(_pixelRatio).floor());
-                               };
-
-                               this.getScissorTest = function () {
-                                       return _scissorTest;
-                               };
-
-                               this.setScissorTest = function (boolean) {
-                                       state.setScissorTest(_scissorTest = boolean);
-                               };
-
-                               this.setOpaqueSort = function (method) {
-                                       _opaqueSort = method;
-                               };
-
-                               this.setTransparentSort = function (method) {
-                                       _transparentSort = method;
-                               }; // Clearing
-
-
-                               this.getClearColor = function (target) {
-                                       return target.copy(background.getClearColor());
-                               };
-
-                               this.setClearColor = function () {
-                                       background.setClearColor.apply(background, arguments);
-                               };
-
-                               this.getClearAlpha = function () {
-                                       return background.getClearAlpha();
-                               };
-
-                               this.setClearAlpha = function () {
-                                       background.setClearAlpha.apply(background, arguments);
-                               };
-
-                               this.clear = function (color, depth, stencil) {
-                                       let bits = 0;
-                                       if (color === undefined || color) bits |= _gl.COLOR_BUFFER_BIT;
-                                       if (depth === undefined || depth) bits |= _gl.DEPTH_BUFFER_BIT;
-                                       if (stencil === undefined || stencil) bits |= _gl.STENCIL_BUFFER_BIT;
-
-                                       _gl.clear(bits);
-                               };
-
-                               this.clearColor = function () {
-                                       this.clear(true, false, false);
-                               };
-
-                               this.clearDepth = function () {
-                                       this.clear(false, true, false);
-                               };
-
-                               this.clearStencil = function () {
-                                       this.clear(false, false, true);
-                               }; //
-
-
-                               this.dispose = function () {
-                                       _canvas.removeEventListener('webglcontextlost', onContextLost, false);
-
-                                       _canvas.removeEventListener('webglcontextrestored', onContextRestore, false);
-
-                                       renderLists.dispose();
-                                       renderStates.dispose();
-                                       properties.dispose();
-                                       cubemaps.dispose();
-                                       cubeuvmaps.dispose();
-                                       objects.dispose();
-                                       bindingStates.dispose();
-                                       xr.dispose();
-                                       xr.removeEventListener('sessionstart', onXRSessionStart);
-                                       xr.removeEventListener('sessionend', onXRSessionEnd);
-
-                                       if (_transmissionRenderTarget) {
-                                               _transmissionRenderTarget.dispose();
-
-                                               _transmissionRenderTarget = null;
-                                       }
-
-                                       animation.stop();
-                               }; // Events
-
-
-                               function onContextLost(event) {
-                                       event.preventDefault();
-                                       console.log('THREE.WebGLRenderer: Context Lost.');
-                                       _isContextLost = true;
-                               }
-
-                               function onContextRestore() {
-                                       console.log('THREE.WebGLRenderer: Context Restored.');
-                                       _isContextLost = false;
-                                       const infoAutoReset = info.autoReset;
-                                       const shadowMapEnabled = shadowMap.enabled;
-                                       const shadowMapAutoUpdate = shadowMap.autoUpdate;
-                                       const shadowMapNeedsUpdate = shadowMap.needsUpdate;
-                                       const shadowMapType = shadowMap.type;
-                                       initGLContext();
-                                       info.autoReset = infoAutoReset;
-                                       shadowMap.enabled = shadowMapEnabled;
-                                       shadowMap.autoUpdate = shadowMapAutoUpdate;
-                                       shadowMap.needsUpdate = shadowMapNeedsUpdate;
-                                       shadowMap.type = shadowMapType;
-                               }
-
-                               function onMaterialDispose(event) {
-                                       const material = event.target;
-                                       material.removeEventListener('dispose', onMaterialDispose);
-                                       deallocateMaterial(material);
-                               } // Buffer deallocation
-
-
-                               function deallocateMaterial(material) {
-                                       releaseMaterialProgramReferences(material);
-                                       properties.remove(material);
-                               }
-
-                               function releaseMaterialProgramReferences(material) {
-                                       const programs = properties.get(material).programs;
-
-                                       if (programs !== undefined) {
-                                               programs.forEach(function (program) {
-                                                       programCache.releaseProgram(program);
-                                               });
-                                       }
-                               } // Buffer rendering
-
-
-                               function renderObjectImmediate(object, program) {
-                                       object.render(function (object) {
-                                               _this.renderBufferImmediate(object, program);
-                                       });
-                               }
-
-                               this.renderBufferImmediate = function (object, program) {
-                                       bindingStates.initAttributes();
-                                       const buffers = properties.get(object);
-                                       if (object.hasPositions && !buffers.position) buffers.position = _gl.createBuffer();
-                                       if (object.hasNormals && !buffers.normal) buffers.normal = _gl.createBuffer();
-                                       if (object.hasUvs && !buffers.uv) buffers.uv = _gl.createBuffer();
-                                       if (object.hasColors && !buffers.color) buffers.color = _gl.createBuffer();
-                                       const programAttributes = program.getAttributes();
-
-                                       if (object.hasPositions) {
-                                               _gl.bindBuffer(_gl.ARRAY_BUFFER, buffers.position);
-
-                                               _gl.bufferData(_gl.ARRAY_BUFFER, object.positionArray, _gl.DYNAMIC_DRAW);
-
-                                               bindingStates.enableAttribute(programAttributes.position.location);
-
-                                               _gl.vertexAttribPointer(programAttributes.position.location, 3, _gl.FLOAT, false, 0, 0);
-                                       }
-
-                                       if (object.hasNormals) {
-                                               _gl.bindBuffer(_gl.ARRAY_BUFFER, buffers.normal);
-
-                                               _gl.bufferData(_gl.ARRAY_BUFFER, object.normalArray, _gl.DYNAMIC_DRAW);
-
-                                               bindingStates.enableAttribute(programAttributes.normal.location);
-
-                                               _gl.vertexAttribPointer(programAttributes.normal.location, 3, _gl.FLOAT, false, 0, 0);
-                                       }
-
-                                       if (object.hasUvs) {
-                                               _gl.bindBuffer(_gl.ARRAY_BUFFER, buffers.uv);
-
-                                               _gl.bufferData(_gl.ARRAY_BUFFER, object.uvArray, _gl.DYNAMIC_DRAW);
-
-                                               bindingStates.enableAttribute(programAttributes.uv.location);
-
-                                               _gl.vertexAttribPointer(programAttributes.uv.location, 2, _gl.FLOAT, false, 0, 0);
-                                       }
-
-                                       if (object.hasColors) {
-                                               _gl.bindBuffer(_gl.ARRAY_BUFFER, buffers.color);
-
-                                               _gl.bufferData(_gl.ARRAY_BUFFER, object.colorArray, _gl.DYNAMIC_DRAW);
-
-                                               bindingStates.enableAttribute(programAttributes.color.location);
-
-                                               _gl.vertexAttribPointer(programAttributes.color.location, 3, _gl.FLOAT, false, 0, 0);
-                                       }
-
-                                       bindingStates.disableUnusedAttributes();
-
-                                       _gl.drawArrays(_gl.TRIANGLES, 0, object.count);
-
-                                       object.count = 0;
-                               };
-
-                               this.renderBufferDirect = function (camera, scene, geometry, material, object, group) {
-                                       if (scene === null) scene = _emptyScene; // renderBufferDirect second parameter used to be fog (could be null)
-
-                                       const frontFaceCW = object.isMesh && object.matrixWorld.determinant() < 0;
-                                       const program = setProgram(camera, scene, material, object);
-                                       state.setMaterial(material, frontFaceCW); //
-
-                                       let index = geometry.index;
-                                       const position = geometry.attributes.position; //
-
-                                       if (index === null) {
-                                               if (position === undefined || position.count === 0) return;
-                                       } else if (index.count === 0) {
-                                               return;
-                                       } //
-
-
-                                       let rangeFactor = 1;
-
-                                       if (material.wireframe === true) {
-                                               index = geometries.getWireframeAttribute(geometry);
-                                               rangeFactor = 2;
-                                       }
-
-                                       if (geometry.morphAttributes.position !== undefined || geometry.morphAttributes.normal !== undefined) {
-                                               morphtargets.update(object, geometry, material, program);
-                                       }
-
-                                       bindingStates.setup(object, material, program, geometry, index);
-                                       let attribute;
-                                       let renderer = bufferRenderer;
-
-                                       if (index !== null) {
-                                               attribute = attributes.get(index);
-                                               renderer = indexedBufferRenderer;
-                                               renderer.setIndex(attribute);
-                                       } //
-
-
-                                       const dataCount = index !== null ? index.count : position.count;
-                                       const rangeStart = geometry.drawRange.start * rangeFactor;
-                                       const rangeCount = geometry.drawRange.count * rangeFactor;
-                                       const groupStart = group !== null ? group.start * rangeFactor : 0;
-                                       const groupCount = group !== null ? group.count * rangeFactor : Infinity;
-                                       const drawStart = Math.max(rangeStart, groupStart);
-                                       const drawEnd = Math.min(dataCount, rangeStart + rangeCount, groupStart + groupCount) - 1;
-                                       const drawCount = Math.max(0, drawEnd - drawStart + 1);
-                                       if (drawCount === 0) return; //
-
-                                       if (object.isMesh) {
-                                               if (material.wireframe === true) {
-                                                       state.setLineWidth(material.wireframeLinewidth * getTargetPixelRatio());
-                                                       renderer.setMode(_gl.LINES);
-                                               } else {
-                                                       renderer.setMode(_gl.TRIANGLES);
-                                               }
-                                       } else if (object.isLine) {
-                                               let lineWidth = material.linewidth;
-                                               if (lineWidth === undefined) lineWidth = 1; // Not using Line*Material
-
-                                               state.setLineWidth(lineWidth * getTargetPixelRatio());
-
-                                               if (object.isLineSegments) {
-                                                       renderer.setMode(_gl.LINES);
-                                               } else if (object.isLineLoop) {
-                                                       renderer.setMode(_gl.LINE_LOOP);
-                                               } else {
-                                                       renderer.setMode(_gl.LINE_STRIP);
-                                               }
-                                       } else if (object.isPoints) {
-                                               renderer.setMode(_gl.POINTS);
-                                       } else if (object.isSprite) {
-                                               renderer.setMode(_gl.TRIANGLES);
-                                       }
-
-                                       if (object.isInstancedMesh) {
-                                               renderer.renderInstances(drawStart, drawCount, object.count);
-                                       } else if (geometry.isInstancedBufferGeometry) {
-                                               const instanceCount = Math.min(geometry.instanceCount, geometry._maxInstanceCount);
-                                               renderer.renderInstances(drawStart, drawCount, instanceCount);
-                                       } else {
-                                               renderer.render(drawStart, drawCount);
-                                       }
-                               }; // Compile
-
-
-                               this.compile = function (scene, camera) {
-                                       currentRenderState = renderStates.get(scene);
-                                       currentRenderState.init();
-                                       renderStateStack.push(currentRenderState);
-                                       scene.traverseVisible(function (object) {
-                                               if (object.isLight && object.layers.test(camera.layers)) {
-                                                       currentRenderState.pushLight(object);
-
-                                                       if (object.castShadow) {
-                                                               currentRenderState.pushShadow(object);
-                                                       }
-                                               }
-                                       });
-                                       currentRenderState.setupLights(_this.physicallyCorrectLights);
-                                       scene.traverse(function (object) {
-                                               const material = object.material;
-
-                                               if (material) {
-                                                       if (Array.isArray(material)) {
-                                                               for (let i = 0; i < material.length; i++) {
-                                                                       const material2 = material[i];
-                                                                       getProgram(material2, scene, object);
-                                                               }
-                                                       } else {
-                                                               getProgram(material, scene, object);
-                                                       }
-                                               }
-                                       });
-                                       renderStateStack.pop();
-                                       currentRenderState = null;
-                               }; // Animation Loop
-
-
-                               let onAnimationFrameCallback = null;
-
-                               function onAnimationFrame(time) {
-                                       if (onAnimationFrameCallback) onAnimationFrameCallback(time);
-                               }
-
-                               function onXRSessionStart() {
-                                       animation.stop();
-                               }
-
-                               function onXRSessionEnd() {
-                                       animation.start();
-                               }
-
-                               const animation = new WebGLAnimation();
-                               animation.setAnimationLoop(onAnimationFrame);
-                               if (typeof window !== 'undefined') animation.setContext(window);
-
-                               this.setAnimationLoop = function (callback) {
-                                       onAnimationFrameCallback = callback;
-                                       xr.setAnimationLoop(callback);
-                                       callback === null ? animation.stop() : animation.start();
-                               };
-
-                               xr.addEventListener('sessionstart', onXRSessionStart);
-                               xr.addEventListener('sessionend', onXRSessionEnd); // Rendering
-
-                               this.render = function (scene, camera) {
-                                       if (camera !== undefined && camera.isCamera !== true) {
-                                               console.error('THREE.WebGLRenderer.render: camera is not an instance of THREE.Camera.');
-                                               return;
-                                       }
-
-                                       if (_isContextLost === true) return; // update scene graph
-
-                                       if (scene.autoUpdate === true) scene.updateMatrixWorld(); // update camera matrices and frustum
-
-                                       if (camera.parent === null) camera.updateMatrixWorld();
-
-                                       if (xr.enabled === true && xr.isPresenting === true) {
-                                               if (xr.cameraAutoUpdate === true) xr.updateCamera(camera);
-                                               camera = xr.getCamera(); // use XR camera for rendering
-                                       } //
-
-
-                                       if (scene.isScene === true) scene.onBeforeRender(_this, scene, camera, _currentRenderTarget);
-                                       currentRenderState = renderStates.get(scene, renderStateStack.length);
-                                       currentRenderState.init();
-                                       renderStateStack.push(currentRenderState);
-
-                                       _projScreenMatrix.multiplyMatrices(camera.projectionMatrix, camera.matrixWorldInverse);
-
-                                       _frustum.setFromProjectionMatrix(_projScreenMatrix);
-
-                                       _localClippingEnabled = this.localClippingEnabled;
-                                       _clippingEnabled = clipping.init(this.clippingPlanes, _localClippingEnabled, camera);
-                                       currentRenderList = renderLists.get(scene, renderListStack.length);
-                                       currentRenderList.init();
-                                       renderListStack.push(currentRenderList);
-                                       projectObject(scene, camera, 0, _this.sortObjects);
-                                       currentRenderList.finish();
-
-                                       if (_this.sortObjects === true) {
-                                               currentRenderList.sort(_opaqueSort, _transparentSort);
-                                       } //
-
-
-                                       if (_clippingEnabled === true) clipping.beginShadows();
-                                       const shadowsArray = currentRenderState.state.shadowsArray;
-                                       shadowMap.render(shadowsArray, scene, camera);
-                                       if (_clippingEnabled === true) clipping.endShadows(); //
-
-                                       if (this.info.autoReset === true) this.info.reset(); //
-
-                                       background.render(currentRenderList, scene); // render scene
-
-                                       currentRenderState.setupLights(_this.physicallyCorrectLights);
-
-                                       if (camera.isArrayCamera) {
-                                               const cameras = camera.cameras;
-
-                                               for (let i = 0, l = cameras.length; i < l; i++) {
-                                                       const camera2 = cameras[i];
-                                                       renderScene(currentRenderList, scene, camera2, camera2.viewport);
-                                               }
-                                       } else {
-                                               renderScene(currentRenderList, scene, camera);
-                                       } //
-
-
-                                       if (_currentRenderTarget !== null) {
-                                               // resolve multisample renderbuffers to a single-sample texture if necessary
-                                               textures.updateMultisampleRenderTarget(_currentRenderTarget); // Generate mipmap if we're using any kind of mipmap filtering
-
-                                               textures.updateRenderTargetMipmap(_currentRenderTarget);
-                                       } //
-
-
-                                       if (scene.isScene === true) scene.onAfterRender(_this, scene, camera); // Ensure depth buffer writing is enabled so it can be cleared on next render
-
-                                       state.buffers.depth.setTest(true);
-                                       state.buffers.depth.setMask(true);
-                                       state.buffers.color.setMask(true);
-                                       state.setPolygonOffset(false); // _gl.finish();
-
-                                       bindingStates.resetDefaultState();
-                                       _currentMaterialId = -1;
-                                       _currentCamera = null;
-                                       renderStateStack.pop();
-
-                                       if (renderStateStack.length > 0) {
-                                               currentRenderState = renderStateStack[renderStateStack.length - 1];
-                                       } else {
-                                               currentRenderState = null;
-                                       }
-
-                                       renderListStack.pop();
-
-                                       if (renderListStack.length > 0) {
-                                               currentRenderList = renderListStack[renderListStack.length - 1];
-                                       } else {
-                                               currentRenderList = null;
-                                       }
-                               };
-
-                               function projectObject(object, camera, groupOrder, sortObjects) {
-                                       if (object.visible === false) return;
-                                       const visible = object.layers.test(camera.layers);
-
-                                       if (visible) {
-                                               if (object.isGroup) {
-                                                       groupOrder = object.renderOrder;
-                                               } else if (object.isLOD) {
-                                                       if (object.autoUpdate === true) object.update(camera);
-                                               } else if (object.isLight) {
-                                                       currentRenderState.pushLight(object);
-
-                                                       if (object.castShadow) {
-                                                               currentRenderState.pushShadow(object);
-                                                       }
-                                               } else if (object.isSprite) {
-                                                       if (!object.frustumCulled || _frustum.intersectsSprite(object)) {
-                                                               if (sortObjects) {
-                                                                       _vector3.setFromMatrixPosition(object.matrixWorld).applyMatrix4(_projScreenMatrix);
-                                                               }
-
-                                                               const geometry = objects.update(object);
-                                                               const material = object.material;
-
-                                                               if (material.visible) {
-                                                                       currentRenderList.push(object, geometry, material, groupOrder, _vector3.z, null);
-                                                               }
-                                                       }
-                                               } else if (object.isImmediateRenderObject) {
-                                                       if (sortObjects) {
-                                                               _vector3.setFromMatrixPosition(object.matrixWorld).applyMatrix4(_projScreenMatrix);
-                                                       }
-
-                                                       currentRenderList.push(object, null, object.material, groupOrder, _vector3.z, null);
-                                               } else if (object.isMesh || object.isLine || object.isPoints) {
-                                                       if (object.isSkinnedMesh) {
-                                                               // update skeleton only once in a frame
-                                                               if (object.skeleton.frame !== info.render.frame) {
-                                                                       object.skeleton.update();
-                                                                       object.skeleton.frame = info.render.frame;
-                                                               }
-                                                       }
-
-                                                       if (!object.frustumCulled || _frustum.intersectsObject(object)) {
-                                                               if (sortObjects) {
-                                                                       _vector3.setFromMatrixPosition(object.matrixWorld).applyMatrix4(_projScreenMatrix);
-                                                               }
-
-                                                               const geometry = objects.update(object);
-                                                               const material = object.material;
-
-                                                               if (Array.isArray(material)) {
-                                                                       const groups = geometry.groups;
-
-                                                                       for (let i = 0, l = groups.length; i < l; i++) {
-                                                                               const group = groups[i];
-                                                                               const groupMaterial = material[group.materialIndex];
-
-                                                                               if (groupMaterial && groupMaterial.visible) {
-                                                                                       currentRenderList.push(object, geometry, groupMaterial, groupOrder, _vector3.z, group);
-                                                                               }
-                                                                       }
-                                                               } else if (material.visible) {
-                                                                       currentRenderList.push(object, geometry, material, groupOrder, _vector3.z, null);
-                                                               }
-                                                       }
-                                               }
-                                       }
-
-                                       const children = object.children;
-
-                                       for (let i = 0, l = children.length; i < l; i++) {
-                                               projectObject(children[i], camera, groupOrder, sortObjects);
-                                       }
-                               }
-
-                               function renderScene(currentRenderList, scene, camera, viewport) {
-                                       const opaqueObjects = currentRenderList.opaque;
-                                       const transmissiveObjects = currentRenderList.transmissive;
-                                       const transparentObjects = currentRenderList.transparent;
-                                       currentRenderState.setupLightsView(camera);
-                                       if (transmissiveObjects.length > 0) renderTransmissionPass(opaqueObjects, scene, camera);
-                                       if (viewport) state.viewport(_currentViewport.copy(viewport));
-                                       if (opaqueObjects.length > 0) renderObjects(opaqueObjects, scene, camera);
-                                       if (transmissiveObjects.length > 0) renderObjects(transmissiveObjects, scene, camera);
-                                       if (transparentObjects.length > 0) renderObjects(transparentObjects, scene, camera);
-                               }
-
-                               function renderTransmissionPass(opaqueObjects, scene, camera) {
-                                       if (_transmissionRenderTarget === null) {
-                                               const needsAntialias = _antialias === true && capabilities.isWebGL2 === true;
-                                               const renderTargetType = needsAntialias ? WebGLMultisampleRenderTarget : WebGLRenderTarget;
-                                               _transmissionRenderTarget = new renderTargetType(1024, 1024, {
-                                                       generateMipmaps: true,
-                                                       type: utils.convert(HalfFloatType) !== null ? HalfFloatType : UnsignedByteType,
-                                                       minFilter: LinearMipmapLinearFilter,
-                                                       magFilter: NearestFilter,
-                                                       wrapS: ClampToEdgeWrapping,
-                                                       wrapT: ClampToEdgeWrapping
-                                               });
-                                       }
-
-                                       const currentRenderTarget = _this.getRenderTarget();
-
-                                       _this.setRenderTarget(_transmissionRenderTarget);
-
-                                       _this.clear(); // Turn off the features which can affect the frag color for opaque objects pass.
-                                       // Otherwise they are applied twice in opaque objects pass and transmission objects pass.
-
-
-                                       const currentToneMapping = _this.toneMapping;
-                                       _this.toneMapping = NoToneMapping;
-                                       renderObjects(opaqueObjects, scene, camera);
-                                       _this.toneMapping = currentToneMapping;
-                                       textures.updateMultisampleRenderTarget(_transmissionRenderTarget);
-                                       textures.updateRenderTargetMipmap(_transmissionRenderTarget);
-
-                                       _this.setRenderTarget(currentRenderTarget);
-                               }
-
-                               function renderObjects(renderList, scene, camera) {
-                                       const overrideMaterial = scene.isScene === true ? scene.overrideMaterial : null;
-
-                                       for (let i = 0, l = renderList.length; i < l; i++) {
-                                               const renderItem = renderList[i];
-                                               const object = renderItem.object;
-                                               const geometry = renderItem.geometry;
-                                               const material = overrideMaterial === null ? renderItem.material : overrideMaterial;
-                                               const group = renderItem.group;
-
-                                               if (object.layers.test(camera.layers)) {
-                                                       renderObject(object, scene, camera, geometry, material, group);
-                                               }
-                                       }
-                               }
-
-                               function renderObject(object, scene, camera, geometry, material, group) {
-                                       object.onBeforeRender(_this, scene, camera, geometry, material, group);
-                                       object.modelViewMatrix.multiplyMatrices(camera.matrixWorldInverse, object.matrixWorld);
-                                       object.normalMatrix.getNormalMatrix(object.modelViewMatrix);
-
-                                       if (object.isImmediateRenderObject) {
-                                               const program = setProgram(camera, scene, material, object);
-                                               state.setMaterial(material);
-                                               bindingStates.reset();
-                                               renderObjectImmediate(object, program);
-                                       } else {
-                                               if (material.transparent === true && material.side === DoubleSide) {
-                                                       material.side = BackSide;
-                                                       material.needsUpdate = true;
-
-                                                       _this.renderBufferDirect(camera, scene, geometry, material, object, group);
-
-                                                       material.side = FrontSide;
-                                                       material.needsUpdate = true;
-
-                                                       _this.renderBufferDirect(camera, scene, geometry, material, object, group);
-
-                                                       material.side = DoubleSide;
-                                               } else {
-                                                       _this.renderBufferDirect(camera, scene, geometry, material, object, group);
-                                               }
-                                       }
-
-                                       object.onAfterRender(_this, scene, camera, geometry, material, group);
-                               }
-
-                               function getProgram(material, scene, object) {
-                                       if (scene.isScene !== true) scene = _emptyScene; // scene could be a Mesh, Line, Points, ...
-
-                                       const materialProperties = properties.get(material);
-                                       const lights = currentRenderState.state.lights;
-                                       const shadowsArray = currentRenderState.state.shadowsArray;
-                                       const lightsStateVersion = lights.state.version;
-                                       const parameters = programCache.getParameters(material, lights.state, shadowsArray, scene, object);
-                                       const programCacheKey = programCache.getProgramCacheKey(parameters);
-                                       let programs = materialProperties.programs; // always update environment and fog - changing these trigger an getProgram call, but it's possible that the program doesn't change
-
-                                       materialProperties.environment = material.isMeshStandardMaterial ? scene.environment : null;
-                                       materialProperties.fog = scene.fog;
-                                       materialProperties.envMap = (material.isMeshStandardMaterial ? cubeuvmaps : cubemaps).get(material.envMap || materialProperties.environment);
-
-                                       if (programs === undefined) {
-                                               // new material
-                                               material.addEventListener('dispose', onMaterialDispose);
-                                               programs = new Map();
-                                               materialProperties.programs = programs;
-                                       }
-
-                                       let program = programs.get(programCacheKey);
-
-                                       if (program !== undefined) {
-                                               // early out if program and light state is identical
-                                               if (materialProperties.currentProgram === program && materialProperties.lightsStateVersion === lightsStateVersion) {
-                                                       updateCommonMaterialProperties(material, parameters);
-                                                       return program;
-                                               }
-                                       } else {
-                                               parameters.uniforms = programCache.getUniforms(material);
-                                               material.onBuild(parameters, _this);
-                                               material.onBeforeCompile(parameters, _this);
-                                               program = programCache.acquireProgram(parameters, programCacheKey);
-                                               programs.set(programCacheKey, program);
-                                               materialProperties.uniforms = parameters.uniforms;
-                                       }
-
-                                       const uniforms = materialProperties.uniforms;
-
-                                       if (!material.isShaderMaterial && !material.isRawShaderMaterial || material.clipping === true) {
-                                               uniforms.clippingPlanes = clipping.uniform;
-                                       }
-
-                                       updateCommonMaterialProperties(material, parameters); // store the light setup it was created for
-
-                                       materialProperties.needsLights = materialNeedsLights(material);
-                                       materialProperties.lightsStateVersion = lightsStateVersion;
-
-                                       if (materialProperties.needsLights) {
-                                               // wire up the material to this renderer's lighting state
-                                               uniforms.ambientLightColor.value = lights.state.ambient;
-                                               uniforms.lightProbe.value = lights.state.probe;
-                                               uniforms.directionalLights.value = lights.state.directional;
-                                               uniforms.directionalLightShadows.value = lights.state.directionalShadow;
-                                               uniforms.spotLights.value = lights.state.spot;
-                                               uniforms.spotLightShadows.value = lights.state.spotShadow;
-                                               uniforms.rectAreaLights.value = lights.state.rectArea;
-                                               uniforms.ltc_1.value = lights.state.rectAreaLTC1;
-                                               uniforms.ltc_2.value = lights.state.rectAreaLTC2;
-                                               uniforms.pointLights.value = lights.state.point;
-                                               uniforms.pointLightShadows.value = lights.state.pointShadow;
-                                               uniforms.hemisphereLights.value = lights.state.hemi;
-                                               uniforms.directionalShadowMap.value = lights.state.directionalShadowMap;
-                                               uniforms.directionalShadowMatrix.value = lights.state.directionalShadowMatrix;
-                                               uniforms.spotShadowMap.value = lights.state.spotShadowMap;
-                                               uniforms.spotShadowMatrix.value = lights.state.spotShadowMatrix;
-                                               uniforms.pointShadowMap.value = lights.state.pointShadowMap;
-                                               uniforms.pointShadowMatrix.value = lights.state.pointShadowMatrix; // TODO (abelnation): add area lights shadow info to uniforms
-                                       }
-
-                                       const progUniforms = program.getUniforms();
-                                       const uniformsList = WebGLUniforms.seqWithValue(progUniforms.seq, uniforms);
-                                       materialProperties.currentProgram = program;
-                                       materialProperties.uniformsList = uniformsList;
-                                       return program;
-                               }
-
-                               function updateCommonMaterialProperties(material, parameters) {
-                                       const materialProperties = properties.get(material);
-                                       materialProperties.outputEncoding = parameters.outputEncoding;
-                                       materialProperties.instancing = parameters.instancing;
-                                       materialProperties.skinning = parameters.skinning;
-                                       materialProperties.morphTargets = parameters.morphTargets;
-                                       materialProperties.morphNormals = parameters.morphNormals;
-                                       materialProperties.numClippingPlanes = parameters.numClippingPlanes;
-                                       materialProperties.numIntersection = parameters.numClipIntersection;
-                                       materialProperties.vertexAlphas = parameters.vertexAlphas;
-                                       materialProperties.vertexTangents = parameters.vertexTangents;
-                               }
-
-                               function setProgram(camera, scene, material, object) {
-                                       if (scene.isScene !== true) scene = _emptyScene; // scene could be a Mesh, Line, Points, ...
-
-                                       textures.resetTextureUnits();
-                                       const fog = scene.fog;
-                                       const environment = material.isMeshStandardMaterial ? scene.environment : null;
-                                       const encoding = _currentRenderTarget === null ? _this.outputEncoding : _currentRenderTarget.texture.encoding;
-                                       const envMap = (material.isMeshStandardMaterial ? cubeuvmaps : cubemaps).get(material.envMap || environment);
-                                       const vertexAlphas = material.vertexColors === true && !!object.geometry && !!object.geometry.attributes.color && object.geometry.attributes.color.itemSize === 4;
-                                       const vertexTangents = !!object.geometry && !!object.geometry.attributes.tangent;
-                                       const morphTargets = !!object.geometry && !!object.geometry.morphAttributes.position;
-                                       const morphNormals = !!object.geometry && !!object.geometry.morphAttributes.normal;
-                                       const materialProperties = properties.get(material);
-                                       const lights = currentRenderState.state.lights;
-
-                                       if (_clippingEnabled === true) {
-                                               if (_localClippingEnabled === true || camera !== _currentCamera) {
-                                                       const useCache = camera === _currentCamera && material.id === _currentMaterialId; // we might want to call this function with some ClippingGroup
-                                                       // object instead of the material, once it becomes feasible
-                                                       // (#8465, #8379)
-
-                                                       clipping.setState(material, camera, useCache);
-                                               }
-                                       } //
-
-
-                                       let needsProgramChange = false;
-
-                                       if (material.version === materialProperties.__version) {
-                                               if (materialProperties.needsLights && materialProperties.lightsStateVersion !== lights.state.version) {
-                                                       needsProgramChange = true;
-                                               } else if (materialProperties.outputEncoding !== encoding) {
-                                                       needsProgramChange = true;
-                                               } else if (object.isInstancedMesh && materialProperties.instancing === false) {
-                                                       needsProgramChange = true;
-                                               } else if (!object.isInstancedMesh && materialProperties.instancing === true) {
-                                                       needsProgramChange = true;
-                                               } else if (object.isSkinnedMesh && materialProperties.skinning === false) {
-                                                       needsProgramChange = true;
-                                               } else if (!object.isSkinnedMesh && materialProperties.skinning === true) {
-                                                       needsProgramChange = true;
-                                               } else if (materialProperties.envMap !== envMap) {
-                                                       needsProgramChange = true;
-                                               } else if (material.fog && materialProperties.fog !== fog) {
-                                                       needsProgramChange = true;
-                                               } else if (materialProperties.numClippingPlanes !== undefined && (materialProperties.numClippingPlanes !== clipping.numPlanes || materialProperties.numIntersection !== clipping.numIntersection)) {
-                                                       needsProgramChange = true;
-                                               } else if (materialProperties.vertexAlphas !== vertexAlphas) {
-                                                       needsProgramChange = true;
-                                               } else if (materialProperties.vertexTangents !== vertexTangents) {
-                                                       needsProgramChange = true;
-                                               } else if (materialProperties.morphTargets !== morphTargets) {
-                                                       needsProgramChange = true;
-                                               } else if (materialProperties.morphNormals !== morphNormals) {
-                                                       needsProgramChange = true;
-                                               }
-                                       } else {
-                                               needsProgramChange = true;
-                                               materialProperties.__version = material.version;
-                                       } //
-
-
-                                       let program = materialProperties.currentProgram;
-
-                                       if (needsProgramChange === true) {
-                                               program = getProgram(material, scene, object);
-                                       }
-
-                                       let refreshProgram = false;
-                                       let refreshMaterial = false;
-                                       let refreshLights = false;
-                                       const p_uniforms = program.getUniforms(),
-                                               m_uniforms = materialProperties.uniforms;
-
-                                       if (state.useProgram(program.program)) {
-                                               refreshProgram = true;
-                                               refreshMaterial = true;
-                                               refreshLights = true;
-                                       }
-
-                                       if (material.id !== _currentMaterialId) {
-                                               _currentMaterialId = material.id;
-                                               refreshMaterial = true;
-                                       }
-
-                                       if (refreshProgram || _currentCamera !== camera) {
-                                               p_uniforms.setValue(_gl, 'projectionMatrix', camera.projectionMatrix);
-
-                                               if (capabilities.logarithmicDepthBuffer) {
-                                                       p_uniforms.setValue(_gl, 'logDepthBufFC', 2.0 / (Math.log(camera.far + 1.0) / Math.LN2));
-                                               }
-
-                                               if (_currentCamera !== camera) {
-                                                       _currentCamera = camera; // lighting uniforms depend on the camera so enforce an update
-                                                       // now, in case this material supports lights - or later, when
-                                                       // the next material that does gets activated:
-
-                                                       refreshMaterial = true; // set to true on material change
-
-                                                       refreshLights = true; // remains set until update done
-                                               } // load material specific uniforms
-                                               // (shader material also gets them for the sake of genericity)
-
-
-                                               if (material.isShaderMaterial || material.isMeshPhongMaterial || material.isMeshToonMaterial || material.isMeshStandardMaterial || material.envMap) {
-                                                       const uCamPos = p_uniforms.map.cameraPosition;
-
-                                                       if (uCamPos !== undefined) {
-                                                               uCamPos.setValue(_gl, _vector3.setFromMatrixPosition(camera.matrixWorld));
-                                                       }
-                                               }
-
-                                               if (material.isMeshPhongMaterial || material.isMeshToonMaterial || material.isMeshLambertMaterial || material.isMeshBasicMaterial || material.isMeshStandardMaterial || material.isShaderMaterial) {
-                                                       p_uniforms.setValue(_gl, 'isOrthographic', camera.isOrthographicCamera === true);
-                                               }
-
-                                               if (material.isMeshPhongMaterial || material.isMeshToonMaterial || material.isMeshLambertMaterial || material.isMeshBasicMaterial || material.isMeshStandardMaterial || material.isShaderMaterial || material.isShadowMaterial || object.isSkinnedMesh) {
-                                                       p_uniforms.setValue(_gl, 'viewMatrix', camera.matrixWorldInverse);
-                                               }
-                                       } // skinning uniforms must be set even if material didn't change
-                                       // auto-setting of texture unit for bone texture must go before other textures
-                                       // otherwise textures used for skinning can take over texture units reserved for other material textures
-
-
-                                       if (object.isSkinnedMesh) {
-                                               p_uniforms.setOptional(_gl, object, 'bindMatrix');
-                                               p_uniforms.setOptional(_gl, object, 'bindMatrixInverse');
-                                               const skeleton = object.skeleton;
-
-                                               if (skeleton) {
-                                                       if (capabilities.floatVertexTextures) {
-                                                               if (skeleton.boneTexture === null) skeleton.computeBoneTexture();
-                                                               p_uniforms.setValue(_gl, 'boneTexture', skeleton.boneTexture, textures);
-                                                               p_uniforms.setValue(_gl, 'boneTextureSize', skeleton.boneTextureSize);
-                                                       } else {
-                                                               p_uniforms.setOptional(_gl, skeleton, 'boneMatrices');
-                                                       }
-                                               }
-                                       }
-
-                                       if (refreshMaterial || materialProperties.receiveShadow !== object.receiveShadow) {
-                                               materialProperties.receiveShadow = object.receiveShadow;
-                                               p_uniforms.setValue(_gl, 'receiveShadow', object.receiveShadow);
-                                       }
-
-                                       if (refreshMaterial) {
-                                               p_uniforms.setValue(_gl, 'toneMappingExposure', _this.toneMappingExposure);
-
-                                               if (materialProperties.needsLights) {
-                                                       // the current material requires lighting info
-                                                       // note: all lighting uniforms are always set correctly
-                                                       // they simply reference the renderer's state for their
-                                                       // values
-                                                       //
-                                                       // use the current material's .needsUpdate flags to set
-                                                       // the GL state when required
-                                                       markUniformsLightsNeedsUpdate(m_uniforms, refreshLights);
-                                               } // refresh uniforms common to several materials
-
-
-                                               if (fog && material.fog) {
-                                                       materials.refreshFogUniforms(m_uniforms, fog);
-                                               }
-
-                                               materials.refreshMaterialUniforms(m_uniforms, material, _pixelRatio, _height, _transmissionRenderTarget);
-                                               WebGLUniforms.upload(_gl, materialProperties.uniformsList, m_uniforms, textures);
-                                       }
-
-                                       if (material.isShaderMaterial && material.uniformsNeedUpdate === true) {
-                                               WebGLUniforms.upload(_gl, materialProperties.uniformsList, m_uniforms, textures);
-                                               material.uniformsNeedUpdate = false;
-                                       }
-
-                                       if (material.isSpriteMaterial) {
-                                               p_uniforms.setValue(_gl, 'center', object.center);
-                                       } // common matrices
-
-
-                                       p_uniforms.setValue(_gl, 'modelViewMatrix', object.modelViewMatrix);
-                                       p_uniforms.setValue(_gl, 'normalMatrix', object.normalMatrix);
-                                       p_uniforms.setValue(_gl, 'modelMatrix', object.matrixWorld);
-                                       return program;
-                               } // If uniforms are marked as clean, they don't need to be loaded to the GPU.
-
-
-                               function markUniformsLightsNeedsUpdate(uniforms, value) {
-                                       uniforms.ambientLightColor.needsUpdate = value;
-                                       uniforms.lightProbe.needsUpdate = value;
-                                       uniforms.directionalLights.needsUpdate = value;
-                                       uniforms.directionalLightShadows.needsUpdate = value;
-                                       uniforms.pointLights.needsUpdate = value;
-                                       uniforms.pointLightShadows.needsUpdate = value;
-                                       uniforms.spotLights.needsUpdate = value;
-                                       uniforms.spotLightShadows.needsUpdate = value;
-                                       uniforms.rectAreaLights.needsUpdate = value;
-                                       uniforms.hemisphereLights.needsUpdate = value;
-                               }
-
-                               function materialNeedsLights(material) {
-                                       return material.isMeshLambertMaterial || material.isMeshToonMaterial || material.isMeshPhongMaterial || material.isMeshStandardMaterial || material.isShadowMaterial || material.isShaderMaterial && material.lights === true;
-                               }
-
-                               this.getActiveCubeFace = function () {
-                                       return _currentActiveCubeFace;
-                               };
-
-                               this.getActiveMipmapLevel = function () {
-                                       return _currentActiveMipmapLevel;
-                               };
-
-                               this.getRenderTarget = function () {
-                                       return _currentRenderTarget;
-                               };
-
-                               this.setRenderTarget = function (renderTarget, activeCubeFace = 0, activeMipmapLevel = 0) {
-                                       _currentRenderTarget = renderTarget;
-                                       _currentActiveCubeFace = activeCubeFace;
-                                       _currentActiveMipmapLevel = activeMipmapLevel;
-
-                                       if (renderTarget && properties.get(renderTarget).__webglFramebuffer === undefined) {
-                                               textures.setupRenderTarget(renderTarget);
-                                       }
-
-                                       let framebuffer = null;
-                                       let isCube = false;
-                                       let isRenderTarget3D = false;
-
-                                       if (renderTarget) {
-                                               const texture = renderTarget.texture;
-
-                                               if (texture.isDataTexture3D || texture.isDataTexture2DArray) {
-                                                       isRenderTarget3D = true;
-                                               }
-
-                                               const __webglFramebuffer = properties.get(renderTarget).__webglFramebuffer;
-
-                                               if (renderTarget.isWebGLCubeRenderTarget) {
-                                                       framebuffer = __webglFramebuffer[activeCubeFace];
-                                                       isCube = true;
-                                               } else if (renderTarget.isWebGLMultisampleRenderTarget) {
-                                                       framebuffer = properties.get(renderTarget).__webglMultisampledFramebuffer;
-                                               } else {
-                                                       framebuffer = __webglFramebuffer;
-                                               }
-
-                                               _currentViewport.copy(renderTarget.viewport);
-
-                                               _currentScissor.copy(renderTarget.scissor);
-
-                                               _currentScissorTest = renderTarget.scissorTest;
-                                       } else {
-                                               _currentViewport.copy(_viewport).multiplyScalar(_pixelRatio).floor();
-
-                                               _currentScissor.copy(_scissor).multiplyScalar(_pixelRatio).floor();
-
-                                               _currentScissorTest = _scissorTest;
-                                       }
-
-                                       const framebufferBound = state.bindFramebuffer(_gl.FRAMEBUFFER, framebuffer);
-
-                                       if (framebufferBound && capabilities.drawBuffers) {
-                                               let needsUpdate = false;
-
-                                               if (renderTarget) {
-                                                       if (renderTarget.isWebGLMultipleRenderTargets) {
-                                                               const textures = renderTarget.texture;
-
-                                                               if (_currentDrawBuffers.length !== textures.length || _currentDrawBuffers[0] !== _gl.COLOR_ATTACHMENT0) {
-                                                                       for (let i = 0, il = textures.length; i < il; i++) {
-                                                                               _currentDrawBuffers[i] = _gl.COLOR_ATTACHMENT0 + i;
-                                                                       }
-
-                                                                       _currentDrawBuffers.length = textures.length;
-                                                                       needsUpdate = true;
-                                                               }
-                                                       } else {
-                                                               if (_currentDrawBuffers.length !== 1 || _currentDrawBuffers[0] !== _gl.COLOR_ATTACHMENT0) {
-                                                                       _currentDrawBuffers[0] = _gl.COLOR_ATTACHMENT0;
-                                                                       _currentDrawBuffers.length = 1;
-                                                                       needsUpdate = true;
-                                                               }
-                                                       }
-                                               } else {
-                                                       if (_currentDrawBuffers.length !== 1 || _currentDrawBuffers[0] !== _gl.BACK) {
-                                                               _currentDrawBuffers[0] = _gl.BACK;
-                                                               _currentDrawBuffers.length = 1;
-                                                               needsUpdate = true;
-                                                       }
-                                               }
-
-                                               if (needsUpdate) {
-                                                       if (capabilities.isWebGL2) {
-                                                               _gl.drawBuffers(_currentDrawBuffers);
-                                                       } else {
-                                                               extensions.get('WEBGL_draw_buffers').drawBuffersWEBGL(_currentDrawBuffers);
-                                                       }
-                                               }
-                                       }
-
-                                       state.viewport(_currentViewport);
-                                       state.scissor(_currentScissor);
-                                       state.setScissorTest(_currentScissorTest);
-
-                                       if (isCube) {
-                                               const textureProperties = properties.get(renderTarget.texture);
-
-                                               _gl.framebufferTexture2D(_gl.FRAMEBUFFER, _gl.COLOR_ATTACHMENT0, _gl.TEXTURE_CUBE_MAP_POSITIVE_X + activeCubeFace, textureProperties.__webglTexture, activeMipmapLevel);
-                                       } else if (isRenderTarget3D) {
-                                               const textureProperties = properties.get(renderTarget.texture);
-                                               const layer = activeCubeFace || 0;
-
-                                               _gl.framebufferTextureLayer(_gl.FRAMEBUFFER, _gl.COLOR_ATTACHMENT0, textureProperties.__webglTexture, activeMipmapLevel || 0, layer);
-                                       }
-
-                                       _currentMaterialId = -1; // reset current material to ensure correct uniform bindings
-                               };
-
-                               this.readRenderTargetPixels = function (renderTarget, x, y, width, height, buffer, activeCubeFaceIndex) {
-                                       if (!(renderTarget && renderTarget.isWebGLRenderTarget)) {
-                                               console.error('THREE.WebGLRenderer.readRenderTargetPixels: renderTarget is not THREE.WebGLRenderTarget.');
-                                               return;
-                                       }
-
-                                       let framebuffer = properties.get(renderTarget).__webglFramebuffer;
-
-                                       if (renderTarget.isWebGLCubeRenderTarget && activeCubeFaceIndex !== undefined) {
-                                               framebuffer = framebuffer[activeCubeFaceIndex];
-                                       }
-
-                                       if (framebuffer) {
-                                               state.bindFramebuffer(_gl.FRAMEBUFFER, framebuffer);
-
-                                               try {
-                                                       const texture = renderTarget.texture;
-                                                       const textureFormat = texture.format;
-                                                       const textureType = texture.type;
-
-                                                       if (textureFormat !== RGBAFormat && utils.convert(textureFormat) !== _gl.getParameter(_gl.IMPLEMENTATION_COLOR_READ_FORMAT)) {
-                                                               console.error('THREE.WebGLRenderer.readRenderTargetPixels: renderTarget is not in RGBA or implementation defined format.');
-                                                               return;
-                                                       }
-
-                                                       const halfFloatSupportedByExt = textureType === HalfFloatType && (extensions.has('EXT_color_buffer_half_float') || capabilities.isWebGL2 && extensions.has('EXT_color_buffer_float'));
-
-                                                       if (textureType !== UnsignedByteType && utils.convert(textureType) !== _gl.getParameter(_gl.IMPLEMENTATION_COLOR_READ_TYPE) && // Edge and Chrome Mac < 52 (#9513)
-                                                               !(textureType === FloatType && (capabilities.isWebGL2 || extensions.has('OES_texture_float') || extensions.has('WEBGL_color_buffer_float'))) && // Chrome Mac >= 52 and Firefox
-                                                               !halfFloatSupportedByExt) {
-                                                               console.error('THREE.WebGLRenderer.readRenderTargetPixels: renderTarget is not in UnsignedByteType or implementation defined type.');
-                                                               return;
-                                                       }
-
-                                                       if (_gl.checkFramebufferStatus(_gl.FRAMEBUFFER) === _gl.FRAMEBUFFER_COMPLETE) {
-                                                               // the following if statement ensures valid read requests (no out-of-bounds pixels, see #8604)
-                                                               if (x >= 0 && x <= renderTarget.width - width && y >= 0 && y <= renderTarget.height - height) {
-                                                                       _gl.readPixels(x, y, width, height, utils.convert(textureFormat), utils.convert(textureType), buffer);
-                                                               }
-                                                       } else {
-                                                               console.error('THREE.WebGLRenderer.readRenderTargetPixels: readPixels from renderTarget failed. Framebuffer not complete.');
-                                                       }
-                                               } finally {
-                                                       // restore framebuffer of current render target if necessary
-                                                       const framebuffer = _currentRenderTarget !== null ? properties.get(_currentRenderTarget).__webglFramebuffer : null;
-                                                       state.bindFramebuffer(_gl.FRAMEBUFFER, framebuffer);
-                                               }
-                                       }
-                               };
-
-                               this.copyFramebufferToTexture = function (position, texture, level = 0) {
-                                       const levelScale = Math.pow(2, -level);
-                                       const width = Math.floor(texture.image.width * levelScale);
-                                       const height = Math.floor(texture.image.height * levelScale);
-                                       let glFormat = utils.convert(texture.format);
-
-                                       if (capabilities.isWebGL2) {
-                                               // Workaround for https://bugs.chromium.org/p/chromium/issues/detail?id=1120100
-                                               // Not needed in Chrome 93+
-                                               if (glFormat === _gl.RGB) glFormat = _gl.RGB8;
-                                               if (glFormat === _gl.RGBA) glFormat = _gl.RGBA8;
-                                       }
-
-                                       textures.setTexture2D(texture, 0);
-
-                                       _gl.copyTexImage2D(_gl.TEXTURE_2D, level, glFormat, position.x, position.y, width, height, 0);
-
-                                       state.unbindTexture();
-                               };
-
-                               this.copyTextureToTexture = function (position, srcTexture, dstTexture, level = 0) {
-                                       const width = srcTexture.image.width;
-                                       const height = srcTexture.image.height;
-                                       const glFormat = utils.convert(dstTexture.format);
-                                       const glType = utils.convert(dstTexture.type);
-                                       textures.setTexture2D(dstTexture, 0); // As another texture upload may have changed pixelStorei
-                                       // parameters, make sure they are correct for the dstTexture
-
-                                       _gl.pixelStorei(_gl.UNPACK_FLIP_Y_WEBGL, dstTexture.flipY);
-
-                                       _gl.pixelStorei(_gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL, dstTexture.premultiplyAlpha);
-
-                                       _gl.pixelStorei(_gl.UNPACK_ALIGNMENT, dstTexture.unpackAlignment);
-
-                                       if (srcTexture.isDataTexture) {
-                                               _gl.texSubImage2D(_gl.TEXTURE_2D, level, position.x, position.y, width, height, glFormat, glType, srcTexture.image.data);
-                                       } else {
-                                               if (srcTexture.isCompressedTexture) {
-                                                       _gl.compressedTexSubImage2D(_gl.TEXTURE_2D, level, position.x, position.y, srcTexture.mipmaps[0].width, srcTexture.mipmaps[0].height, glFormat, srcTexture.mipmaps[0].data);
-                                               } else {
-                                                       _gl.texSubImage2D(_gl.TEXTURE_2D, level, position.x, position.y, glFormat, glType, srcTexture.image);
-                                               }
-                                       } // Generate mipmaps only when copying level 0
-
-
-                                       if (level === 0 && dstTexture.generateMipmaps) _gl.generateMipmap(_gl.TEXTURE_2D);
-                                       state.unbindTexture();
-                               };
-
-                               this.copyTextureToTexture3D = function (sourceBox, position, srcTexture, dstTexture, level = 0) {
-                                       if (_this.isWebGL1Renderer) {
-                                               console.warn('THREE.WebGLRenderer.copyTextureToTexture3D: can only be used with WebGL2.');
-                                               return;
-                                       }
-
-                                       const width = sourceBox.max.x - sourceBox.min.x + 1;
-                                       const height = sourceBox.max.y - sourceBox.min.y + 1;
-                                       const depth = sourceBox.max.z - sourceBox.min.z + 1;
-                                       const glFormat = utils.convert(dstTexture.format);
-                                       const glType = utils.convert(dstTexture.type);
-                                       let glTarget;
-
-                                       if (dstTexture.isDataTexture3D) {
-                                               textures.setTexture3D(dstTexture, 0);
-                                               glTarget = _gl.TEXTURE_3D;
-                                       } else if (dstTexture.isDataTexture2DArray) {
-                                               textures.setTexture2DArray(dstTexture, 0);
-                                               glTarget = _gl.TEXTURE_2D_ARRAY;
-                                       } else {
-                                               console.warn('THREE.WebGLRenderer.copyTextureToTexture3D: only supports THREE.DataTexture3D and THREE.DataTexture2DArray.');
-                                               return;
-                                       }
-
-                                       _gl.pixelStorei(_gl.UNPACK_FLIP_Y_WEBGL, dstTexture.flipY);
-
-                                       _gl.pixelStorei(_gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL, dstTexture.premultiplyAlpha);
-
-                                       _gl.pixelStorei(_gl.UNPACK_ALIGNMENT, dstTexture.unpackAlignment);
-
-                                       const unpackRowLen = _gl.getParameter(_gl.UNPACK_ROW_LENGTH);
-
-                                       const unpackImageHeight = _gl.getParameter(_gl.UNPACK_IMAGE_HEIGHT);
-
-                                       const unpackSkipPixels = _gl.getParameter(_gl.UNPACK_SKIP_PIXELS);
-
-                                       const unpackSkipRows = _gl.getParameter(_gl.UNPACK_SKIP_ROWS);
-
-                                       const unpackSkipImages = _gl.getParameter(_gl.UNPACK_SKIP_IMAGES);
-
-                                       const image = srcTexture.isCompressedTexture ? srcTexture.mipmaps[0] : srcTexture.image;
-
-                                       _gl.pixelStorei(_gl.UNPACK_ROW_LENGTH, image.width);
-
-                                       _gl.pixelStorei(_gl.UNPACK_IMAGE_HEIGHT, image.height);
-
-                                       _gl.pixelStorei(_gl.UNPACK_SKIP_PIXELS, sourceBox.min.x);
-
-                                       _gl.pixelStorei(_gl.UNPACK_SKIP_ROWS, sourceBox.min.y);
-
-                                       _gl.pixelStorei(_gl.UNPACK_SKIP_IMAGES, sourceBox.min.z);
-
-                                       if (srcTexture.isDataTexture || srcTexture.isDataTexture3D) {
-                                               _gl.texSubImage3D(glTarget, level, position.x, position.y, position.z, width, height, depth, glFormat, glType, image.data);
-                                       } else {
-                                               if (srcTexture.isCompressedTexture) {
-                                                       console.warn('THREE.WebGLRenderer.copyTextureToTexture3D: untested support for compressed srcTexture.');
-
-                                                       _gl.compressedTexSubImage3D(glTarget, level, position.x, position.y, position.z, width, height, depth, glFormat, image.data);
-                                               } else {
-                                                       _gl.texSubImage3D(glTarget, level, position.x, position.y, position.z, width, height, depth, glFormat, glType, image);
-                                               }
-                                       }
-
-                                       _gl.pixelStorei(_gl.UNPACK_ROW_LENGTH, unpackRowLen);
-
-                                       _gl.pixelStorei(_gl.UNPACK_IMAGE_HEIGHT, unpackImageHeight);
-
-                                       _gl.pixelStorei(_gl.UNPACK_SKIP_PIXELS, unpackSkipPixels);
-
-                                       _gl.pixelStorei(_gl.UNPACK_SKIP_ROWS, unpackSkipRows);
-
-                                       _gl.pixelStorei(_gl.UNPACK_SKIP_IMAGES, unpackSkipImages); // Generate mipmaps only when copying level 0
-
-
-                                       if (level === 0 && dstTexture.generateMipmaps) _gl.generateMipmap(glTarget);
-                                       state.unbindTexture();
-                               };
-
-                               this.initTexture = function (texture) {
-                                       textures.setTexture2D(texture, 0);
-                                       state.unbindTexture();
-                               };
-
-                               this.resetState = function () {
-                                       _currentActiveCubeFace = 0;
-                                       _currentActiveMipmapLevel = 0;
-                                       _currentRenderTarget = null;
-                                       state.reset();
-                                       bindingStates.reset();
-                               };
-
-                               if (typeof __THREE_DEVTOOLS__ !== 'undefined') {
-                                       __THREE_DEVTOOLS__.dispatchEvent(new CustomEvent('observe', {
-                                               detail: this
-                                       })); // eslint-disable-line no-undef
-
-                               }
-                       }
-
-                       class WebGL1Renderer extends WebGLRenderer {
-                       }
-
-                       WebGL1Renderer.prototype.isWebGL1Renderer = true;
-
-                       class FogExp2 {
-                               constructor(color, density = 0.00025) {
-                                       this.name = '';
-                                       this.color = new Color(color);
-                                       this.density = density;
-                               }
-
-                               clone() {
-                                       return new FogExp2(this.color, this.density);
-                               }
-
-                               toJSON() {
-                                       return {
-                                               type: 'FogExp2',
-                                               color: this.color.getHex(),
-                                               density: this.density
-                                       };
-                               }
-
-                       }
-
-                       FogExp2.prototype.isFogExp2 = true;
-
-                       class Fog {
-                               constructor(color, near = 1, far = 1000) {
-                                       this.name = '';
-                                       this.color = new Color(color);
-                                       this.near = near;
-                                       this.far = far;
-                               }
-
-                               clone() {
-                                       return new Fog(this.color, this.near, this.far);
-                               }
-
-                               toJSON() {
-                                       return {
-                                               type: 'Fog',
-                                               color: this.color.getHex(),
-                                               near: this.near,
-                                               far: this.far
-                                       };
-                               }
-
-                       }
-
-                       Fog.prototype.isFog = true;
-
-                       class Scene extends Object3D {
-                               constructor() {
-                                       super();
-                                       this.type = 'Scene';
-                                       this.background = null;
-                                       this.environment = null;
-                                       this.fog = null;
-                                       this.overrideMaterial = null;
-                                       this.autoUpdate = true; // checked by the renderer
-
-                                       if (typeof __THREE_DEVTOOLS__ !== 'undefined') {
-                                               __THREE_DEVTOOLS__.dispatchEvent(new CustomEvent('observe', {
-                                                       detail: this
-                                               })); // eslint-disable-line no-undef
-
-                                       }
-                               }
-
-                               copy(source, recursive) {
-                                       super.copy(source, recursive);
-                                       if (source.background !== null) this.background = source.background.clone();
-                                       if (source.environment !== null) this.environment = source.environment.clone();
-                                       if (source.fog !== null) this.fog = source.fog.clone();
-                                       if (source.overrideMaterial !== null) this.overrideMaterial = source.overrideMaterial.clone();
-                                       this.autoUpdate = source.autoUpdate;
-                                       this.matrixAutoUpdate = source.matrixAutoUpdate;
-                                       return this;
-                               }
-
-                               toJSON(meta) {
-                                       const data = super.toJSON(meta);
-                                       if (this.fog !== null) data.object.fog = this.fog.toJSON();
-                                       return data;
-                               }
-
-                       }
-
-                       Scene.prototype.isScene = true;
-
-                       class InterleavedBuffer {
-                               constructor(array, stride) {
-                                       this.array = array;
-                                       this.stride = stride;
-                                       this.count = array !== undefined ? array.length / stride : 0;
-                                       this.usage = StaticDrawUsage;
-                                       this.updateRange = {
-                                               offset: 0,
-                                               count: -1
-                                       };
-                                       this.version = 0;
-                                       this.uuid = generateUUID();
-                               }
-
-                               onUploadCallback() {
-                               }
-
-                               set needsUpdate(value) {
-                                       if (value === true) this.version++;
-                               }
-
-                               setUsage(value) {
-                                       this.usage = value;
-                                       return this;
-                               }
-
-                               copy(source) {
-                                       this.array = new source.array.constructor(source.array);
-                                       this.count = source.count;
-                                       this.stride = source.stride;
-                                       this.usage = source.usage;
-                                       return this;
-                               }
-
-                               copyAt(index1, attribute, index2) {
-                                       index1 *= this.stride;
-                                       index2 *= attribute.stride;
-
-                                       for (let i = 0, l = this.stride; i < l; i++) {
-                                               this.array[index1 + i] = attribute.array[index2 + i];
-                                       }
-
-                                       return this;
-                               }
-
-                               set(value, offset = 0) {
-                                       this.array.set(value, offset);
-                                       return this;
-                               }
-
-                               clone(data) {
-                                       if (data.arrayBuffers === undefined) {
-                                               data.arrayBuffers = {};
-                                       }
-
-                                       if (this.array.buffer._uuid === undefined) {
-                                               this.array.buffer._uuid = generateUUID();
-                                       }
-
-                                       if (data.arrayBuffers[this.array.buffer._uuid] === undefined) {
-                                               data.arrayBuffers[this.array.buffer._uuid] = this.array.slice(0).buffer;
-                                       }
-
-                                       const array = new this.array.constructor(data.arrayBuffers[this.array.buffer._uuid]);
-                                       const ib = new this.constructor(array, this.stride);
-                                       ib.setUsage(this.usage);
-                                       return ib;
-                               }
-
-                               onUpload(callback) {
-                                       this.onUploadCallback = callback;
-                                       return this;
-                               }
-
-                               toJSON(data) {
-                                       if (data.arrayBuffers === undefined) {
-                                               data.arrayBuffers = {};
-                                       } // generate UUID for array buffer if necessary
-
-
-                                       if (this.array.buffer._uuid === undefined) {
-                                               this.array.buffer._uuid = generateUUID();
-                                       }
-
-                                       if (data.arrayBuffers[this.array.buffer._uuid] === undefined) {
-                                               data.arrayBuffers[this.array.buffer._uuid] = Array.prototype.slice.call(new Uint32Array(this.array.buffer));
-                                       } //
-
-
-                                       return {
-                                               uuid: this.uuid,
-                                               buffer: this.array.buffer._uuid,
-                                               type: this.array.constructor.name,
-                                               stride: this.stride
-                                       };
-                               }
-
-                       }
-
-                       InterleavedBuffer.prototype.isInterleavedBuffer = true;
-
-                       const _vector$6 = /*@__PURE__*/new Vector3();
-
-                       class InterleavedBufferAttribute {
-                               constructor(interleavedBuffer, itemSize, offset, normalized = false) {
-                                       this.name = '';
-                                       this.data = interleavedBuffer;
-                                       this.itemSize = itemSize;
-                                       this.offset = offset;
-                                       this.normalized = normalized === true;
-                               }
-
-                               get count() {
-                                       return this.data.count;
-                               }
-
-                               get array() {
-                                       return this.data.array;
-                               }
-
-                               set needsUpdate(value) {
-                                       this.data.needsUpdate = value;
-                               }
-
-                               applyMatrix4(m) {
-                                       for (let i = 0, l = this.data.count; i < l; i++) {
-                                               _vector$6.x = this.getX(i);
-                                               _vector$6.y = this.getY(i);
-                                               _vector$6.z = this.getZ(i);
-
-                                               _vector$6.applyMatrix4(m);
-
-                                               this.setXYZ(i, _vector$6.x, _vector$6.y, _vector$6.z);
-                                       }
-
-                                       return this;
-                               }
-
-                               applyNormalMatrix(m) {
-                                       for (let i = 0, l = this.count; i < l; i++) {
-                                               _vector$6.x = this.getX(i);
-                                               _vector$6.y = this.getY(i);
-                                               _vector$6.z = this.getZ(i);
-
-                                               _vector$6.applyNormalMatrix(m);
-
-                                               this.setXYZ(i, _vector$6.x, _vector$6.y, _vector$6.z);
-                                       }
-
-                                       return this;
-                               }
-
-                               transformDirection(m) {
-                                       for (let i = 0, l = this.count; i < l; i++) {
-                                               _vector$6.x = this.getX(i);
-                                               _vector$6.y = this.getY(i);
-                                               _vector$6.z = this.getZ(i);
-
-                                               _vector$6.transformDirection(m);
-
-                                               this.setXYZ(i, _vector$6.x, _vector$6.y, _vector$6.z);
-                                       }
-
-                                       return this;
-                               }
-
-                               setX(index, x) {
-                                       this.data.array[index * this.data.stride + this.offset] = x;
-                                       return this;
-                               }
-
-                               setY(index, y) {
-                                       this.data.array[index * this.data.stride + this.offset + 1] = y;
-                                       return this;
-                               }
-
-                               setZ(index, z) {
-                                       this.data.array[index * this.data.stride + this.offset + 2] = z;
-                                       return this;
-                               }
-
-                               setW(index, w) {
-                                       this.data.array[index * this.data.stride + this.offset + 3] = w;
-                                       return this;
-                               }
-
-                               getX(index) {
-                                       return this.data.array[index * this.data.stride + this.offset];
-                               }
-
-                               getY(index) {
-                                       return this.data.array[index * this.data.stride + this.offset + 1];
-                               }
-
-                               getZ(index) {
-                                       return this.data.array[index * this.data.stride + this.offset + 2];
-                               }
-
-                               getW(index) {
-                                       return this.data.array[index * this.data.stride + this.offset + 3];
-                               }
-
-                               setXY(index, x, y) {
-                                       index = index * this.data.stride + this.offset;
-                                       this.data.array[index + 0] = x;
-                                       this.data.array[index + 1] = y;
-                                       return this;
-                               }
-
-                               setXYZ(index, x, y, z) {
-                                       index = index * this.data.stride + this.offset;
-                                       this.data.array[index + 0] = x;
-                                       this.data.array[index + 1] = y;
-                                       this.data.array[index + 2] = z;
-                                       return this;
-                               }
-
-                               setXYZW(index, x, y, z, w) {
-                                       index = index * this.data.stride + this.offset;
-                                       this.data.array[index + 0] = x;
-                                       this.data.array[index + 1] = y;
-                                       this.data.array[index + 2] = z;
-                                       this.data.array[index + 3] = w;
-                                       return this;
-                               }
-
-                               clone(data) {
-                                       if (data === undefined) {
-                                               console.log('THREE.InterleavedBufferAttribute.clone(): Cloning an interlaved buffer attribute will deinterleave buffer data.');
-                                               const array = [];
-
-                                               for (let i = 0; i < this.count; i++) {
-                                                       const index = i * this.data.stride + this.offset;
-
-                                                       for (let j = 0; j < this.itemSize; j++) {
-                                                               array.push(this.data.array[index + j]);
-                                                       }
-                                               }
-
-                                               return new BufferAttribute(new this.array.constructor(array), this.itemSize, this.normalized);
-                                       } else {
-                                               if (data.interleavedBuffers === undefined) {
-                                                       data.interleavedBuffers = {};
-                                               }
-
-                                               if (data.interleavedBuffers[this.data.uuid] === undefined) {
-                                                       data.interleavedBuffers[this.data.uuid] = this.data.clone(data);
-                                               }
-
-                                               return new InterleavedBufferAttribute(data.interleavedBuffers[this.data.uuid], this.itemSize, this.offset, this.normalized);
-                                       }
-                               }
-
-                               toJSON(data) {
-                                       if (data === undefined) {
-                                               console.log('THREE.InterleavedBufferAttribute.toJSON(): Serializing an interlaved buffer attribute will deinterleave buffer data.');
-                                               const array = [];
-
-                                               for (let i = 0; i < this.count; i++) {
-                                                       const index = i * this.data.stride + this.offset;
-
-                                                       for (let j = 0; j < this.itemSize; j++) {
-                                                               array.push(this.data.array[index + j]);
-                                                       }
-                                               } // deinterleave data and save it as an ordinary buffer attribute for now
-
-
-                                               return {
-                                                       itemSize: this.itemSize,
-                                                       type: this.array.constructor.name,
-                                                       array: array,
-                                                       normalized: this.normalized
-                                               };
-                                       } else {
-                                               // save as true interlaved attribtue
-                                               if (data.interleavedBuffers === undefined) {
-                                                       data.interleavedBuffers = {};
-                                               }
-
-                                               if (data.interleavedBuffers[this.data.uuid] === undefined) {
-                                                       data.interleavedBuffers[this.data.uuid] = this.data.toJSON(data);
-                                               }
-
-                                               return {
-                                                       isInterleavedBufferAttribute: true,
-                                                       itemSize: this.itemSize,
-                                                       data: this.data.uuid,
-                                                       offset: this.offset,
-                                                       normalized: this.normalized
-                                               };
-                                       }
-                               }
-
-                       }
-
-                       InterleavedBufferAttribute.prototype.isInterleavedBufferAttribute = true;
-
-                       /**
-                        * parameters = {
-                        *      color: <hex>,
-                        *      map: new THREE.Texture( <Image> ),
-                        *      alphaMap: new THREE.Texture( <Image> ),
-                        *      rotation: <float>,
-                        *      sizeAttenuation: <bool>
-                        * }
-                        */
-
-                       class SpriteMaterial extends Material {
-                               constructor(parameters) {
-                                       super();
-                                       this.type = 'SpriteMaterial';
-                                       this.color = new Color(0xffffff);
-                                       this.map = null;
-                                       this.alphaMap = null;
-                                       this.rotation = 0;
-                                       this.sizeAttenuation = true;
-                                       this.transparent = true;
-                                       this.setValues(parameters);
-                               }
-
-                               copy(source) {
-                                       super.copy(source);
-                                       this.color.copy(source.color);
-                                       this.map = source.map;
-                                       this.alphaMap = source.alphaMap;
-                                       this.rotation = source.rotation;
-                                       this.sizeAttenuation = source.sizeAttenuation;
-                                       return this;
-                               }
-
-                       }
-
-                       SpriteMaterial.prototype.isSpriteMaterial = true;
-
-                       let _geometry;
-
-                       const _intersectPoint = /*@__PURE__*/new Vector3();
-
-                       const _worldScale = /*@__PURE__*/new Vector3();
-
-                       const _mvPosition = /*@__PURE__*/new Vector3();
-
-                       const _alignedPosition = /*@__PURE__*/new Vector2();
-
-                       const _rotatedPosition = /*@__PURE__*/new Vector2();
-
-                       const _viewWorldMatrix = /*@__PURE__*/new Matrix4();
-
-                       const _vA = /*@__PURE__*/new Vector3();
-
-                       const _vB = /*@__PURE__*/new Vector3();
-
-                       const _vC = /*@__PURE__*/new Vector3();
-
-                       const _uvA = /*@__PURE__*/new Vector2();
-
-                       const _uvB = /*@__PURE__*/new Vector2();
-
-                       const _uvC = /*@__PURE__*/new Vector2();
-
-                       class Sprite extends Object3D {
-                               constructor(material) {
-                                       super();
-                                       this.type = 'Sprite';
-
-                                       if (_geometry === undefined) {
-                                               _geometry = new BufferGeometry();
-                                               const float32Array = new Float32Array([-0.5, -0.5, 0, 0, 0, 0.5, -0.5, 0, 1, 0, 0.5, 0.5, 0, 1, 1, -0.5, 0.5, 0, 0, 1]);
-                                               const interleavedBuffer = new InterleavedBuffer(float32Array, 5);
-
-                                               _geometry.setIndex([0, 1, 2, 0, 2, 3]);
-
-                                               _geometry.setAttribute('position', new InterleavedBufferAttribute(interleavedBuffer, 3, 0, false));
-
-                                               _geometry.setAttribute('uv', new InterleavedBufferAttribute(interleavedBuffer, 2, 3, false));
-                                       }
-
-                                       this.geometry = _geometry;
-                                       this.material = material !== undefined ? material : new SpriteMaterial();
-                                       this.center = new Vector2(0.5, 0.5);
-                               }
-
-                               raycast(raycaster, intersects) {
-                                       if (raycaster.camera === null) {
-                                               console.error('THREE.Sprite: "Raycaster.camera" needs to be set in order to raycast against sprites.');
-                                       }
-
-                                       _worldScale.setFromMatrixScale(this.matrixWorld);
-
-                                       _viewWorldMatrix.copy(raycaster.camera.matrixWorld);
-
-                                       this.modelViewMatrix.multiplyMatrices(raycaster.camera.matrixWorldInverse, this.matrixWorld);
-
-                                       _mvPosition.setFromMatrixPosition(this.modelViewMatrix);
-
-                                       if (raycaster.camera.isPerspectiveCamera && this.material.sizeAttenuation === false) {
-                                               _worldScale.multiplyScalar(-_mvPosition.z);
-                                       }
-
-                                       const rotation = this.material.rotation;
-                                       let sin, cos;
-
-                                       if (rotation !== 0) {
-                                               cos = Math.cos(rotation);
-                                               sin = Math.sin(rotation);
-                                       }
-
-                                       const center = this.center;
-                                       transformVertex(_vA.set(-0.5, -0.5, 0), _mvPosition, center, _worldScale, sin, cos);
-                                       transformVertex(_vB.set(0.5, -0.5, 0), _mvPosition, center, _worldScale, sin, cos);
-                                       transformVertex(_vC.set(0.5, 0.5, 0), _mvPosition, center, _worldScale, sin, cos);
-
-                                       _uvA.set(0, 0);
-
-                                       _uvB.set(1, 0);
-
-                                       _uvC.set(1, 1); // check first triangle
-
-
-                                       let intersect = raycaster.ray.intersectTriangle(_vA, _vB, _vC, false, _intersectPoint);
-
-                                       if (intersect === null) {
-                                               // check second triangle
-                                               transformVertex(_vB.set(-0.5, 0.5, 0), _mvPosition, center, _worldScale, sin, cos);
-
-                                               _uvB.set(0, 1);
-
-                                               intersect = raycaster.ray.intersectTriangle(_vA, _vC, _vB, false, _intersectPoint);
-
-                                               if (intersect === null) {
-                                                       return;
-                                               }
-                                       }
-
-                                       const distance = raycaster.ray.origin.distanceTo(_intersectPoint);
-                                       if (distance < raycaster.near || distance > raycaster.far) return;
-                                       intersects.push({
-                                               distance: distance,
-                                               point: _intersectPoint.clone(),
-                                               uv: Triangle.getUV(_intersectPoint, _vA, _vB, _vC, _uvA, _uvB, _uvC, new Vector2()),
-                                               face: null,
-                                               object: this
-                                       });
-                               }
-
-                               copy(source) {
-                                       super.copy(source);
-                                       if (source.center !== undefined) this.center.copy(source.center);
-                                       this.material = source.material;
-                                       return this;
-                               }
-
-                       }
-
-                       Sprite.prototype.isSprite = true;
-
-                       function transformVertex(vertexPosition, mvPosition, center, scale, sin, cos) {
-                               // compute position in camera space
-                               _alignedPosition.subVectors(vertexPosition, center).addScalar(0.5).multiply(scale); // to check if rotation is not zero
-
-
-                               if (sin !== undefined) {
-                                       _rotatedPosition.x = cos * _alignedPosition.x - sin * _alignedPosition.y;
-                                       _rotatedPosition.y = sin * _alignedPosition.x + cos * _alignedPosition.y;
-                               } else {
-                                       _rotatedPosition.copy(_alignedPosition);
-                               }
-
-                               vertexPosition.copy(mvPosition);
-                               vertexPosition.x += _rotatedPosition.x;
-                               vertexPosition.y += _rotatedPosition.y; // transform to world space
-
-                               vertexPosition.applyMatrix4(_viewWorldMatrix);
-                       }
-
-                       const _v1$2 = /*@__PURE__*/new Vector3();
-
-                       const _v2$1 = /*@__PURE__*/new Vector3();
-
-                       class LOD extends Object3D {
-                               constructor() {
-                                       super();
-                                       this._currentLevel = 0;
-                                       this.type = 'LOD';
-                                       Object.defineProperties(this, {
-                                               levels: {
-                                                       enumerable: true,
-                                                       value: []
-                                               },
-                                               isLOD: {
-                                                       value: true
-                                               }
-                                       });
-                                       this.autoUpdate = true;
-                               }
-
-                               copy(source) {
-                                       super.copy(source, false);
-                                       const levels = source.levels;
-
-                                       for (let i = 0, l = levels.length; i < l; i++) {
-                                               const level = levels[i];
-                                               this.addLevel(level.object.clone(), level.distance);
-                                       }
-
-                                       this.autoUpdate = source.autoUpdate;
-                                       return this;
-                               }
-
-                               addLevel(object, distance = 0) {
-                                       distance = Math.abs(distance);
-                                       const levels = this.levels;
-                                       let l;
-
-                                       for (l = 0; l < levels.length; l++) {
-                                               if (distance < levels[l].distance) {
-                                                       break;
-                                               }
-                                       }
-
-                                       levels.splice(l, 0, {
-                                               distance: distance,
-                                               object: object
-                                       });
-                                       this.add(object);
-                                       return this;
-                               }
-
-                               getCurrentLevel() {
-                                       return this._currentLevel;
-                               }
-
-                               getObjectForDistance(distance) {
-                                       const levels = this.levels;
-
-                                       if (levels.length > 0) {
-                                               let i, l;
-
-                                               for (i = 1, l = levels.length; i < l; i++) {
-                                                       if (distance < levels[i].distance) {
-                                                               break;
-                                                       }
-                                               }
-
-                                               return levels[i - 1].object;
-                                       }
-
-                                       return null;
-                               }
-
-                               raycast(raycaster, intersects) {
-                                       const levels = this.levels;
-
-                                       if (levels.length > 0) {
-                                               _v1$2.setFromMatrixPosition(this.matrixWorld);
-
-                                               const distance = raycaster.ray.origin.distanceTo(_v1$2);
-                                               this.getObjectForDistance(distance).raycast(raycaster, intersects);
-                                       }
-                               }
-
-                               update(camera) {
-                                       const levels = this.levels;
-
-                                       if (levels.length > 1) {
-                                               _v1$2.setFromMatrixPosition(camera.matrixWorld);
-
-                                               _v2$1.setFromMatrixPosition(this.matrixWorld);
-
-                                               const distance = _v1$2.distanceTo(_v2$1) / camera.zoom;
-                                               levels[0].object.visible = true;
-                                               let i, l;
-
-                                               for (i = 1, l = levels.length; i < l; i++) {
-                                                       if (distance >= levels[i].distance) {
-                                                               levels[i - 1].object.visible = false;
-                                                               levels[i].object.visible = true;
-                                                       } else {
-                                                               break;
-                                                       }
-                                               }
-
-                                               this._currentLevel = i - 1;
-
-                                               for (; i < l; i++) {
-                                                       levels[i].object.visible = false;
-                                               }
-                                       }
-                               }
-
-                               toJSON(meta) {
-                                       const data = super.toJSON(meta);
-                                       if (this.autoUpdate === false) data.object.autoUpdate = false;
-                                       data.object.levels = [];
-                                       const levels = this.levels;
-
-                                       for (let i = 0, l = levels.length; i < l; i++) {
-                                               const level = levels[i];
-                                               data.object.levels.push({
-                                                       object: level.object.uuid,
-                                                       distance: level.distance
-                                               });
-                                       }
-
-                                       return data;
-                               }
-
-                       }
-
-                       const _basePosition = /*@__PURE__*/new Vector3();
-
-                       const _skinIndex = /*@__PURE__*/new Vector4();
-
-                       const _skinWeight = /*@__PURE__*/new Vector4();
-
-                       const _vector$5 = /*@__PURE__*/new Vector3();
-
-                       const _matrix = /*@__PURE__*/new Matrix4();
-
-                       class SkinnedMesh extends Mesh {
-                               constructor(geometry, material) {
-                                       super(geometry, material);
-                                       this.type = 'SkinnedMesh';
-                                       this.bindMode = 'attached';
-                                       this.bindMatrix = new Matrix4();
-                                       this.bindMatrixInverse = new Matrix4();
-                               }
-
-                               copy(source) {
-                                       super.copy(source);
-                                       this.bindMode = source.bindMode;
-                                       this.bindMatrix.copy(source.bindMatrix);
-                                       this.bindMatrixInverse.copy(source.bindMatrixInverse);
-                                       this.skeleton = source.skeleton;
-                                       return this;
-                               }
-
-                               bind(skeleton, bindMatrix) {
-                                       this.skeleton = skeleton;
-
-                                       if (bindMatrix === undefined) {
-                                               this.updateMatrixWorld(true);
-                                               this.skeleton.calculateInverses();
-                                               bindMatrix = this.matrixWorld;
-                                       }
-
-                                       this.bindMatrix.copy(bindMatrix);
-                                       this.bindMatrixInverse.copy(bindMatrix).invert();
-                               }
-
-                               pose() {
-                                       this.skeleton.pose();
-                               }
-
-                               normalizeSkinWeights() {
-                                       const vector = new Vector4();
-                                       const skinWeight = this.geometry.attributes.skinWeight;
-
-                                       for (let i = 0, l = skinWeight.count; i < l; i++) {
-                                               vector.x = skinWeight.getX(i);
-                                               vector.y = skinWeight.getY(i);
-                                               vector.z = skinWeight.getZ(i);
-                                               vector.w = skinWeight.getW(i);
-                                               const scale = 1.0 / vector.manhattanLength();
-
-                                               if (scale !== Infinity) {
-                                                       vector.multiplyScalar(scale);
-                                               } else {
-                                                       vector.set(1, 0, 0, 0); // do something reasonable
-                                               }
-
-                                               skinWeight.setXYZW(i, vector.x, vector.y, vector.z, vector.w);
-                                       }
-                               }
-
-                               updateMatrixWorld(force) {
-                                       super.updateMatrixWorld(force);
-
-                                       if (this.bindMode === 'attached') {
-                                               this.bindMatrixInverse.copy(this.matrixWorld).invert();
-                                       } else if (this.bindMode === 'detached') {
-                                               this.bindMatrixInverse.copy(this.bindMatrix).invert();
-                                       } else {
-                                               console.warn('THREE.SkinnedMesh: Unrecognized bindMode: ' + this.bindMode);
-                                       }
-                               }
-
-                               boneTransform(index, target) {
-                                       const skeleton = this.skeleton;
-                                       const geometry = this.geometry;
-
-                                       _skinIndex.fromBufferAttribute(geometry.attributes.skinIndex, index);
-
-                                       _skinWeight.fromBufferAttribute(geometry.attributes.skinWeight, index);
-
-                                       _basePosition.fromBufferAttribute(geometry.attributes.position, index).applyMatrix4(this.bindMatrix);
-
-                                       target.set(0, 0, 0);
-
-                                       for (let i = 0; i < 4; i++) {
-                                               const weight = _skinWeight.getComponent(i);
-
-                                               if (weight !== 0) {
-                                                       const boneIndex = _skinIndex.getComponent(i);
-
-                                                       _matrix.multiplyMatrices(skeleton.bones[boneIndex].matrixWorld, skeleton.boneInverses[boneIndex]);
-
-                                                       target.addScaledVector(_vector$5.copy(_basePosition).applyMatrix4(_matrix), weight);
-                                               }
-                                       }
-
-                                       return target.applyMatrix4(this.bindMatrixInverse);
-                               }
-
-                       }
-
-                       SkinnedMesh.prototype.isSkinnedMesh = true;
-
-                       class Bone extends Object3D {
-                               constructor() {
-                                       super();
-                                       this.type = 'Bone';
-                               }
-
-                       }
-
-                       Bone.prototype.isBone = true;
-
-                       class DataTexture extends Texture {
-                               constructor(data = null, width = 1, height = 1, format, type, mapping, wrapS, wrapT, magFilter = NearestFilter, minFilter = NearestFilter, anisotropy, encoding) {
-                                       super(null, mapping, wrapS, wrapT, magFilter, minFilter, format, type, anisotropy, encoding);
-                                       this.image = {
-                                               data: data,
-                                               width: width,
-                                               height: height
-                                       };
-                                       this.magFilter = magFilter;
-                                       this.minFilter = minFilter;
-                                       this.generateMipmaps = false;
-                                       this.flipY = false;
-                                       this.unpackAlignment = 1;
-                                       this.needsUpdate = true;
-                               }
-
-                       }
-
-                       DataTexture.prototype.isDataTexture = true;
-
-                       const _offsetMatrix = /*@__PURE__*/new Matrix4();
-
-                       const _identityMatrix = /*@__PURE__*/new Matrix4();
-
-                       class Skeleton {
-                               constructor(bones = [], boneInverses = []) {
-                                       this.uuid = generateUUID();
-                                       this.bones = bones.slice(0);
-                                       this.boneInverses = boneInverses;
-                                       this.boneMatrices = null;
-                                       this.boneTexture = null;
-                                       this.boneTextureSize = 0;
-                                       this.frame = -1;
-                                       this.init();
-                               }
-
-                               init() {
-                                       const bones = this.bones;
-                                       const boneInverses = this.boneInverses;
-                                       this.boneMatrices = new Float32Array(bones.length * 16); // calculate inverse bone matrices if necessary
-
-                                       if (boneInverses.length === 0) {
-                                               this.calculateInverses();
-                                       } else {
-                                               // handle special case
-                                               if (bones.length !== boneInverses.length) {
-                                                       console.warn('THREE.Skeleton: Number of inverse bone matrices does not match amount of bones.');
-                                                       this.boneInverses = [];
-
-                                                       for (let i = 0, il = this.bones.length; i < il; i++) {
-                                                               this.boneInverses.push(new Matrix4());
-                                                       }
-                                               }
-                                       }
-                               }
-
-                               calculateInverses() {
-                                       this.boneInverses.length = 0;
-
-                                       for (let i = 0, il = this.bones.length; i < il; i++) {
-                                               const inverse = new Matrix4();
-
-                                               if (this.bones[i]) {
-                                                       inverse.copy(this.bones[i].matrixWorld).invert();
-                                               }
-
-                                               this.boneInverses.push(inverse);
-                                       }
-                               }
-
-                               pose() {
-                                       // recover the bind-time world matrices
-                                       for (let i = 0, il = this.bones.length; i < il; i++) {
-                                               const bone = this.bones[i];
-
-                                               if (bone) {
-                                                       bone.matrixWorld.copy(this.boneInverses[i]).invert();
-                                               }
-                                       } // compute the local matrices, positions, rotations and scales
-
-
-                                       for (let i = 0, il = this.bones.length; i < il; i++) {
-                                               const bone = this.bones[i];
-
-                                               if (bone) {
-                                                       if (bone.parent && bone.parent.isBone) {
-                                                               bone.matrix.copy(bone.parent.matrixWorld).invert();
-                                                               bone.matrix.multiply(bone.matrixWorld);
-                                                       } else {
-                                                               bone.matrix.copy(bone.matrixWorld);
-                                                       }
-
-                                                       bone.matrix.decompose(bone.position, bone.quaternion, bone.scale);
-                                               }
-                                       }
-                               }
-
-                               update() {
-                                       const bones = this.bones;
-                                       const boneInverses = this.boneInverses;
-                                       const boneMatrices = this.boneMatrices;
-                                       const boneTexture = this.boneTexture; // flatten bone matrices to array
-
-                                       for (let i = 0, il = bones.length; i < il; i++) {
-                                               // compute the offset between the current and the original transform
-                                               const matrix = bones[i] ? bones[i].matrixWorld : _identityMatrix;
-
-                                               _offsetMatrix.multiplyMatrices(matrix, boneInverses[i]);
-
-                                               _offsetMatrix.toArray(boneMatrices, i * 16);
-                                       }
-
-                                       if (boneTexture !== null) {
-                                               boneTexture.needsUpdate = true;
-                                       }
-                               }
-
-                               clone() {
-                                       return new Skeleton(this.bones, this.boneInverses);
-                               }
-
-                               computeBoneTexture() {
-                                       // layout (1 matrix = 4 pixels)
-                                       //                      RGBA RGBA RGBA RGBA (=> column1, column2, column3, column4)
-                                       //      with    8x8     pixel texture max        16 bones * 4 pixels =  (8 * 8)
-                                       //                       16x16 pixel texture max         64 bones * 4 pixels = (16 * 16)
-                                       //                       32x32 pixel texture max        256 bones * 4 pixels = (32 * 32)
-                                       //                       64x64 pixel texture max 1024 bones * 4 pixels = (64 * 64)
-                                       let size = Math.sqrt(this.bones.length * 4); // 4 pixels needed for 1 matrix
-
-                                       size = ceilPowerOfTwo(size);
-                                       size = Math.max(size, 4);
-                                       const boneMatrices = new Float32Array(size * size * 4); // 4 floats per RGBA pixel
-
-                                       boneMatrices.set(this.boneMatrices); // copy current values
-
-                                       const boneTexture = new DataTexture(boneMatrices, size, size, RGBAFormat, FloatType);
-                                       this.boneMatrices = boneMatrices;
-                                       this.boneTexture = boneTexture;
-                                       this.boneTextureSize = size;
-                                       return this;
-                               }
-
-                               getBoneByName(name) {
-                                       for (let i = 0, il = this.bones.length; i < il; i++) {
-                                               const bone = this.bones[i];
-
-                                               if (bone.name === name) {
-                                                       return bone;
-                                               }
-                                       }
-
-                                       return undefined;
-                               }
-
-                               dispose() {
-                                       if (this.boneTexture !== null) {
-                                               this.boneTexture.dispose();
-                                               this.boneTexture = null;
-                                       }
-                               }
-
-                               fromJSON(json, bones) {
-                                       this.uuid = json.uuid;
-
-                                       for (let i = 0, l = json.bones.length; i < l; i++) {
-                                               const uuid = json.bones[i];
-                                               let bone = bones[uuid];
-
-                                               if (bone === undefined) {
-                                                       console.warn('THREE.Skeleton: No bone found with UUID:', uuid);
-                                                       bone = new Bone();
-                                               }
-
-                                               this.bones.push(bone);
-                                               this.boneInverses.push(new Matrix4().fromArray(json.boneInverses[i]));
-                                       }
-
-                                       this.init();
-                                       return this;
-                               }
-
-                               toJSON() {
-                                       const data = {
-                                               metadata: {
-                                                       version: 4.5,
-                                                       type: 'Skeleton',
-                                                       generator: 'Skeleton.toJSON'
-                                               },
-                                               bones: [],
-                                               boneInverses: []
-                                       };
-                                       data.uuid = this.uuid;
-                                       const bones = this.bones;
-                                       const boneInverses = this.boneInverses;
-
-                                       for (let i = 0, l = bones.length; i < l; i++) {
-                                               const bone = bones[i];
-                                               data.bones.push(bone.uuid);
-                                               const boneInverse = boneInverses[i];
-                                               data.boneInverses.push(boneInverse.toArray());
-                                       }
-
-                                       return data;
-                               }
-
-                       }
-
-                       class InstancedBufferAttribute extends BufferAttribute {
-                               constructor(array, itemSize, normalized, meshPerAttribute = 1) {
-                                       if (typeof normalized === 'number') {
-                                               meshPerAttribute = normalized;
-                                               normalized = false;
-                                               console.error('THREE.InstancedBufferAttribute: The constructor now expects normalized as the third argument.');
-                                       }
-
-                                       super(array, itemSize, normalized);
-                                       this.meshPerAttribute = meshPerAttribute;
-                               }
-
-                               copy(source) {
-                                       super.copy(source);
-                                       this.meshPerAttribute = source.meshPerAttribute;
-                                       return this;
-                               }
-
-                               toJSON() {
-                                       const data = super.toJSON();
-                                       data.meshPerAttribute = this.meshPerAttribute;
-                                       data.isInstancedBufferAttribute = true;
-                                       return data;
-                               }
-
-                       }
-
-                       InstancedBufferAttribute.prototype.isInstancedBufferAttribute = true;
-
-                       const _instanceLocalMatrix = /*@__PURE__*/new Matrix4();
-
-                       const _instanceWorldMatrix = /*@__PURE__*/new Matrix4();
-
-                       const _instanceIntersects = [];
-
-                       const _mesh = /*@__PURE__*/new Mesh();
-
-                       class InstancedMesh extends Mesh {
-                               constructor(geometry, material, count) {
-                                       super(geometry, material);
-                                       this.instanceMatrix = new InstancedBufferAttribute(new Float32Array(count * 16), 16);
-                                       this.instanceColor = null;
-                                       this.count = count;
-                                       this.frustumCulled = false;
-                               }
-
-                               copy(source) {
-                                       super.copy(source);
-                                       this.instanceMatrix.copy(source.instanceMatrix);
-                                       if (source.instanceColor !== null) this.instanceColor = source.instanceColor.clone();
-                                       this.count = source.count;
-                                       return this;
-                               }
-
-                               getColorAt(index, color) {
-                                       color.fromArray(this.instanceColor.array, index * 3);
-                               }
-
-                               getMatrixAt(index, matrix) {
-                                       matrix.fromArray(this.instanceMatrix.array, index * 16);
-                               }
-
-                               raycast(raycaster, intersects) {
-                                       const matrixWorld = this.matrixWorld;
-                                       const raycastTimes = this.count;
-                                       _mesh.geometry = this.geometry;
-                                       _mesh.material = this.material;
-                                       if (_mesh.material === undefined) return;
-
-                                       for (let instanceId = 0; instanceId < raycastTimes; instanceId++) {
-                                               // calculate the world matrix for each instance
-                                               this.getMatrixAt(instanceId, _instanceLocalMatrix);
-
-                                               _instanceWorldMatrix.multiplyMatrices(matrixWorld, _instanceLocalMatrix); // the mesh represents this single instance
-
-
-                                               _mesh.matrixWorld = _instanceWorldMatrix;
-
-                                               _mesh.raycast(raycaster, _instanceIntersects); // process the result of raycast
-
-
-                                               for (let i = 0, l = _instanceIntersects.length; i < l; i++) {
-                                                       const intersect = _instanceIntersects[i];
-                                                       intersect.instanceId = instanceId;
-                                                       intersect.object = this;
-                                                       intersects.push(intersect);
-                                               }
-
-                                               _instanceIntersects.length = 0;
-                                       }
-                               }
-
-                               setColorAt(index, color) {
-                                       if (this.instanceColor === null) {
-                                               this.instanceColor = new InstancedBufferAttribute(new Float32Array(this.instanceMatrix.count * 3), 3);
-                                       }
-
-                                       color.toArray(this.instanceColor.array, index * 3);
-                               }
-
-                               setMatrixAt(index, matrix) {
-                                       matrix.toArray(this.instanceMatrix.array, index * 16);
-                               }
-
-                               updateMorphTargets() {
-                               }
-
-                               dispose() {
-                                       this.dispatchEvent({
-                                               type: 'dispose'
-                                       });
-                               }
-
-                       }
-
-                       InstancedMesh.prototype.isInstancedMesh = true;
-
-                       /**
-                        * parameters = {
-                        *      color: <hex>,
-                        *      opacity: <float>,
-                        *
-                        *      linewidth: <float>,
-                        *      linecap: "round",
-                        *      linejoin: "round"
-                        * }
-                        */
-
-                       class LineBasicMaterial extends Material {
-                               constructor(parameters) {
-                                       super();
-                                       this.type = 'LineBasicMaterial';
-                                       this.color = new Color(0xffffff);
-                                       this.linewidth = 1;
-                                       this.linecap = 'round';
-                                       this.linejoin = 'round';
-                                       this.setValues(parameters);
-                               }
-
-                               copy(source) {
-                                       super.copy(source);
-                                       this.color.copy(source.color);
-                                       this.linewidth = source.linewidth;
-                                       this.linecap = source.linecap;
-                                       this.linejoin = source.linejoin;
-                                       return this;
-                               }
-
-                       }
-
-                       LineBasicMaterial.prototype.isLineBasicMaterial = true;
-
-                       const _start$1 = /*@__PURE__*/new Vector3();
-
-                       const _end$1 = /*@__PURE__*/new Vector3();
-
-                       const _inverseMatrix$1 = /*@__PURE__*/new Matrix4();
-
-                       const _ray$1 = /*@__PURE__*/new Ray();
-
-                       const _sphere$1 = /*@__PURE__*/new Sphere();
-
-                       class Line extends Object3D {
-                               constructor(geometry = new BufferGeometry(), material = new LineBasicMaterial()) {
-                                       super();
-                                       this.type = 'Line';
-                                       this.geometry = geometry;
-                                       this.material = material;
-                                       this.updateMorphTargets();
-                               }
-
-                               copy(source) {
-                                       super.copy(source);
-                                       this.material = source.material;
-                                       this.geometry = source.geometry;
-                                       return this;
-                               }
-
-                               computeLineDistances() {
-                                       const geometry = this.geometry;
-
-                                       if (geometry.isBufferGeometry) {
-                                               // we assume non-indexed geometry
-                                               if (geometry.index === null) {
-                                                       const positionAttribute = geometry.attributes.position;
-                                                       const lineDistances = [0];
-
-                                                       for (let i = 1, l = positionAttribute.count; i < l; i++) {
-                                                               _start$1.fromBufferAttribute(positionAttribute, i - 1);
-
-                                                               _end$1.fromBufferAttribute(positionAttribute, i);
-
-                                                               lineDistances[i] = lineDistances[i - 1];
-                                                               lineDistances[i] += _start$1.distanceTo(_end$1);
-                                                       }
-
-                                                       geometry.setAttribute('lineDistance', new Float32BufferAttribute(lineDistances, 1));
-                                               } else {
-                                                       console.warn('THREE.Line.computeLineDistances(): Computation only possible with non-indexed BufferGeometry.');
-                                               }
-                                       } else if (geometry.isGeometry) {
-                                               console.error('THREE.Line.computeLineDistances() no longer supports THREE.Geometry. Use THREE.BufferGeometry instead.');
-                                       }
-
-                                       return this;
-                               }
-
-                               raycast(raycaster, intersects) {
-                                       const geometry = this.geometry;
-                                       const matrixWorld = this.matrixWorld;
-                                       const threshold = raycaster.params.Line.threshold;
-                                       const drawRange = geometry.drawRange; // Checking boundingSphere distance to ray
-
-                                       if (geometry.boundingSphere === null) geometry.computeBoundingSphere();
-
-                                       _sphere$1.copy(geometry.boundingSphere);
-
-                                       _sphere$1.applyMatrix4(matrixWorld);
-
-                                       _sphere$1.radius += threshold;
-                                       if (raycaster.ray.intersectsSphere(_sphere$1) === false) return; //
-
-                                       _inverseMatrix$1.copy(matrixWorld).invert();
-
-                                       _ray$1.copy(raycaster.ray).applyMatrix4(_inverseMatrix$1);
-
-                                       const localThreshold = threshold / ((this.scale.x + this.scale.y + this.scale.z) / 3);
-                                       const localThresholdSq = localThreshold * localThreshold;
-                                       const vStart = new Vector3();
-                                       const vEnd = new Vector3();
-                                       const interSegment = new Vector3();
-                                       const interRay = new Vector3();
-                                       const step = this.isLineSegments ? 2 : 1;
-
-                                       if (geometry.isBufferGeometry) {
-                                               const index = geometry.index;
-                                               const attributes = geometry.attributes;
-                                               const positionAttribute = attributes.position;
-
-                                               if (index !== null) {
-                                                       const start = Math.max(0, drawRange.start);
-                                                       const end = Math.min(index.count, drawRange.start + drawRange.count);
-
-                                                       for (let i = start, l = end - 1; i < l; i += step) {
-                                                               const a = index.getX(i);
-                                                               const b = index.getX(i + 1);
-                                                               vStart.fromBufferAttribute(positionAttribute, a);
-                                                               vEnd.fromBufferAttribute(positionAttribute, b);
-
-                                                               const distSq = _ray$1.distanceSqToSegment(vStart, vEnd, interRay, interSegment);
-
-                                                               if (distSq > localThresholdSq) continue;
-                                                               interRay.applyMatrix4(this.matrixWorld); //Move back to world space for distance calculation
-
-                                                               const distance = raycaster.ray.origin.distanceTo(interRay);
-                                                               if (distance < raycaster.near || distance > raycaster.far) continue;
-                                                               intersects.push({
-                                                                       distance: distance,
-                                                                       // What do we want? intersection point on the ray or on the segment??
-                                                                       // point: raycaster.ray.at( distance ),
-                                                                       point: interSegment.clone().applyMatrix4(this.matrixWorld),
-                                                                       index: i,
-                                                                       face: null,
-                                                                       faceIndex: null,
-                                                                       object: this
-                                                               });
-                                                       }
-                                               } else {
-                                                       const start = Math.max(0, drawRange.start);
-                                                       const end = Math.min(positionAttribute.count, drawRange.start + drawRange.count);
-
-                                                       for (let i = start, l = end - 1; i < l; i += step) {
-                                                               vStart.fromBufferAttribute(positionAttribute, i);
-                                                               vEnd.fromBufferAttribute(positionAttribute, i + 1);
-
-                                                               const distSq = _ray$1.distanceSqToSegment(vStart, vEnd, interRay, interSegment);
-
-                                                               if (distSq > localThresholdSq) continue;
-                                                               interRay.applyMatrix4(this.matrixWorld); //Move back to world space for distance calculation
-
-                                                               const distance = raycaster.ray.origin.distanceTo(interRay);
-                                                               if (distance < raycaster.near || distance > raycaster.far) continue;
-                                                               intersects.push({
-                                                                       distance: distance,
-                                                                       // What do we want? intersection point on the ray or on the segment??
-                                                                       // point: raycaster.ray.at( distance ),
-                                                                       point: interSegment.clone().applyMatrix4(this.matrixWorld),
-                                                                       index: i,
-                                                                       face: null,
-                                                                       faceIndex: null,
-                                                                       object: this
-                                                               });
-                                                       }
-                                               }
-                                       } else if (geometry.isGeometry) {
-                                               console.error('THREE.Line.raycast() no longer supports THREE.Geometry. Use THREE.BufferGeometry instead.');
-                                       }
-                               }
-
-                               updateMorphTargets() {
-                                       const geometry = this.geometry;
-
-                                       if (geometry.isBufferGeometry) {
-                                               const morphAttributes = geometry.morphAttributes;
-                                               const keys = Object.keys(morphAttributes);
-
-                                               if (keys.length > 0) {
-                                                       const morphAttribute = morphAttributes[keys[0]];
-
-                                                       if (morphAttribute !== undefined) {
-                                                               this.morphTargetInfluences = [];
-                                                               this.morphTargetDictionary = {};
-
-                                                               for (let m = 0, ml = morphAttribute.length; m < ml; m++) {
-                                                                       const name = morphAttribute[m].name || String(m);
-                                                                       this.morphTargetInfluences.push(0);
-                                                                       this.morphTargetDictionary[name] = m;
-                                                               }
-                                                       }
-                                               }
-                                       } else {
-                                               const morphTargets = geometry.morphTargets;
-
-                                               if (morphTargets !== undefined && morphTargets.length > 0) {
-                                                       console.error('THREE.Line.updateMorphTargets() does not support THREE.Geometry. Use THREE.BufferGeometry instead.');
-                                               }
-                                       }
-                               }
-
-                       }
-
-                       Line.prototype.isLine = true;
-
-                       const _start = /*@__PURE__*/new Vector3();
-
-                       const _end = /*@__PURE__*/new Vector3();
-
-                       class LineSegments extends Line {
-                               constructor(geometry, material) {
-                                       super(geometry, material);
-                                       this.type = 'LineSegments';
-                               }
-
-                               computeLineDistances() {
-                                       const geometry = this.geometry;
-
-                                       if (geometry.isBufferGeometry) {
-                                               // we assume non-indexed geometry
-                                               if (geometry.index === null) {
-                                                       const positionAttribute = geometry.attributes.position;
-                                                       const lineDistances = [];
-
-                                                       for (let i = 0, l = positionAttribute.count; i < l; i += 2) {
-                                                               _start.fromBufferAttribute(positionAttribute, i);
-
-                                                               _end.fromBufferAttribute(positionAttribute, i + 1);
-
-                                                               lineDistances[i] = i === 0 ? 0 : lineDistances[i - 1];
-                                                               lineDistances[i + 1] = lineDistances[i] + _start.distanceTo(_end);
-                                                       }
-
-                                                       geometry.setAttribute('lineDistance', new Float32BufferAttribute(lineDistances, 1));
-                                               } else {
-                                                       console.warn('THREE.LineSegments.computeLineDistances(): Computation only possible with non-indexed BufferGeometry.');
-                                               }
-                                       } else if (geometry.isGeometry) {
-                                               console.error('THREE.LineSegments.computeLineDistances() no longer supports THREE.Geometry. Use THREE.BufferGeometry instead.');
-                                       }
-
-                                       return this;
-                               }
-
-                       }
-
-                       LineSegments.prototype.isLineSegments = true;
-
-                       class LineLoop extends Line {
-                               constructor(geometry, material) {
-                                       super(geometry, material);
-                                       this.type = 'LineLoop';
-                               }
-
-                       }
-
-                       LineLoop.prototype.isLineLoop = true;
-
-                       /**
-                        * parameters = {
-                        *      color: <hex>,
-                        *      opacity: <float>,
-                        *      map: new THREE.Texture( <Image> ),
-                        *      alphaMap: new THREE.Texture( <Image> ),
-                        *
-                        *      size: <float>,
-                        *      sizeAttenuation: <bool>
-                        *
-                        * }
-                        */
-
-                       class PointsMaterial extends Material {
-                               constructor(parameters) {
-                                       super();
-                                       this.type = 'PointsMaterial';
-                                       this.color = new Color(0xffffff);
-                                       this.map = null;
-                                       this.alphaMap = null;
-                                       this.size = 1;
-                                       this.sizeAttenuation = true;
-                                       this.setValues(parameters);
-                               }
-
-                               copy(source) {
-                                       super.copy(source);
-                                       this.color.copy(source.color);
-                                       this.map = source.map;
-                                       this.alphaMap = source.alphaMap;
-                                       this.size = source.size;
-                                       this.sizeAttenuation = source.sizeAttenuation;
-                                       return this;
-                               }
-
-                       }
-
-                       PointsMaterial.prototype.isPointsMaterial = true;
-
-                       const _inverseMatrix = /*@__PURE__*/new Matrix4();
-
-                       const _ray = /*@__PURE__*/new Ray();
-
-                       const _sphere = /*@__PURE__*/new Sphere();
-
-                       const _position$2 = /*@__PURE__*/new Vector3();
-
-                       class Points extends Object3D {
-                               constructor(geometry = new BufferGeometry(), material = new PointsMaterial()) {
-                                       super();
-                                       this.type = 'Points';
-                                       this.geometry = geometry;
-                                       this.material = material;
-                                       this.updateMorphTargets();
-                               }
-
-                               copy(source) {
-                                       super.copy(source);
-                                       this.material = source.material;
-                                       this.geometry = source.geometry;
-                                       return this;
-                               }
-
-                               raycast(raycaster, intersects) {
-                                       const geometry = this.geometry;
-                                       const matrixWorld = this.matrixWorld;
-                                       const threshold = raycaster.params.Points.threshold;
-                                       const drawRange = geometry.drawRange; // Checking boundingSphere distance to ray
-
-                                       if (geometry.boundingSphere === null) geometry.computeBoundingSphere();
-
-                                       _sphere.copy(geometry.boundingSphere);
-
-                                       _sphere.applyMatrix4(matrixWorld);
-
-                                       _sphere.radius += threshold;
-                                       if (raycaster.ray.intersectsSphere(_sphere) === false) return; //
-
-                                       _inverseMatrix.copy(matrixWorld).invert();
-
-                                       _ray.copy(raycaster.ray).applyMatrix4(_inverseMatrix);
-
-                                       const localThreshold = threshold / ((this.scale.x + this.scale.y + this.scale.z) / 3);
-                                       const localThresholdSq = localThreshold * localThreshold;
-
-                                       if (geometry.isBufferGeometry) {
-                                               const index = geometry.index;
-                                               const attributes = geometry.attributes;
-                                               const positionAttribute = attributes.position;
-
-                                               if (index !== null) {
-                                                       const start = Math.max(0, drawRange.start);
-                                                       const end = Math.min(index.count, drawRange.start + drawRange.count);
-
-                                                       for (let i = start, il = end; i < il; i++) {
-                                                               const a = index.getX(i);
-
-                                                               _position$2.fromBufferAttribute(positionAttribute, a);
-
-                                                               testPoint(_position$2, a, localThresholdSq, matrixWorld, raycaster, intersects, this);
-                                                       }
-                                               } else {
-                                                       const start = Math.max(0, drawRange.start);
-                                                       const end = Math.min(positionAttribute.count, drawRange.start + drawRange.count);
-
-                                                       for (let i = start, l = end; i < l; i++) {
-                                                               _position$2.fromBufferAttribute(positionAttribute, i);
-
-                                                               testPoint(_position$2, i, localThresholdSq, matrixWorld, raycaster, intersects, this);
-                                                       }
-                                               }
-                                       } else {
-                                               console.error('THREE.Points.raycast() no longer supports THREE.Geometry. Use THREE.BufferGeometry instead.');
-                                       }
-                               }
-
-                               updateMorphTargets() {
-                                       const geometry = this.geometry;
-
-                                       if (geometry.isBufferGeometry) {
-                                               const morphAttributes = geometry.morphAttributes;
-                                               const keys = Object.keys(morphAttributes);
-
-                                               if (keys.length > 0) {
-                                                       const morphAttribute = morphAttributes[keys[0]];
-
-                                                       if (morphAttribute !== undefined) {
-                                                               this.morphTargetInfluences = [];
-                                                               this.morphTargetDictionary = {};
-
-                                                               for (let m = 0, ml = morphAttribute.length; m < ml; m++) {
-                                                                       const name = morphAttribute[m].name || String(m);
-                                                                       this.morphTargetInfluences.push(0);
-                                                                       this.morphTargetDictionary[name] = m;
-                                                               }
-                                                       }
-                                               }
-                                       } else {
-                                               const morphTargets = geometry.morphTargets;
-
-                                               if (morphTargets !== undefined && morphTargets.length > 0) {
-                                                       console.error('THREE.Points.updateMorphTargets() does not support THREE.Geometry. Use THREE.BufferGeometry instead.');
-                                               }
-                                       }
-                               }
-
-                       }
-
-                       Points.prototype.isPoints = true;
-
-                       function testPoint(point, index, localThresholdSq, matrixWorld, raycaster, intersects, object) {
-                               const rayPointDistanceSq = _ray.distanceSqToPoint(point);
-
-                               if (rayPointDistanceSq < localThresholdSq) {
-                                       const intersectPoint = new Vector3();
-
-                                       _ray.closestPointToPoint(point, intersectPoint);
-
-                                       intersectPoint.applyMatrix4(matrixWorld);
-                                       const distance = raycaster.ray.origin.distanceTo(intersectPoint);
-                                       if (distance < raycaster.near || distance > raycaster.far) return;
-                                       intersects.push({
-                                               distance: distance,
-                                               distanceToRay: Math.sqrt(rayPointDistanceSq),
-                                               point: intersectPoint,
-                                               index: index,
-                                               face: null,
-                                               object: object
-                                       });
-                               }
-                       }
-
-                       class VideoTexture extends Texture {
-                               constructor(video, mapping, wrapS, wrapT, magFilter, minFilter, format, type, anisotropy) {
-                                       super(video, mapping, wrapS, wrapT, magFilter, minFilter, format, type, anisotropy);
-                                       this.format = format !== undefined ? format : RGBFormat;
-                                       this.minFilter = minFilter !== undefined ? minFilter : LinearFilter;
-                                       this.magFilter = magFilter !== undefined ? magFilter : LinearFilter;
-                                       this.generateMipmaps = false;
-                                       const scope = this;
-
-                                       function updateVideo() {
-                                               scope.needsUpdate = true;
-                                               video.requestVideoFrameCallback(updateVideo);
-                                       }
-
-                                       if ('requestVideoFrameCallback' in video) {
-                                               video.requestVideoFrameCallback(updateVideo);
-                                       }
-                               }
-
-                               clone() {
-                                       return new this.constructor(this.image).copy(this);
-                               }
-
-                               update() {
-                                       const video = this.image;
-                                       const hasVideoFrameCallback = ('requestVideoFrameCallback' in video);
-
-                                       if (hasVideoFrameCallback === false && video.readyState >= video.HAVE_CURRENT_DATA) {
-                                               this.needsUpdate = true;
-                                       }
-                               }
-
-                       }
-
-                       VideoTexture.prototype.isVideoTexture = true;
-
-                       class CompressedTexture extends Texture {
-                               constructor(mipmaps, width, height, format, type, mapping, wrapS, wrapT, magFilter, minFilter, anisotropy, encoding) {
-                                       super(null, mapping, wrapS, wrapT, magFilter, minFilter, format, type, anisotropy, encoding);
-                                       this.image = {
-                                               width: width,
-                                               height: height
-                                       };
-                                       this.mipmaps = mipmaps; // no flipping for cube textures
-                                       // (also flipping doesn't work for compressed textures )
-
-                                       this.flipY = false; // can't generate mipmaps for compressed textures
-                                       // mips must be embedded in DDS files
-
-                                       this.generateMipmaps = false;
-                               }
-
-                       }
-
-                       CompressedTexture.prototype.isCompressedTexture = true;
-
-                       class CanvasTexture extends Texture {
-                               constructor(canvas, mapping, wrapS, wrapT, magFilter, minFilter, format, type, anisotropy) {
-                                       super(canvas, mapping, wrapS, wrapT, magFilter, minFilter, format, type, anisotropy);
-                                       this.needsUpdate = true;
-                               }
-
-                       }
-
-                       CanvasTexture.prototype.isCanvasTexture = true;
-
-                       class DepthTexture extends Texture {
-                               constructor(width, height, type, mapping, wrapS, wrapT, magFilter, minFilter, anisotropy, format) {
-                                       format = format !== undefined ? format : DepthFormat;
-
-                                       if (format !== DepthFormat && format !== DepthStencilFormat) {
-                                               throw new Error('DepthTexture format must be either THREE.DepthFormat or THREE.DepthStencilFormat');
-                                       }
-
-                                       if (type === undefined && format === DepthFormat) type = UnsignedShortType;
-                                       if (type === undefined && format === DepthStencilFormat) type = UnsignedInt248Type;
-                                       super(null, mapping, wrapS, wrapT, magFilter, minFilter, format, type, anisotropy);
-                                       this.image = {
-                                               width: width,
-                                               height: height
-                                       };
-                                       this.magFilter = magFilter !== undefined ? magFilter : NearestFilter;
-                                       this.minFilter = minFilter !== undefined ? minFilter : NearestFilter;
-                                       this.flipY = false;
-                                       this.generateMipmaps = false;
-                               }
-
-                       }
-
-                       DepthTexture.prototype.isDepthTexture = true;
-
-                       class CircleGeometry extends BufferGeometry {
-                               constructor(radius = 1, segments = 8, thetaStart = 0, thetaLength = Math.PI * 2) {
-                                       super();
-                                       this.type = 'CircleGeometry';
-                                       this.parameters = {
-                                               radius: radius,
-                                               segments: segments,
-                                               thetaStart: thetaStart,
-                                               thetaLength: thetaLength
-                                       };
-                                       segments = Math.max(3, segments); // buffers
-
-                                       const indices = [];
-                                       const vertices = [];
-                                       const normals = [];
-                                       const uvs = []; // helper variables
-
-                                       const vertex = new Vector3();
-                                       const uv = new Vector2(); // center point
-
-                                       vertices.push(0, 0, 0);
-                                       normals.push(0, 0, 1);
-                                       uvs.push(0.5, 0.5);
-
-                                       for (let s = 0, i = 3; s <= segments; s++, i += 3) {
-                                               const segment = thetaStart + s / segments * thetaLength; // vertex
-
-                                               vertex.x = radius * Math.cos(segment);
-                                               vertex.y = radius * Math.sin(segment);
-                                               vertices.push(vertex.x, vertex.y, vertex.z); // normal
-
-                                               normals.push(0, 0, 1); // uvs
-
-                                               uv.x = (vertices[i] / radius + 1) / 2;
-                                               uv.y = (vertices[i + 1] / radius + 1) / 2;
-                                               uvs.push(uv.x, uv.y);
-                                       } // indices
-
-
-                                       for (let i = 1; i <= segments; i++) {
-                                               indices.push(i, i + 1, 0);
-                                       } // build geometry
-
-
-                                       this.setIndex(indices);
-                                       this.setAttribute('position', new Float32BufferAttribute(vertices, 3));
-                                       this.setAttribute('normal', new Float32BufferAttribute(normals, 3));
-                                       this.setAttribute('uv', new Float32BufferAttribute(uvs, 2));
-                               }
-
-                               static fromJSON(data) {
-                                       return new CircleGeometry(data.radius, data.segments, data.thetaStart, data.thetaLength);
-                               }
-
-                       }
-
-                       class CylinderGeometry extends BufferGeometry {
-                               constructor(radiusTop = 1, radiusBottom = 1, height = 1, radialSegments = 8, heightSegments = 1, openEnded = false, thetaStart = 0, thetaLength = Math.PI * 2) {
-                                       super();
-                                       this.type = 'CylinderGeometry';
-                                       this.parameters = {
-                                               radiusTop: radiusTop,
-                                               radiusBottom: radiusBottom,
-                                               height: height,
-                                               radialSegments: radialSegments,
-                                               heightSegments: heightSegments,
-                                               openEnded: openEnded,
-                                               thetaStart: thetaStart,
-                                               thetaLength: thetaLength
-                                       };
-                                       const scope = this;
-                                       radialSegments = Math.floor(radialSegments);
-                                       heightSegments = Math.floor(heightSegments); // buffers
-
-                                       const indices = [];
-                                       const vertices = [];
-                                       const normals = [];
-                                       const uvs = []; // helper variables
-
-                                       let index = 0;
-                                       const indexArray = [];
-                                       const halfHeight = height / 2;
-                                       let groupStart = 0; // generate geometry
-
-                                       generateTorso();
-
-                                       if (openEnded === false) {
-                                               if (radiusTop > 0) generateCap(true);
-                                               if (radiusBottom > 0) generateCap(false);
-                                       } // build geometry
-
-
-                                       this.setIndex(indices);
-                                       this.setAttribute('position', new Float32BufferAttribute(vertices, 3));
-                                       this.setAttribute('normal', new Float32BufferAttribute(normals, 3));
-                                       this.setAttribute('uv', new Float32BufferAttribute(uvs, 2));
-
-                                       function generateTorso() {
-                                               const normal = new Vector3();
-                                               const vertex = new Vector3();
-                                               let groupCount = 0; // this will be used to calculate the normal
-
-                                               const slope = (radiusBottom - radiusTop) / height; // generate vertices, normals and uvs
-
-                                               for (let y = 0; y <= heightSegments; y++) {
-                                                       const indexRow = [];
-                                                       const v = y / heightSegments; // calculate the radius of the current row
-
-                                                       const radius = v * (radiusBottom - radiusTop) + radiusTop;
-
-                                                       for (let x = 0; x <= radialSegments; x++) {
-                                                               const u = x / radialSegments;
-                                                               const theta = u * thetaLength + thetaStart;
-                                                               const sinTheta = Math.sin(theta);
-                                                               const cosTheta = Math.cos(theta); // vertex
-
-                                                               vertex.x = radius * sinTheta;
-                                                               vertex.y = -v * height + halfHeight;
-                                                               vertex.z = radius * cosTheta;
-                                                               vertices.push(vertex.x, vertex.y, vertex.z); // normal
-
-                                                               normal.set(sinTheta, slope, cosTheta).normalize();
-                                                               normals.push(normal.x, normal.y, normal.z); // uv
-
-                                                               uvs.push(u, 1 - v); // save index of vertex in respective row
-
-                                                               indexRow.push(index++);
-                                                       } // now save vertices of the row in our index array
-
-
-                                                       indexArray.push(indexRow);
-                                               } // generate indices
-
-
-                                               for (let x = 0; x < radialSegments; x++) {
-                                                       for (let y = 0; y < heightSegments; y++) {
-                                                               // we use the index array to access the correct indices
-                                                               const a = indexArray[y][x];
-                                                               const b = indexArray[y + 1][x];
-                                                               const c = indexArray[y + 1][x + 1];
-                                                               const d = indexArray[y][x + 1]; // faces
-
-                                                               indices.push(a, b, d);
-                                                               indices.push(b, c, d); // update group counter
-
-                                                               groupCount += 6;
-                                                       }
-                                               } // add a group to the geometry. this will ensure multi material support
-
-
-                                               scope.addGroup(groupStart, groupCount, 0); // calculate new start value for groups
-
-                                               groupStart += groupCount;
-                                       }
-
-                                       function generateCap(top) {
-                                               // save the index of the first center vertex
-                                               const centerIndexStart = index;
-                                               const uv = new Vector2();
-                                               const vertex = new Vector3();
-                                               let groupCount = 0;
-                                               const radius = top === true ? radiusTop : radiusBottom;
-                                               const sign = top === true ? 1 : -1; // first we generate the center vertex data of the cap.
-                                               // because the geometry needs one set of uvs per face,
-                                               // we must generate a center vertex per face/segment
-
-                                               for (let x = 1; x <= radialSegments; x++) {
-                                                       // vertex
-                                                       vertices.push(0, halfHeight * sign, 0); // normal
-
-                                                       normals.push(0, sign, 0); // uv
-
-                                                       uvs.push(0.5, 0.5); // increase index
-
-                                                       index++;
-                                               } // save the index of the last center vertex
-
-
-                                               const centerIndexEnd = index; // now we generate the surrounding vertices, normals and uvs
-
-                                               for (let x = 0; x <= radialSegments; x++) {
-                                                       const u = x / radialSegments;
-                                                       const theta = u * thetaLength + thetaStart;
-                                                       const cosTheta = Math.cos(theta);
-                                                       const sinTheta = Math.sin(theta); // vertex
-
-                                                       vertex.x = radius * sinTheta;
-                                                       vertex.y = halfHeight * sign;
-                                                       vertex.z = radius * cosTheta;
-                                                       vertices.push(vertex.x, vertex.y, vertex.z); // normal
-
-                                                       normals.push(0, sign, 0); // uv
-
-                                                       uv.x = cosTheta * 0.5 + 0.5;
-                                                       uv.y = sinTheta * 0.5 * sign + 0.5;
-                                                       uvs.push(uv.x, uv.y); // increase index
-
-                                                       index++;
-                                               } // generate indices
-
-
-                                               for (let x = 0; x < radialSegments; x++) {
-                                                       const c = centerIndexStart + x;
-                                                       const i = centerIndexEnd + x;
-
-                                                       if (top === true) {
-                                                               // face top
-                                                               indices.push(i, i + 1, c);
-                                                       } else {
-                                                               // face bottom
-                                                               indices.push(i + 1, i, c);
-                                                       }
-
-                                                       groupCount += 3;
-                                               } // add a group to the geometry. this will ensure multi material support
-
-
-                                               scope.addGroup(groupStart, groupCount, top === true ? 1 : 2); // calculate new start value for groups
-
-                                               groupStart += groupCount;
-                                       }
-                               }
-
-                               static fromJSON(data) {
-                                       return new CylinderGeometry(data.radiusTop, data.radiusBottom, data.height, data.radialSegments, data.heightSegments, data.openEnded, data.thetaStart, data.thetaLength);
-                               }
-
-                       }
-
-                       class ConeGeometry extends CylinderGeometry {
-                               constructor(radius = 1, height = 1, radialSegments = 8, heightSegments = 1, openEnded = false, thetaStart = 0, thetaLength = Math.PI * 2) {
-                                       super(0, radius, height, radialSegments, heightSegments, openEnded, thetaStart, thetaLength);
-                                       this.type = 'ConeGeometry';
-                                       this.parameters = {
-                                               radius: radius,
-                                               height: height,
-                                               radialSegments: radialSegments,
-                                               heightSegments: heightSegments,
-                                               openEnded: openEnded,
-                                               thetaStart: thetaStart,
-                                               thetaLength: thetaLength
-                                       };
-                               }
-
-                               static fromJSON(data) {
-                                       return new ConeGeometry(data.radius, data.height, data.radialSegments, data.heightSegments, data.openEnded, data.thetaStart, data.thetaLength);
-                               }
-
-                       }
-
-                       class PolyhedronGeometry extends BufferGeometry {
-                               constructor(vertices, indices, radius = 1, detail = 0) {
-                                       super();
-                                       this.type = 'PolyhedronGeometry';
-                                       this.parameters = {
-                                               vertices: vertices,
-                                               indices: indices,
-                                               radius: radius,
-                                               detail: detail
-                                       }; // default buffer data
-
-                                       const vertexBuffer = [];
-                                       const uvBuffer = []; // the subdivision creates the vertex buffer data
-
-                                       subdivide(detail); // all vertices should lie on a conceptual sphere with a given radius
-
-                                       applyRadius(radius); // finally, create the uv data
-
-                                       generateUVs(); // build non-indexed geometry
-
-                                       this.setAttribute('position', new Float32BufferAttribute(vertexBuffer, 3));
-                                       this.setAttribute('normal', new Float32BufferAttribute(vertexBuffer.slice(), 3));
-                                       this.setAttribute('uv', new Float32BufferAttribute(uvBuffer, 2));
-
-                                       if (detail === 0) {
-                                               this.computeVertexNormals(); // flat normals
-                                       } else {
-                                               this.normalizeNormals(); // smooth normals
-                                       } // helper functions
-
-
-                                       function subdivide(detail) {
-                                               const a = new Vector3();
-                                               const b = new Vector3();
-                                               const c = new Vector3(); // iterate over all faces and apply a subdivison with the given detail value
-
-                                               for (let i = 0; i < indices.length; i += 3) {
-                                                       // get the vertices of the face
-                                                       getVertexByIndex(indices[i + 0], a);
-                                                       getVertexByIndex(indices[i + 1], b);
-                                                       getVertexByIndex(indices[i + 2], c); // perform subdivision
-
-                                                       subdivideFace(a, b, c, detail);
-                                               }
-                                       }
-
-                                       function subdivideFace(a, b, c, detail) {
-                                               const cols = detail + 1; // we use this multidimensional array as a data structure for creating the subdivision
-
-                                               const v = []; // construct all of the vertices for this subdivision
-
-                                               for (let i = 0; i <= cols; i++) {
-                                                       v[i] = [];
-                                                       const aj = a.clone().lerp(c, i / cols);
-                                                       const bj = b.clone().lerp(c, i / cols);
-                                                       const rows = cols - i;
-
-                                                       for (let j = 0; j <= rows; j++) {
-                                                               if (j === 0 && i === cols) {
-                                                                       v[i][j] = aj;
-                                                               } else {
-                                                                       v[i][j] = aj.clone().lerp(bj, j / rows);
-                                                               }
-                                                       }
-                                               } // construct all of the faces
-
-
-                                               for (let i = 0; i < cols; i++) {
-                                                       for (let j = 0; j < 2 * (cols - i) - 1; j++) {
-                                                               const k = Math.floor(j / 2);
-
-                                                               if (j % 2 === 0) {
-                                                                       pushVertex(v[i][k + 1]);
-                                                                       pushVertex(v[i + 1][k]);
-                                                                       pushVertex(v[i][k]);
-                                                               } else {
-                                                                       pushVertex(v[i][k + 1]);
-                                                                       pushVertex(v[i + 1][k + 1]);
-                                                                       pushVertex(v[i + 1][k]);
-                                                               }
-                                                       }
-                                               }
-                                       }
-
-                                       function applyRadius(radius) {
-                                               const vertex = new Vector3(); // iterate over the entire buffer and apply the radius to each vertex
-
-                                               for (let i = 0; i < vertexBuffer.length; i += 3) {
-                                                       vertex.x = vertexBuffer[i + 0];
-                                                       vertex.y = vertexBuffer[i + 1];
-                                                       vertex.z = vertexBuffer[i + 2];
-                                                       vertex.normalize().multiplyScalar(radius);
-                                                       vertexBuffer[i + 0] = vertex.x;
-                                                       vertexBuffer[i + 1] = vertex.y;
-                                                       vertexBuffer[i + 2] = vertex.z;
-                                               }
-                                       }
-
-                                       function generateUVs() {
-                                               const vertex = new Vector3();
-
-                                               for (let i = 0; i < vertexBuffer.length; i += 3) {
-                                                       vertex.x = vertexBuffer[i + 0];
-                                                       vertex.y = vertexBuffer[i + 1];
-                                                       vertex.z = vertexBuffer[i + 2];
-                                                       const u = azimuth(vertex) / 2 / Math.PI + 0.5;
-                                                       const v = inclination(vertex) / Math.PI + 0.5;
-                                                       uvBuffer.push(u, 1 - v);
-                                               }
-
-                                               correctUVs();
-                                               correctSeam();
-                                       }
-
-                                       function correctSeam() {
-                                               // handle case when face straddles the seam, see #3269
-                                               for (let i = 0; i < uvBuffer.length; i += 6) {
-                                                       // uv data of a single face
-                                                       const x0 = uvBuffer[i + 0];
-                                                       const x1 = uvBuffer[i + 2];
-                                                       const x2 = uvBuffer[i + 4];
-                                                       const max = Math.max(x0, x1, x2);
-                                                       const min = Math.min(x0, x1, x2); // 0.9 is somewhat arbitrary
-
-                                                       if (max > 0.9 && min < 0.1) {
-                                                               if (x0 < 0.2) uvBuffer[i + 0] += 1;
-                                                               if (x1 < 0.2) uvBuffer[i + 2] += 1;
-                                                               if (x2 < 0.2) uvBuffer[i + 4] += 1;
-                                                       }
-                                               }
-                                       }
-
-                                       function pushVertex(vertex) {
-                                               vertexBuffer.push(vertex.x, vertex.y, vertex.z);
-                                       }
-
-                                       function getVertexByIndex(index, vertex) {
-                                               const stride = index * 3;
-                                               vertex.x = vertices[stride + 0];
-                                               vertex.y = vertices[stride + 1];
-                                               vertex.z = vertices[stride + 2];
-                                       }
-
-                                       function correctUVs() {
-                                               const a = new Vector3();
-                                               const b = new Vector3();
-                                               const c = new Vector3();
-                                               const centroid = new Vector3();
-                                               const uvA = new Vector2();
-                                               const uvB = new Vector2();
-                                               const uvC = new Vector2();
-
-                                               for (let i = 0, j = 0; i < vertexBuffer.length; i += 9, j += 6) {
-                                                       a.set(vertexBuffer[i + 0], vertexBuffer[i + 1], vertexBuffer[i + 2]);
-                                                       b.set(vertexBuffer[i + 3], vertexBuffer[i + 4], vertexBuffer[i + 5]);
-                                                       c.set(vertexBuffer[i + 6], vertexBuffer[i + 7], vertexBuffer[i + 8]);
-                                                       uvA.set(uvBuffer[j + 0], uvBuffer[j + 1]);
-                                                       uvB.set(uvBuffer[j + 2], uvBuffer[j + 3]);
-                                                       uvC.set(uvBuffer[j + 4], uvBuffer[j + 5]);
-                                                       centroid.copy(a).add(b).add(c).divideScalar(3);
-                                                       const azi = azimuth(centroid);
-                                                       correctUV(uvA, j + 0, a, azi);
-                                                       correctUV(uvB, j + 2, b, azi);
-                                                       correctUV(uvC, j + 4, c, azi);
-                                               }
-                                       }
-
-                                       function correctUV(uv, stride, vector, azimuth) {
-                                               if (azimuth < 0 && uv.x === 1) {
-                                                       uvBuffer[stride] = uv.x - 1;
-                                               }
-
-                                               if (vector.x === 0 && vector.z === 0) {
-                                                       uvBuffer[stride] = azimuth / 2 / Math.PI + 0.5;
-                                               }
-                                       } // Angle around the Y axis, counter-clockwise when looking from above.
-
-
-                                       function azimuth(vector) {
-                                               return Math.atan2(vector.z, -vector.x);
-                                       } // Angle above the XZ plane.
-
-
-                                       function inclination(vector) {
-                                               return Math.atan2(-vector.y, Math.sqrt(vector.x * vector.x + vector.z * vector.z));
-                                       }
-                               }
-
-                               static fromJSON(data) {
-                                       return new PolyhedronGeometry(data.vertices, data.indices, data.radius, data.details);
-                               }
-
-                       }
-
-                       class DodecahedronGeometry extends PolyhedronGeometry {
-                               constructor(radius = 1, detail = 0) {
-                                       const t = (1 + Math.sqrt(5)) / 2;
-                                       const r = 1 / t;
-                                       const vertices = [// (±1, Â±1, Â±1)
-                                               -1, -1, -1, -1, -1, 1, -1, 1, -1, -1, 1, 1, 1, -1, -1, 1, -1, 1, 1, 1, -1, 1, 1, 1, // (0, Â±1/φ, Â±Ï†)
-                                               0, -r, -t, 0, -r, t, 0, r, -t, 0, r, t, // (±1/φ, Â±Ï†, 0)
-                                               -r, -t, 0, -r, t, 0, r, -t, 0, r, t, 0, // (±φ, 0, Â±1/φ)
-                                               -t, 0, -r, t, 0, -r, -t, 0, r, t, 0, r];
-                                       const indices = [3, 11, 7, 3, 7, 15, 3, 15, 13, 7, 19, 17, 7, 17, 6, 7, 6, 15, 17, 4, 8, 17, 8, 10, 17, 10, 6, 8, 0, 16, 8, 16, 2, 8, 2, 10, 0, 12, 1, 0, 1, 18, 0, 18, 16, 6, 10, 2, 6, 2, 13, 6, 13, 15, 2, 16, 18, 2, 18, 3, 2, 3, 13, 18, 1, 9, 18, 9, 11, 18, 11, 3, 4, 14, 12, 4, 12, 0, 4, 0, 8, 11, 9, 5, 11, 5, 19, 11, 19, 7, 19, 5, 14, 19, 14, 4, 19, 4, 17, 1, 12, 14, 1, 14, 5, 1, 5, 9];
-                                       super(vertices, indices, radius, detail);
-                                       this.type = 'DodecahedronGeometry';
-                                       this.parameters = {
-                                               radius: radius,
-                                               detail: detail
-                                       };
-                               }
-
-                               static fromJSON(data) {
-                                       return new DodecahedronGeometry(data.radius, data.detail);
-                               }
-
-                       }
-
-                       const _v0 = new Vector3();
-
-                       const _v1$1 = new Vector3();
-
-                       const _normal = new Vector3();
-
-                       const _triangle = new Triangle();
-
-                       class EdgesGeometry extends BufferGeometry {
-                               constructor(geometry, thresholdAngle) {
-                                       super();
-                                       this.type = 'EdgesGeometry';
-                                       this.parameters = {
-                                               thresholdAngle: thresholdAngle
-                                       };
-                                       thresholdAngle = thresholdAngle !== undefined ? thresholdAngle : 1;
-
-                                       if (geometry.isGeometry === true) {
-                                               console.error('THREE.EdgesGeometry no longer supports THREE.Geometry. Use THREE.BufferGeometry instead.');
-                                               return;
-                                       }
-
-                                       const precisionPoints = 4;
-                                       const precision = Math.pow(10, precisionPoints);
-                                       const thresholdDot = Math.cos(DEG2RAD * thresholdAngle);
-                                       const indexAttr = geometry.getIndex();
-                                       const positionAttr = geometry.getAttribute('position');
-                                       const indexCount = indexAttr ? indexAttr.count : positionAttr.count;
-                                       const indexArr = [0, 0, 0];
-                                       const vertKeys = ['a', 'b', 'c'];
-                                       const hashes = new Array(3);
-                                       const edgeData = {};
-                                       const vertices = [];
-
-                                       for (let i = 0; i < indexCount; i += 3) {
-                                               if (indexAttr) {
-                                                       indexArr[0] = indexAttr.getX(i);
-                                                       indexArr[1] = indexAttr.getX(i + 1);
-                                                       indexArr[2] = indexAttr.getX(i + 2);
-                                               } else {
-                                                       indexArr[0] = i;
-                                                       indexArr[1] = i + 1;
-                                                       indexArr[2] = i + 2;
-                                               }
-
-                                               const {
-                                                       a,
-                                                       b,
-                                                       c
-                                               } = _triangle;
-                                               a.fromBufferAttribute(positionAttr, indexArr[0]);
-                                               b.fromBufferAttribute(positionAttr, indexArr[1]);
-                                               c.fromBufferAttribute(positionAttr, indexArr[2]);
-
-                                               _triangle.getNormal(_normal); // create hashes for the edge from the vertices
-
-
-                                               hashes[0] = `${Math.round(a.x * precision)},${Math.round(a.y * precision)},${Math.round(a.z * precision)}`;
-                                               hashes[1] = `${Math.round(b.x * precision)},${Math.round(b.y * precision)},${Math.round(b.z * precision)}`;
-                                               hashes[2] = `${Math.round(c.x * precision)},${Math.round(c.y * precision)},${Math.round(c.z * precision)}`; // skip degenerate triangles
-
-                                               if (hashes[0] === hashes[1] || hashes[1] === hashes[2] || hashes[2] === hashes[0]) {
-                                                       continue;
-                                               } // iterate over every edge
-
-
-                                               for (let j = 0; j < 3; j++) {
-                                                       // get the first and next vertex making up the edge
-                                                       const jNext = (j + 1) % 3;
-                                                       const vecHash0 = hashes[j];
-                                                       const vecHash1 = hashes[jNext];
-                                                       const v0 = _triangle[vertKeys[j]];
-                                                       const v1 = _triangle[vertKeys[jNext]];
-                                                       const hash = `${vecHash0}_${vecHash1}`;
-                                                       const reverseHash = `${vecHash1}_${vecHash0}`;
-
-                                                       if (reverseHash in edgeData && edgeData[reverseHash]) {
-                                                               // if we found a sibling edge add it into the vertex array if
-                                                               // it meets the angle threshold and delete the edge from the map.
-                                                               if (_normal.dot(edgeData[reverseHash].normal) <= thresholdDot) {
-                                                                       vertices.push(v0.x, v0.y, v0.z);
-                                                                       vertices.push(v1.x, v1.y, v1.z);
-                                                               }
-
-                                                               edgeData[reverseHash] = null;
-                                                       } else if (!(hash in edgeData)) {
-                                                               // if we've already got an edge here then skip adding a new one
-                                                               edgeData[hash] = {
-                                                                       index0: indexArr[j],
-                                                                       index1: indexArr[jNext],
-                                                                       normal: _normal.clone()
-                                                               };
-                                                       }
-                                               }
-                                       } // iterate over all remaining, unmatched edges and add them to the vertex array
-
-
-                                       for (const key in edgeData) {
-                                               if (edgeData[key]) {
-                                                       const {
-                                                               index0,
-                                                               index1
-                                                       } = edgeData[key];
-
-                                                       _v0.fromBufferAttribute(positionAttr, index0);
-
-                                                       _v1$1.fromBufferAttribute(positionAttr, index1);
-
-                                                       vertices.push(_v0.x, _v0.y, _v0.z);
-                                                       vertices.push(_v1$1.x, _v1$1.y, _v1$1.z);
-                                               }
-                                       }
-
-                                       this.setAttribute('position', new Float32BufferAttribute(vertices, 3));
-                               }
-
-                       }
-
-                       /**
-                        * Extensible curve object.
-                        *
-                        * Some common of curve methods:
-                        * .getPoint( t, optionalTarget ), .getTangent( t, optionalTarget )
-                        * .getPointAt( u, optionalTarget ), .getTangentAt( u, optionalTarget )
-                        * .getPoints(), .getSpacedPoints()
-                        * .getLength()
-                        * .updateArcLengths()
-                        *
-                        * This following curves inherit from THREE.Curve:
-                        *
-                        * -- 2D curves --
-                        * THREE.ArcCurve
-                        * THREE.CubicBezierCurve
-                        * THREE.EllipseCurve
-                        * THREE.LineCurve
-                        * THREE.QuadraticBezierCurve
-                        * THREE.SplineCurve
-                        *
-                        * -- 3D curves --
-                        * THREE.CatmullRomCurve3
-                        * THREE.CubicBezierCurve3
-                        * THREE.LineCurve3
-                        * THREE.QuadraticBezierCurve3
-                        *
-                        * A series of curves can be represented as a THREE.CurvePath.
-                        *
-                        **/
-
-                       class Curve {
-                               constructor() {
-                                       this.type = 'Curve';
-                                       this.arcLengthDivisions = 200;
-                               } // Virtual base class method to overwrite and implement in subclasses
-                               //      - t [0 .. 1]
-
-
-                               getPoint() {
-                                       console.warn('THREE.Curve: .getPoint() not implemented.');
-                                       return null;
-                               } // Get point at relative position in curve according to arc length
-                               // - u [0 .. 1]
-
-
-                               getPointAt(u, optionalTarget) {
-                                       const t = this.getUtoTmapping(u);
-                                       return this.getPoint(t, optionalTarget);
-                               } // Get sequence of points using getPoint( t )
-
-
-                               getPoints(divisions = 5) {
-                                       const points = [];
-
-                                       for (let d = 0; d <= divisions; d++) {
-                                               points.push(this.getPoint(d / divisions));
-                                       }
-
-                                       return points;
-                               } // Get sequence of points using getPointAt( u )
-
-
-                               getSpacedPoints(divisions = 5) {
-                                       const points = [];
-
-                                       for (let d = 0; d <= divisions; d++) {
-                                               points.push(this.getPointAt(d / divisions));
-                                       }
-
-                                       return points;
-                               } // Get total curve arc length
-
-
-                               getLength() {
-                                       const lengths = this.getLengths();
-                                       return lengths[lengths.length - 1];
-                               } // Get list of cumulative segment lengths
-
-
-                               getLengths(divisions = this.arcLengthDivisions) {
-                                       if (this.cacheArcLengths && this.cacheArcLengths.length === divisions + 1 && !this.needsUpdate) {
-                                               return this.cacheArcLengths;
-                                       }
-
-                                       this.needsUpdate = false;
-                                       const cache = [];
-                                       let current,
-                                               last = this.getPoint(0);
-                                       let sum = 0;
-                                       cache.push(0);
-
-                                       for (let p = 1; p <= divisions; p++) {
-                                               current = this.getPoint(p / divisions);
-                                               sum += current.distanceTo(last);
-                                               cache.push(sum);
-                                               last = current;
-                                       }
-
-                                       this.cacheArcLengths = cache;
-                                       return cache; // { sums: cache, sum: sum }; Sum is in the last element.
-                               }
-
-                               updateArcLengths() {
-                                       this.needsUpdate = true;
-                                       this.getLengths();
-                               } // Given u ( 0 .. 1 ), get a t to find p. This gives you points which are equidistant
-
-
-                               getUtoTmapping(u, distance) {
-                                       const arcLengths = this.getLengths();
-                                       let i = 0;
-                                       const il = arcLengths.length;
-                                       let targetArcLength; // The targeted u distance value to get
-
-                                       if (distance) {
-                                               targetArcLength = distance;
-                                       } else {
-                                               targetArcLength = u * arcLengths[il - 1];
-                                       } // binary search for the index with largest value smaller than target u distance
-
-
-                                       let low = 0,
-                                               high = il - 1,
-                                               comparison;
-
-                                       while (low <= high) {
-                                               i = Math.floor(low + (high - low) / 2); // less likely to overflow, though probably not issue here, JS doesn't really have integers, all numbers are floats
-
-                                               comparison = arcLengths[i] - targetArcLength;
-
-                                               if (comparison < 0) {
-                                                       low = i + 1;
-                                               } else if (comparison > 0) {
-                                                       high = i - 1;
-                                               } else {
-                                                       high = i;
-                                                       break; // DONE
-                                               }
-                                       }
-
-                                       i = high;
-
-                                       if (arcLengths[i] === targetArcLength) {
-                                               return i / (il - 1);
-                                       } // we could get finer grain at lengths, or use simple interpolation between two points
-
-
-                                       const lengthBefore = arcLengths[i];
-                                       const lengthAfter = arcLengths[i + 1];
-                                       const segmentLength = lengthAfter - lengthBefore; // determine where we are between the 'before' and 'after' points
-
-                                       const segmentFraction = (targetArcLength - lengthBefore) / segmentLength; // add that fractional amount to t
-
-                                       const t = (i + segmentFraction) / (il - 1);
-                                       return t;
-                               } // Returns a unit vector tangent at t
-                               // In case any sub curve does not implement its tangent derivation,
-                               // 2 points a small delta apart will be used to find its gradient
-                               // which seems to give a reasonable approximation
-
-
-                               getTangent(t, optionalTarget) {
-                                       const delta = 0.0001;
-                                       let t1 = t - delta;
-                                       let t2 = t + delta; // Capping in case of danger
-
-                                       if (t1 < 0) t1 = 0;
-                                       if (t2 > 1) t2 = 1;
-                                       const pt1 = this.getPoint(t1);
-                                       const pt2 = this.getPoint(t2);
-                                       const tangent = optionalTarget || (pt1.isVector2 ? new Vector2() : new Vector3());
-                                       tangent.copy(pt2).sub(pt1).normalize();
-                                       return tangent;
-                               }
-
-                               getTangentAt(u, optionalTarget) {
-                                       const t = this.getUtoTmapping(u);
-                                       return this.getTangent(t, optionalTarget);
-                               }
-
-                               computeFrenetFrames(segments, closed) {
-                                       // see http://www.cs.indiana.edu/pub/techreports/TR425.pdf
-                                       const normal = new Vector3();
-                                       const tangents = [];
-                                       const normals = [];
-                                       const binormals = [];
-                                       const vec = new Vector3();
-                                       const mat = new Matrix4(); // compute the tangent vectors for each segment on the curve
-
-                                       for (let i = 0; i <= segments; i++) {
-                                               const u = i / segments;
-                                               tangents[i] = this.getTangentAt(u, new Vector3());
-                                               tangents[i].normalize();
-                                       } // select an initial normal vector perpendicular to the first tangent vector,
-                                       // and in the direction of the minimum tangent xyz component
-
-
-                                       normals[0] = new Vector3();
-                                       binormals[0] = new Vector3();
-                                       let min = Number.MAX_VALUE;
-                                       const tx = Math.abs(tangents[0].x);
-                                       const ty = Math.abs(tangents[0].y);
-                                       const tz = Math.abs(tangents[0].z);
-
-                                       if (tx <= min) {
-                                               min = tx;
-                                               normal.set(1, 0, 0);
-                                       }
-
-                                       if (ty <= min) {
-                                               min = ty;
-                                               normal.set(0, 1, 0);
-                                       }
-
-                                       if (tz <= min) {
-                                               normal.set(0, 0, 1);
-                                       }
-
-                                       vec.crossVectors(tangents[0], normal).normalize();
-                                       normals[0].crossVectors(tangents[0], vec);
-                                       binormals[0].crossVectors(tangents[0], normals[0]); // compute the slowly-varying normal and binormal vectors for each segment on the curve
-
-                                       for (let i = 1; i <= segments; i++) {
-                                               normals[i] = normals[i - 1].clone();
-                                               binormals[i] = binormals[i - 1].clone();
-                                               vec.crossVectors(tangents[i - 1], tangents[i]);
-
-                                               if (vec.length() > Number.EPSILON) {
-                                                       vec.normalize();
-                                                       const theta = Math.acos(clamp(tangents[i - 1].dot(tangents[i]), -1, 1)); // clamp for floating pt errors
-
-                                                       normals[i].applyMatrix4(mat.makeRotationAxis(vec, theta));
-                                               }
-
-                                               binormals[i].crossVectors(tangents[i], normals[i]);
-                                       } // if the curve is closed, postprocess the vectors so the first and last normal vectors are the same
-
-
-                                       if (closed === true) {
-                                               let theta = Math.acos(clamp(normals[0].dot(normals[segments]), -1, 1));
-                                               theta /= segments;
-
-                                               if (tangents[0].dot(vec.crossVectors(normals[0], normals[segments])) > 0) {
-                                                       theta = -theta;
-                                               }
-
-                                               for (let i = 1; i <= segments; i++) {
-                                                       // twist a little...
-                                                       normals[i].applyMatrix4(mat.makeRotationAxis(tangents[i], theta * i));
-                                                       binormals[i].crossVectors(tangents[i], normals[i]);
-                                               }
-                                       }
-
-                                       return {
-                                               tangents: tangents,
-                                               normals: normals,
-                                               binormals: binormals
-                                       };
-                               }
-
-                               clone() {
-                                       return new this.constructor().copy(this);
-                               }
-
-                               copy(source) {
-                                       this.arcLengthDivisions = source.arcLengthDivisions;
-                                       return this;
-                               }
-
-                               toJSON() {
-                                       const data = {
-                                               metadata: {
-                                                       version: 4.5,
-                                                       type: 'Curve',
-                                                       generator: 'Curve.toJSON'
-                                               }
-                                       };
-                                       data.arcLengthDivisions = this.arcLengthDivisions;
-                                       data.type = this.type;
-                                       return data;
-                               }
-
-                               fromJSON(json) {
-                                       this.arcLengthDivisions = json.arcLengthDivisions;
-                                       return this;
-                               }
-
-                       }
-
-                       class EllipseCurve extends Curve {
-                               constructor(aX = 0, aY = 0, xRadius = 1, yRadius = 1, aStartAngle = 0, aEndAngle = Math.PI * 2, aClockwise = false, aRotation = 0) {
-                                       super();
-                                       this.type = 'EllipseCurve';
-                                       this.aX = aX;
-                                       this.aY = aY;
-                                       this.xRadius = xRadius;
-                                       this.yRadius = yRadius;
-                                       this.aStartAngle = aStartAngle;
-                                       this.aEndAngle = aEndAngle;
-                                       this.aClockwise = aClockwise;
-                                       this.aRotation = aRotation;
-                               }
-
-                               getPoint(t, optionalTarget) {
-                                       const point = optionalTarget || new Vector2();
-                                       const twoPi = Math.PI * 2;
-                                       let deltaAngle = this.aEndAngle - this.aStartAngle;
-                                       const samePoints = Math.abs(deltaAngle) < Number.EPSILON; // ensures that deltaAngle is 0 .. 2 PI
-
-                                       while (deltaAngle < 0) deltaAngle += twoPi;
-
-                                       while (deltaAngle > twoPi) deltaAngle -= twoPi;
-
-                                       if (deltaAngle < Number.EPSILON) {
-                                               if (samePoints) {
-                                                       deltaAngle = 0;
-                                               } else {
-                                                       deltaAngle = twoPi;
-                                               }
-                                       }
-
-                                       if (this.aClockwise === true && !samePoints) {
-                                               if (deltaAngle === twoPi) {
-                                                       deltaAngle = -twoPi;
-                                               } else {
-                                                       deltaAngle = deltaAngle - twoPi;
-                                               }
-                                       }
-
-                                       const angle = this.aStartAngle + t * deltaAngle;
-                                       let x = this.aX + this.xRadius * Math.cos(angle);
-                                       let y = this.aY + this.yRadius * Math.sin(angle);
-
-                                       if (this.aRotation !== 0) {
-                                               const cos = Math.cos(this.aRotation);
-                                               const sin = Math.sin(this.aRotation);
-                                               const tx = x - this.aX;
-                                               const ty = y - this.aY; // Rotate the point about the center of the ellipse.
-
-                                               x = tx * cos - ty * sin + this.aX;
-                                               y = tx * sin + ty * cos + this.aY;
-                                       }
-
-                                       return point.set(x, y);
-                               }
-
-                               copy(source) {
-                                       super.copy(source);
-                                       this.aX = source.aX;
-                                       this.aY = source.aY;
-                                       this.xRadius = source.xRadius;
-                                       this.yRadius = source.yRadius;
-                                       this.aStartAngle = source.aStartAngle;
-                                       this.aEndAngle = source.aEndAngle;
-                                       this.aClockwise = source.aClockwise;
-                                       this.aRotation = source.aRotation;
-                                       return this;
-                               }
-
-                               toJSON() {
-                                       const data = super.toJSON();
-                                       data.aX = this.aX;
-                                       data.aY = this.aY;
-                                       data.xRadius = this.xRadius;
-                                       data.yRadius = this.yRadius;
-                                       data.aStartAngle = this.aStartAngle;
-                                       data.aEndAngle = this.aEndAngle;
-                                       data.aClockwise = this.aClockwise;
-                                       data.aRotation = this.aRotation;
-                                       return data;
-                               }
-
-                               fromJSON(json) {
-                                       super.fromJSON(json);
-                                       this.aX = json.aX;
-                                       this.aY = json.aY;
-                                       this.xRadius = json.xRadius;
-                                       this.yRadius = json.yRadius;
-                                       this.aStartAngle = json.aStartAngle;
-                                       this.aEndAngle = json.aEndAngle;
-                                       this.aClockwise = json.aClockwise;
-                                       this.aRotation = json.aRotation;
-                                       return this;
-                               }
-
-                       }
-
-                       EllipseCurve.prototype.isEllipseCurve = true;
-
-                       class ArcCurve extends EllipseCurve {
-                               constructor(aX, aY, aRadius, aStartAngle, aEndAngle, aClockwise) {
-                                       super(aX, aY, aRadius, aRadius, aStartAngle, aEndAngle, aClockwise);
-                                       this.type = 'ArcCurve';
-                               }
-
-                       }
-
-                       ArcCurve.prototype.isArcCurve = true;
-
-                       /**
-                        * Centripetal CatmullRom Curve - which is useful for avoiding
-                        * cusps and self-intersections in non-uniform catmull rom curves.
-                        * http://www.cemyuksel.com/research/catmullrom_param/catmullrom.pdf
-                        *
-                        * curve.type accepts centripetal(default), chordal and catmullrom
-                        * curve.tension is used for catmullrom which defaults to 0.5
-                        */
-
-                       /*
-       Based on an optimized c++ solution in
-        - http://stackoverflow.com/questions/9489736/catmull-rom-curve-with-no-cusps-and-no-self-intersections/
-        - http://ideone.com/NoEbVM
-
-       This CubicPoly class could be used for reusing some variables and calculations,
-       but for three.js curve use, it could be possible inlined and flatten into a single function call
-       which can be placed in CurveUtils.
-       */
-
-                       function CubicPoly() {
-                               let c0 = 0,
-                                       c1 = 0,
-                                       c2 = 0,
-                                       c3 = 0;
-
-                               /*
-                * Compute coefficients for a cubic polynomial
-                *       p(s) = c0 + c1*s + c2*s^2 + c3*s^3
-                * such that
-                *       p(0) = x0, p(1) = x1
-                *      and
-                *       p'(0) = t0, p'(1) = t1.
-                */
-
-                               function init(x0, x1, t0, t1) {
-                                       c0 = x0;
-                                       c1 = t0;
-                                       c2 = -3 * x0 + 3 * x1 - 2 * t0 - t1;
-                                       c3 = 2 * x0 - 2 * x1 + t0 + t1;
-                               }
-
-                               return {
-                                       initCatmullRom: function (x0, x1, x2, x3, tension) {
-                                               init(x1, x2, tension * (x2 - x0), tension * (x3 - x1));
-                                       },
-                                       initNonuniformCatmullRom: function (x0, x1, x2, x3, dt0, dt1, dt2) {
-                                               // compute tangents when parameterized in [t1,t2]
-                                               let t1 = (x1 - x0) / dt0 - (x2 - x0) / (dt0 + dt1) + (x2 - x1) / dt1;
-                                               let t2 = (x2 - x1) / dt1 - (x3 - x1) / (dt1 + dt2) + (x3 - x2) / dt2; // rescale tangents for parametrization in [0,1]
-
-                                               t1 *= dt1;
-                                               t2 *= dt1;
-                                               init(x1, x2, t1, t2);
-                                       },
-                                       calc: function (t) {
-                                               const t2 = t * t;
-                                               const t3 = t2 * t;
-                                               return c0 + c1 * t + c2 * t2 + c3 * t3;
-                                       }
-                               };
-                       } //
-
-
-                       const tmp = new Vector3();
-                       const px = new CubicPoly(),
-                               py = new CubicPoly(),
-                               pz = new CubicPoly();
-
-                       class CatmullRomCurve3 extends Curve {
-                               constructor(points = [], closed = false, curveType = 'centripetal', tension = 0.5) {
-                                       super();
-                                       this.type = 'CatmullRomCurve3';
-                                       this.points = points;
-                                       this.closed = closed;
-                                       this.curveType = curveType;
-                                       this.tension = tension;
-                               }
-
-                               getPoint(t, optionalTarget = new Vector3()) {
-                                       const point = optionalTarget;
-                                       const points = this.points;
-                                       const l = points.length;
-                                       const p = (l - (this.closed ? 0 : 1)) * t;
-                                       let intPoint = Math.floor(p);
-                                       let weight = p - intPoint;
-
-                                       if (this.closed) {
-                                               intPoint += intPoint > 0 ? 0 : (Math.floor(Math.abs(intPoint) / l) + 1) * l;
-                                       } else if (weight === 0 && intPoint === l - 1) {
-                                               intPoint = l - 2;
-                                               weight = 1;
-                                       }
-
-                                       let p0, p3; // 4 points (p1 & p2 defined below)
-
-                                       if (this.closed || intPoint > 0) {
-                                               p0 = points[(intPoint - 1) % l];
-                                       } else {
-                                               // extrapolate first point
-                                               tmp.subVectors(points[0], points[1]).add(points[0]);
-                                               p0 = tmp;
-                                       }
-
-                                       const p1 = points[intPoint % l];
-                                       const p2 = points[(intPoint + 1) % l];
-
-                                       if (this.closed || intPoint + 2 < l) {
-                                               p3 = points[(intPoint + 2) % l];
-                                       } else {
-                                               // extrapolate last point
-                                               tmp.subVectors(points[l - 1], points[l - 2]).add(points[l - 1]);
-                                               p3 = tmp;
-                                       }
-
-                                       if (this.curveType === 'centripetal' || this.curveType === 'chordal') {
-                                               // init Centripetal / Chordal Catmull-Rom
-                                               const pow = this.curveType === 'chordal' ? 0.5 : 0.25;
-                                               let dt0 = Math.pow(p0.distanceToSquared(p1), pow);
-                                               let dt1 = Math.pow(p1.distanceToSquared(p2), pow);
-                                               let dt2 = Math.pow(p2.distanceToSquared(p3), pow); // safety check for repeated points
-
-                                               if (dt1 < 1e-4) dt1 = 1.0;
-                                               if (dt0 < 1e-4) dt0 = dt1;
-                                               if (dt2 < 1e-4) dt2 = dt1;
-                                               px.initNonuniformCatmullRom(p0.x, p1.x, p2.x, p3.x, dt0, dt1, dt2);
-                                               py.initNonuniformCatmullRom(p0.y, p1.y, p2.y, p3.y, dt0, dt1, dt2);
-                                               pz.initNonuniformCatmullRom(p0.z, p1.z, p2.z, p3.z, dt0, dt1, dt2);
-                                       } else if (this.curveType === 'catmullrom') {
-                                               px.initCatmullRom(p0.x, p1.x, p2.x, p3.x, this.tension);
-                                               py.initCatmullRom(p0.y, p1.y, p2.y, p3.y, this.tension);
-                                               pz.initCatmullRom(p0.z, p1.z, p2.z, p3.z, this.tension);
-                                       }
-
-                                       point.set(px.calc(weight), py.calc(weight), pz.calc(weight));
-                                       return point;
-                               }
-
-                               copy(source) {
-                                       super.copy(source);
-                                       this.points = [];
-
-                                       for (let i = 0, l = source.points.length; i < l; i++) {
-                                               const point = source.points[i];
-                                               this.points.push(point.clone());
-                                       }
-
-                                       this.closed = source.closed;
-                                       this.curveType = source.curveType;
-                                       this.tension = source.tension;
-                                       return this;
-                               }
-
-                               toJSON() {
-                                       const data = super.toJSON();
-                                       data.points = [];
-
-                                       for (let i = 0, l = this.points.length; i < l; i++) {
-                                               const point = this.points[i];
-                                               data.points.push(point.toArray());
-                                       }
-
-                                       data.closed = this.closed;
-                                       data.curveType = this.curveType;
-                                       data.tension = this.tension;
-                                       return data;
-                               }
-
-                               fromJSON(json) {
-                                       super.fromJSON(json);
-                                       this.points = [];
-
-                                       for (let i = 0, l = json.points.length; i < l; i++) {
-                                               const point = json.points[i];
-                                               this.points.push(new Vector3().fromArray(point));
-                                       }
-
-                                       this.closed = json.closed;
-                                       this.curveType = json.curveType;
-                                       this.tension = json.tension;
-                                       return this;
-                               }
-
-                       }
-
-                       CatmullRomCurve3.prototype.isCatmullRomCurve3 = true;
-
-                       /**
-                        * Bezier Curves formulas obtained from
-                        * http://en.wikipedia.org/wiki/Bézier_curve
-                        */
-                       function CatmullRom(t, p0, p1, p2, p3) {
-                               const v0 = (p2 - p0) * 0.5;
-                               const v1 = (p3 - p1) * 0.5;
-                               const t2 = t * t;
-                               const t3 = t * t2;
-                               return (2 * p1 - 2 * p2 + v0 + v1) * t3 + (-3 * p1 + 3 * p2 - 2 * v0 - v1) * t2 + v0 * t + p1;
-                       } //
-
-
-                       function QuadraticBezierP0(t, p) {
-                               const k = 1 - t;
-                               return k * k * p;
-                       }
-
-                       function QuadraticBezierP1(t, p) {
-                               return 2 * (1 - t) * t * p;
-                       }
-
-                       function QuadraticBezierP2(t, p) {
-                               return t * t * p;
-                       }
-
-                       function QuadraticBezier(t, p0, p1, p2) {
-                               return QuadraticBezierP0(t, p0) + QuadraticBezierP1(t, p1) + QuadraticBezierP2(t, p2);
-                       } //
-
-
-                       function CubicBezierP0(t, p) {
-                               const k = 1 - t;
-                               return k * k * k * p;
-                       }
-
-                       function CubicBezierP1(t, p) {
-                               const k = 1 - t;
-                               return 3 * k * k * t * p;
-                       }
-
-                       function CubicBezierP2(t, p) {
-                               return 3 * (1 - t) * t * t * p;
-                       }
-
-                       function CubicBezierP3(t, p) {
-                               return t * t * t * p;
-                       }
-
-                       function CubicBezier(t, p0, p1, p2, p3) {
-                               return CubicBezierP0(t, p0) + CubicBezierP1(t, p1) + CubicBezierP2(t, p2) + CubicBezierP3(t, p3);
-                       }
-
-                       class CubicBezierCurve extends Curve {
-                               constructor(v0 = new Vector2(), v1 = new Vector2(), v2 = new Vector2(), v3 = new Vector2()) {
-                                       super();
-                                       this.type = 'CubicBezierCurve';
-                                       this.v0 = v0;
-                                       this.v1 = v1;
-                                       this.v2 = v2;
-                                       this.v3 = v3;
-                               }
-
-                               getPoint(t, optionalTarget = new Vector2()) {
-                                       const point = optionalTarget;
-                                       const v0 = this.v0,
-                                               v1 = this.v1,
-                                               v2 = this.v2,
-                                               v3 = this.v3;
-                                       point.set(CubicBezier(t, v0.x, v1.x, v2.x, v3.x), CubicBezier(t, v0.y, v1.y, v2.y, v3.y));
-                                       return point;
-                               }
-
-                               copy(source) {
-                                       super.copy(source);
-                                       this.v0.copy(source.v0);
-                                       this.v1.copy(source.v1);
-                                       this.v2.copy(source.v2);
-                                       this.v3.copy(source.v3);
-                                       return this;
-                               }
-
-                               toJSON() {
-                                       const data = super.toJSON();
-                                       data.v0 = this.v0.toArray();
-                                       data.v1 = this.v1.toArray();
-                                       data.v2 = this.v2.toArray();
-                                       data.v3 = this.v3.toArray();
-                                       return data;
-                               }
-
-                               fromJSON(json) {
-                                       super.fromJSON(json);
-                                       this.v0.fromArray(json.v0);
-                                       this.v1.fromArray(json.v1);
-                                       this.v2.fromArray(json.v2);
-                                       this.v3.fromArray(json.v3);
-                                       return this;
-                               }
-
-                       }
-
-                       CubicBezierCurve.prototype.isCubicBezierCurve = true;
-
-                       class CubicBezierCurve3 extends Curve {
-                               constructor(v0 = new Vector3(), v1 = new Vector3(), v2 = new Vector3(), v3 = new Vector3()) {
-                                       super();
-                                       this.type = 'CubicBezierCurve3';
-                                       this.v0 = v0;
-                                       this.v1 = v1;
-                                       this.v2 = v2;
-                                       this.v3 = v3;
-                               }
-
-                               getPoint(t, optionalTarget = new Vector3()) {
-                                       const point = optionalTarget;
-                                       const v0 = this.v0,
-                                               v1 = this.v1,
-                                               v2 = this.v2,
-                                               v3 = this.v3;
-                                       point.set(CubicBezier(t, v0.x, v1.x, v2.x, v3.x), CubicBezier(t, v0.y, v1.y, v2.y, v3.y), CubicBezier(t, v0.z, v1.z, v2.z, v3.z));
-                                       return point;
-                               }
-
-                               copy(source) {
-                                       super.copy(source);
-                                       this.v0.copy(source.v0);
-                                       this.v1.copy(source.v1);
-                                       this.v2.copy(source.v2);
-                                       this.v3.copy(source.v3);
-                                       return this;
-                               }
-
-                               toJSON() {
-                                       const data = super.toJSON();
-                                       data.v0 = this.v0.toArray();
-                                       data.v1 = this.v1.toArray();
-                                       data.v2 = this.v2.toArray();
-                                       data.v3 = this.v3.toArray();
-                                       return data;
-                               }
-
-                               fromJSON(json) {
-                                       super.fromJSON(json);
-                                       this.v0.fromArray(json.v0);
-                                       this.v1.fromArray(json.v1);
-                                       this.v2.fromArray(json.v2);
-                                       this.v3.fromArray(json.v3);
-                                       return this;
-                               }
-
-                       }
-
-                       CubicBezierCurve3.prototype.isCubicBezierCurve3 = true;
-
-                       class LineCurve extends Curve {
-                               constructor(v1 = new Vector2(), v2 = new Vector2()) {
-                                       super();
-                                       this.type = 'LineCurve';
-                                       this.v1 = v1;
-                                       this.v2 = v2;
-                               }
-
-                               getPoint(t, optionalTarget = new Vector2()) {
-                                       const point = optionalTarget;
-
-                                       if (t === 1) {
-                                               point.copy(this.v2);
-                                       } else {
-                                               point.copy(this.v2).sub(this.v1);
-                                               point.multiplyScalar(t).add(this.v1);
-                                       }
-
-                                       return point;
-                               } // Line curve is linear, so we can overwrite default getPointAt
-
-
-                               getPointAt(u, optionalTarget) {
-                                       return this.getPoint(u, optionalTarget);
-                               }
-
-                               getTangent(t, optionalTarget) {
-                                       const tangent = optionalTarget || new Vector2();
-                                       tangent.copy(this.v2).sub(this.v1).normalize();
-                                       return tangent;
-                               }
-
-                               copy(source) {
-                                       super.copy(source);
-                                       this.v1.copy(source.v1);
-                                       this.v2.copy(source.v2);
-                                       return this;
-                               }
-
-                               toJSON() {
-                                       const data = super.toJSON();
-                                       data.v1 = this.v1.toArray();
-                                       data.v2 = this.v2.toArray();
-                                       return data;
-                               }
-
-                               fromJSON(json) {
-                                       super.fromJSON(json);
-                                       this.v1.fromArray(json.v1);
-                                       this.v2.fromArray(json.v2);
-                                       return this;
-                               }
-
-                       }
-
-                       LineCurve.prototype.isLineCurve = true;
-
-                       class LineCurve3 extends Curve {
-                               constructor(v1 = new Vector3(), v2 = new Vector3()) {
-                                       super();
-                                       this.type = 'LineCurve3';
-                                       this.isLineCurve3 = true;
-                                       this.v1 = v1;
-                                       this.v2 = v2;
-                               }
-
-                               getPoint(t, optionalTarget = new Vector3()) {
-                                       const point = optionalTarget;
-
-                                       if (t === 1) {
-                                               point.copy(this.v2);
-                                       } else {
-                                               point.copy(this.v2).sub(this.v1);
-                                               point.multiplyScalar(t).add(this.v1);
-                                       }
-
-                                       return point;
-                               } // Line curve is linear, so we can overwrite default getPointAt
-
-
-                               getPointAt(u, optionalTarget) {
-                                       return this.getPoint(u, optionalTarget);
-                               }
-
-                               copy(source) {
-                                       super.copy(source);
-                                       this.v1.copy(source.v1);
-                                       this.v2.copy(source.v2);
-                                       return this;
-                               }
-
-                               toJSON() {
-                                       const data = super.toJSON();
-                                       data.v1 = this.v1.toArray();
-                                       data.v2 = this.v2.toArray();
-                                       return data;
-                               }
-
-                               fromJSON(json) {
-                                       super.fromJSON(json);
-                                       this.v1.fromArray(json.v1);
-                                       this.v2.fromArray(json.v2);
-                                       return this;
-                               }
-
-                       }
-
-                       class QuadraticBezierCurve extends Curve {
-                               constructor(v0 = new Vector2(), v1 = new Vector2(), v2 = new Vector2()) {
-                                       super();
-                                       this.type = 'QuadraticBezierCurve';
-                                       this.v0 = v0;
-                                       this.v1 = v1;
-                                       this.v2 = v2;
-                               }
-
-                               getPoint(t, optionalTarget = new Vector2()) {
-                                       const point = optionalTarget;
-                                       const v0 = this.v0,
-                                               v1 = this.v1,
-                                               v2 = this.v2;
-                                       point.set(QuadraticBezier(t, v0.x, v1.x, v2.x), QuadraticBezier(t, v0.y, v1.y, v2.y));
-                                       return point;
-                               }
-
-                               copy(source) {
-                                       super.copy(source);
-                                       this.v0.copy(source.v0);
-                                       this.v1.copy(source.v1);
-                                       this.v2.copy(source.v2);
-                                       return this;
-                               }
-
-                               toJSON() {
-                                       const data = super.toJSON();
-                                       data.v0 = this.v0.toArray();
-                                       data.v1 = this.v1.toArray();
-                                       data.v2 = this.v2.toArray();
-                                       return data;
-                               }
-
-                               fromJSON(json) {
-                                       super.fromJSON(json);
-                                       this.v0.fromArray(json.v0);
-                                       this.v1.fromArray(json.v1);
-                                       this.v2.fromArray(json.v2);
-                                       return this;
-                               }
-
-                       }
-
-                       QuadraticBezierCurve.prototype.isQuadraticBezierCurve = true;
-
-                       class QuadraticBezierCurve3 extends Curve {
-                               constructor(v0 = new Vector3(), v1 = new Vector3(), v2 = new Vector3()) {
-                                       super();
-                                       this.type = 'QuadraticBezierCurve3';
-                                       this.v0 = v0;
-                                       this.v1 = v1;
-                                       this.v2 = v2;
-                               }
-
-                               getPoint(t, optionalTarget = new Vector3()) {
-                                       const point = optionalTarget;
-                                       const v0 = this.v0,
-                                               v1 = this.v1,
-                                               v2 = this.v2;
-                                       point.set(QuadraticBezier(t, v0.x, v1.x, v2.x), QuadraticBezier(t, v0.y, v1.y, v2.y), QuadraticBezier(t, v0.z, v1.z, v2.z));
-                                       return point;
-                               }
-
-                               copy(source) {
-                                       super.copy(source);
-                                       this.v0.copy(source.v0);
-                                       this.v1.copy(source.v1);
-                                       this.v2.copy(source.v2);
-                                       return this;
-                               }
-
-                               toJSON() {
-                                       const data = super.toJSON();
-                                       data.v0 = this.v0.toArray();
-                                       data.v1 = this.v1.toArray();
-                                       data.v2 = this.v2.toArray();
-                                       return data;
-                               }
-
-                               fromJSON(json) {
-                                       super.fromJSON(json);
-                                       this.v0.fromArray(json.v0);
-                                       this.v1.fromArray(json.v1);
-                                       this.v2.fromArray(json.v2);
-                                       return this;
-                               }
-
-                       }
-
-                       QuadraticBezierCurve3.prototype.isQuadraticBezierCurve3 = true;
-
-                       class SplineCurve extends Curve {
-                               constructor(points = []) {
-                                       super();
-                                       this.type = 'SplineCurve';
-                                       this.points = points;
-                               }
-
-                               getPoint(t, optionalTarget = new Vector2()) {
-                                       const point = optionalTarget;
-                                       const points = this.points;
-                                       const p = (points.length - 1) * t;
-                                       const intPoint = Math.floor(p);
-                                       const weight = p - intPoint;
-                                       const p0 = points[intPoint === 0 ? intPoint : intPoint - 1];
-                                       const p1 = points[intPoint];
-                                       const p2 = points[intPoint > points.length - 2 ? points.length - 1 : intPoint + 1];
-                                       const p3 = points[intPoint > points.length - 3 ? points.length - 1 : intPoint + 2];
-                                       point.set(CatmullRom(weight, p0.x, p1.x, p2.x, p3.x), CatmullRom(weight, p0.y, p1.y, p2.y, p3.y));
-                                       return point;
-                               }
-
-                               copy(source) {
-                                       super.copy(source);
-                                       this.points = [];
-
-                                       for (let i = 0, l = source.points.length; i < l; i++) {
-                                               const point = source.points[i];
-                                               this.points.push(point.clone());
-                                       }
-
-                                       return this;
-                               }
-
-                               toJSON() {
-                                       const data = super.toJSON();
-                                       data.points = [];
-
-                                       for (let i = 0, l = this.points.length; i < l; i++) {
-                                               const point = this.points[i];
-                                               data.points.push(point.toArray());
-                                       }
-
-                                       return data;
-                               }
-
-                               fromJSON(json) {
-                                       super.fromJSON(json);
-                                       this.points = [];
-
-                                       for (let i = 0, l = json.points.length; i < l; i++) {
-                                               const point = json.points[i];
-                                               this.points.push(new Vector2().fromArray(point));
-                                       }
-
-                                       return this;
-                               }
-
-                       }
-
-                       SplineCurve.prototype.isSplineCurve = true;
-
-                       var Curves = /*#__PURE__*/Object.freeze({
-                               __proto__: null,
-                               ArcCurve: ArcCurve,
-                               CatmullRomCurve3: CatmullRomCurve3,
-                               CubicBezierCurve: CubicBezierCurve,
-                               CubicBezierCurve3: CubicBezierCurve3,
-                               EllipseCurve: EllipseCurve,
-                               LineCurve: LineCurve,
-                               LineCurve3: LineCurve3,
-                               QuadraticBezierCurve: QuadraticBezierCurve,
-                               QuadraticBezierCurve3: QuadraticBezierCurve3,
-                               SplineCurve: SplineCurve
-                       });
-
-                       /**
-                        * Port from https://github.com/mapbox/earcut (v2.2.2)
-                        */
-                       const Earcut = {
-                               triangulate: function (data, holeIndices, dim = 2) {
-                                       const hasHoles = holeIndices && holeIndices.length;
-                                       const outerLen = hasHoles ? holeIndices[0] * dim : data.length;
-                                       let outerNode = linkedList(data, 0, outerLen, dim, true);
-                                       const triangles = [];
-                                       if (!outerNode || outerNode.next === outerNode.prev) return triangles;
-                                       let minX, minY, maxX, maxY, x, y, invSize;
-                                       if (hasHoles) outerNode = eliminateHoles(data, holeIndices, outerNode, dim); // if the shape is not too simple, we'll use z-order curve hash later; calculate polygon bbox
-
-                                       if (data.length > 80 * dim) {
-                                               minX = maxX = data[0];
-                                               minY = maxY = data[1];
-
-                                               for (let i = dim; i < outerLen; i += dim) {
-                                                       x = data[i];
-                                                       y = data[i + 1];
-                                                       if (x < minX) minX = x;
-                                                       if (y < minY) minY = y;
-                                                       if (x > maxX) maxX = x;
-                                                       if (y > maxY) maxY = y;
-                                               } // minX, minY and invSize are later used to transform coords into integers for z-order calculation
-
-
-                                               invSize = Math.max(maxX - minX, maxY - minY);
-                                               invSize = invSize !== 0 ? 1 / invSize : 0;
-                                       }
-
-                                       earcutLinked(outerNode, triangles, dim, minX, minY, invSize);
-                                       return triangles;
-                               }
-                       }; // create a circular doubly linked list from polygon points in the specified winding order
-
-                       function linkedList(data, start, end, dim, clockwise) {
-                               let i, last;
-
-                               if (clockwise === signedArea(data, start, end, dim) > 0) {
-                                       for (i = start; i < end; i += dim) last = insertNode(i, data[i], data[i + 1], last);
-                               } else {
-                                       for (i = end - dim; i >= start; i -= dim) last = insertNode(i, data[i], data[i + 1], last);
-                               }
-
-                               if (last && equals(last, last.next)) {
-                                       removeNode(last);
-                                       last = last.next;
-                               }
-
-                               return last;
-                       } // eliminate colinear or duplicate points
-
-
-                       function filterPoints(start, end) {
-                               if (!start) return start;
-                               if (!end) end = start;
-                               let p = start,
-                                       again;
-
-                               do {
-                                       again = false;
-
-                                       if (!p.steiner && (equals(p, p.next) || area(p.prev, p, p.next) === 0)) {
-                                               removeNode(p);
-                                               p = end = p.prev;
-                                               if (p === p.next) break;
-                                               again = true;
-                                       } else {
-                                               p = p.next;
-                                       }
-                               } while (again || p !== end);
-
-                               return end;
-                       } // main ear slicing loop which triangulates a polygon (given as a linked list)
-
-
-                       function earcutLinked(ear, triangles, dim, minX, minY, invSize, pass) {
-                               if (!ear) return; // interlink polygon nodes in z-order
-
-                               if (!pass && invSize) indexCurve(ear, minX, minY, invSize);
-                               let stop = ear,
-                                       prev,
-                                       next; // iterate through ears, slicing them one by one
-
-                               while (ear.prev !== ear.next) {
-                                       prev = ear.prev;
-                                       next = ear.next;
-
-                                       if (invSize ? isEarHashed(ear, minX, minY, invSize) : isEar(ear)) {
-                                               // cut off the triangle
-                                               triangles.push(prev.i / dim);
-                                               triangles.push(ear.i / dim);
-                                               triangles.push(next.i / dim);
-                                               removeNode(ear); // skipping the next vertex leads to less sliver triangles
-
-                                               ear = next.next;
-                                               stop = next.next;
-                                               continue;
-                                       }
-
-                                       ear = next; // if we looped through the whole remaining polygon and can't find any more ears
-
-                                       if (ear === stop) {
-                                               // try filtering points and slicing again
-                                               if (!pass) {
-                                                       earcutLinked(filterPoints(ear), triangles, dim, minX, minY, invSize, 1); // if this didn't work, try curing all small self-intersections locally
-                                               } else if (pass === 1) {
-                                                       ear = cureLocalIntersections(filterPoints(ear), triangles, dim);
-                                                       earcutLinked(ear, triangles, dim, minX, minY, invSize, 2); // as a last resort, try splitting the remaining polygon into two
-                                               } else if (pass === 2) {
-                                                       splitEarcut(ear, triangles, dim, minX, minY, invSize);
-                                               }
-
-                                               break;
-                                       }
-                               }
-                       } // check whether a polygon node forms a valid ear with adjacent nodes
-
-
-                       function isEar(ear) {
-                               const a = ear.prev,
-                                       b = ear,
-                                       c = ear.next;
-                               if (area(a, b, c) >= 0) return false; // reflex, can't be an ear
-                               // now make sure we don't have other points inside the potential ear
-
-                               let p = ear.next.next;
-
-                               while (p !== ear.prev) {
-                                       if (pointInTriangle(a.x, a.y, b.x, b.y, c.x, c.y, p.x, p.y) && area(p.prev, p, p.next) >= 0) return false;
-                                       p = p.next;
-                               }
-
-                               return true;
-                       }
-
-                       function isEarHashed(ear, minX, minY, invSize) {
-                               const a = ear.prev,
-                                       b = ear,
-                                       c = ear.next;
-                               if (area(a, b, c) >= 0) return false; // reflex, can't be an ear
-                               // triangle bbox; min & max are calculated like this for speed
-
-                               const minTX = a.x < b.x ? a.x < c.x ? a.x : c.x : b.x < c.x ? b.x : c.x,
-                                       minTY = a.y < b.y ? a.y < c.y ? a.y : c.y : b.y < c.y ? b.y : c.y,
-                                       maxTX = a.x > b.x ? a.x > c.x ? a.x : c.x : b.x > c.x ? b.x : c.x,
-                                       maxTY = a.y > b.y ? a.y > c.y ? a.y : c.y : b.y > c.y ? b.y : c.y; // z-order range for the current triangle bbox;
-
-                               const minZ = zOrder(minTX, minTY, minX, minY, invSize),
-                                       maxZ = zOrder(maxTX, maxTY, minX, minY, invSize);
-                               let p = ear.prevZ,
-                                       n = ear.nextZ; // look for points inside the triangle in both directions
-
-                               while (p && p.z >= minZ && n && n.z <= maxZ) {
-                                       if (p !== ear.prev && p !== ear.next && pointInTriangle(a.x, a.y, b.x, b.y, c.x, c.y, p.x, p.y) && area(p.prev, p, p.next) >= 0) return false;
-                                       p = p.prevZ;
-                                       if (n !== ear.prev && n !== ear.next && pointInTriangle(a.x, a.y, b.x, b.y, c.x, c.y, n.x, n.y) && area(n.prev, n, n.next) >= 0) return false;
-                                       n = n.nextZ;
-                               } // look for remaining points in decreasing z-order
-
-
-                               while (p && p.z >= minZ) {
-                                       if (p !== ear.prev && p !== ear.next && pointInTriangle(a.x, a.y, b.x, b.y, c.x, c.y, p.x, p.y) && area(p.prev, p, p.next) >= 0) return false;
-                                       p = p.prevZ;
-                               } // look for remaining points in increasing z-order
-
-
-                               while (n && n.z <= maxZ) {
-                                       if (n !== ear.prev && n !== ear.next && pointInTriangle(a.x, a.y, b.x, b.y, c.x, c.y, n.x, n.y) && area(n.prev, n, n.next) >= 0) return false;
-                                       n = n.nextZ;
-                               }
-
-                               return true;
-                       } // go through all polygon nodes and cure small local self-intersections
-
-
-                       function cureLocalIntersections(start, triangles, dim) {
-                               let p = start;
-
-                               do {
-                                       const a = p.prev,
-                                               b = p.next.next;
-
-                                       if (!equals(a, b) && intersects(a, p, p.next, b) && locallyInside(a, b) && locallyInside(b, a)) {
-                                               triangles.push(a.i / dim);
-                                               triangles.push(p.i / dim);
-                                               triangles.push(b.i / dim); // remove two nodes involved
-
-                                               removeNode(p);
-                                               removeNode(p.next);
-                                               p = start = b;
-                                       }
-
-                                       p = p.next;
-                               } while (p !== start);
-
-                               return filterPoints(p);
-                       } // try splitting polygon into two and triangulate them independently
-
-
-                       function splitEarcut(start, triangles, dim, minX, minY, invSize) {
-                               // look for a valid diagonal that divides the polygon into two
-                               let a = start;
-
-                               do {
-                                       let b = a.next.next;
-
-                                       while (b !== a.prev) {
-                                               if (a.i !== b.i && isValidDiagonal(a, b)) {
-                                                       // split the polygon in two by the diagonal
-                                                       let c = splitPolygon(a, b); // filter colinear points around the cuts
-
-                                                       a = filterPoints(a, a.next);
-                                                       c = filterPoints(c, c.next); // run earcut on each half
-
-                                                       earcutLinked(a, triangles, dim, minX, minY, invSize);
-                                                       earcutLinked(c, triangles, dim, minX, minY, invSize);
-                                                       return;
-                                               }
-
-                                               b = b.next;
-                                       }
-
-                                       a = a.next;
-                               } while (a !== start);
-                       } // link every hole into the outer loop, producing a single-ring polygon without holes
-
-
-                       function eliminateHoles(data, holeIndices, outerNode, dim) {
-                               const queue = [];
-                               let i, len, start, end, list;
-
-                               for (i = 0, len = holeIndices.length; i < len; i++) {
-                                       start = holeIndices[i] * dim;
-                                       end = i < len - 1 ? holeIndices[i + 1] * dim : data.length;
-                                       list = linkedList(data, start, end, dim, false);
-                                       if (list === list.next) list.steiner = true;
-                                       queue.push(getLeftmost(list));
-                               }
-
-                               queue.sort(compareX); // process holes from left to right
-
-                               for (i = 0; i < queue.length; i++) {
-                                       eliminateHole(queue[i], outerNode);
-                                       outerNode = filterPoints(outerNode, outerNode.next);
-                               }
-
-                               return outerNode;
-                       }
-
-                       function compareX(a, b) {
-                               return a.x - b.x;
-                       } // find a bridge between vertices that connects hole with an outer ring and and link it
-
-
-                       function eliminateHole(hole, outerNode) {
-                               outerNode = findHoleBridge(hole, outerNode);
-
-                               if (outerNode) {
-                                       const b = splitPolygon(outerNode, hole); // filter collinear points around the cuts
-
-                                       filterPoints(outerNode, outerNode.next);
-                                       filterPoints(b, b.next);
-                               }
-                       } // David Eberly's algorithm for finding a bridge between hole and outer polygon
-
-
-                       function findHoleBridge(hole, outerNode) {
-                               let p = outerNode;
-                               const hx = hole.x;
-                               const hy = hole.y;
-                               let qx = -Infinity,
-                                       m; // find a segment intersected by a ray from the hole's leftmost point to the left;
-                               // segment's endpoint with lesser x will be potential connection point
-
-                               do {
-                                       if (hy <= p.y && hy >= p.next.y && p.next.y !== p.y) {
-                                               const x = p.x + (hy - p.y) * (p.next.x - p.x) / (p.next.y - p.y);
-
-                                               if (x <= hx && x > qx) {
-                                                       qx = x;
-
-                                                       if (x === hx) {
-                                                               if (hy === p.y) return p;
-                                                               if (hy === p.next.y) return p.next;
-                                                       }
-
-                                                       m = p.x < p.next.x ? p : p.next;
-                                               }
-                                       }
-
-                                       p = p.next;
-                               } while (p !== outerNode);
-
-                               if (!m) return null;
-                               if (hx === qx) return m; // hole touches outer segment; pick leftmost endpoint
-                               // look for points inside the triangle of hole point, segment intersection and endpoint;
-                               // if there are no points found, we have a valid connection;
-                               // otherwise choose the point of the minimum angle with the ray as connection point
-
-                               const stop = m,
-                                       mx = m.x,
-                                       my = m.y;
-                               let tanMin = Infinity,
-                                       tan;
-                               p = m;
-
-                               do {
-                                       if (hx >= p.x && p.x >= mx && hx !== p.x && pointInTriangle(hy < my ? hx : qx, hy, mx, my, hy < my ? qx : hx, hy, p.x, p.y)) {
-                                               tan = Math.abs(hy - p.y) / (hx - p.x); // tangential
-
-                                               if (locallyInside(p, hole) && (tan < tanMin || tan === tanMin && (p.x > m.x || p.x === m.x && sectorContainsSector(m, p)))) {
-                                                       m = p;
-                                                       tanMin = tan;
-                                               }
-                                       }
-
-                                       p = p.next;
-                               } while (p !== stop);
-
-                               return m;
-                       } // whether sector in vertex m contains sector in vertex p in the same coordinates
-
-
-                       function sectorContainsSector(m, p) {
-                               return area(m.prev, m, p.prev) < 0 && area(p.next, m, m.next) < 0;
-                       } // interlink polygon nodes in z-order
-
-
-                       function indexCurve(start, minX, minY, invSize) {
-                               let p = start;
-
-                               do {
-                                       if (p.z === null) p.z = zOrder(p.x, p.y, minX, minY, invSize);
-                                       p.prevZ = p.prev;
-                                       p.nextZ = p.next;
-                                       p = p.next;
-                               } while (p !== start);
-
-                               p.prevZ.nextZ = null;
-                               p.prevZ = null;
-                               sortLinked(p);
-                       } // Simon Tatham's linked list merge sort algorithm
-                       // http://www.chiark.greenend.org.uk/~sgtatham/algorithms/listsort.html
-
-
-                       function sortLinked(list) {
-                               let i,
-                                       p,
-                                       q,
-                                       e,
-                                       tail,
-                                       numMerges,
-                                       pSize,
-                                       qSize,
-                                       inSize = 1;
-
-                               do {
-                                       p = list;
-                                       list = null;
-                                       tail = null;
-                                       numMerges = 0;
-
-                                       while (p) {
-                                               numMerges++;
-                                               q = p;
-                                               pSize = 0;
-
-                                               for (i = 0; i < inSize; i++) {
-                                                       pSize++;
-                                                       q = q.nextZ;
-                                                       if (!q) break;
-                                               }
-
-                                               qSize = inSize;
-
-                                               while (pSize > 0 || qSize > 0 && q) {
-                                                       if (pSize !== 0 && (qSize === 0 || !q || p.z <= q.z)) {
-                                                               e = p;
-                                                               p = p.nextZ;
-                                                               pSize--;
-                                                       } else {
-                                                               e = q;
-                                                               q = q.nextZ;
-                                                               qSize--;
-                                                       }
-
-                                                       if (tail) tail.nextZ = e; else list = e;
-                                                       e.prevZ = tail;
-                                                       tail = e;
-                                               }
-
-                                               p = q;
-                                       }
-
-                                       tail.nextZ = null;
-                                       inSize *= 2;
-                               } while (numMerges > 1);
-
-                               return list;
-                       } // z-order of a point given coords and inverse of the longer side of data bbox
-
-
-                       function zOrder(x, y, minX, minY, invSize) {
-                               // coords are transformed into non-negative 15-bit integer range
-                               x = 32767 * (x - minX) * invSize;
-                               y = 32767 * (y - minY) * invSize;
-                               x = (x | x << 8) & 0x00FF00FF;
-                               x = (x | x << 4) & 0x0F0F0F0F;
-                               x = (x | x << 2) & 0x33333333;
-                               x = (x | x << 1) & 0x55555555;
-                               y = (y | y << 8) & 0x00FF00FF;
-                               y = (y | y << 4) & 0x0F0F0F0F;
-                               y = (y | y << 2) & 0x33333333;
-                               y = (y | y << 1) & 0x55555555;
-                               return x | y << 1;
-                       } // find the leftmost node of a polygon ring
-
-
-                       function getLeftmost(start) {
-                               let p = start,
-                                       leftmost = start;
-
-                               do {
-                                       if (p.x < leftmost.x || p.x === leftmost.x && p.y < leftmost.y) leftmost = p;
-                                       p = p.next;
-                               } while (p !== start);
-
-                               return leftmost;
-                       } // check if a point lies within a convex triangle
-
-
-                       function pointInTriangle(ax, ay, bx, by, cx, cy, px, py) {
-                               return (cx - px) * (ay - py) - (ax - px) * (cy - py) >= 0 && (ax - px) * (by - py) - (bx - px) * (ay - py) >= 0 && (bx - px) * (cy - py) - (cx - px) * (by - py) >= 0;
-                       } // check if a diagonal between two polygon nodes is valid (lies in polygon interior)
-
-
-                       function isValidDiagonal(a, b) {
-                               return a.next.i !== b.i && a.prev.i !== b.i && !intersectsPolygon(a, b) && (locallyInside(a, b) && locallyInside(b, a) && middleInside(a, b) && (area(a.prev, a, b.prev) || area(a, b.prev, b)) || // does not create opposite-facing sectors
-                                       equals(a, b) && area(a.prev, a, a.next) > 0 && area(b.prev, b, b.next) > 0); // special zero-length case
-                       } // signed area of a triangle
-
-
-                       function area(p, q, r) {
-                               return (q.y - p.y) * (r.x - q.x) - (q.x - p.x) * (r.y - q.y);
-                       } // check if two points are equal
-
-
-                       function equals(p1, p2) {
-                               return p1.x === p2.x && p1.y === p2.y;
-                       } // check if two segments intersect
-
-
-                       function intersects(p1, q1, p2, q2) {
-                               const o1 = sign(area(p1, q1, p2));
-                               const o2 = sign(area(p1, q1, q2));
-                               const o3 = sign(area(p2, q2, p1));
-                               const o4 = sign(area(p2, q2, q1));
-                               if (o1 !== o2 && o3 !== o4) return true; // general case
-
-                               if (o1 === 0 && onSegment(p1, p2, q1)) return true; // p1, q1 and p2 are collinear and p2 lies on p1q1
-
-                               if (o2 === 0 && onSegment(p1, q2, q1)) return true; // p1, q1 and q2 are collinear and q2 lies on p1q1
-
-                               if (o3 === 0 && onSegment(p2, p1, q2)) return true; // p2, q2 and p1 are collinear and p1 lies on p2q2
-
-                               if (o4 === 0 && onSegment(p2, q1, q2)) return true; // p2, q2 and q1 are collinear and q1 lies on p2q2
-
-                               return false;
-                       } // for collinear points p, q, r, check if point q lies on segment pr
-
-
-                       function onSegment(p, q, r) {
-                               return q.x <= Math.max(p.x, r.x) && q.x >= Math.min(p.x, r.x) && q.y <= Math.max(p.y, r.y) && q.y >= Math.min(p.y, r.y);
-                       }
-
-                       function sign(num) {
-                               return num > 0 ? 1 : num < 0 ? -1 : 0;
-                       } // check if a polygon diagonal intersects any polygon segments
-
-
-                       function intersectsPolygon(a, b) {
-                               let p = a;
-
-                               do {
-                                       if (p.i !== a.i && p.next.i !== a.i && p.i !== b.i && p.next.i !== b.i && intersects(p, p.next, a, b)) return true;
-                                       p = p.next;
-                               } while (p !== a);
-
-                               return false;
-                       } // check if a polygon diagonal is locally inside the polygon
-
-
-                       function locallyInside(a, b) {
-                               return area(a.prev, a, a.next) < 0 ? area(a, b, a.next) >= 0 && area(a, a.prev, b) >= 0 : area(a, b, a.prev) < 0 || area(a, a.next, b) < 0;
-                       } // check if the middle point of a polygon diagonal is inside the polygon
-
-
-                       function middleInside(a, b) {
-                               let p = a,
-                                       inside = false;
-                               const px = (a.x + b.x) / 2,
-                                       py = (a.y + b.y) / 2;
-
-                               do {
-                                       if (p.y > py !== p.next.y > py && p.next.y !== p.y && px < (p.next.x - p.x) * (py - p.y) / (p.next.y - p.y) + p.x) inside = !inside;
-                                       p = p.next;
-                               } while (p !== a);
-
-                               return inside;
-                       } // link two polygon vertices with a bridge; if the vertices belong to the same ring, it splits polygon into two;
-                       // if one belongs to the outer ring and another to a hole, it merges it into a single ring
-
-
-                       function splitPolygon(a, b) {
-                               const a2 = new Node(a.i, a.x, a.y),
-                                       b2 = new Node(b.i, b.x, b.y),
-                                       an = a.next,
-                                       bp = b.prev;
-                               a.next = b;
-                               b.prev = a;
-                               a2.next = an;
-                               an.prev = a2;
-                               b2.next = a2;
-                               a2.prev = b2;
-                               bp.next = b2;
-                               b2.prev = bp;
-                               return b2;
-                       } // create a node and optionally link it with previous one (in a circular doubly linked list)
-
-
-                       function insertNode(i, x, y, last) {
-                               const p = new Node(i, x, y);
-
-                               if (!last) {
-                                       p.prev = p;
-                                       p.next = p;
-                               } else {
-                                       p.next = last.next;
-                                       p.prev = last;
-                                       last.next.prev = p;
-                                       last.next = p;
-                               }
-
-                               return p;
-                       }
-
-                       function removeNode(p) {
-                               p.next.prev = p.prev;
-                               p.prev.next = p.next;
-                               if (p.prevZ) p.prevZ.nextZ = p.nextZ;
-                               if (p.nextZ) p.nextZ.prevZ = p.prevZ;
-                       }
-
-                       function Node(i, x, y) {
-                               // vertex index in coordinates array
-                               this.i = i; // vertex coordinates
-
-                               this.x = x;
-                               this.y = y; // previous and next vertex nodes in a polygon ring
-
-                               this.prev = null;
-                               this.next = null; // z-order curve value
-
-                               this.z = null; // previous and next nodes in z-order
-
-                               this.prevZ = null;
-                               this.nextZ = null; // indicates whether this is a steiner point
-
-                               this.steiner = false;
-                       }
-
-                       function signedArea(data, start, end, dim) {
-                               let sum = 0;
-
-                               for (let i = start, j = end - dim; i < end; i += dim) {
-                                       sum += (data[j] - data[i]) * (data[i + 1] + data[j + 1]);
-                                       j = i;
-                               }
-
-                               return sum;
-                       }
-
-                       class ShapeUtils {
-                               // calculate area of the contour polygon
-                               static area(contour) {
-                                       const n = contour.length;
-                                       let a = 0.0;
-
-                                       for (let p = n - 1, q = 0; q < n; p = q++) {
-                                               a += contour[p].x * contour[q].y - contour[q].x * contour[p].y;
-                                       }
-
-                                       return a * 0.5;
-                               }
-
-                               static isClockWise(pts) {
-                                       return ShapeUtils.area(pts) < 0;
-                               }
-
-                               static triangulateShape(contour, holes) {
-                                       const vertices = []; // flat array of vertices like [ x0,y0, x1,y1, x2,y2, ... ]
-
-                                       const holeIndices = []; // array of hole indices
-
-                                       const faces = []; // final array of vertex indices like [ [ a,b,d ], [ b,c,d ] ]
-
-                                       removeDupEndPts(contour);
-                                       addContour(vertices, contour); //
-
-                                       let holeIndex = contour.length;
-                                       holes.forEach(removeDupEndPts);
-
-                                       for (let i = 0; i < holes.length; i++) {
-                                               holeIndices.push(holeIndex);
-                                               holeIndex += holes[i].length;
-                                               addContour(vertices, holes[i]);
-                                       } //
-
-
-                                       const triangles = Earcut.triangulate(vertices, holeIndices); //
-
-                                       for (let i = 0; i < triangles.length; i += 3) {
-                                               faces.push(triangles.slice(i, i + 3));
-                                       }
-
-                                       return faces;
-                               }
-
-                       }
-
-                       function removeDupEndPts(points) {
-                               const l = points.length;
-
-                               if (l > 2 && points[l - 1].equals(points[0])) {
-                                       points.pop();
-                               }
-                       }
-
-                       function addContour(vertices, contour) {
-                               for (let i = 0; i < contour.length; i++) {
-                                       vertices.push(contour[i].x);
-                                       vertices.push(contour[i].y);
-                               }
-                       }
-
-                       /**
-                        * Creates extruded geometry from a path shape.
-                        *
-                        * parameters = {
-                        *
-                        *      curveSegments: <int>, // number of points on the curves
-                        *      steps: <int>, // number of points for z-side extrusions / used for subdividing segments of extrude spline too
-                        *      depth: <float>, // Depth to extrude the shape
-                        *
-                        *      bevelEnabled: <bool>, // turn on bevel
-                        *      bevelThickness: <float>, // how deep into the original shape bevel goes
-                        *      bevelSize: <float>, // how far from shape outline (including bevelOffset) is bevel
-                        *      bevelOffset: <float>, // how far from shape outline does bevel start
-                        *      bevelSegments: <int>, // number of bevel layers
-                        *
-                        *      extrudePath: <THREE.Curve> // curve to extrude shape along
-                        *
-                        *      UVGenerator: <Object> // object that provides UV generator functions
-                        *
-                        * }
-                        */
-
-                       class ExtrudeGeometry extends BufferGeometry {
-                               constructor(shapes, options) {
-                                       super();
-                                       this.type = 'ExtrudeGeometry';
-                                       this.parameters = {
-                                               shapes: shapes,
-                                               options: options
-                                       };
-                                       shapes = Array.isArray(shapes) ? shapes : [shapes];
-                                       const scope = this;
-                                       const verticesArray = [];
-                                       const uvArray = [];
-
-                                       for (let i = 0, l = shapes.length; i < l; i++) {
-                                               const shape = shapes[i];
-                                               addShape(shape);
-                                       } // build geometry
-
-
-                                       this.setAttribute('position', new Float32BufferAttribute(verticesArray, 3));
-                                       this.setAttribute('uv', new Float32BufferAttribute(uvArray, 2));
-                                       this.computeVertexNormals(); // functions
-
-                                       function addShape(shape) {
-                                               const placeholder = []; // options
-
-                                               const curveSegments = options.curveSegments !== undefined ? options.curveSegments : 12;
-                                               const steps = options.steps !== undefined ? options.steps : 1;
-                                               let depth = options.depth !== undefined ? options.depth : 100;
-                                               let bevelEnabled = options.bevelEnabled !== undefined ? options.bevelEnabled : true;
-                                               let bevelThickness = options.bevelThickness !== undefined ? options.bevelThickness : 6;
-                                               let bevelSize = options.bevelSize !== undefined ? options.bevelSize : bevelThickness - 2;
-                                               let bevelOffset = options.bevelOffset !== undefined ? options.bevelOffset : 0;
-                                               let bevelSegments = options.bevelSegments !== undefined ? options.bevelSegments : 3;
-                                               const extrudePath = options.extrudePath;
-                                               const uvgen = options.UVGenerator !== undefined ? options.UVGenerator : WorldUVGenerator; // deprecated options
-
-                                               if (options.amount !== undefined) {
-                                                       console.warn('THREE.ExtrudeBufferGeometry: amount has been renamed to depth.');
-                                                       depth = options.amount;
-                                               } //
-
-
-                                               let extrudePts,
-                                                       extrudeByPath = false;
-                                               let splineTube, binormal, normal, position2;
-
-                                               if (extrudePath) {
-                                                       extrudePts = extrudePath.getSpacedPoints(steps);
-                                                       extrudeByPath = true;
-                                                       bevelEnabled = false; // bevels not supported for path extrusion
-                                                       // SETUP TNB variables
-                                                       // TODO1 - have a .isClosed in spline?
-
-                                                       splineTube = extrudePath.computeFrenetFrames(steps, false); // console.log(splineTube, 'splineTube', splineTube.normals.length, 'steps', steps, 'extrudePts', extrudePts.length);
-
-                                                       binormal = new Vector3();
-                                                       normal = new Vector3();
-                                                       position2 = new Vector3();
-                                               } // Safeguards if bevels are not enabled
-
-
-                                               if (!bevelEnabled) {
-                                                       bevelSegments = 0;
-                                                       bevelThickness = 0;
-                                                       bevelSize = 0;
-                                                       bevelOffset = 0;
-                                               } // Variables initialization
-
-
-                                               const shapePoints = shape.extractPoints(curveSegments);
-                                               let vertices = shapePoints.shape;
-                                               const holes = shapePoints.holes;
-                                               const reverse = !ShapeUtils.isClockWise(vertices);
-
-                                               if (reverse) {
-                                                       vertices = vertices.reverse(); // Maybe we should also check if holes are in the opposite direction, just to be safe ...
-
-                                                       for (let h = 0, hl = holes.length; h < hl; h++) {
-                                                               const ahole = holes[h];
-
-                                                               if (ShapeUtils.isClockWise(ahole)) {
-                                                                       holes[h] = ahole.reverse();
-                                                               }
-                                                       }
-                                               }
-
-                                               const faces = ShapeUtils.triangulateShape(vertices, holes);
-                                               /* Vertices */
-
-                                               const contour = vertices; // vertices has all points but contour has only points of circumference
-
-                                               for (let h = 0, hl = holes.length; h < hl; h++) {
-                                                       const ahole = holes[h];
-                                                       vertices = vertices.concat(ahole);
-                                               }
-
-                                               function scalePt2(pt, vec, size) {
-                                                       if (!vec) console.error('THREE.ExtrudeGeometry: vec does not exist');
-                                                       return vec.clone().multiplyScalar(size).add(pt);
-                                               }
-
-                                               const vlen = vertices.length,
-                                                       flen = faces.length; // Find directions for point movement
-
-                                               function getBevelVec(inPt, inPrev, inNext) {
-                                                       // computes for inPt the corresponding point inPt' on a new contour
-                                                       //       shifted by 1 unit (length of normalized vector) to the left
-                                                       // if we walk along contour clockwise, this new contour is outside the old one
-                                                       //
-                                                       // inPt' is the intersection of the two lines parallel to the two
-                                                       //      adjacent edges of inPt at a distance of 1 unit on the left side.
-                                                       let v_trans_x, v_trans_y, shrink_by; // resulting translation vector for inPt
-                                                       // good reading for geometry algorithms (here: line-line intersection)
-                                                       // http://geomalgorithms.com/a05-_intersect-1.html
-
-                                                       const v_prev_x = inPt.x - inPrev.x,
-                                                               v_prev_y = inPt.y - inPrev.y;
-                                                       const v_next_x = inNext.x - inPt.x,
-                                                               v_next_y = inNext.y - inPt.y;
-                                                       const v_prev_lensq = v_prev_x * v_prev_x + v_prev_y * v_prev_y; // check for collinear edges
-
-                                                       const collinear0 = v_prev_x * v_next_y - v_prev_y * v_next_x;
-
-                                                       if (Math.abs(collinear0) > Number.EPSILON) {
-                                                               // not collinear
-                                                               // length of vectors for normalizing
-                                                               const v_prev_len = Math.sqrt(v_prev_lensq);
-                                                               const v_next_len = Math.sqrt(v_next_x * v_next_x + v_next_y * v_next_y); // shift adjacent points by unit vectors to the left
-
-                                                               const ptPrevShift_x = inPrev.x - v_prev_y / v_prev_len;
-                                                               const ptPrevShift_y = inPrev.y + v_prev_x / v_prev_len;
-                                                               const ptNextShift_x = inNext.x - v_next_y / v_next_len;
-                                                               const ptNextShift_y = inNext.y + v_next_x / v_next_len; // scaling factor for v_prev to intersection point
-
-                                                               const sf = ((ptNextShift_x - ptPrevShift_x) * v_next_y - (ptNextShift_y - ptPrevShift_y) * v_next_x) / (v_prev_x * v_next_y - v_prev_y * v_next_x); // vector from inPt to intersection point
-
-                                                               v_trans_x = ptPrevShift_x + v_prev_x * sf - inPt.x;
-                                                               v_trans_y = ptPrevShift_y + v_prev_y * sf - inPt.y; // Don't normalize!, otherwise sharp corners become ugly
-                                                               //      but prevent crazy spikes
-
-                                                               const v_trans_lensq = v_trans_x * v_trans_x + v_trans_y * v_trans_y;
-
-                                                               if (v_trans_lensq <= 2) {
-                                                                       return new Vector2(v_trans_x, v_trans_y);
-                                                               } else {
-                                                                       shrink_by = Math.sqrt(v_trans_lensq / 2);
-                                                               }
-                                                       } else {
-                                                               // handle special case of collinear edges
-                                                               let direction_eq = false; // assumes: opposite
-
-                                                               if (v_prev_x > Number.EPSILON) {
-                                                                       if (v_next_x > Number.EPSILON) {
-                                                                               direction_eq = true;
-                                                                       }
-                                                               } else {
-                                                                       if (v_prev_x < -Number.EPSILON) {
-                                                                               if (v_next_x < -Number.EPSILON) {
-                                                                                       direction_eq = true;
-                                                                               }
-                                                                       } else {
-                                                                               if (Math.sign(v_prev_y) === Math.sign(v_next_y)) {
-                                                                                       direction_eq = true;
-                                                                               }
-                                                                       }
-                                                               }
-
-                                                               if (direction_eq) {
-                                                                       // console.log("Warning: lines are a straight sequence");
-                                                                       v_trans_x = -v_prev_y;
-                                                                       v_trans_y = v_prev_x;
-                                                                       shrink_by = Math.sqrt(v_prev_lensq);
-                                                               } else {
-                                                                       // console.log("Warning: lines are a straight spike");
-                                                                       v_trans_x = v_prev_x;
-                                                                       v_trans_y = v_prev_y;
-                                                                       shrink_by = Math.sqrt(v_prev_lensq / 2);
-                                                               }
-                                                       }
-
-                                                       return new Vector2(v_trans_x / shrink_by, v_trans_y / shrink_by);
-                                               }
-
-                                               const contourMovements = [];
-
-                                               for (let i = 0, il = contour.length, j = il - 1, k = i + 1; i < il; i++, j++, k++) {
-                                                       if (j === il) j = 0;
-                                                       if (k === il) k = 0; // (j)---(i)---(k)
-                                                       // console.log('i,j,k', i, j , k)
-
-                                                       contourMovements[i] = getBevelVec(contour[i], contour[j], contour[k]);
-                                               }
-
-                                               const holesMovements = [];
-                                               let oneHoleMovements,
-                                                       verticesMovements = contourMovements.concat();
-
-                                               for (let h = 0, hl = holes.length; h < hl; h++) {
-                                                       const ahole = holes[h];
-                                                       oneHoleMovements = [];
-
-                                                       for (let i = 0, il = ahole.length, j = il - 1, k = i + 1; i < il; i++, j++, k++) {
-                                                               if (j === il) j = 0;
-                                                               if (k === il) k = 0; // (j)---(i)---(k)
-
-                                                               oneHoleMovements[i] = getBevelVec(ahole[i], ahole[j], ahole[k]);
-                                                       }
-
-                                                       holesMovements.push(oneHoleMovements);
-                                                       verticesMovements = verticesMovements.concat(oneHoleMovements);
-                                               } // Loop bevelSegments, 1 for the front, 1 for the back
-
-
-                                               for (let b = 0; b < bevelSegments; b++) {
-                                                       //for ( b = bevelSegments; b > 0; b -- ) {
-                                                       const t = b / bevelSegments;
-                                                       const z = bevelThickness * Math.cos(t * Math.PI / 2);
-                                                       const bs = bevelSize * Math.sin(t * Math.PI / 2) + bevelOffset; // contract shape
-
-                                                       for (let i = 0, il = contour.length; i < il; i++) {
-                                                               const vert = scalePt2(contour[i], contourMovements[i], bs);
-                                                               v(vert.x, vert.y, -z);
-                                                       } // expand holes
-
-
-                                                       for (let h = 0, hl = holes.length; h < hl; h++) {
-                                                               const ahole = holes[h];
-                                                               oneHoleMovements = holesMovements[h];
-
-                                                               for (let i = 0, il = ahole.length; i < il; i++) {
-                                                                       const vert = scalePt2(ahole[i], oneHoleMovements[i], bs);
-                                                                       v(vert.x, vert.y, -z);
-                                                               }
-                                                       }
-                                               }
-
-                                               const bs = bevelSize + bevelOffset; // Back facing vertices
-
-                                               for (let i = 0; i < vlen; i++) {
-                                                       const vert = bevelEnabled ? scalePt2(vertices[i], verticesMovements[i], bs) : vertices[i];
-
-                                                       if (!extrudeByPath) {
-                                                               v(vert.x, vert.y, 0);
-                                                       } else {
-                                                               // v( vert.x, vert.y + extrudePts[ 0 ].y, extrudePts[ 0 ].x );
-                                                               normal.copy(splineTube.normals[0]).multiplyScalar(vert.x);
-                                                               binormal.copy(splineTube.binormals[0]).multiplyScalar(vert.y);
-                                                               position2.copy(extrudePts[0]).add(normal).add(binormal);
-                                                               v(position2.x, position2.y, position2.z);
-                                                       }
-                                               } // Add stepped vertices...
-                                               // Including front facing vertices
-
-
-                                               for (let s = 1; s <= steps; s++) {
-                                                       for (let i = 0; i < vlen; i++) {
-                                                               const vert = bevelEnabled ? scalePt2(vertices[i], verticesMovements[i], bs) : vertices[i];
-
-                                                               if (!extrudeByPath) {
-                                                                       v(vert.x, vert.y, depth / steps * s);
-                                                               } else {
-                                                                       // v( vert.x, vert.y + extrudePts[ s - 1 ].y, extrudePts[ s - 1 ].x );
-                                                                       normal.copy(splineTube.normals[s]).multiplyScalar(vert.x);
-                                                                       binormal.copy(splineTube.binormals[s]).multiplyScalar(vert.y);
-                                                                       position2.copy(extrudePts[s]).add(normal).add(binormal);
-                                                                       v(position2.x, position2.y, position2.z);
-                                                               }
-                                                       }
-                                               } // Add bevel segments planes
-                                               //for ( b = 1; b <= bevelSegments; b ++ ) {
-
-
-                                               for (let b = bevelSegments - 1; b >= 0; b--) {
-                                                       const t = b / bevelSegments;
-                                                       const z = bevelThickness * Math.cos(t * Math.PI / 2);
-                                                       const bs = bevelSize * Math.sin(t * Math.PI / 2) + bevelOffset; // contract shape
-
-                                                       for (let i = 0, il = contour.length; i < il; i++) {
-                                                               const vert = scalePt2(contour[i], contourMovements[i], bs);
-                                                               v(vert.x, vert.y, depth + z);
-                                                       } // expand holes
-
-
-                                                       for (let h = 0, hl = holes.length; h < hl; h++) {
-                                                               const ahole = holes[h];
-                                                               oneHoleMovements = holesMovements[h];
-
-                                                               for (let i = 0, il = ahole.length; i < il; i++) {
-                                                                       const vert = scalePt2(ahole[i], oneHoleMovements[i], bs);
-
-                                                                       if (!extrudeByPath) {
-                                                                               v(vert.x, vert.y, depth + z);
-                                                                       } else {
-                                                                               v(vert.x, vert.y + extrudePts[steps - 1].y, extrudePts[steps - 1].x + z);
-                                                                       }
-                                                               }
-                                                       }
-                                               }
-                                               /* Faces */
-                                               // Top and bottom faces
-
-
-                                               buildLidFaces(); // Sides faces
-
-                                               buildSideFaces(); ///// Internal functions
-
-                                               function buildLidFaces() {
-                                                       const start = verticesArray.length / 3;
-
-                                                       if (bevelEnabled) {
-                                                               let layer = 0; // steps + 1
-
-                                                               let offset = vlen * layer; // Bottom faces
-
-                                                               for (let i = 0; i < flen; i++) {
-                                                                       const face = faces[i];
-                                                                       f3(face[2] + offset, face[1] + offset, face[0] + offset);
-                                                               }
-
-                                                               layer = steps + bevelSegments * 2;
-                                                               offset = vlen * layer; // Top faces
-
-                                                               for (let i = 0; i < flen; i++) {
-                                                                       const face = faces[i];
-                                                                       f3(face[0] + offset, face[1] + offset, face[2] + offset);
-                                                               }
-                                                       } else {
-                                                               // Bottom faces
-                                                               for (let i = 0; i < flen; i++) {
-                                                                       const face = faces[i];
-                                                                       f3(face[2], face[1], face[0]);
-                                                               } // Top faces
-
-
-                                                               for (let i = 0; i < flen; i++) {
-                                                                       const face = faces[i];
-                                                                       f3(face[0] + vlen * steps, face[1] + vlen * steps, face[2] + vlen * steps);
-                                                               }
-                                                       }
-
-                                                       scope.addGroup(start, verticesArray.length / 3 - start, 0);
-                                               } // Create faces for the z-sides of the shape
-
-
-                                               function buildSideFaces() {
-                                                       const start = verticesArray.length / 3;
-                                                       let layeroffset = 0;
-                                                       sidewalls(contour, layeroffset);
-                                                       layeroffset += contour.length;
-
-                                                       for (let h = 0, hl = holes.length; h < hl; h++) {
-                                                               const ahole = holes[h];
-                                                               sidewalls(ahole, layeroffset); //, true
-
-                                                               layeroffset += ahole.length;
-                                                       }
-
-                                                       scope.addGroup(start, verticesArray.length / 3 - start, 1);
-                                               }
-
-                                               function sidewalls(contour, layeroffset) {
-                                                       let i = contour.length;
-
-                                                       while (--i >= 0) {
-                                                               const j = i;
-                                                               let k = i - 1;
-                                                               if (k < 0) k = contour.length - 1; //console.log('b', i,j, i-1, k,vertices.length);
-
-                                                               for (let s = 0, sl = steps + bevelSegments * 2; s < sl; s++) {
-                                                                       const slen1 = vlen * s;
-                                                                       const slen2 = vlen * (s + 1);
-                                                                       const a = layeroffset + j + slen1,
-                                                                               b = layeroffset + k + slen1,
-                                                                               c = layeroffset + k + slen2,
-                                                                               d = layeroffset + j + slen2;
-                                                                       f4(a, b, c, d);
-                                                               }
-                                                       }
-                                               }
-
-                                               function v(x, y, z) {
-                                                       placeholder.push(x);
-                                                       placeholder.push(y);
-                                                       placeholder.push(z);
-                                               }
-
-                                               function f3(a, b, c) {
-                                                       addVertex(a);
-                                                       addVertex(b);
-                                                       addVertex(c);
-                                                       const nextIndex = verticesArray.length / 3;
-                                                       const uvs = uvgen.generateTopUV(scope, verticesArray, nextIndex - 3, nextIndex - 2, nextIndex - 1);
-                                                       addUV(uvs[0]);
-                                                       addUV(uvs[1]);
-                                                       addUV(uvs[2]);
-                                               }
-
-                                               function f4(a, b, c, d) {
-                                                       addVertex(a);
-                                                       addVertex(b);
-                                                       addVertex(d);
-                                                       addVertex(b);
-                                                       addVertex(c);
-                                                       addVertex(d);
-                                                       const nextIndex = verticesArray.length / 3;
-                                                       const uvs = uvgen.generateSideWallUV(scope, verticesArray, nextIndex - 6, nextIndex - 3, nextIndex - 2, nextIndex - 1);
-                                                       addUV(uvs[0]);
-                                                       addUV(uvs[1]);
-                                                       addUV(uvs[3]);
-                                                       addUV(uvs[1]);
-                                                       addUV(uvs[2]);
-                                                       addUV(uvs[3]);
-                                               }
-
-                                               function addVertex(index) {
-                                                       verticesArray.push(placeholder[index * 3 + 0]);
-                                                       verticesArray.push(placeholder[index * 3 + 1]);
-                                                       verticesArray.push(placeholder[index * 3 + 2]);
-                                               }
-
-                                               function addUV(vector2) {
-                                                       uvArray.push(vector2.x);
-                                                       uvArray.push(vector2.y);
-                                               }
-                                       }
-                               }
-
-                               toJSON() {
-                                       const data = super.toJSON();
-                                       const shapes = this.parameters.shapes;
-                                       const options = this.parameters.options;
-                                       return toJSON$1(shapes, options, data);
-                               }
-
-                               static fromJSON(data, shapes) {
-                                       const geometryShapes = [];
-
-                                       for (let j = 0, jl = data.shapes.length; j < jl; j++) {
-                                               const shape = shapes[data.shapes[j]];
-                                               geometryShapes.push(shape);
-                                       }
-
-                                       const extrudePath = data.options.extrudePath;
-
-                                       if (extrudePath !== undefined) {
-                                               data.options.extrudePath = new Curves[extrudePath.type]().fromJSON(extrudePath);
-                                       }
-
-                                       return new ExtrudeGeometry(geometryShapes, data.options);
-                               }
-
-                       }
-
-                       const WorldUVGenerator = {
-                               generateTopUV: function (geometry, vertices, indexA, indexB, indexC) {
-                                       const a_x = vertices[indexA * 3];
-                                       const a_y = vertices[indexA * 3 + 1];
-                                       const b_x = vertices[indexB * 3];
-                                       const b_y = vertices[indexB * 3 + 1];
-                                       const c_x = vertices[indexC * 3];
-                                       const c_y = vertices[indexC * 3 + 1];
-                                       return [new Vector2(a_x, a_y), new Vector2(b_x, b_y), new Vector2(c_x, c_y)];
-                               },
-                               generateSideWallUV: function (geometry, vertices, indexA, indexB, indexC, indexD) {
-                                       const a_x = vertices[indexA * 3];
-                                       const a_y = vertices[indexA * 3 + 1];
-                                       const a_z = vertices[indexA * 3 + 2];
-                                       const b_x = vertices[indexB * 3];
-                                       const b_y = vertices[indexB * 3 + 1];
-                                       const b_z = vertices[indexB * 3 + 2];
-                                       const c_x = vertices[indexC * 3];
-                                       const c_y = vertices[indexC * 3 + 1];
-                                       const c_z = vertices[indexC * 3 + 2];
-                                       const d_x = vertices[indexD * 3];
-                                       const d_y = vertices[indexD * 3 + 1];
-                                       const d_z = vertices[indexD * 3 + 2];
-
-                                       if (Math.abs(a_y - b_y) < Math.abs(a_x - b_x)) {
-                                               return [new Vector2(a_x, 1 - a_z), new Vector2(b_x, 1 - b_z), new Vector2(c_x, 1 - c_z), new Vector2(d_x, 1 - d_z)];
-                                       } else {
-                                               return [new Vector2(a_y, 1 - a_z), new Vector2(b_y, 1 - b_z), new Vector2(c_y, 1 - c_z), new Vector2(d_y, 1 - d_z)];
-                                       }
-                               }
-                       };
-
-                       function toJSON$1(shapes, options, data) {
-                               data.shapes = [];
-
-                               if (Array.isArray(shapes)) {
-                                       for (let i = 0, l = shapes.length; i < l; i++) {
-                                               const shape = shapes[i];
-                                               data.shapes.push(shape.uuid);
-                                       }
-                               } else {
-                                       data.shapes.push(shapes.uuid);
-                               }
-
-                               if (options.extrudePath !== undefined) data.options.extrudePath = options.extrudePath.toJSON();
-                               return data;
-                       }
-
-                       class IcosahedronGeometry extends PolyhedronGeometry {
-                               constructor(radius = 1, detail = 0) {
-                                       const t = (1 + Math.sqrt(5)) / 2;
-                                       const vertices = [-1, t, 0, 1, t, 0, -1, -t, 0, 1, -t, 0, 0, -1, t, 0, 1, t, 0, -1, -t, 0, 1, -t, t, 0, -1, t, 0, 1, -t, 0, -1, -t, 0, 1];
-                                       const indices = [0, 11, 5, 0, 5, 1, 0, 1, 7, 0, 7, 10, 0, 10, 11, 1, 5, 9, 5, 11, 4, 11, 10, 2, 10, 7, 6, 7, 1, 8, 3, 9, 4, 3, 4, 2, 3, 2, 6, 3, 6, 8, 3, 8, 9, 4, 9, 5, 2, 4, 11, 6, 2, 10, 8, 6, 7, 9, 8, 1];
-                                       super(vertices, indices, radius, detail);
-                                       this.type = 'IcosahedronGeometry';
-                                       this.parameters = {
-                                               radius: radius,
-                                               detail: detail
-                                       };
-                               }
-
-                               static fromJSON(data) {
-                                       return new IcosahedronGeometry(data.radius, data.detail);
-                               }
-
-                       }
-
-                       class LatheGeometry extends BufferGeometry {
-                               constructor(points, segments = 12, phiStart = 0, phiLength = Math.PI * 2) {
-                                       super();
-                                       this.type = 'LatheGeometry';
-                                       this.parameters = {
-                                               points: points,
-                                               segments: segments,
-                                               phiStart: phiStart,
-                                               phiLength: phiLength
-                                       };
-                                       segments = Math.floor(segments); // clamp phiLength so it's in range of [ 0, 2PI ]
-
-                                       phiLength = clamp(phiLength, 0, Math.PI * 2); // buffers
-
-                                       const indices = [];
-                                       const vertices = [];
-                                       const uvs = []; // helper variables
-
-                                       const inverseSegments = 1.0 / segments;
-                                       const vertex = new Vector3();
-                                       const uv = new Vector2(); // generate vertices and uvs
-
-                                       for (let i = 0; i <= segments; i++) {
-                                               const phi = phiStart + i * inverseSegments * phiLength;
-                                               const sin = Math.sin(phi);
-                                               const cos = Math.cos(phi);
-
-                                               for (let j = 0; j <= points.length - 1; j++) {
-                                                       // vertex
-                                                       vertex.x = points[j].x * sin;
-                                                       vertex.y = points[j].y;
-                                                       vertex.z = points[j].x * cos;
-                                                       vertices.push(vertex.x, vertex.y, vertex.z); // uv
-
-                                                       uv.x = i / segments;
-                                                       uv.y = j / (points.length - 1);
-                                                       uvs.push(uv.x, uv.y);
-                                               }
-                                       } // indices
-
-
-                                       for (let i = 0; i < segments; i++) {
-                                               for (let j = 0; j < points.length - 1; j++) {
-                                                       const base = j + i * points.length;
-                                                       const a = base;
-                                                       const b = base + points.length;
-                                                       const c = base + points.length + 1;
-                                                       const d = base + 1; // faces
-
-                                                       indices.push(a, b, d);
-                                                       indices.push(b, c, d);
-                                               }
-                                       } // build geometry
-
-
-                                       this.setIndex(indices);
-                                       this.setAttribute('position', new Float32BufferAttribute(vertices, 3));
-                                       this.setAttribute('uv', new Float32BufferAttribute(uvs, 2)); // generate normals
-
-                                       this.computeVertexNormals(); // if the geometry is closed, we need to average the normals along the seam.
-                                       // because the corresponding vertices are identical (but still have different UVs).
-
-                                       if (phiLength === Math.PI * 2) {
-                                               const normals = this.attributes.normal.array;
-                                               const n1 = new Vector3();
-                                               const n2 = new Vector3();
-                                               const n = new Vector3(); // this is the buffer offset for the last line of vertices
-
-                                               const base = segments * points.length * 3;
-
-                                               for (let i = 0, j = 0; i < points.length; i++, j += 3) {
-                                                       // select the normal of the vertex in the first line
-                                                       n1.x = normals[j + 0];
-                                                       n1.y = normals[j + 1];
-                                                       n1.z = normals[j + 2]; // select the normal of the vertex in the last line
-
-                                                       n2.x = normals[base + j + 0];
-                                                       n2.y = normals[base + j + 1];
-                                                       n2.z = normals[base + j + 2]; // average normals
-
-                                                       n.addVectors(n1, n2).normalize(); // assign the new values to both normals
-
-                                                       normals[j + 0] = normals[base + j + 0] = n.x;
-                                                       normals[j + 1] = normals[base + j + 1] = n.y;
-                                                       normals[j + 2] = normals[base + j + 2] = n.z;
-                                               }
-                                       }
-                               }
-
-                               static fromJSON(data) {
-                                       return new LatheGeometry(data.points, data.segments, data.phiStart, data.phiLength);
-                               }
-
-                       }
-
-                       class OctahedronGeometry extends PolyhedronGeometry {
-                               constructor(radius = 1, detail = 0) {
-                                       const vertices = [1, 0, 0, -1, 0, 0, 0, 1, 0, 0, -1, 0, 0, 0, 1, 0, 0, -1];
-                                       const indices = [0, 2, 4, 0, 4, 3, 0, 3, 5, 0, 5, 2, 1, 2, 5, 1, 5, 3, 1, 3, 4, 1, 4, 2];
-                                       super(vertices, indices, radius, detail);
-                                       this.type = 'OctahedronGeometry';
-                                       this.parameters = {
-                                               radius: radius,
-                                               detail: detail
-                                       };
-                               }
-
-                               static fromJSON(data) {
-                                       return new OctahedronGeometry(data.radius, data.detail);
-                               }
-
-                       }
-
-                       /**
-                        * Parametric Surfaces Geometry
-                        * based on the brilliant article by @prideout https://prideout.net/blog/old/blog/index.html@p=44.html
-                        */
-
-                       class ParametricGeometry extends BufferGeometry {
-                               constructor(func, slices, stacks) {
-                                       super();
-                                       this.type = 'ParametricGeometry';
-                                       this.parameters = {
-                                               func: func,
-                                               slices: slices,
-                                               stacks: stacks
-                                       }; // buffers
-
-                                       const indices = [];
-                                       const vertices = [];
-                                       const normals = [];
-                                       const uvs = [];
-                                       const EPS = 0.00001;
-                                       const normal = new Vector3();
-                                       const p0 = new Vector3(),
-                                               p1 = new Vector3();
-                                       const pu = new Vector3(),
-                                               pv = new Vector3();
-
-                                       if (func.length < 3) {
-                                               console.error('THREE.ParametricGeometry: Function must now modify a Vector3 as third parameter.');
-                                       } // generate vertices, normals and uvs
-
-
-                                       const sliceCount = slices + 1;
-
-                                       for (let i = 0; i <= stacks; i++) {
-                                               const v = i / stacks;
-
-                                               for (let j = 0; j <= slices; j++) {
-                                                       const u = j / slices; // vertex
-
-                                                       func(u, v, p0);
-                                                       vertices.push(p0.x, p0.y, p0.z); // normal
-                                                       // approximate tangent vectors via finite differences
-
-                                                       if (u - EPS >= 0) {
-                                                               func(u - EPS, v, p1);
-                                                               pu.subVectors(p0, p1);
-                                                       } else {
-                                                               func(u + EPS, v, p1);
-                                                               pu.subVectors(p1, p0);
-                                                       }
-
-                                                       if (v - EPS >= 0) {
-                                                               func(u, v - EPS, p1);
-                                                               pv.subVectors(p0, p1);
-                                                       } else {
-                                                               func(u, v + EPS, p1);
-                                                               pv.subVectors(p1, p0);
-                                                       } // cross product of tangent vectors returns surface normal
-
-
-                                                       normal.crossVectors(pu, pv).normalize();
-                                                       normals.push(normal.x, normal.y, normal.z); // uv
-
-                                                       uvs.push(u, v);
-                                               }
-                                       } // generate indices
-
-
-                                       for (let i = 0; i < stacks; i++) {
-                                               for (let j = 0; j < slices; j++) {
-                                                       const a = i * sliceCount + j;
-                                                       const b = i * sliceCount + j + 1;
-                                                       const c = (i + 1) * sliceCount + j + 1;
-                                                       const d = (i + 1) * sliceCount + j; // faces one and two
-
-                                                       indices.push(a, b, d);
-                                                       indices.push(b, c, d);
-                                               }
-                                       } // build geometry
-
-
-                                       this.setIndex(indices);
-                                       this.setAttribute('position', new Float32BufferAttribute(vertices, 3));
-                                       this.setAttribute('normal', new Float32BufferAttribute(normals, 3));
-                                       this.setAttribute('uv', new Float32BufferAttribute(uvs, 2));
-                               }
-
-                       }
-
-                       class RingGeometry extends BufferGeometry {
-                               constructor(innerRadius = 0.5, outerRadius = 1, thetaSegments = 8, phiSegments = 1, thetaStart = 0, thetaLength = Math.PI * 2) {
-                                       super();
-                                       this.type = 'RingGeometry';
-                                       this.parameters = {
-                                               innerRadius: innerRadius,
-                                               outerRadius: outerRadius,
-                                               thetaSegments: thetaSegments,
-                                               phiSegments: phiSegments,
-                                               thetaStart: thetaStart,
-                                               thetaLength: thetaLength
-                                       };
-                                       thetaSegments = Math.max(3, thetaSegments);
-                                       phiSegments = Math.max(1, phiSegments); // buffers
-
-                                       const indices = [];
-                                       const vertices = [];
-                                       const normals = [];
-                                       const uvs = []; // some helper variables
-
-                                       let radius = innerRadius;
-                                       const radiusStep = (outerRadius - innerRadius) / phiSegments;
-                                       const vertex = new Vector3();
-                                       const uv = new Vector2(); // generate vertices, normals and uvs
-
-                                       for (let j = 0; j <= phiSegments; j++) {
-                                               for (let i = 0; i <= thetaSegments; i++) {
-                                                       // values are generate from the inside of the ring to the outside
-                                                       const segment = thetaStart + i / thetaSegments * thetaLength; // vertex
-
-                                                       vertex.x = radius * Math.cos(segment);
-                                                       vertex.y = radius * Math.sin(segment);
-                                                       vertices.push(vertex.x, vertex.y, vertex.z); // normal
-
-                                                       normals.push(0, 0, 1); // uv
-
-                                                       uv.x = (vertex.x / outerRadius + 1) / 2;
-                                                       uv.y = (vertex.y / outerRadius + 1) / 2;
-                                                       uvs.push(uv.x, uv.y);
-                                               } // increase the radius for next row of vertices
-
-
-                                               radius += radiusStep;
-                                       } // indices
-
-
-                                       for (let j = 0; j < phiSegments; j++) {
-                                               const thetaSegmentLevel = j * (thetaSegments + 1);
-
-                                               for (let i = 0; i < thetaSegments; i++) {
-                                                       const segment = i + thetaSegmentLevel;
-                                                       const a = segment;
-                                                       const b = segment + thetaSegments + 1;
-                                                       const c = segment + thetaSegments + 2;
-                                                       const d = segment + 1; // faces
-
-                                                       indices.push(a, b, d);
-                                                       indices.push(b, c, d);
-                                               }
-                                       } // build geometry
-
-
-                                       this.setIndex(indices);
-                                       this.setAttribute('position', new Float32BufferAttribute(vertices, 3));
-                                       this.setAttribute('normal', new Float32BufferAttribute(normals, 3));
-                                       this.setAttribute('uv', new Float32BufferAttribute(uvs, 2));
-                               }
-
-                               static fromJSON(data) {
-                                       return new RingGeometry(data.innerRadius, data.outerRadius, data.thetaSegments, data.phiSegments, data.thetaStart, data.thetaLength);
-                               }
-
-                       }
-
-                       class ShapeGeometry extends BufferGeometry {
-                               constructor(shapes, curveSegments = 12) {
-                                       super();
-                                       this.type = 'ShapeGeometry';
-                                       this.parameters = {
-                                               shapes: shapes,
-                                               curveSegments: curveSegments
-                                       }; // buffers
-
-                                       const indices = [];
-                                       const vertices = [];
-                                       const normals = [];
-                                       const uvs = []; // helper variables
-
-                                       let groupStart = 0;
-                                       let groupCount = 0; // allow single and array values for "shapes" parameter
-
-                                       if (Array.isArray(shapes) === false) {
-                                               addShape(shapes);
-                                       } else {
-                                               for (let i = 0; i < shapes.length; i++) {
-                                                       addShape(shapes[i]);
-                                                       this.addGroup(groupStart, groupCount, i); // enables MultiMaterial support
-
-                                                       groupStart += groupCount;
-                                                       groupCount = 0;
-                                               }
-                                       } // build geometry
-
-
-                                       this.setIndex(indices);
-                                       this.setAttribute('position', new Float32BufferAttribute(vertices, 3));
-                                       this.setAttribute('normal', new Float32BufferAttribute(normals, 3));
-                                       this.setAttribute('uv', new Float32BufferAttribute(uvs, 2)); // helper functions
-
-                                       function addShape(shape) {
-                                               const indexOffset = vertices.length / 3;
-                                               const points = shape.extractPoints(curveSegments);
-                                               let shapeVertices = points.shape;
-                                               const shapeHoles = points.holes; // check direction of vertices
-
-                                               if (ShapeUtils.isClockWise(shapeVertices) === false) {
-                                                       shapeVertices = shapeVertices.reverse();
-                                               }
-
-                                               for (let i = 0, l = shapeHoles.length; i < l; i++) {
-                                                       const shapeHole = shapeHoles[i];
-
-                                                       if (ShapeUtils.isClockWise(shapeHole) === true) {
-                                                               shapeHoles[i] = shapeHole.reverse();
-                                                       }
-                                               }
-
-                                               const faces = ShapeUtils.triangulateShape(shapeVertices, shapeHoles); // join vertices of inner and outer paths to a single array
-
-                                               for (let i = 0, l = shapeHoles.length; i < l; i++) {
-                                                       const shapeHole = shapeHoles[i];
-                                                       shapeVertices = shapeVertices.concat(shapeHole);
-                                               } // vertices, normals, uvs
-
-
-                                               for (let i = 0, l = shapeVertices.length; i < l; i++) {
-                                                       const vertex = shapeVertices[i];
-                                                       vertices.push(vertex.x, vertex.y, 0);
-                                                       normals.push(0, 0, 1);
-                                                       uvs.push(vertex.x, vertex.y); // world uvs
-                                               } // incides
-
-
-                                               for (let i = 0, l = faces.length; i < l; i++) {
-                                                       const face = faces[i];
-                                                       const a = face[0] + indexOffset;
-                                                       const b = face[1] + indexOffset;
-                                                       const c = face[2] + indexOffset;
-                                                       indices.push(a, b, c);
-                                                       groupCount += 3;
-                                               }
-                                       }
-                               }
-
-                               toJSON() {
-                                       const data = super.toJSON();
-                                       const shapes = this.parameters.shapes;
-                                       return toJSON(shapes, data);
-                               }
-
-                               static fromJSON(data, shapes) {
-                                       const geometryShapes = [];
-
-                                       for (let j = 0, jl = data.shapes.length; j < jl; j++) {
-                                               const shape = shapes[data.shapes[j]];
-                                               geometryShapes.push(shape);
-                                       }
-
-                                       return new ShapeGeometry(geometryShapes, data.curveSegments);
-                               }
-
-                       }
-
-                       function toJSON(shapes, data) {
-                               data.shapes = [];
-
-                               if (Array.isArray(shapes)) {
-                                       for (let i = 0, l = shapes.length; i < l; i++) {
-                                               const shape = shapes[i];
-                                               data.shapes.push(shape.uuid);
-                                       }
-                               } else {
-                                       data.shapes.push(shapes.uuid);
-                               }
-
-                               return data;
-                       }
-
-                       class SphereGeometry extends BufferGeometry {
-                               constructor(radius = 1, widthSegments = 32, heightSegments = 16, phiStart = 0, phiLength = Math.PI * 2, thetaStart = 0, thetaLength = Math.PI) {
-                                       super();
-                                       this.type = 'SphereGeometry';
-                                       this.parameters = {
-                                               radius: radius,
-                                               widthSegments: widthSegments,
-                                               heightSegments: heightSegments,
-                                               phiStart: phiStart,
-                                               phiLength: phiLength,
-                                               thetaStart: thetaStart,
-                                               thetaLength: thetaLength
-                                       };
-                                       widthSegments = Math.max(3, Math.floor(widthSegments));
-                                       heightSegments = Math.max(2, Math.floor(heightSegments));
-                                       const thetaEnd = Math.min(thetaStart + thetaLength, Math.PI);
-                                       let index = 0;
-                                       const grid = [];
-                                       const vertex = new Vector3();
-                                       const normal = new Vector3(); // buffers
-
-                                       const indices = [];
-                                       const vertices = [];
-                                       const normals = [];
-                                       const uvs = []; // generate vertices, normals and uvs
-
-                                       for (let iy = 0; iy <= heightSegments; iy++) {
-                                               const verticesRow = [];
-                                               const v = iy / heightSegments; // special case for the poles
-
-                                               let uOffset = 0;
-
-                                               if (iy == 0 && thetaStart == 0) {
-                                                       uOffset = 0.5 / widthSegments;
-                                               } else if (iy == heightSegments && thetaEnd == Math.PI) {
-                                                       uOffset = -0.5 / widthSegments;
-                                               }
-
-                                               for (let ix = 0; ix <= widthSegments; ix++) {
-                                                       const u = ix / widthSegments; // vertex
-
-                                                       vertex.x = -radius * Math.cos(phiStart + u * phiLength) * Math.sin(thetaStart + v * thetaLength);
-                                                       vertex.y = radius * Math.cos(thetaStart + v * thetaLength);
-                                                       vertex.z = radius * Math.sin(phiStart + u * phiLength) * Math.sin(thetaStart + v * thetaLength);
-                                                       vertices.push(vertex.x, vertex.y, vertex.z); // normal
-
-                                                       normal.copy(vertex).normalize();
-                                                       normals.push(normal.x, normal.y, normal.z); // uv
-
-                                                       uvs.push(u + uOffset, 1 - v);
-                                                       verticesRow.push(index++);
-                                               }
-
-                                               grid.push(verticesRow);
-                                       } // indices
-
-
-                                       for (let iy = 0; iy < heightSegments; iy++) {
-                                               for (let ix = 0; ix < widthSegments; ix++) {
-                                                       const a = grid[iy][ix + 1];
-                                                       const b = grid[iy][ix];
-                                                       const c = grid[iy + 1][ix];
-                                                       const d = grid[iy + 1][ix + 1];
-                                                       if (iy !== 0 || thetaStart > 0) indices.push(a, b, d);
-                                                       if (iy !== heightSegments - 1 || thetaEnd < Math.PI) indices.push(b, c, d);
-                                               }
-                                       } // build geometry
-
-
-                                       this.setIndex(indices);
-                                       this.setAttribute('position', new Float32BufferAttribute(vertices, 3));
-                                       this.setAttribute('normal', new Float32BufferAttribute(normals, 3));
-                                       this.setAttribute('uv', new Float32BufferAttribute(uvs, 2));
-                               }
-
-                               static fromJSON(data) {
-                                       return new SphereGeometry(data.radius, data.widthSegments, data.heightSegments, data.phiStart, data.phiLength, data.thetaStart, data.thetaLength);
-                               }
-
-                       }
-
-                       class TetrahedronGeometry extends PolyhedronGeometry {
-                               constructor(radius = 1, detail = 0) {
-                                       const vertices = [1, 1, 1, -1, -1, 1, -1, 1, -1, 1, -1, -1];
-                                       const indices = [2, 1, 0, 0, 3, 2, 1, 3, 0, 2, 3, 1];
-                                       super(vertices, indices, radius, detail);
-                                       this.type = 'TetrahedronGeometry';
-                                       this.parameters = {
-                                               radius: radius,
-                                               detail: detail
-                                       };
-                               }
-
-                               static fromJSON(data) {
-                                       return new TetrahedronGeometry(data.radius, data.detail);
-                               }
-
-                       }
-
-                       /**
-                        * Text = 3D Text
-                        *
-                        * parameters = {
-                        *      font: <THREE.Font>, // font
-                        *
-                        *      size: <float>, // size of the text
-                        *      height: <float>, // thickness to extrude text
-                        *      curveSegments: <int>, // number of points on the curves
-                        *
-                        *      bevelEnabled: <bool>, // turn on bevel
-                        *      bevelThickness: <float>, // how deep into text bevel goes
-                        *      bevelSize: <float>, // how far from text outline (including bevelOffset) is bevel
-                        *      bevelOffset: <float> // how far from text outline does bevel start
-                        * }
-                        */
-
-                       class TextGeometry extends ExtrudeGeometry {
-                               constructor(text, parameters = {}) {
-                                       const font = parameters.font;
-
-                                       if (!(font && font.isFont)) {
-                                               console.error('THREE.TextGeometry: font parameter is not an instance of THREE.Font.');
-                                               return new BufferGeometry();
-                                       }
-
-                                       const shapes = font.generateShapes(text, parameters.size); // translate parameters to ExtrudeGeometry API
-
-                                       parameters.depth = parameters.height !== undefined ? parameters.height : 50; // defaults
-
-                                       if (parameters.bevelThickness === undefined) parameters.bevelThickness = 10;
-                                       if (parameters.bevelSize === undefined) parameters.bevelSize = 8;
-                                       if (parameters.bevelEnabled === undefined) parameters.bevelEnabled = false;
-                                       super(shapes, parameters);
-                                       this.type = 'TextGeometry';
-                               }
-
-                       }
-
-                       class TorusGeometry extends BufferGeometry {
-                               constructor(radius = 1, tube = 0.4, radialSegments = 8, tubularSegments = 6, arc = Math.PI * 2) {
-                                       super();
-                                       this.type = 'TorusGeometry';
-                                       this.parameters = {
-                                               radius: radius,
-                                               tube: tube,
-                                               radialSegments: radialSegments,
-                                               tubularSegments: tubularSegments,
-                                               arc: arc
-                                       };
-                                       radialSegments = Math.floor(radialSegments);
-                                       tubularSegments = Math.floor(tubularSegments); // buffers
-
-                                       const indices = [];
-                                       const vertices = [];
-                                       const normals = [];
-                                       const uvs = []; // helper variables
-
-                                       const center = new Vector3();
-                                       const vertex = new Vector3();
-                                       const normal = new Vector3(); // generate vertices, normals and uvs
-
-                                       for (let j = 0; j <= radialSegments; j++) {
-                                               for (let i = 0; i <= tubularSegments; i++) {
-                                                       const u = i / tubularSegments * arc;
-                                                       const v = j / radialSegments * Math.PI * 2; // vertex
-
-                                                       vertex.x = (radius + tube * Math.cos(v)) * Math.cos(u);
-                                                       vertex.y = (radius + tube * Math.cos(v)) * Math.sin(u);
-                                                       vertex.z = tube * Math.sin(v);
-                                                       vertices.push(vertex.x, vertex.y, vertex.z); // normal
-
-                                                       center.x = radius * Math.cos(u);
-                                                       center.y = radius * Math.sin(u);
-                                                       normal.subVectors(vertex, center).normalize();
-                                                       normals.push(normal.x, normal.y, normal.z); // uv
-
-                                                       uvs.push(i / tubularSegments);
-                                                       uvs.push(j / radialSegments);
-                                               }
-                                       } // generate indices
-
-
-                                       for (let j = 1; j <= radialSegments; j++) {
-                                               for (let i = 1; i <= tubularSegments; i++) {
-                                                       // indices
-                                                       const a = (tubularSegments + 1) * j + i - 1;
-                                                       const b = (tubularSegments + 1) * (j - 1) + i - 1;
-                                                       const c = (tubularSegments + 1) * (j - 1) + i;
-                                                       const d = (tubularSegments + 1) * j + i; // faces
-
-                                                       indices.push(a, b, d);
-                                                       indices.push(b, c, d);
-                                               }
-                                       } // build geometry
-
-
-                                       this.setIndex(indices);
-                                       this.setAttribute('position', new Float32BufferAttribute(vertices, 3));
-                                       this.setAttribute('normal', new Float32BufferAttribute(normals, 3));
-                                       this.setAttribute('uv', new Float32BufferAttribute(uvs, 2));
-                               }
-
-                               static fromJSON(data) {
-                                       return new TorusGeometry(data.radius, data.tube, data.radialSegments, data.tubularSegments, data.arc);
-                               }
-
-                       }
-
-                       class TorusKnotGeometry extends BufferGeometry {
-                               constructor(radius = 1, tube = 0.4, tubularSegments = 64, radialSegments = 8, p = 2, q = 3) {
-                                       super();
-                                       this.type = 'TorusKnotGeometry';
-                                       this.parameters = {
-                                               radius: radius,
-                                               tube: tube,
-                                               tubularSegments: tubularSegments,
-                                               radialSegments: radialSegments,
-                                               p: p,
-                                               q: q
-                                       };
-                                       tubularSegments = Math.floor(tubularSegments);
-                                       radialSegments = Math.floor(radialSegments); // buffers
-
-                                       const indices = [];
-                                       const vertices = [];
-                                       const normals = [];
-                                       const uvs = []; // helper variables
-
-                                       const vertex = new Vector3();
-                                       const normal = new Vector3();
-                                       const P1 = new Vector3();
-                                       const P2 = new Vector3();
-                                       const B = new Vector3();
-                                       const T = new Vector3();
-                                       const N = new Vector3(); // generate vertices, normals and uvs
-
-                                       for (let i = 0; i <= tubularSegments; ++i) {
-                                               // the radian "u" is used to calculate the position on the torus curve of the current tubular segement
-                                               const u = i / tubularSegments * p * Math.PI * 2; // now we calculate two points. P1 is our current position on the curve, P2 is a little farther ahead.
-                                               // these points are used to create a special "coordinate space", which is necessary to calculate the correct vertex positions
-
-                                               calculatePositionOnCurve(u, p, q, radius, P1);
-                                               calculatePositionOnCurve(u + 0.01, p, q, radius, P2); // calculate orthonormal basis
-
-                                               T.subVectors(P2, P1);
-                                               N.addVectors(P2, P1);
-                                               B.crossVectors(T, N);
-                                               N.crossVectors(B, T); // normalize B, N. T can be ignored, we don't use it
-
-                                               B.normalize();
-                                               N.normalize();
-
-                                               for (let j = 0; j <= radialSegments; ++j) {
-                                                       // now calculate the vertices. they are nothing more than an extrusion of the torus curve.
-                                                       // because we extrude a shape in the xy-plane, there is no need to calculate a z-value.
-                                                       const v = j / radialSegments * Math.PI * 2;
-                                                       const cx = -tube * Math.cos(v);
-                                                       const cy = tube * Math.sin(v); // now calculate the final vertex position.
-                                                       // first we orient the extrusion with our basis vectos, then we add it to the current position on the curve
-
-                                                       vertex.x = P1.x + (cx * N.x + cy * B.x);
-                                                       vertex.y = P1.y + (cx * N.y + cy * B.y);
-                                                       vertex.z = P1.z + (cx * N.z + cy * B.z);
-                                                       vertices.push(vertex.x, vertex.y, vertex.z); // normal (P1 is always the center/origin of the extrusion, thus we can use it to calculate the normal)
-
-                                                       normal.subVectors(vertex, P1).normalize();
-                                                       normals.push(normal.x, normal.y, normal.z); // uv
-
-                                                       uvs.push(i / tubularSegments);
-                                                       uvs.push(j / radialSegments);
-                                               }
-                                       } // generate indices
-
-
-                                       for (let j = 1; j <= tubularSegments; j++) {
-                                               for (let i = 1; i <= radialSegments; i++) {
-                                                       // indices
-                                                       const a = (radialSegments + 1) * (j - 1) + (i - 1);
-                                                       const b = (radialSegments + 1) * j + (i - 1);
-                                                       const c = (radialSegments + 1) * j + i;
-                                                       const d = (radialSegments + 1) * (j - 1) + i; // faces
-
-                                                       indices.push(a, b, d);
-                                                       indices.push(b, c, d);
-                                               }
-                                       } // build geometry
-
-
-                                       this.setIndex(indices);
-                                       this.setAttribute('position', new Float32BufferAttribute(vertices, 3));
-                                       this.setAttribute('normal', new Float32BufferAttribute(normals, 3));
-                                       this.setAttribute('uv', new Float32BufferAttribute(uvs, 2)); // this function calculates the current position on the torus curve
-
-                                       function calculatePositionOnCurve(u, p, q, radius, position) {
-                                               const cu = Math.cos(u);
-                                               const su = Math.sin(u);
-                                               const quOverP = q / p * u;
-                                               const cs = Math.cos(quOverP);
-                                               position.x = radius * (2 + cs) * 0.5 * cu;
-                                               position.y = radius * (2 + cs) * su * 0.5;
-                                               position.z = radius * Math.sin(quOverP) * 0.5;
-                                       }
-                               }
-
-                               static fromJSON(data) {
-                                       return new TorusKnotGeometry(data.radius, data.tube, data.tubularSegments, data.radialSegments, data.p, data.q);
-                               }
-
-                       }
-
-                       class TubeGeometry extends BufferGeometry {
-                               constructor(path, tubularSegments = 64, radius = 1, radialSegments = 8, closed = false) {
-                                       super();
-                                       this.type = 'TubeGeometry';
-                                       this.parameters = {
-                                               path: path,
-                                               tubularSegments: tubularSegments,
-                                               radius: radius,
-                                               radialSegments: radialSegments,
-                                               closed: closed
-                                       };
-                                       const frames = path.computeFrenetFrames(tubularSegments, closed); // expose internals
-
-                                       this.tangents = frames.tangents;
-                                       this.normals = frames.normals;
-                                       this.binormals = frames.binormals; // helper variables
-
-                                       const vertex = new Vector3();
-                                       const normal = new Vector3();
-                                       const uv = new Vector2();
-                                       let P = new Vector3(); // buffer
-
-                                       const vertices = [];
-                                       const normals = [];
-                                       const uvs = [];
-                                       const indices = []; // create buffer data
-
-                                       generateBufferData(); // build geometry
-
-                                       this.setIndex(indices);
-                                       this.setAttribute('position', new Float32BufferAttribute(vertices, 3));
-                                       this.setAttribute('normal', new Float32BufferAttribute(normals, 3));
-                                       this.setAttribute('uv', new Float32BufferAttribute(uvs, 2)); // functions
-
-                                       function generateBufferData() {
-                                               for (let i = 0; i < tubularSegments; i++) {
-                                                       generateSegment(i);
-                                               } // if the geometry is not closed, generate the last row of vertices and normals
-                                               // at the regular position on the given path
-                                               //
-                                               // if the geometry is closed, duplicate the first row of vertices and normals (uvs will differ)
-
-
-                                               generateSegment(closed === false ? tubularSegments : 0); // uvs are generated in a separate function.
-                                               // this makes it easy compute correct values for closed geometries
-
-                                               generateUVs(); // finally create faces
-
-                                               generateIndices();
-                                       }
-
-                                       function generateSegment(i) {
-                                               // we use getPointAt to sample evenly distributed points from the given path
-                                               P = path.getPointAt(i / tubularSegments, P); // retrieve corresponding normal and binormal
-
-                                               const N = frames.normals[i];
-                                               const B = frames.binormals[i]; // generate normals and vertices for the current segment
-
-                                               for (let j = 0; j <= radialSegments; j++) {
-                                                       const v = j / radialSegments * Math.PI * 2;
-                                                       const sin = Math.sin(v);
-                                                       const cos = -Math.cos(v); // normal
-
-                                                       normal.x = cos * N.x + sin * B.x;
-                                                       normal.y = cos * N.y + sin * B.y;
-                                                       normal.z = cos * N.z + sin * B.z;
-                                                       normal.normalize();
-                                                       normals.push(normal.x, normal.y, normal.z); // vertex
-
-                                                       vertex.x = P.x + radius * normal.x;
-                                                       vertex.y = P.y + radius * normal.y;
-                                                       vertex.z = P.z + radius * normal.z;
-                                                       vertices.push(vertex.x, vertex.y, vertex.z);
-                                               }
-                                       }
-
-                                       function generateIndices() {
-                                               for (let j = 1; j <= tubularSegments; j++) {
-                                                       for (let i = 1; i <= radialSegments; i++) {
-                                                               const a = (radialSegments + 1) * (j - 1) + (i - 1);
-                                                               const b = (radialSegments + 1) * j + (i - 1);
-                                                               const c = (radialSegments + 1) * j + i;
-                                                               const d = (radialSegments + 1) * (j - 1) + i; // faces
-
-                                                               indices.push(a, b, d);
-                                                               indices.push(b, c, d);
-                                                       }
-                                               }
-                                       }
-
-                                       function generateUVs() {
-                                               for (let i = 0; i <= tubularSegments; i++) {
-                                                       for (let j = 0; j <= radialSegments; j++) {
-                                                               uv.x = i / tubularSegments;
-                                                               uv.y = j / radialSegments;
-                                                               uvs.push(uv.x, uv.y);
-                                                       }
-                                               }
-                                       }
-                               }
-
-                               toJSON() {
-                                       const data = super.toJSON();
-                                       data.path = this.parameters.path.toJSON();
-                                       return data;
-                               }
-
-                               static fromJSON(data) {
-                                       // This only works for built-in curves (e.g. CatmullRomCurve3).
-                                       // User defined curves or instances of CurvePath will not be deserialized.
-                                       return new TubeGeometry(new Curves[data.path.type]().fromJSON(data.path), data.tubularSegments, data.radius, data.radialSegments, data.closed);
-                               }
-
-                       }
-
-                       class WireframeGeometry extends BufferGeometry {
-                               constructor(geometry) {
-                                       super();
-                                       this.type = 'WireframeGeometry';
-
-                                       if (geometry.isGeometry === true) {
-                                               console.error('THREE.WireframeGeometry no longer supports THREE.Geometry. Use THREE.BufferGeometry instead.');
-                                               return;
-                                       } // buffer
-
-
-                                       const vertices = [];
-                                       const edges = new Set(); // helper variables
-
-                                       const start = new Vector3();
-                                       const end = new Vector3();
-
-                                       if (geometry.index !== null) {
-                                               // indexed BufferGeometry
-                                               const position = geometry.attributes.position;
-                                               const indices = geometry.index;
-                                               let groups = geometry.groups;
-
-                                               if (groups.length === 0) {
-                                                       groups = [{
-                                                               start: 0,
-                                                               count: indices.count,
-                                                               materialIndex: 0
-                                                       }];
-                                               } // create a data structure that contains all eges without duplicates
-
-
-                                               for (let o = 0, ol = groups.length; o < ol; ++o) {
-                                                       const group = groups[o];
-                                                       const groupStart = group.start;
-                                                       const groupCount = group.count;
-
-                                                       for (let i = groupStart, l = groupStart + groupCount; i < l; i += 3) {
-                                                               for (let j = 0; j < 3; j++) {
-                                                                       const index1 = indices.getX(i + j);
-                                                                       const index2 = indices.getX(i + (j + 1) % 3);
-                                                                       start.fromBufferAttribute(position, index1);
-                                                                       end.fromBufferAttribute(position, index2);
-
-                                                                       if (isUniqueEdge(start, end, edges) === true) {
-                                                                               vertices.push(start.x, start.y, start.z);
-                                                                               vertices.push(end.x, end.y, end.z);
-                                                                       }
-                                                               }
-                                                       }
-                                               }
-                                       } else {
-                                               // non-indexed BufferGeometry
-                                               const position = geometry.attributes.position;
-
-                                               for (let i = 0, l = position.count / 3; i < l; i++) {
-                                                       for (let j = 0; j < 3; j++) {
-                                                               // three edges per triangle, an edge is represented as (index1, index2)
-                                                               // e.g. the first triangle has the following edges: (0,1),(1,2),(2,0)
-                                                               const index1 = 3 * i + j;
-                                                               const index2 = 3 * i + (j + 1) % 3;
-                                                               start.fromBufferAttribute(position, index1);
-                                                               end.fromBufferAttribute(position, index2);
-
-                                                               if (isUniqueEdge(start, end, edges) === true) {
-                                                                       vertices.push(start.x, start.y, start.z);
-                                                                       vertices.push(end.x, end.y, end.z);
-                                                               }
-                                                       }
-                                               }
-                                       } // build geometry
-
-
-                                       this.setAttribute('position', new Float32BufferAttribute(vertices, 3));
-                               }
-
-                       }
-
-                       function isUniqueEdge(start, end, edges) {
-                               const hash1 = `${start.x},${start.y},${start.z}-${end.x},${end.y},${end.z}`;
-                               const hash2 = `${end.x},${end.y},${end.z}-${start.x},${start.y},${start.z}`; // coincident edge
-
-                               if (edges.has(hash1) === true || edges.has(hash2) === true) {
-                                       return false;
-                               } else {
-                                       edges.add(hash1, hash2);
-                                       return true;
-                               }
-                       }
-
-                       var Geometries = /*#__PURE__*/Object.freeze({
-                               __proto__: null,
-                               BoxGeometry: BoxGeometry,
-                               BoxBufferGeometry: BoxGeometry,
-                               CircleGeometry: CircleGeometry,
-                               CircleBufferGeometry: CircleGeometry,
-                               ConeGeometry: ConeGeometry,
-                               ConeBufferGeometry: ConeGeometry,
-                               CylinderGeometry: CylinderGeometry,
-                               CylinderBufferGeometry: CylinderGeometry,
-                               DodecahedronGeometry: DodecahedronGeometry,
-                               DodecahedronBufferGeometry: DodecahedronGeometry,
-                               EdgesGeometry: EdgesGeometry,
-                               ExtrudeGeometry: ExtrudeGeometry,
-                               ExtrudeBufferGeometry: ExtrudeGeometry,
-                               IcosahedronGeometry: IcosahedronGeometry,
-                               IcosahedronBufferGeometry: IcosahedronGeometry,
-                               LatheGeometry: LatheGeometry,
-                               LatheBufferGeometry: LatheGeometry,
-                               OctahedronGeometry: OctahedronGeometry,
-                               OctahedronBufferGeometry: OctahedronGeometry,
-                               ParametricGeometry: ParametricGeometry,
-                               ParametricBufferGeometry: ParametricGeometry,
-                               PlaneGeometry: PlaneGeometry,
-                               PlaneBufferGeometry: PlaneGeometry,
-                               PolyhedronGeometry: PolyhedronGeometry,
-                               PolyhedronBufferGeometry: PolyhedronGeometry,
-                               RingGeometry: RingGeometry,
-                               RingBufferGeometry: RingGeometry,
-                               ShapeGeometry: ShapeGeometry,
-                               ShapeBufferGeometry: ShapeGeometry,
-                               SphereGeometry: SphereGeometry,
-                               SphereBufferGeometry: SphereGeometry,
-                               TetrahedronGeometry: TetrahedronGeometry,
-                               TetrahedronBufferGeometry: TetrahedronGeometry,
-                               TextGeometry: TextGeometry,
-                               TextBufferGeometry: TextGeometry,
-                               TorusGeometry: TorusGeometry,
-                               TorusBufferGeometry: TorusGeometry,
-                               TorusKnotGeometry: TorusKnotGeometry,
-                               TorusKnotBufferGeometry: TorusKnotGeometry,
-                               TubeGeometry: TubeGeometry,
-                               TubeBufferGeometry: TubeGeometry,
-                               WireframeGeometry: WireframeGeometry
-                       });
-
-                       /**
-                        * parameters = {
-                        *      color: <THREE.Color>
-                        * }
-                        */
-
-                       class ShadowMaterial extends Material {
-                               constructor(parameters) {
-                                       super();
-                                       this.type = 'ShadowMaterial';
-                                       this.color = new Color(0x000000);
-                                       this.transparent = true;
-                                       this.setValues(parameters);
-                               }
-
-                               copy(source) {
-                                       super.copy(source);
-                                       this.color.copy(source.color);
-                                       return this;
-                               }
-
-                       }
-
-                       ShadowMaterial.prototype.isShadowMaterial = true;
-
-                       /**
-                        * parameters = {
-                        *      color: <hex>,
-                        *      roughness: <float>,
-                        *      metalness: <float>,
-                        *      opacity: <float>,
-                        *
-                        *      map: new THREE.Texture( <Image> ),
-                        *
-                        *      lightMap: new THREE.Texture( <Image> ),
-                        *      lightMapIntensity: <float>
-                        *
-                        *      aoMap: new THREE.Texture( <Image> ),
-                        *      aoMapIntensity: <float>
-                        *
-                        *      emissive: <hex>,
-                        *      emissiveIntensity: <float>
-                        *      emissiveMap: new THREE.Texture( <Image> ),
-                        *
-                        *      bumpMap: new THREE.Texture( <Image> ),
-                        *      bumpScale: <float>,
-                        *
-                        *      normalMap: new THREE.Texture( <Image> ),
-                        *      normalMapType: THREE.TangentSpaceNormalMap,
-                        *      normalScale: <Vector2>,
-                        *
-                        *      displacementMap: new THREE.Texture( <Image> ),
-                        *      displacementScale: <float>,
-                        *      displacementBias: <float>,
-                        *
-                        *      roughnessMap: new THREE.Texture( <Image> ),
-                        *
-                        *      metalnessMap: new THREE.Texture( <Image> ),
-                        *
-                        *      alphaMap: new THREE.Texture( <Image> ),
-                        *
-                        *      envMap: new THREE.CubeTexture( [posx, negx, posy, negy, posz, negz] ),
-                        *      envMapIntensity: <float>
-                        *
-                        *      refractionRatio: <float>,
-                        *
-                        *      wireframe: <boolean>,
-                        *      wireframeLinewidth: <float>,
-                        *
-                        *      flatShading: <bool>
-                        * }
-                        */
-
-                       class MeshStandardMaterial extends Material {
-                               constructor(parameters) {
-                                       super();
-                                       this.defines = {
-                                               'STANDARD': ''
-                                       };
-                                       this.type = 'MeshStandardMaterial';
-                                       this.color = new Color(0xffffff); // diffuse
-
-                                       this.roughness = 1.0;
-                                       this.metalness = 0.0;
-                                       this.map = null;
-                                       this.lightMap = null;
-                                       this.lightMapIntensity = 1.0;
-                                       this.aoMap = null;
-                                       this.aoMapIntensity = 1.0;
-                                       this.emissive = new Color(0x000000);
-                                       this.emissiveIntensity = 1.0;
-                                       this.emissiveMap = null;
-                                       this.bumpMap = null;
-                                       this.bumpScale = 1;
-                                       this.normalMap = null;
-                                       this.normalMapType = TangentSpaceNormalMap;
-                                       this.normalScale = new Vector2(1, 1);
-                                       this.displacementMap = null;
-                                       this.displacementScale = 1;
-                                       this.displacementBias = 0;
-                                       this.roughnessMap = null;
-                                       this.metalnessMap = null;
-                                       this.alphaMap = null;
-                                       this.envMap = null;
-                                       this.envMapIntensity = 1.0;
-                                       this.refractionRatio = 0.98;
-                                       this.wireframe = false;
-                                       this.wireframeLinewidth = 1;
-                                       this.wireframeLinecap = 'round';
-                                       this.wireframeLinejoin = 'round';
-                                       this.flatShading = false;
-                                       this.setValues(parameters);
-                               }
-
-                               copy(source) {
-                                       super.copy(source);
-                                       this.defines = {
-                                               'STANDARD': ''
-                                       };
-                                       this.color.copy(source.color);
-                                       this.roughness = source.roughness;
-                                       this.metalness = source.metalness;
-                                       this.map = source.map;
-                                       this.lightMap = source.lightMap;
-                                       this.lightMapIntensity = source.lightMapIntensity;
-                                       this.aoMap = source.aoMap;
-                                       this.aoMapIntensity = source.aoMapIntensity;
-                                       this.emissive.copy(source.emissive);
-                                       this.emissiveMap = source.emissiveMap;
-                                       this.emissiveIntensity = source.emissiveIntensity;
-                                       this.bumpMap = source.bumpMap;
-                                       this.bumpScale = source.bumpScale;
-                                       this.normalMap = source.normalMap;
-                                       this.normalMapType = source.normalMapType;
-                                       this.normalScale.copy(source.normalScale);
-                                       this.displacementMap = source.displacementMap;
-                                       this.displacementScale = source.displacementScale;
-                                       this.displacementBias = source.displacementBias;
-                                       this.roughnessMap = source.roughnessMap;
-                                       this.metalnessMap = source.metalnessMap;
-                                       this.alphaMap = source.alphaMap;
-                                       this.envMap = source.envMap;
-                                       this.envMapIntensity = source.envMapIntensity;
-                                       this.refractionRatio = source.refractionRatio;
-                                       this.wireframe = source.wireframe;
-                                       this.wireframeLinewidth = source.wireframeLinewidth;
-                                       this.wireframeLinecap = source.wireframeLinecap;
-                                       this.wireframeLinejoin = source.wireframeLinejoin;
-                                       this.flatShading = source.flatShading;
-                                       return this;
-                               }
-
-                       }
-
-                       MeshStandardMaterial.prototype.isMeshStandardMaterial = true;
-
-                       /**
-                        * parameters = {
-                        *      clearcoat: <float>,
-                        *      clearcoatMap: new THREE.Texture( <Image> ),
-                        *      clearcoatRoughness: <float>,
-                        *      clearcoatRoughnessMap: new THREE.Texture( <Image> ),
-                        *      clearcoatNormalScale: <Vector2>,
-                        *      clearcoatNormalMap: new THREE.Texture( <Image> ),
-                        *
-                        *      ior: <float>,
-                        *      reflectivity: <float>,
-                        *
-                        *      sheenTint: <Color>,
-                        *
-                        *      transmission: <float>,
-                        *      transmissionMap: new THREE.Texture( <Image> ),
-                        *
-                        *      thickness: <float>,
-                        *      thicknessMap: new THREE.Texture( <Image> ),
-                        *      attenuationDistance: <float>,
-                        *      attenuationTint: <Color>,
-                        *
-                        *      specularIntensity: <float>,
-                        *      specularIntensityhMap: new THREE.Texture( <Image> ),
-                        *      specularTint: <Color>,
-                        *      specularTintMap: new THREE.Texture( <Image> )
-                        * }
-                        */
-
-                       class MeshPhysicalMaterial extends MeshStandardMaterial {
-                               constructor(parameters) {
-                                       super();
-                                       this.defines = {
-                                               'STANDARD': '',
-                                               'PHYSICAL': ''
-                                       };
-                                       this.type = 'MeshPhysicalMaterial';
-                                       this.clearcoatMap = null;
-                                       this.clearcoatRoughness = 0.0;
-                                       this.clearcoatRoughnessMap = null;
-                                       this.clearcoatNormalScale = new Vector2(1, 1);
-                                       this.clearcoatNormalMap = null;
-                                       this.ior = 1.5;
-                                       Object.defineProperty(this, 'reflectivity', {
-                                               get: function () {
-                                                       return clamp(2.5 * (this.ior - 1) / (this.ior + 1), 0, 1);
-                                               },
-                                               set: function (reflectivity) {
-                                                       this.ior = (1 + 0.4 * reflectivity) / (1 - 0.4 * reflectivity);
-                                               }
-                                       });
-                                       this.sheenTint = new Color(0x000000);
-                                       this.transmission = 0.0;
-                                       this.transmissionMap = null;
-                                       this.thickness = 0.01;
-                                       this.thicknessMap = null;
-                                       this.attenuationDistance = 0.0;
-                                       this.attenuationTint = new Color(1, 1, 1);
-                                       this.specularIntensity = 1.0;
-                                       this.specularIntensityMap = null;
-                                       this.specularTint = new Color(1, 1, 1);
-                                       this.specularTintMap = null;
-                                       this._clearcoat = 0;
-                                       this._transmission = 0;
-                                       this.setValues(parameters);
-                               }
-
-                               get clearcoat() {
-                                       return this._clearcoat;
-                               }
-
-                               set clearcoat(value) {
-                                       if (this._clearcoat > 0 !== value > 0) {
-                                               this.version++;
-                                       }
-
-                                       this._clearcoat = value;
-                               }
-
-                               get transmission() {
-                                       return this._transmission;
-                               }
-
-                               set transmission(value) {
-                                       if (this._transmission > 0 !== value > 0) {
-                                               this.version++;
-                                       }
-
-                                       this._transmission = value;
-                               }
-
-                               copy(source) {
-                                       super.copy(source);
-                                       this.defines = {
-                                               'STANDARD': '',
-                                               'PHYSICAL': ''
-                                       };
-                                       this.clearcoat = source.clearcoat;
-                                       this.clearcoatMap = source.clearcoatMap;
-                                       this.clearcoatRoughness = source.clearcoatRoughness;
-                                       this.clearcoatRoughnessMap = source.clearcoatRoughnessMap;
-                                       this.clearcoatNormalMap = source.clearcoatNormalMap;
-                                       this.clearcoatNormalScale.copy(source.clearcoatNormalScale);
-                                       this.ior = source.ior;
-                                       this.sheenTint.copy(source.sheenTint);
-                                       this.transmission = source.transmission;
-                                       this.transmissionMap = source.transmissionMap;
-                                       this.thickness = source.thickness;
-                                       this.thicknessMap = source.thicknessMap;
-                                       this.attenuationDistance = source.attenuationDistance;
-                                       this.attenuationTint.copy(source.attenuationTint);
-                                       this.specularIntensity = source.specularIntensity;
-                                       this.specularIntensityMap = source.specularIntensityMap;
-                                       this.specularTint.copy(source.specularTint);
-                                       this.specularTintMap = source.specularTintMap;
-                                       return this;
-                               }
-
-                       }
-
-                       MeshPhysicalMaterial.prototype.isMeshPhysicalMaterial = true;
-
-                       /**
-                        * parameters = {
-                        *      color: <hex>,
-                        *      specular: <hex>,
-                        *      shininess: <float>,
-                        *      opacity: <float>,
-                        *
-                        *      map: new THREE.Texture( <Image> ),
-                        *
-                        *      lightMap: new THREE.Texture( <Image> ),
-                        *      lightMapIntensity: <float>
-                        *
-                        *      aoMap: new THREE.Texture( <Image> ),
-                        *      aoMapIntensity: <float>
-                        *
-                        *      emissive: <hex>,
-                        *      emissiveIntensity: <float>
-                        *      emissiveMap: new THREE.Texture( <Image> ),
-                        *
-                        *      bumpMap: new THREE.Texture( <Image> ),
-                        *      bumpScale: <float>,
-                        *
-                        *      normalMap: new THREE.Texture( <Image> ),
-                        *      normalMapType: THREE.TangentSpaceNormalMap,
-                        *      normalScale: <Vector2>,
-                        *
-                        *      displacementMap: new THREE.Texture( <Image> ),
-                        *      displacementScale: <float>,
-                        *      displacementBias: <float>,
-                        *
-                        *      specularMap: new THREE.Texture( <Image> ),
-                        *
-                        *      alphaMap: new THREE.Texture( <Image> ),
-                        *
-                        *      envMap: new THREE.CubeTexture( [posx, negx, posy, negy, posz, negz] ),
-                        *      combine: THREE.MultiplyOperation,
-                        *      reflectivity: <float>,
-                        *      refractionRatio: <float>,
-                        *
-                        *      wireframe: <boolean>,
-                        *      wireframeLinewidth: <float>,
-                        *
-                        *      flatShading: <bool>
-                        * }
-                        */
-
-                       class MeshPhongMaterial extends Material {
-                               constructor(parameters) {
-                                       super();
-                                       this.type = 'MeshPhongMaterial';
-                                       this.color = new Color(0xffffff); // diffuse
-
-                                       this.specular = new Color(0x111111);
-                                       this.shininess = 30;
-                                       this.map = null;
-                                       this.lightMap = null;
-                                       this.lightMapIntensity = 1.0;
-                                       this.aoMap = null;
-                                       this.aoMapIntensity = 1.0;
-                                       this.emissive = new Color(0x000000);
-                                       this.emissiveIntensity = 1.0;
-                                       this.emissiveMap = null;
-                                       this.bumpMap = null;
-                                       this.bumpScale = 1;
-                                       this.normalMap = null;
-                                       this.normalMapType = TangentSpaceNormalMap;
-                                       this.normalScale = new Vector2(1, 1);
-                                       this.displacementMap = null;
-                                       this.displacementScale = 1;
-                                       this.displacementBias = 0;
-                                       this.specularMap = null;
-                                       this.alphaMap = null;
-                                       this.envMap = null;
-                                       this.combine = MultiplyOperation;
-                                       this.reflectivity = 1;
-                                       this.refractionRatio = 0.98;
-                                       this.wireframe = false;
-                                       this.wireframeLinewidth = 1;
-                                       this.wireframeLinecap = 'round';
-                                       this.wireframeLinejoin = 'round';
-                                       this.flatShading = false;
-                                       this.setValues(parameters);
-                               }
-
-                               copy(source) {
-                                       super.copy(source);
-                                       this.color.copy(source.color);
-                                       this.specular.copy(source.specular);
-                                       this.shininess = source.shininess;
-                                       this.map = source.map;
-                                       this.lightMap = source.lightMap;
-                                       this.lightMapIntensity = source.lightMapIntensity;
-                                       this.aoMap = source.aoMap;
-                                       this.aoMapIntensity = source.aoMapIntensity;
-                                       this.emissive.copy(source.emissive);
-                                       this.emissiveMap = source.emissiveMap;
-                                       this.emissiveIntensity = source.emissiveIntensity;
-                                       this.bumpMap = source.bumpMap;
-                                       this.bumpScale = source.bumpScale;
-                                       this.normalMap = source.normalMap;
-                                       this.normalMapType = source.normalMapType;
-                                       this.normalScale.copy(source.normalScale);
-                                       this.displacementMap = source.displacementMap;
-                                       this.displacementScale = source.displacementScale;
-                                       this.displacementBias = source.displacementBias;
-                                       this.specularMap = source.specularMap;
-                                       this.alphaMap = source.alphaMap;
-                                       this.envMap = source.envMap;
-                                       this.combine = source.combine;
-                                       this.reflectivity = source.reflectivity;
-                                       this.refractionRatio = source.refractionRatio;
-                                       this.wireframe = source.wireframe;
-                                       this.wireframeLinewidth = source.wireframeLinewidth;
-                                       this.wireframeLinecap = source.wireframeLinecap;
-                                       this.wireframeLinejoin = source.wireframeLinejoin;
-                                       this.flatShading = source.flatShading;
-                                       return this;
-                               }
-
-                       }
-
-                       MeshPhongMaterial.prototype.isMeshPhongMaterial = true;
-
-                       /**
-                        * parameters = {
-                        *      color: <hex>,
-                        *
-                        *      map: new THREE.Texture( <Image> ),
-                        *      gradientMap: new THREE.Texture( <Image> ),
-                        *
-                        *      lightMap: new THREE.Texture( <Image> ),
-                        *      lightMapIntensity: <float>
-                        *
-                        *      aoMap: new THREE.Texture( <Image> ),
-                        *      aoMapIntensity: <float>
-                        *
-                        *      emissive: <hex>,
-                        *      emissiveIntensity: <float>
-                        *      emissiveMap: new THREE.Texture( <Image> ),
-                        *
-                        *      bumpMap: new THREE.Texture( <Image> ),
-                        *      bumpScale: <float>,
-                        *
-                        *      normalMap: new THREE.Texture( <Image> ),
-                        *      normalMapType: THREE.TangentSpaceNormalMap,
-                        *      normalScale: <Vector2>,
-                        *
-                        *      displacementMap: new THREE.Texture( <Image> ),
-                        *      displacementScale: <float>,
-                        *      displacementBias: <float>,
-                        *
-                        *      alphaMap: new THREE.Texture( <Image> ),
-                        *
-                        *      wireframe: <boolean>,
-                        *      wireframeLinewidth: <float>,
-                        *
-                        * }
-                        */
-
-                       class MeshToonMaterial extends Material {
-                               constructor(parameters) {
-                                       super();
-                                       this.defines = {
-                                               'TOON': ''
-                                       };
-                                       this.type = 'MeshToonMaterial';
-                                       this.color = new Color(0xffffff);
-                                       this.map = null;
-                                       this.gradientMap = null;
-                                       this.lightMap = null;
-                                       this.lightMapIntensity = 1.0;
-                                       this.aoMap = null;
-                                       this.aoMapIntensity = 1.0;
-                                       this.emissive = new Color(0x000000);
-                                       this.emissiveIntensity = 1.0;
-                                       this.emissiveMap = null;
-                                       this.bumpMap = null;
-                                       this.bumpScale = 1;
-                                       this.normalMap = null;
-                                       this.normalMapType = TangentSpaceNormalMap;
-                                       this.normalScale = new Vector2(1, 1);
-                                       this.displacementMap = null;
-                                       this.displacementScale = 1;
-                                       this.displacementBias = 0;
-                                       this.alphaMap = null;
-                                       this.wireframe = false;
-                                       this.wireframeLinewidth = 1;
-                                       this.wireframeLinecap = 'round';
-                                       this.wireframeLinejoin = 'round';
-                                       this.setValues(parameters);
-                               }
-
-                               copy(source) {
-                                       super.copy(source);
-                                       this.color.copy(source.color);
-                                       this.map = source.map;
-                                       this.gradientMap = source.gradientMap;
-                                       this.lightMap = source.lightMap;
-                                       this.lightMapIntensity = source.lightMapIntensity;
-                                       this.aoMap = source.aoMap;
-                                       this.aoMapIntensity = source.aoMapIntensity;
-                                       this.emissive.copy(source.emissive);
-                                       this.emissiveMap = source.emissiveMap;
-                                       this.emissiveIntensity = source.emissiveIntensity;
-                                       this.bumpMap = source.bumpMap;
-                                       this.bumpScale = source.bumpScale;
-                                       this.normalMap = source.normalMap;
-                                       this.normalMapType = source.normalMapType;
-                                       this.normalScale.copy(source.normalScale);
-                                       this.displacementMap = source.displacementMap;
-                                       this.displacementScale = source.displacementScale;
-                                       this.displacementBias = source.displacementBias;
-                                       this.alphaMap = source.alphaMap;
-                                       this.wireframe = source.wireframe;
-                                       this.wireframeLinewidth = source.wireframeLinewidth;
-                                       this.wireframeLinecap = source.wireframeLinecap;
-                                       this.wireframeLinejoin = source.wireframeLinejoin;
-                                       return this;
-                               }
-
-                       }
-
-                       MeshToonMaterial.prototype.isMeshToonMaterial = true;
-
-                       /**
-                        * parameters = {
-                        *      opacity: <float>,
-                        *
-                        *      bumpMap: new THREE.Texture( <Image> ),
-                        *      bumpScale: <float>,
-                        *
-                        *      normalMap: new THREE.Texture( <Image> ),
-                        *      normalMapType: THREE.TangentSpaceNormalMap,
-                        *      normalScale: <Vector2>,
-                        *
-                        *      displacementMap: new THREE.Texture( <Image> ),
-                        *      displacementScale: <float>,
-                        *      displacementBias: <float>,
-                        *
-                        *      wireframe: <boolean>,
-                        *      wireframeLinewidth: <float>
-                        *
-                        *      flatShading: <bool>
-                        * }
-                        */
-
-                       class MeshNormalMaterial extends Material {
-                               constructor(parameters) {
-                                       super();
-                                       this.type = 'MeshNormalMaterial';
-                                       this.bumpMap = null;
-                                       this.bumpScale = 1;
-                                       this.normalMap = null;
-                                       this.normalMapType = TangentSpaceNormalMap;
-                                       this.normalScale = new Vector2(1, 1);
-                                       this.displacementMap = null;
-                                       this.displacementScale = 1;
-                                       this.displacementBias = 0;
-                                       this.wireframe = false;
-                                       this.wireframeLinewidth = 1;
-                                       this.fog = false;
-                                       this.flatShading = false;
-                                       this.setValues(parameters);
-                               }
-
-                               copy(source) {
-                                       super.copy(source);
-                                       this.bumpMap = source.bumpMap;
-                                       this.bumpScale = source.bumpScale;
-                                       this.normalMap = source.normalMap;
-                                       this.normalMapType = source.normalMapType;
-                                       this.normalScale.copy(source.normalScale);
-                                       this.displacementMap = source.displacementMap;
-                                       this.displacementScale = source.displacementScale;
-                                       this.displacementBias = source.displacementBias;
-                                       this.wireframe = source.wireframe;
-                                       this.wireframeLinewidth = source.wireframeLinewidth;
-                                       this.flatShading = source.flatShading;
-                                       return this;
-                               }
-
-                       }
-
-                       MeshNormalMaterial.prototype.isMeshNormalMaterial = true;
-
-                       /**
-                        * parameters = {
-                        *      color: <hex>,
-                        *      opacity: <float>,
-                        *
-                        *      map: new THREE.Texture( <Image> ),
-                        *
-                        *      lightMap: new THREE.Texture( <Image> ),
-                        *      lightMapIntensity: <float>
-                        *
-                        *      aoMap: new THREE.Texture( <Image> ),
-                        *      aoMapIntensity: <float>
-                        *
-                        *      emissive: <hex>,
-                        *      emissiveIntensity: <float>
-                        *      emissiveMap: new THREE.Texture( <Image> ),
-                        *
-                        *      specularMap: new THREE.Texture( <Image> ),
-                        *
-                        *      alphaMap: new THREE.Texture( <Image> ),
-                        *
-                        *      envMap: new THREE.CubeTexture( [posx, negx, posy, negy, posz, negz] ),
-                        *      combine: THREE.Multiply,
-                        *      reflectivity: <float>,
-                        *      refractionRatio: <float>,
-                        *
-                        *      wireframe: <boolean>,
-                        *      wireframeLinewidth: <float>,
-                        *
-                        * }
-                        */
-
-                       class MeshLambertMaterial extends Material {
-                               constructor(parameters) {
-                                       super();
-                                       this.type = 'MeshLambertMaterial';
-                                       this.color = new Color(0xffffff); // diffuse
-
-                                       this.map = null;
-                                       this.lightMap = null;
-                                       this.lightMapIntensity = 1.0;
-                                       this.aoMap = null;
-                                       this.aoMapIntensity = 1.0;
-                                       this.emissive = new Color(0x000000);
-                                       this.emissiveIntensity = 1.0;
-                                       this.emissiveMap = null;
-                                       this.specularMap = null;
-                                       this.alphaMap = null;
-                                       this.envMap = null;
-                                       this.combine = MultiplyOperation;
-                                       this.reflectivity = 1;
-                                       this.refractionRatio = 0.98;
-                                       this.wireframe = false;
-                                       this.wireframeLinewidth = 1;
-                                       this.wireframeLinecap = 'round';
-                                       this.wireframeLinejoin = 'round';
-                                       this.setValues(parameters);
-                               }
-
-                               copy(source) {
-                                       super.copy(source);
-                                       this.color.copy(source.color);
-                                       this.map = source.map;
-                                       this.lightMap = source.lightMap;
-                                       this.lightMapIntensity = source.lightMapIntensity;
-                                       this.aoMap = source.aoMap;
-                                       this.aoMapIntensity = source.aoMapIntensity;
-                                       this.emissive.copy(source.emissive);
-                                       this.emissiveMap = source.emissiveMap;
-                                       this.emissiveIntensity = source.emissiveIntensity;
-                                       this.specularMap = source.specularMap;
-                                       this.alphaMap = source.alphaMap;
-                                       this.envMap = source.envMap;
-                                       this.combine = source.combine;
-                                       this.reflectivity = source.reflectivity;
-                                       this.refractionRatio = source.refractionRatio;
-                                       this.wireframe = source.wireframe;
-                                       this.wireframeLinewidth = source.wireframeLinewidth;
-                                       this.wireframeLinecap = source.wireframeLinecap;
-                                       this.wireframeLinejoin = source.wireframeLinejoin;
-                                       return this;
-                               }
-
-                       }
-
-                       MeshLambertMaterial.prototype.isMeshLambertMaterial = true;
-
-                       /**
-                        * parameters = {
-                        *      color: <hex>,
-                        *      opacity: <float>,
-                        *
-                        *      matcap: new THREE.Texture( <Image> ),
-                        *
-                        *      map: new THREE.Texture( <Image> ),
-                        *
-                        *      bumpMap: new THREE.Texture( <Image> ),
-                        *      bumpScale: <float>,
-                        *
-                        *      normalMap: new THREE.Texture( <Image> ),
-                        *      normalMapType: THREE.TangentSpaceNormalMap,
-                        *      normalScale: <Vector2>,
-                        *
-                        *      displacementMap: new THREE.Texture( <Image> ),
-                        *      displacementScale: <float>,
-                        *      displacementBias: <float>,
-                        *
-                        *      alphaMap: new THREE.Texture( <Image> ),
-                        *
-                        *      flatShading: <bool>
-                        * }
-                        */
-
-                       class MeshMatcapMaterial extends Material {
-                               constructor(parameters) {
-                                       super();
-                                       this.defines = {
-                                               'MATCAP': ''
-                                       };
-                                       this.type = 'MeshMatcapMaterial';
-                                       this.color = new Color(0xffffff); // diffuse
-
-                                       this.matcap = null;
-                                       this.map = null;
-                                       this.bumpMap = null;
-                                       this.bumpScale = 1;
-                                       this.normalMap = null;
-                                       this.normalMapType = TangentSpaceNormalMap;
-                                       this.normalScale = new Vector2(1, 1);
-                                       this.displacementMap = null;
-                                       this.displacementScale = 1;
-                                       this.displacementBias = 0;
-                                       this.alphaMap = null;
-                                       this.flatShading = false;
-                                       this.setValues(parameters);
-                               }
-
-                               copy(source) {
-                                       super.copy(source);
-                                       this.defines = {
-                                               'MATCAP': ''
-                                       };
-                                       this.color.copy(source.color);
-                                       this.matcap = source.matcap;
-                                       this.map = source.map;
-                                       this.bumpMap = source.bumpMap;
-                                       this.bumpScale = source.bumpScale;
-                                       this.normalMap = source.normalMap;
-                                       this.normalMapType = source.normalMapType;
-                                       this.normalScale.copy(source.normalScale);
-                                       this.displacementMap = source.displacementMap;
-                                       this.displacementScale = source.displacementScale;
-                                       this.displacementBias = source.displacementBias;
-                                       this.alphaMap = source.alphaMap;
-                                       this.flatShading = source.flatShading;
-                                       return this;
-                               }
-
-                       }
-
-                       MeshMatcapMaterial.prototype.isMeshMatcapMaterial = true;
-
-                       /**
-                        * parameters = {
-                        *      color: <hex>,
-                        *      opacity: <float>,
-                        *
-                        *      linewidth: <float>,
-                        *
-                        *      scale: <float>,
-                        *      dashSize: <float>,
-                        *      gapSize: <float>
-                        * }
-                        */
-
-                       class LineDashedMaterial extends LineBasicMaterial {
-                               constructor(parameters) {
-                                       super();
-                                       this.type = 'LineDashedMaterial';
-                                       this.scale = 1;
-                                       this.dashSize = 3;
-                                       this.gapSize = 1;
-                                       this.setValues(parameters);
-                               }
-
-                               copy(source) {
-                                       super.copy(source);
-                                       this.scale = source.scale;
-                                       this.dashSize = source.dashSize;
-                                       this.gapSize = source.gapSize;
-                                       return this;
-                               }
-
-                       }
-
-                       LineDashedMaterial.prototype.isLineDashedMaterial = true;
-
-                       var Materials = /*#__PURE__*/Object.freeze({
-                               __proto__: null,
-                               ShadowMaterial: ShadowMaterial,
-                               SpriteMaterial: SpriteMaterial,
-                               RawShaderMaterial: RawShaderMaterial,
-                               ShaderMaterial: ShaderMaterial,
-                               PointsMaterial: PointsMaterial,
-                               MeshPhysicalMaterial: MeshPhysicalMaterial,
-                               MeshStandardMaterial: MeshStandardMaterial,
-                               MeshPhongMaterial: MeshPhongMaterial,
-                               MeshToonMaterial: MeshToonMaterial,
-                               MeshNormalMaterial: MeshNormalMaterial,
-                               MeshLambertMaterial: MeshLambertMaterial,
-                               MeshDepthMaterial: MeshDepthMaterial,
-                               MeshDistanceMaterial: MeshDistanceMaterial,
-                               MeshBasicMaterial: MeshBasicMaterial,
-                               MeshMatcapMaterial: MeshMatcapMaterial,
-                               LineDashedMaterial: LineDashedMaterial,
-                               LineBasicMaterial: LineBasicMaterial,
-                               Material: Material
-                       });
-
-                       const AnimationUtils = {
-                               // same as Array.prototype.slice, but also works on typed arrays
-                               arraySlice: function (array, from, to) {
-                                       if (AnimationUtils.isTypedArray(array)) {
-                                               // in ios9 array.subarray(from, undefined) will return empty array
-                                               // but array.subarray(from) or array.subarray(from, len) is correct
-                                               return new array.constructor(array.subarray(from, to !== undefined ? to : array.length));
-                                       }
-
-                                       return array.slice(from, to);
-                               },
-                               // converts an array to a specific type
-                               convertArray: function (array, type, forceClone) {
-                                       if (!array || // let 'undefined' and 'null' pass
-                                               !forceClone && array.constructor === type) return array;
-
-                                       if (typeof type.BYTES_PER_ELEMENT === 'number') {
-                                               return new type(array); // create typed array
-                                       }
-
-                                       return Array.prototype.slice.call(array); // create Array
-                               },
-                               isTypedArray: function (object) {
-                                       return ArrayBuffer.isView(object) && !(object instanceof DataView);
-                               },
-                               // returns an array by which times and values can be sorted
-                               getKeyframeOrder: function (times) {
-                                       function compareTime(i, j) {
-                                               return times[i] - times[j];
-                                       }
-
-                                       const n = times.length;
-                                       const result = new Array(n);
-
-                                       for (let i = 0; i !== n; ++i) result[i] = i;
-
-                                       result.sort(compareTime);
-                                       return result;
-                               },
-                               // uses the array previously returned by 'getKeyframeOrder' to sort data
-                               sortedArray: function (values, stride, order) {
-                                       const nValues = values.length;
-                                       const result = new values.constructor(nValues);
-
-                                       for (let i = 0, dstOffset = 0; dstOffset !== nValues; ++i) {
-                                               const srcOffset = order[i] * stride;
-
-                                               for (let j = 0; j !== stride; ++j) {
-                                                       result[dstOffset++] = values[srcOffset + j];
-                                               }
-                                       }
-
-                                       return result;
-                               },
-                               // function for parsing AOS keyframe formats
-                               flattenJSON: function (jsonKeys, times, values, valuePropertyName) {
-                                       let i = 1,
-                                               key = jsonKeys[0];
-
-                                       while (key !== undefined && key[valuePropertyName] === undefined) {
-                                               key = jsonKeys[i++];
-                                       }
-
-                                       if (key === undefined) return; // no data
-
-                                       let value = key[valuePropertyName];
-                                       if (value === undefined) return; // no data
-
-                                       if (Array.isArray(value)) {
-                                               do {
-                                                       value = key[valuePropertyName];
-
-                                                       if (value !== undefined) {
-                                                               times.push(key.time);
-                                                               values.push.apply(values, value); // push all elements
-                                                       }
-
-                                                       key = jsonKeys[i++];
-                                               } while (key !== undefined);
-                                       } else if (value.toArray !== undefined) {
-                                               // ...assume THREE.Math-ish
-                                               do {
-                                                       value = key[valuePropertyName];
-
-                                                       if (value !== undefined) {
-                                                               times.push(key.time);
-                                                               value.toArray(values, values.length);
-                                                       }
-
-                                                       key = jsonKeys[i++];
-                                               } while (key !== undefined);
-                                       } else {
-                                               // otherwise push as-is
-                                               do {
-                                                       value = key[valuePropertyName];
-
-                                                       if (value !== undefined) {
-                                                               times.push(key.time);
-                                                               values.push(value);
-                                                       }
-
-                                                       key = jsonKeys[i++];
-                                               } while (key !== undefined);
-                                       }
-                               },
-                               subclip: function (sourceClip, name, startFrame, endFrame, fps = 30) {
-                                       const clip = sourceClip.clone();
-                                       clip.name = name;
-                                       const tracks = [];
-
-                                       for (let i = 0; i < clip.tracks.length; ++i) {
-                                               const track = clip.tracks[i];
-                                               const valueSize = track.getValueSize();
-                                               const times = [];
-                                               const values = [];
-
-                                               for (let j = 0; j < track.times.length; ++j) {
-                                                       const frame = track.times[j] * fps;
-                                                       if (frame < startFrame || frame >= endFrame) continue;
-                                                       times.push(track.times[j]);
-
-                                                       for (let k = 0; k < valueSize; ++k) {
-                                                               values.push(track.values[j * valueSize + k]);
-                                                       }
-                                               }
-
-                                               if (times.length === 0) continue;
-                                               track.times = AnimationUtils.convertArray(times, track.times.constructor);
-                                               track.values = AnimationUtils.convertArray(values, track.values.constructor);
-                                               tracks.push(track);
-                                       }
-
-                                       clip.tracks = tracks; // find minimum .times value across all tracks in the trimmed clip
-
-                                       let minStartTime = Infinity;
-
-                                       for (let i = 0; i < clip.tracks.length; ++i) {
-                                               if (minStartTime > clip.tracks[i].times[0]) {
-                                                       minStartTime = clip.tracks[i].times[0];
-                                               }
-                                       } // shift all tracks such that clip begins at t=0
-
-
-                                       for (let i = 0; i < clip.tracks.length; ++i) {
-                                               clip.tracks[i].shift(-1 * minStartTime);
-                                       }
-
-                                       clip.resetDuration();
-                                       return clip;
-                               },
-                               makeClipAdditive: function (targetClip, referenceFrame = 0, referenceClip = targetClip, fps = 30) {
-                                       if (fps <= 0) fps = 30;
-                                       const numTracks = referenceClip.tracks.length;
-                                       const referenceTime = referenceFrame / fps; // Make each track's values relative to the values at the reference frame
-
-                                       for (let i = 0; i < numTracks; ++i) {
-                                               const referenceTrack = referenceClip.tracks[i];
-                                               const referenceTrackType = referenceTrack.ValueTypeName; // Skip this track if it's non-numeric
-
-                                               if (referenceTrackType === 'bool' || referenceTrackType === 'string') continue; // Find the track in the target clip whose name and type matches the reference track
-
-                                               const targetTrack = targetClip.tracks.find(function (track) {
-                                                       return track.name === referenceTrack.name && track.ValueTypeName === referenceTrackType;
-                                               });
-                                               if (targetTrack === undefined) continue;
-                                               let referenceOffset = 0;
-                                               const referenceValueSize = referenceTrack.getValueSize();
-
-                                               if (referenceTrack.createInterpolant.isInterpolantFactoryMethodGLTFCubicSpline) {
-                                                       referenceOffset = referenceValueSize / 3;
-                                               }
-
-                                               let targetOffset = 0;
-                                               const targetValueSize = targetTrack.getValueSize();
-
-                                               if (targetTrack.createInterpolant.isInterpolantFactoryMethodGLTFCubicSpline) {
-                                                       targetOffset = targetValueSize / 3;
-                                               }
-
-                                               const lastIndex = referenceTrack.times.length - 1;
-                                               let referenceValue; // Find the value to subtract out of the track
-
-                                               if (referenceTime <= referenceTrack.times[0]) {
-                                                       // Reference frame is earlier than the first keyframe, so just use the first keyframe
-                                                       const startIndex = referenceOffset;
-                                                       const endIndex = referenceValueSize - referenceOffset;
-                                                       referenceValue = AnimationUtils.arraySlice(referenceTrack.values, startIndex, endIndex);
-                                               } else if (referenceTime >= referenceTrack.times[lastIndex]) {
-                                                       // Reference frame is after the last keyframe, so just use the last keyframe
-                                                       const startIndex = lastIndex * referenceValueSize + referenceOffset;
-                                                       const endIndex = startIndex + referenceValueSize - referenceOffset;
-                                                       referenceValue = AnimationUtils.arraySlice(referenceTrack.values, startIndex, endIndex);
-                                               } else {
-                                                       // Interpolate to the reference value
-                                                       const interpolant = referenceTrack.createInterpolant();
-                                                       const startIndex = referenceOffset;
-                                                       const endIndex = referenceValueSize - referenceOffset;
-                                                       interpolant.evaluate(referenceTime);
-                                                       referenceValue = AnimationUtils.arraySlice(interpolant.resultBuffer, startIndex, endIndex);
-                                               } // Conjugate the quaternion
-
-
-                                               if (referenceTrackType === 'quaternion') {
-                                                       const referenceQuat = new Quaternion().fromArray(referenceValue).normalize().conjugate();
-                                                       referenceQuat.toArray(referenceValue);
-                                               } // Subtract the reference value from all of the track values
-
-
-                                               const numTimes = targetTrack.times.length;
-
-                                               for (let j = 0; j < numTimes; ++j) {
-                                                       const valueStart = j * targetValueSize + targetOffset;
-
-                                                       if (referenceTrackType === 'quaternion') {
-                                                               // Multiply the conjugate for quaternion track types
-                                                               Quaternion.multiplyQuaternionsFlat(targetTrack.values, valueStart, referenceValue, 0, targetTrack.values, valueStart);
-                                                       } else {
-                                                               const valueEnd = targetValueSize - targetOffset * 2; // Subtract each value for all other numeric track types
-
-                                                               for (let k = 0; k < valueEnd; ++k) {
-                                                                       targetTrack.values[valueStart + k] -= referenceValue[k];
-                                                               }
-                                                       }
-                                               }
-                                       }
-
-                                       targetClip.blendMode = AdditiveAnimationBlendMode;
-                                       return targetClip;
-                               }
-                       };
-
-                       /**
-                        * Abstract base class of interpolants over parametric samples.
-                        *
-                        * The parameter domain is one dimensional, typically the time or a path
-                        * along a curve defined by the data.
-                        *
-                        * The sample values can have any dimensionality and derived classes may
-                        * apply special interpretations to the data.
-                        *
-                        * This class provides the interval seek in a Template Method, deferring
-                        * the actual interpolation to derived classes.
-                        *
-                        * Time complexity is O(1) for linear access crossing at most two points
-                        * and O(log N) for random access, where N is the number of positions.
-                        *
-                        * References:
-                        *
-                        *              http://www.oodesign.com/template-method-pattern.html
-                        *
-                        */
-                       class Interpolant {
-                               constructor(parameterPositions, sampleValues, sampleSize, resultBuffer) {
-                                       this.parameterPositions = parameterPositions;
-                                       this._cachedIndex = 0;
-                                       this.resultBuffer = resultBuffer !== undefined ? resultBuffer : new sampleValues.constructor(sampleSize);
-                                       this.sampleValues = sampleValues;
-                                       this.valueSize = sampleSize;
-                                       this.settings = null;
-                                       this.DefaultSettings_ = {};
-                               }
-
-                               evaluate(t) {
-                                       const pp = this.parameterPositions;
-                                       let i1 = this._cachedIndex,
-                                               t1 = pp[i1],
-                                               t0 = pp[i1 - 1];
-
-                                       validate_interval: {
-                                               seek: {
-                                                       let right;
-
-                                                       linear_scan: {
-                                                               //- See http://jsperf.com/comparison-to-undefined/3
-                                                               //- slower code:
-                                                               //-
-                                                               //-                             if ( t >= t1 || t1 === undefined ) {
-                                                               forward_scan: if (!(t < t1)) {
-                                                                       for (let giveUpAt = i1 + 2; ;) {
-                                                                               if (t1 === undefined) {
-                                                                                       if (t < t0) break forward_scan; // after end
-
-                                                                                       i1 = pp.length;
-                                                                                       this._cachedIndex = i1;
-                                                                                       return this.afterEnd_(i1 - 1, t, t0);
-                                                                               }
-
-                                                                               if (i1 === giveUpAt) break; // this loop
-
-                                                                               t0 = t1;
-                                                                               t1 = pp[++i1];
-
-                                                                               if (t < t1) {
-                                                                                       // we have arrived at the sought interval
-                                                                                       break seek;
-                                                                               }
-                                                                       } // prepare binary search on the right side of the index
-
-
-                                                                       right = pp.length;
-                                                                       break linear_scan;
-                                                               } //- slower code:
-                                                               //-                                     if ( t < t0 || t0 === undefined ) {
-
-
-                                                               if (!(t >= t0)) {
-                                                                       // looping?
-                                                                       const t1global = pp[1];
-
-                                                                       if (t < t1global) {
-                                                                               i1 = 2; // + 1, using the scan for the details
-
-                                                                               t0 = t1global;
-                                                                       } // linear reverse scan
-
-
-                                                                       for (let giveUpAt = i1 - 2; ;) {
-                                                                               if (t0 === undefined) {
-                                                                                       // before start
-                                                                                       this._cachedIndex = 0;
-                                                                                       return this.beforeStart_(0, t, t1);
-                                                                               }
-
-                                                                               if (i1 === giveUpAt) break; // this loop
-
-                                                                               t1 = t0;
-                                                                               t0 = pp[--i1 - 1];
-
-                                                                               if (t >= t0) {
-                                                                                       // we have arrived at the sought interval
-                                                                                       break seek;
-                                                                               }
-                                                                       } // prepare binary search on the left side of the index
-
-
-                                                                       right = i1;
-                                                                       i1 = 0;
-                                                                       break linear_scan;
-                                                               } // the interval is valid
-
-
-                                                               break validate_interval;
-                                                       } // linear scan
-                                                       // binary search
-
-
-                                                       while (i1 < right) {
-                                                               const mid = i1 + right >>> 1;
-
-                                                               if (t < pp[mid]) {
-                                                                       right = mid;
-                                                               } else {
-                                                                       i1 = mid + 1;
-                                                               }
-                                                       }
-
-                                                       t1 = pp[i1];
-                                                       t0 = pp[i1 - 1]; // check boundary cases, again
-
-                                                       if (t0 === undefined) {
-                                                               this._cachedIndex = 0;
-                                                               return this.beforeStart_(0, t, t1);
-                                                       }
-
-                                                       if (t1 === undefined) {
-                                                               i1 = pp.length;
-                                                               this._cachedIndex = i1;
-                                                               return this.afterEnd_(i1 - 1, t0, t);
-                                                       }
-                                               } // seek
-
-
-                                               this._cachedIndex = i1;
-                                               this.intervalChanged_(i1, t0, t1);
-                                       } // validate_interval
-
-
-                                       return this.interpolate_(i1, t0, t, t1);
-                               }
-
-                               getSettings_() {
-                                       return this.settings || this.DefaultSettings_;
-                               }
-
-                               copySampleValue_(index) {
-                                       // copies a sample value to the result buffer
-                                       const result = this.resultBuffer,
-                                               values = this.sampleValues,
-                                               stride = this.valueSize,
-                                               offset = index * stride;
-
-                                       for (let i = 0; i !== stride; ++i) {
-                                               result[i] = values[offset + i];
-                                       }
-
-                                       return result;
-                               } // Template methods for derived classes:
-
-
-                               interpolate_() {
-                                       throw new Error('call to abstract method'); // implementations shall return this.resultBuffer
-                               }
-
-                               intervalChanged_() {// empty
-                               }
-
-                       } // ALIAS DEFINITIONS
-
-
-                       Interpolant.prototype.beforeStart_ = Interpolant.prototype.copySampleValue_;
-                       Interpolant.prototype.afterEnd_ = Interpolant.prototype.copySampleValue_;
-
-                       /**
-                        * Fast and simple cubic spline interpolant.
-                        *
-                        * It was derived from a Hermitian construction setting the first derivative
-                        * at each sample position to the linear slope between neighboring positions
-                        * over their parameter interval.
-                        */
-
-                       class CubicInterpolant extends Interpolant {
-                               constructor(parameterPositions, sampleValues, sampleSize, resultBuffer) {
-                                       super(parameterPositions, sampleValues, sampleSize, resultBuffer);
-                                       this._weightPrev = -0;
-                                       this._offsetPrev = -0;
-                                       this._weightNext = -0;
-                                       this._offsetNext = -0;
-                                       this.DefaultSettings_ = {
-                                               endingStart: ZeroCurvatureEnding,
-                                               endingEnd: ZeroCurvatureEnding
-                                       };
-                               }
-
-                               intervalChanged_(i1, t0, t1) {
-                                       const pp = this.parameterPositions;
-                                       let iPrev = i1 - 2,
-                                               iNext = i1 + 1,
-                                               tPrev = pp[iPrev],
-                                               tNext = pp[iNext];
-
-                                       if (tPrev === undefined) {
-                                               switch (this.getSettings_().endingStart) {
-                                                       case ZeroSlopeEnding:
-                                                               // f'(t0) = 0
-                                                               iPrev = i1;
-                                                               tPrev = 2 * t0 - t1;
-                                                               break;
-
-                                                       case WrapAroundEnding:
-                                                               // use the other end of the curve
-                                                               iPrev = pp.length - 2;
-                                                               tPrev = t0 + pp[iPrev] - pp[iPrev + 1];
-                                                               break;
-
-                                                       default:
-                                                               // ZeroCurvatureEnding
-                                                               // f''(t0) = 0 a.k.a. Natural Spline
-                                                               iPrev = i1;
-                                                               tPrev = t1;
-                                               }
-                                       }
-
-                                       if (tNext === undefined) {
-                                               switch (this.getSettings_().endingEnd) {
-                                                       case ZeroSlopeEnding:
-                                                               // f'(tN) = 0
-                                                               iNext = i1;
-                                                               tNext = 2 * t1 - t0;
-                                                               break;
-
-                                                       case WrapAroundEnding:
-                                                               // use the other end of the curve
-                                                               iNext = 1;
-                                                               tNext = t1 + pp[1] - pp[0];
-                                                               break;
-
-                                                       default:
-                                                               // ZeroCurvatureEnding
-                                                               // f''(tN) = 0, a.k.a. Natural Spline
-                                                               iNext = i1 - 1;
-                                                               tNext = t0;
-                                               }
-                                       }
-
-                                       const halfDt = (t1 - t0) * 0.5,
-                                               stride = this.valueSize;
-                                       this._weightPrev = halfDt / (t0 - tPrev);
-                                       this._weightNext = halfDt / (tNext - t1);
-                                       this._offsetPrev = iPrev * stride;
-                                       this._offsetNext = iNext * stride;
-                               }
-
-                               interpolate_(i1, t0, t, t1) {
-                                       const result = this.resultBuffer,
-                                               values = this.sampleValues,
-                                               stride = this.valueSize,
-                                               o1 = i1 * stride,
-                                               o0 = o1 - stride,
-                                               oP = this._offsetPrev,
-                                               oN = this._offsetNext,
-                                               wP = this._weightPrev,
-                                               wN = this._weightNext,
-                                               p = (t - t0) / (t1 - t0),
-                                               pp = p * p,
-                                               ppp = pp * p; // evaluate polynomials
-
-                                       const sP = -wP * ppp + 2 * wP * pp - wP * p;
-                                       const s0 = (1 + wP) * ppp + (-1.5 - 2 * wP) * pp + (-0.5 + wP) * p + 1;
-                                       const s1 = (-1 - wN) * ppp + (1.5 + wN) * pp + 0.5 * p;
-                                       const sN = wN * ppp - wN * pp; // combine data linearly
-
-                                       for (let i = 0; i !== stride; ++i) {
-                                               result[i] = sP * values[oP + i] + s0 * values[o0 + i] + s1 * values[o1 + i] + sN * values[oN + i];
-                                       }
-
-                                       return result;
-                               }
-
-                       }
-
-                       class LinearInterpolant extends Interpolant {
-                               constructor(parameterPositions, sampleValues, sampleSize, resultBuffer) {
-                                       super(parameterPositions, sampleValues, sampleSize, resultBuffer);
-                               }
-
-                               interpolate_(i1, t0, t, t1) {
-                                       const result = this.resultBuffer,
-                                               values = this.sampleValues,
-                                               stride = this.valueSize,
-                                               offset1 = i1 * stride,
-                                               offset0 = offset1 - stride,
-                                               weight1 = (t - t0) / (t1 - t0),
-                                               weight0 = 1 - weight1;
-
-                                       for (let i = 0; i !== stride; ++i) {
-                                               result[i] = values[offset0 + i] * weight0 + values[offset1 + i] * weight1;
-                                       }
-
-                                       return result;
-                               }
-
-                       }
-
-                       /**
-                        *
-                        * Interpolant that evaluates to the sample value at the position preceeding
-                        * the parameter.
-                        */
-
-                       class DiscreteInterpolant extends Interpolant {
-                               constructor(parameterPositions, sampleValues, sampleSize, resultBuffer) {
-                                       super(parameterPositions, sampleValues, sampleSize, resultBuffer);
-                               }
-
-                               interpolate_(i1
-                                                        /*, t0, t, t1 */
-                               ) {
-                                       return this.copySampleValue_(i1 - 1);
-                               }
-
-                       }
-
-                       class KeyframeTrack {
-                               constructor(name, times, values, interpolation) {
-                                       if (name === undefined) throw new Error('THREE.KeyframeTrack: track name is undefined');
-                                       if (times === undefined || times.length === 0) throw new Error('THREE.KeyframeTrack: no keyframes in track named ' + name);
-                                       this.name = name;
-                                       this.times = AnimationUtils.convertArray(times, this.TimeBufferType);
-                                       this.values = AnimationUtils.convertArray(values, this.ValueBufferType);
-                                       this.setInterpolation(interpolation || this.DefaultInterpolation);
-                               } // Serialization (in static context, because of constructor invocation
-                               // and automatic invocation of .toJSON):
-
-
-                               static toJSON(track) {
-                                       const trackType = track.constructor;
-                                       let json; // derived classes can define a static toJSON method
-
-                                       if (trackType.toJSON !== this.toJSON) {
-                                               json = trackType.toJSON(track);
-                                       } else {
-                                               // by default, we assume the data can be serialized as-is
-                                               json = {
-                                                       'name': track.name,
-                                                       'times': AnimationUtils.convertArray(track.times, Array),
-                                                       'values': AnimationUtils.convertArray(track.values, Array)
-                                               };
-                                               const interpolation = track.getInterpolation();
-
-                                               if (interpolation !== track.DefaultInterpolation) {
-                                                       json.interpolation = interpolation;
-                                               }
-                                       }
-
-                                       json.type = track.ValueTypeName; // mandatory
-
-                                       return json;
-                               }
-
-                               InterpolantFactoryMethodDiscrete(result) {
-                                       return new DiscreteInterpolant(this.times, this.values, this.getValueSize(), result);
-                               }
-
-                               InterpolantFactoryMethodLinear(result) {
-                                       return new LinearInterpolant(this.times, this.values, this.getValueSize(), result);
-                               }
-
-                               InterpolantFactoryMethodSmooth(result) {
-                                       return new CubicInterpolant(this.times, this.values, this.getValueSize(), result);
-                               }
-
-                               setInterpolation(interpolation) {
-                                       let factoryMethod;
-
-                                       switch (interpolation) {
-                                               case InterpolateDiscrete:
-                                                       factoryMethod = this.InterpolantFactoryMethodDiscrete;
-                                                       break;
-
-                                               case InterpolateLinear:
-                                                       factoryMethod = this.InterpolantFactoryMethodLinear;
-                                                       break;
-
-                                               case InterpolateSmooth:
-                                                       factoryMethod = this.InterpolantFactoryMethodSmooth;
-                                                       break;
-                                       }
-
-                                       if (factoryMethod === undefined) {
-                                               const message = 'unsupported interpolation for ' + this.ValueTypeName + ' keyframe track named ' + this.name;
-
-                                               if (this.createInterpolant === undefined) {
-                                                       // fall back to default, unless the default itself is messed up
-                                                       if (interpolation !== this.DefaultInterpolation) {
-                                                               this.setInterpolation(this.DefaultInterpolation);
-                                                       } else {
-                                                               throw new Error(message); // fatal, in this case
-                                                       }
-                                               }
-
-                                               console.warn('THREE.KeyframeTrack:', message);
-                                               return this;
-                                       }
-
-                                       this.createInterpolant = factoryMethod;
-                                       return this;
-                               }
-
-                               getInterpolation() {
-                                       switch (this.createInterpolant) {
-                                               case this.InterpolantFactoryMethodDiscrete:
-                                                       return InterpolateDiscrete;
-
-                                               case this.InterpolantFactoryMethodLinear:
-                                                       return InterpolateLinear;
-
-                                               case this.InterpolantFactoryMethodSmooth:
-                                                       return InterpolateSmooth;
-                                       }
-                               }
-
-                               getValueSize() {
-                                       return this.values.length / this.times.length;
-                               } // move all keyframes either forwards or backwards in time
-
-
-                               shift(timeOffset) {
-                                       if (timeOffset !== 0.0) {
-                                               const times = this.times;
-
-                                               for (let i = 0, n = times.length; i !== n; ++i) {
-                                                       times[i] += timeOffset;
-                                               }
-                                       }
-
-                                       return this;
-                               } // scale all keyframe times by a factor (useful for frame <-> seconds conversions)
-
-
-                               scale(timeScale) {
-                                       if (timeScale !== 1.0) {
-                                               const times = this.times;
-
-                                               for (let i = 0, n = times.length; i !== n; ++i) {
-                                                       times[i] *= timeScale;
-                                               }
-                                       }
-
-                                       return this;
-                               } // removes keyframes before and after animation without changing any values within the range [startTime, endTime].
-                               // IMPORTANT: We do not shift around keys to the start of the track time, because for interpolated keys this will change their values
-
-
-                               trim(startTime, endTime) {
-                                       const times = this.times,
-                                               nKeys = times.length;
-                                       let from = 0,
-                                               to = nKeys - 1;
-
-                                       while (from !== nKeys && times[from] < startTime) {
-                                               ++from;
-                                       }
-
-                                       while (to !== -1 && times[to] > endTime) {
-                                               --to;
-                                       }
-
-                                       ++to; // inclusive -> exclusive bound
-
-                                       if (from !== 0 || to !== nKeys) {
-                                               // empty tracks are forbidden, so keep at least one keyframe
-                                               if (from >= to) {
-                                                       to = Math.max(to, 1);
-                                                       from = to - 1;
-                                               }
-
-                                               const stride = this.getValueSize();
-                                               this.times = AnimationUtils.arraySlice(times, from, to);
-                                               this.values = AnimationUtils.arraySlice(this.values, from * stride, to * stride);
-                                       }
-
-                                       return this;
-                               } // ensure we do not get a GarbageInGarbageOut situation, make sure tracks are at least minimally viable
-
-
-                               validate() {
-                                       let valid = true;
-                                       const valueSize = this.getValueSize();
-
-                                       if (valueSize - Math.floor(valueSize) !== 0) {
-                                               console.error('THREE.KeyframeTrack: Invalid value size in track.', this);
-                                               valid = false;
-                                       }
-
-                                       const times = this.times,
-                                               values = this.values,
-                                               nKeys = times.length;
-
-                                       if (nKeys === 0) {
-                                               console.error('THREE.KeyframeTrack: Track is empty.', this);
-                                               valid = false;
-                                       }
-
-                                       let prevTime = null;
-
-                                       for (let i = 0; i !== nKeys; i++) {
-                                               const currTime = times[i];
-
-                                               if (typeof currTime === 'number' && isNaN(currTime)) {
-                                                       console.error('THREE.KeyframeTrack: Time is not a valid number.', this, i, currTime);
-                                                       valid = false;
-                                                       break;
-                                               }
-
-                                               if (prevTime !== null && prevTime > currTime) {
-                                                       console.error('THREE.KeyframeTrack: Out of order keys.', this, i, currTime, prevTime);
-                                                       valid = false;
-                                                       break;
-                                               }
-
-                                               prevTime = currTime;
-                                       }
-
-                                       if (values !== undefined) {
-                                               if (AnimationUtils.isTypedArray(values)) {
-                                                       for (let i = 0, n = values.length; i !== n; ++i) {
-                                                               const value = values[i];
-
-                                                               if (isNaN(value)) {
-                                                                       console.error('THREE.KeyframeTrack: Value is not a valid number.', this, i, value);
-                                                                       valid = false;
-                                                                       break;
-                                                               }
-                                                       }
-                                               }
-                                       }
-
-                                       return valid;
-                               } // removes equivalent sequential keys as common in morph target sequences
-                               // (0,0,0,0,1,1,1,0,0,0,0,0,0,0) --> (0,0,1,1,0,0)
-
-
-                               optimize() {
-                                       // times or values may be shared with other tracks, so overwriting is unsafe
-                                       const times = AnimationUtils.arraySlice(this.times),
-                                               values = AnimationUtils.arraySlice(this.values),
-                                               stride = this.getValueSize(),
-                                               smoothInterpolation = this.getInterpolation() === InterpolateSmooth,
-                                               lastIndex = times.length - 1;
-                                       let writeIndex = 1;
-
-                                       for (let i = 1; i < lastIndex; ++i) {
-                                               let keep = false;
-                                               const time = times[i];
-                                               const timeNext = times[i + 1]; // remove adjacent keyframes scheduled at the same time
-
-                                               if (time !== timeNext && (i !== 1 || time !== times[0])) {
-                                                       if (!smoothInterpolation) {
-                                                               // remove unnecessary keyframes same as their neighbors
-                                                               const offset = i * stride,
-                                                                       offsetP = offset - stride,
-                                                                       offsetN = offset + stride;
-
-                                                               for (let j = 0; j !== stride; ++j) {
-                                                                       const value = values[offset + j];
-
-                                                                       if (value !== values[offsetP + j] || value !== values[offsetN + j]) {
-                                                                               keep = true;
-                                                                               break;
-                                                                       }
-                                                               }
-                                                       } else {
-                                                               keep = true;
-                                                       }
-                                               } // in-place compaction
-
-
-                                               if (keep) {
-                                                       if (i !== writeIndex) {
-                                                               times[writeIndex] = times[i];
-                                                               const readOffset = i * stride,
-                                                                       writeOffset = writeIndex * stride;
-
-                                                               for (let j = 0; j !== stride; ++j) {
-                                                                       values[writeOffset + j] = values[readOffset + j];
-                                                               }
-                                                       }
-
-                                                       ++writeIndex;
-                                               }
-                                       } // flush last keyframe (compaction looks ahead)
-
-
-                                       if (lastIndex > 0) {
-                                               times[writeIndex] = times[lastIndex];
-
-                                               for (let readOffset = lastIndex * stride, writeOffset = writeIndex * stride, j = 0; j !== stride; ++j) {
-                                                       values[writeOffset + j] = values[readOffset + j];
-                                               }
-
-                                               ++writeIndex;
-                                       }
-
-                                       if (writeIndex !== times.length) {
-                                               this.times = AnimationUtils.arraySlice(times, 0, writeIndex);
-                                               this.values = AnimationUtils.arraySlice(values, 0, writeIndex * stride);
-                                       } else {
-                                               this.times = times;
-                                               this.values = values;
-                                       }
-
-                                       return this;
-                               }
-
-                               clone() {
-                                       const times = AnimationUtils.arraySlice(this.times, 0);
-                                       const values = AnimationUtils.arraySlice(this.values, 0);
-                                       const TypedKeyframeTrack = this.constructor;
-                                       const track = new TypedKeyframeTrack(this.name, times, values); // Interpolant argument to constructor is not saved, so copy the factory method directly.
-
-                                       track.createInterpolant = this.createInterpolant;
-                                       return track;
-                               }
-
-                       }
-
-                       KeyframeTrack.prototype.TimeBufferType = Float32Array;
-                       KeyframeTrack.prototype.ValueBufferType = Float32Array;
-                       KeyframeTrack.prototype.DefaultInterpolation = InterpolateLinear;
-
-                       /**
-                        * A Track of Boolean keyframe values.
-                        */
-
-                       class BooleanKeyframeTrack extends KeyframeTrack {
-                       }
-
-                       BooleanKeyframeTrack.prototype.ValueTypeName = 'bool';
-                       BooleanKeyframeTrack.prototype.ValueBufferType = Array;
-                       BooleanKeyframeTrack.prototype.DefaultInterpolation = InterpolateDiscrete;
-                       BooleanKeyframeTrack.prototype.InterpolantFactoryMethodLinear = undefined;
-                       BooleanKeyframeTrack.prototype.InterpolantFactoryMethodSmooth = undefined; // Note: Actually this track could have a optimized / compressed
-
-                       /**
-                        * A Track of keyframe values that represent color.
-                        */
-
-                       class ColorKeyframeTrack extends KeyframeTrack {
-                       }
-
-                       ColorKeyframeTrack.prototype.ValueTypeName = 'color'; // ValueBufferType is inherited
-
-                       /**
-                        * A Track of numeric keyframe values.
-                        */
-
-                       class NumberKeyframeTrack extends KeyframeTrack {
-                       }
-
-                       NumberKeyframeTrack.prototype.ValueTypeName = 'number'; // ValueBufferType is inherited
-
-                       /**
-                        * Spherical linear unit quaternion interpolant.
-                        */
-
-                       class QuaternionLinearInterpolant extends Interpolant {
-                               constructor(parameterPositions, sampleValues, sampleSize, resultBuffer) {
-                                       super(parameterPositions, sampleValues, sampleSize, resultBuffer);
-                               }
-
-                               interpolate_(i1, t0, t, t1) {
-                                       const result = this.resultBuffer,
-                                               values = this.sampleValues,
-                                               stride = this.valueSize,
-                                               alpha = (t - t0) / (t1 - t0);
-                                       let offset = i1 * stride;
-
-                                       for (let end = offset + stride; offset !== end; offset += 4) {
-                                               Quaternion.slerpFlat(result, 0, values, offset - stride, values, offset, alpha);
-                                       }
-
-                                       return result;
-                               }
-
-                       }
-
-                       /**
-                        * A Track of quaternion keyframe values.
-                        */
-
-                       class QuaternionKeyframeTrack extends KeyframeTrack {
-                               InterpolantFactoryMethodLinear(result) {
-                                       return new QuaternionLinearInterpolant(this.times, this.values, this.getValueSize(), result);
-                               }
-
-                       }
-
-                       QuaternionKeyframeTrack.prototype.ValueTypeName = 'quaternion'; // ValueBufferType is inherited
-
-                       QuaternionKeyframeTrack.prototype.DefaultInterpolation = InterpolateLinear;
-                       QuaternionKeyframeTrack.prototype.InterpolantFactoryMethodSmooth = undefined;
-
-                       /**
-                        * A Track that interpolates Strings
-                        */
-
-                       class StringKeyframeTrack extends KeyframeTrack {
-                       }
-
-                       StringKeyframeTrack.prototype.ValueTypeName = 'string';
-                       StringKeyframeTrack.prototype.ValueBufferType = Array;
-                       StringKeyframeTrack.prototype.DefaultInterpolation = InterpolateDiscrete;
-                       StringKeyframeTrack.prototype.InterpolantFactoryMethodLinear = undefined;
-                       StringKeyframeTrack.prototype.InterpolantFactoryMethodSmooth = undefined;
-
-                       /**
-                        * A Track of vectored keyframe values.
-                        */
-
-                       class VectorKeyframeTrack extends KeyframeTrack {
-                       }
-
-                       VectorKeyframeTrack.prototype.ValueTypeName = 'vector'; // ValueBufferType is inherited
-
-                       class AnimationClip {
-                               constructor(name, duration = -1, tracks, blendMode = NormalAnimationBlendMode) {
-                                       this.name = name;
-                                       this.tracks = tracks;
-                                       this.duration = duration;
-                                       this.blendMode = blendMode;
-                                       this.uuid = generateUUID(); // this means it should figure out its duration by scanning the tracks
-
-                                       if (this.duration < 0) {
-                                               this.resetDuration();
-                                       }
-                               }
-
-                               static parse(json) {
-                                       const tracks = [],
-                                               jsonTracks = json.tracks,
-                                               frameTime = 1.0 / (json.fps || 1.0);
-
-                                       for (let i = 0, n = jsonTracks.length; i !== n; ++i) {
-                                               tracks.push(parseKeyframeTrack(jsonTracks[i]).scale(frameTime));
-                                       }
-
-                                       const clip = new this(json.name, json.duration, tracks, json.blendMode);
-                                       clip.uuid = json.uuid;
-                                       return clip;
-                               }
-
-                               static toJSON(clip) {
-                                       const tracks = [],
-                                               clipTracks = clip.tracks;
-                                       const json = {
-                                               'name': clip.name,
-                                               'duration': clip.duration,
-                                               'tracks': tracks,
-                                               'uuid': clip.uuid,
-                                               'blendMode': clip.blendMode
-                                       };
-
-                                       for (let i = 0, n = clipTracks.length; i !== n; ++i) {
-                                               tracks.push(KeyframeTrack.toJSON(clipTracks[i]));
-                                       }
-
-                                       return json;
-                               }
-
-                               static CreateFromMorphTargetSequence(name, morphTargetSequence, fps, noLoop) {
-                                       const numMorphTargets = morphTargetSequence.length;
-                                       const tracks = [];
-
-                                       for (let i = 0; i < numMorphTargets; i++) {
-                                               let times = [];
-                                               let values = [];
-                                               times.push((i + numMorphTargets - 1) % numMorphTargets, i, (i + 1) % numMorphTargets);
-                                               values.push(0, 1, 0);
-                                               const order = AnimationUtils.getKeyframeOrder(times);
-                                               times = AnimationUtils.sortedArray(times, 1, order);
-                                               values = AnimationUtils.sortedArray(values, 1, order); // if there is a key at the first frame, duplicate it as the
-                                               // last frame as well for perfect loop.
-
-                                               if (!noLoop && times[0] === 0) {
-                                                       times.push(numMorphTargets);
-                                                       values.push(values[0]);
-                                               }
-
-                                               tracks.push(new NumberKeyframeTrack('.morphTargetInfluences[' + morphTargetSequence[i].name + ']', times, values).scale(1.0 / fps));
-                                       }
-
-                                       return new this(name, -1, tracks);
-                               }
-
-                               static findByName(objectOrClipArray, name) {
-                                       let clipArray = objectOrClipArray;
-
-                                       if (!Array.isArray(objectOrClipArray)) {
-                                               const o = objectOrClipArray;
-                                               clipArray = o.geometry && o.geometry.animations || o.animations;
-                                       }
-
-                                       for (let i = 0; i < clipArray.length; i++) {
-                                               if (clipArray[i].name === name) {
-                                                       return clipArray[i];
-                                               }
-                                       }
-
-                                       return null;
-                               }
-
-                               static CreateClipsFromMorphTargetSequences(morphTargets, fps, noLoop) {
-                                       const animationToMorphTargets = {}; // tested with https://regex101.com/ on trick sequences
-                                       // such flamingo_flyA_003, flamingo_run1_003, crdeath0059
-
-                                       const pattern = /^([\w-]*?)([\d]+)$/; // sort morph target names into animation groups based
-                                       // patterns like Walk_001, Walk_002, Run_001, Run_002
-
-                                       for (let i = 0, il = morphTargets.length; i < il; i++) {
-                                               const morphTarget = morphTargets[i];
-                                               const parts = morphTarget.name.match(pattern);
-
-                                               if (parts && parts.length > 1) {
-                                                       const name = parts[1];
-                                                       let animationMorphTargets = animationToMorphTargets[name];
-
-                                                       if (!animationMorphTargets) {
-                                                               animationToMorphTargets[name] = animationMorphTargets = [];
-                                                       }
-
-                                                       animationMorphTargets.push(morphTarget);
-                                               }
-                                       }
-
-                                       const clips = [];
-
-                                       for (const name in animationToMorphTargets) {
-                                               clips.push(this.CreateFromMorphTargetSequence(name, animationToMorphTargets[name], fps, noLoop));
-                                       }
-
-                                       return clips;
-                               } // parse the animation.hierarchy format
-
-
-                               static parseAnimation(animation, bones) {
-                                       if (!animation) {
-                                               console.error('THREE.AnimationClip: No animation in JSONLoader data.');
-                                               return null;
-                                       }
-
-                                       const addNonemptyTrack = function (trackType, trackName, animationKeys, propertyName, destTracks) {
-                                               // only return track if there are actually keys.
-                                               if (animationKeys.length !== 0) {
-                                                       const times = [];
-                                                       const values = [];
-                                                       AnimationUtils.flattenJSON(animationKeys, times, values, propertyName); // empty keys are filtered out, so check again
-
-                                                       if (times.length !== 0) {
-                                                               destTracks.push(new trackType(trackName, times, values));
-                                                       }
-                                               }
-                                       };
-
-                                       const tracks = [];
-                                       const clipName = animation.name || 'default';
-                                       const fps = animation.fps || 30;
-                                       const blendMode = animation.blendMode; // automatic length determination in AnimationClip.
-
-                                       let duration = animation.length || -1;
-                                       const hierarchyTracks = animation.hierarchy || [];
-
-                                       for (let h = 0; h < hierarchyTracks.length; h++) {
-                                               const animationKeys = hierarchyTracks[h].keys; // skip empty tracks
-
-                                               if (!animationKeys || animationKeys.length === 0) continue; // process morph targets
-
-                                               if (animationKeys[0].morphTargets) {
-                                                       // figure out all morph targets used in this track
-                                                       const morphTargetNames = {};
-                                                       let k;
-
-                                                       for (k = 0; k < animationKeys.length; k++) {
-                                                               if (animationKeys[k].morphTargets) {
-                                                                       for (let m = 0; m < animationKeys[k].morphTargets.length; m++) {
-                                                                               morphTargetNames[animationKeys[k].morphTargets[m]] = -1;
-                                                                       }
-                                                               }
-                                                       } // create a track for each morph target with all zero
-                                                       // morphTargetInfluences except for the keys in which
-                                                       // the morphTarget is named.
-
-
-                                                       for (const morphTargetName in morphTargetNames) {
-                                                               const times = [];
-                                                               const values = [];
-
-                                                               for (let m = 0; m !== animationKeys[k].morphTargets.length; ++m) {
-                                                                       const animationKey = animationKeys[k];
-                                                                       times.push(animationKey.time);
-                                                                       values.push(animationKey.morphTarget === morphTargetName ? 1 : 0);
-                                                               }
-
-                                                               tracks.push(new NumberKeyframeTrack('.morphTargetInfluence[' + morphTargetName + ']', times, values));
-                                                       }
-
-                                                       duration = morphTargetNames.length * (fps || 1.0);
-                                               } else {
-                                                       // ...assume skeletal animation
-                                                       const boneName = '.bones[' + bones[h].name + ']';
-                                                       addNonemptyTrack(VectorKeyframeTrack, boneName + '.position', animationKeys, 'pos', tracks);
-                                                       addNonemptyTrack(QuaternionKeyframeTrack, boneName + '.quaternion', animationKeys, 'rot', tracks);
-                                                       addNonemptyTrack(VectorKeyframeTrack, boneName + '.scale', animationKeys, 'scl', tracks);
-                                               }
-                                       }
-
-                                       if (tracks.length === 0) {
-                                               return null;
-                                       }
-
-                                       const clip = new this(clipName, duration, tracks, blendMode);
-                                       return clip;
-                               }
-
-                               resetDuration() {
-                                       const tracks = this.tracks;
-                                       let duration = 0;
-
-                                       for (let i = 0, n = tracks.length; i !== n; ++i) {
-                                               const track = this.tracks[i];
-                                               duration = Math.max(duration, track.times[track.times.length - 1]);
-                                       }
-
-                                       this.duration = duration;
-                                       return this;
-                               }
-
-                               trim() {
-                                       for (let i = 0; i < this.tracks.length; i++) {
-                                               this.tracks[i].trim(0, this.duration);
-                                       }
-
-                                       return this;
-                               }
-
-                               validate() {
-                                       let valid = true;
-
-                                       for (let i = 0; i < this.tracks.length; i++) {
-                                               valid = valid && this.tracks[i].validate();
-                                       }
-
-                                       return valid;
-                               }
-
-                               optimize() {
-                                       for (let i = 0; i < this.tracks.length; i++) {
-                                               this.tracks[i].optimize();
-                                       }
-
-                                       return this;
-                               }
-
-                               clone() {
-                                       const tracks = [];
-
-                                       for (let i = 0; i < this.tracks.length; i++) {
-                                               tracks.push(this.tracks[i].clone());
-                                       }
-
-                                       return new this.constructor(this.name, this.duration, tracks, this.blendMode);
-                               }
-
-                               toJSON() {
-                                       return this.constructor.toJSON(this);
-                               }
-
-                       }
-
-                       function getTrackTypeForValueTypeName(typeName) {
-                               switch (typeName.toLowerCase()) {
-                                       case 'scalar':
-                                       case 'double':
-                                       case 'float':
-                                       case 'number':
-                                       case 'integer':
-                                               return NumberKeyframeTrack;
-
-                                       case 'vector':
-                                       case 'vector2':
-                                       case 'vector3':
-                                       case 'vector4':
-                                               return VectorKeyframeTrack;
-
-                                       case 'color':
-                                               return ColorKeyframeTrack;
-
-                                       case 'quaternion':
-                                               return QuaternionKeyframeTrack;
-
-                                       case 'bool':
-                                       case 'boolean':
-                                               return BooleanKeyframeTrack;
-
-                                       case 'string':
-                                               return StringKeyframeTrack;
-                               }
-
-                               throw new Error('THREE.KeyframeTrack: Unsupported typeName: ' + typeName);
-                       }
-
-                       function parseKeyframeTrack(json) {
-                               if (json.type === undefined) {
-                                       throw new Error('THREE.KeyframeTrack: track type undefined, can not parse');
-                               }
-
-                               const trackType = getTrackTypeForValueTypeName(json.type);
-
-                               if (json.times === undefined) {
-                                       const times = [],
-                                               values = [];
-                                       AnimationUtils.flattenJSON(json.keys, times, values, 'value');
-                                       json.times = times;
-                                       json.values = values;
-                               } // derived classes can define a static parse method
-
-
-                               if (trackType.parse !== undefined) {
-                                       return trackType.parse(json);
-                               } else {
-                                       // by default, we assume a constructor compatible with the base
-                                       return new trackType(json.name, json.times, json.values, json.interpolation);
-                               }
-                       }
-
-                       const Cache = {
-                               enabled: false,
-                               files: {},
-                               add: function (key, file) {
-                                       if (this.enabled === false) return; // console.log( 'THREE.Cache', 'Adding key:', key );
-
-                                       this.files[key] = file;
-                               },
-                               get: function (key) {
-                                       if (this.enabled === false) return; // console.log( 'THREE.Cache', 'Checking key:', key );
-
-                                       return this.files[key];
-                               },
-                               remove: function (key) {
-                                       delete this.files[key];
-                               },
-                               clear: function () {
-                                       this.files = {};
-                               }
-                       };
-
-                       class LoadingManager {
-                               constructor(onLoad, onProgress, onError) {
-                                       const scope = this;
-                                       let isLoading = false;
-                                       let itemsLoaded = 0;
-                                       let itemsTotal = 0;
-                                       let urlModifier = undefined;
-                                       const handlers = []; // Refer to #5689 for the reason why we don't set .onStart
-                                       // in the constructor
-
-                                       this.onStart = undefined;
-                                       this.onLoad = onLoad;
-                                       this.onProgress = onProgress;
-                                       this.onError = onError;
-
-                                       this.itemStart = function (url) {
-                                               itemsTotal++;
-
-                                               if (isLoading === false) {
-                                                       if (scope.onStart !== undefined) {
-                                                               scope.onStart(url, itemsLoaded, itemsTotal);
-                                                       }
-                                               }
-
-                                               isLoading = true;
-                                       };
-
-                                       this.itemEnd = function (url) {
-                                               itemsLoaded++;
-
-                                               if (scope.onProgress !== undefined) {
-                                                       scope.onProgress(url, itemsLoaded, itemsTotal);
-                                               }
-
-                                               if (itemsLoaded === itemsTotal) {
-                                                       isLoading = false;
-
-                                                       if (scope.onLoad !== undefined) {
-                                                               scope.onLoad();
-                                                       }
-                                               }
-                                       };
-
-                                       this.itemError = function (url) {
-                                               if (scope.onError !== undefined) {
-                                                       scope.onError(url);
-                                               }
-                                       };
-
-                                       this.resolveURL = function (url) {
-                                               if (urlModifier) {
-                                                       return urlModifier(url);
-                                               }
-
-                                               return url;
-                                       };
-
-                                       this.setURLModifier = function (transform) {
-                                               urlModifier = transform;
-                                               return this;
-                                       };
-
-                                       this.addHandler = function (regex, loader) {
-                                               handlers.push(regex, loader);
-                                               return this;
-                                       };
-
-                                       this.removeHandler = function (regex) {
-                                               const index = handlers.indexOf(regex);
-
-                                               if (index !== -1) {
-                                                       handlers.splice(index, 2);
-                                               }
-
-                                               return this;
-                                       };
-
-                                       this.getHandler = function (file) {
-                                               for (let i = 0, l = handlers.length; i < l; i += 2) {
-                                                       const regex = handlers[i];
-                                                       const loader = handlers[i + 1];
-                                                       if (regex.global) regex.lastIndex = 0; // see #17920
-
-                                                       if (regex.test(file)) {
-                                                               return loader;
-                                                       }
-                                               }
-
-                                               return null;
-                                       };
-                               }
-
-                       }
-
-                       const DefaultLoadingManager = new LoadingManager();
-
-                       class Loader {
-                               constructor(manager) {
-                                       this.manager = manager !== undefined ? manager : DefaultLoadingManager;
-                                       this.crossOrigin = 'anonymous';
-                                       this.withCredentials = false;
-                                       this.path = '';
-                                       this.resourcePath = '';
-                                       this.requestHeader = {};
-                               }
-
-                               load() {
-                               }
-
-                               loadAsync(url, onProgress) {
-                                       const scope = this;
-                                       return new Promise(function (resolve, reject) {
-                                               scope.load(url, resolve, onProgress, reject);
-                                       });
-                               }
-
-                               parse() {
-                               }
-
-                               setCrossOrigin(crossOrigin) {
-                                       this.crossOrigin = crossOrigin;
-                                       return this;
-                               }
-
-                               setWithCredentials(value) {
-                                       this.withCredentials = value;
-                                       return this;
-                               }
-
-                               setPath(path) {
-                                       this.path = path;
-                                       return this;
-                               }
-
-                               setResourcePath(resourcePath) {
-                                       this.resourcePath = resourcePath;
-                                       return this;
-                               }
-
-                               setRequestHeader(requestHeader) {
-                                       this.requestHeader = requestHeader;
-                                       return this;
-                               }
-
-                       }
-
-                       const loading = {};
-
-                       class FileLoader extends Loader {
-                               constructor(manager) {
-                                       super(manager);
-                               }
-
-                               load(url, onLoad, onProgress, onError) {
-                                       if (url === undefined) url = '';
-                                       if (this.path !== undefined) url = this.path + url;
-                                       url = this.manager.resolveURL(url);
-                                       const scope = this;
-                                       const cached = Cache.get(url);
-
-                                       if (cached !== undefined) {
-                                               scope.manager.itemStart(url);
-                                               setTimeout(function () {
-                                                       if (onLoad) onLoad(cached);
-                                                       scope.manager.itemEnd(url);
-                                               }, 0);
-                                               return cached;
-                                       } // Check if request is duplicate
-
-
-                                       if (loading[url] !== undefined) {
-                                               loading[url].push({
-                                                       onLoad: onLoad,
-                                                       onProgress: onProgress,
-                                                       onError: onError
-                                               });
-                                               return;
-                                       } // Check for data: URI
-
-
-                                       const dataUriRegex = /^data:(.*?)(;base64)?,(.*)$/;
-                                       const dataUriRegexResult = url.match(dataUriRegex);
-                                       let request; // Safari can not handle Data URIs through XMLHttpRequest so process manually
-
-                                       if (dataUriRegexResult) {
-                                               const mimeType = dataUriRegexResult[1];
-                                               const isBase64 = !!dataUriRegexResult[2];
-                                               let data = dataUriRegexResult[3];
-                                               data = decodeURIComponent(data);
-                                               if (isBase64) data = atob(data);
-
-                                               try {
-                                                       let response;
-                                                       const responseType = (this.responseType || '').toLowerCase();
-
-                                                       switch (responseType) {
-                                                               case 'arraybuffer':
-                                                               case 'blob':
-                                                                       const view = new Uint8Array(data.length);
-
-                                                                       for (let i = 0; i < data.length; i++) {
-                                                                               view[i] = data.charCodeAt(i);
-                                                                       }
-
-                                                                       if (responseType === 'blob') {
-                                                                               response = new Blob([view.buffer], {
-                                                                                       type: mimeType
-                                                                               });
-                                                                       } else {
-                                                                               response = view.buffer;
-                                                                       }
-
-                                                                       break;
-
-                                                               case 'document':
-                                                                       const parser = new DOMParser();
-                                                                       response = parser.parseFromString(data, mimeType);
-                                                                       break;
-
-                                                               case 'json':
-                                                                       response = JSON.parse(data);
-                                                                       break;
-
-                                                               default:
-                                                                       // 'text' or other
-                                                                       response = data;
-                                                                       break;
-                                                       } // Wait for next browser tick like standard XMLHttpRequest event dispatching does
-
-
-                                                       setTimeout(function () {
-                                                               if (onLoad) onLoad(response);
-                                                               scope.manager.itemEnd(url);
-                                                       }, 0);
-                                               } catch (error) {
-                                                       // Wait for next browser tick like standard XMLHttpRequest event dispatching does
-                                                       setTimeout(function () {
-                                                               if (onError) onError(error);
-                                                               scope.manager.itemError(url);
-                                                               scope.manager.itemEnd(url);
-                                                       }, 0);
-                                               }
-                                       } else {
-                                               // Initialise array for duplicate requests
-                                               loading[url] = [];
-                                               loading[url].push({
-                                                       onLoad: onLoad,
-                                                       onProgress: onProgress,
-                                                       onError: onError
-                                               });
-                                               request = new XMLHttpRequest();
-                                               request.open('GET', url, true);
-                                               request.addEventListener('load', function (event) {
-                                                       const response = this.response;
-                                                       const callbacks = loading[url];
-                                                       delete loading[url];
-
-                                                       if (this.status === 200 || this.status === 0) {
-                                                               // Some browsers return HTTP Status 0 when using non-http protocol
-                                                               // e.g. 'file://' or 'data://'. Handle as success.
-                                                               if (this.status === 0) console.warn('THREE.FileLoader: HTTP Status 0 received.'); // Add to cache only on HTTP success, so that we do not cache
-                                                               // error response bodies as proper responses to requests.
-
-                                                               Cache.add(url, response);
-
-                                                               for (let i = 0, il = callbacks.length; i < il; i++) {
-                                                                       const callback = callbacks[i];
-                                                                       if (callback.onLoad) callback.onLoad(response);
-                                                               }
-
-                                                               scope.manager.itemEnd(url);
-                                                       } else {
-                                                               for (let i = 0, il = callbacks.length; i < il; i++) {
-                                                                       const callback = callbacks[i];
-                                                                       if (callback.onError) callback.onError(event);
-                                                               }
-
-                                                               scope.manager.itemError(url);
-                                                               scope.manager.itemEnd(url);
-                                                       }
-                                               }, false);
-                                               request.addEventListener('progress', function (event) {
-                                                       const callbacks = loading[url];
-
-                                                       for (let i = 0, il = callbacks.length; i < il; i++) {
-                                                               const callback = callbacks[i];
-                                                               if (callback.onProgress) callback.onProgress(event);
-                                                       }
-                                               }, false);
-                                               request.addEventListener('error', function (event) {
-                                                       const callbacks = loading[url];
-                                                       delete loading[url];
-
-                                                       for (let i = 0, il = callbacks.length; i < il; i++) {
-                                                               const callback = callbacks[i];
-                                                               if (callback.onError) callback.onError(event);
-                                                       }
-
-                                                       scope.manager.itemError(url);
-                                                       scope.manager.itemEnd(url);
-                                               }, false);
-                                               request.addEventListener('abort', function (event) {
-                                                       const callbacks = loading[url];
-                                                       delete loading[url];
-
-                                                       for (let i = 0, il = callbacks.length; i < il; i++) {
-                                                               const callback = callbacks[i];
-                                                               if (callback.onError) callback.onError(event);
-                                                       }
-
-                                                       scope.manager.itemError(url);
-                                                       scope.manager.itemEnd(url);
-                                               }, false);
-                                               if (this.responseType !== undefined) request.responseType = this.responseType;
-                                               if (this.withCredentials !== undefined) request.withCredentials = this.withCredentials;
-                                               if (request.overrideMimeType) request.overrideMimeType(this.mimeType !== undefined ? this.mimeType : 'text/plain');
-
-                                               for (const header in this.requestHeader) {
-                                                       request.setRequestHeader(header, this.requestHeader[header]);
-                                               }
-
-                                               request.send(null);
-                                       }
-
-                                       scope.manager.itemStart(url);
-                                       return request;
-                               }
-
-                               setResponseType(value) {
-                                       this.responseType = value;
-                                       return this;
-                               }
-
-                               setMimeType(value) {
-                                       this.mimeType = value;
-                                       return this;
-                               }
-
-                       }
-
-                       class AnimationLoader extends Loader {
-                               constructor(manager) {
-                                       super(manager);
-                               }
-
-                               load(url, onLoad, onProgress, onError) {
-                                       const scope = this;
-                                       const loader = new FileLoader(this.manager);
-                                       loader.setPath(this.path);
-                                       loader.setRequestHeader(this.requestHeader);
-                                       loader.setWithCredentials(this.withCredentials);
-                                       loader.load(url, function (text) {
-                                               try {
-                                                       onLoad(scope.parse(JSON.parse(text)));
-                                               } catch (e) {
-                                                       if (onError) {
-                                                               onError(e);
-                                                       } else {
-                                                               console.error(e);
-                                                       }
-
-                                                       scope.manager.itemError(url);
-                                               }
-                                       }, onProgress, onError);
-                               }
-
-                               parse(json) {
-                                       const animations = [];
-
-                                       for (let i = 0; i < json.length; i++) {
-                                               const clip = AnimationClip.parse(json[i]);
-                                               animations.push(clip);
-                                       }
-
-                                       return animations;
-                               }
-
-                       }
-
-                       /**
-                        * Abstract Base class to block based textures loader (dds, pvr, ...)
-                        *
-                        * Sub classes have to implement the parse() method which will be used in load().
-                        */
-
-                       class CompressedTextureLoader extends Loader {
-                               constructor(manager) {
-                                       super(manager);
-                               }
-
-                               load(url, onLoad, onProgress, onError) {
-                                       const scope = this;
-                                       const images = [];
-                                       const texture = new CompressedTexture();
-                                       const loader = new FileLoader(this.manager);
-                                       loader.setPath(this.path);
-                                       loader.setResponseType('arraybuffer');
-                                       loader.setRequestHeader(this.requestHeader);
-                                       loader.setWithCredentials(scope.withCredentials);
-                                       let loaded = 0;
-
-                                       function loadTexture(i) {
-                                               loader.load(url[i], function (buffer) {
-                                                       const texDatas = scope.parse(buffer, true);
-                                                       images[i] = {
-                                                               width: texDatas.width,
-                                                               height: texDatas.height,
-                                                               format: texDatas.format,
-                                                               mipmaps: texDatas.mipmaps
-                                                       };
-                                                       loaded += 1;
-
-                                                       if (loaded === 6) {
-                                                               if (texDatas.mipmapCount === 1) texture.minFilter = LinearFilter;
-                                                               texture.image = images;
-                                                               texture.format = texDatas.format;
-                                                               texture.needsUpdate = true;
-                                                               if (onLoad) onLoad(texture);
-                                                       }
-                                               }, onProgress, onError);
-                                       }
-
-                                       if (Array.isArray(url)) {
-                                               for (let i = 0, il = url.length; i < il; ++i) {
-                                                       loadTexture(i);
-                                               }
-                                       } else {
-                                               // compressed cubemap texture stored in a single DDS file
-                                               loader.load(url, function (buffer) {
-                                                       const texDatas = scope.parse(buffer, true);
-
-                                                       if (texDatas.isCubemap) {
-                                                               const faces = texDatas.mipmaps.length / texDatas.mipmapCount;
-
-                                                               for (let f = 0; f < faces; f++) {
-                                                                       images[f] = {
-                                                                               mipmaps: []
-                                                                       };
-
-                                                                       for (let i = 0; i < texDatas.mipmapCount; i++) {
-                                                                               images[f].mipmaps.push(texDatas.mipmaps[f * texDatas.mipmapCount + i]);
-                                                                               images[f].format = texDatas.format;
-                                                                               images[f].width = texDatas.width;
-                                                                               images[f].height = texDatas.height;
-                                                                       }
-                                                               }
-
-                                                               texture.image = images;
-                                                       } else {
-                                                               texture.image.width = texDatas.width;
-                                                               texture.image.height = texDatas.height;
-                                                               texture.mipmaps = texDatas.mipmaps;
-                                                       }
-
-                                                       if (texDatas.mipmapCount === 1) {
-                                                               texture.minFilter = LinearFilter;
-                                                       }
-
-                                                       texture.format = texDatas.format;
-                                                       texture.needsUpdate = true;
-                                                       if (onLoad) onLoad(texture);
-                                               }, onProgress, onError);
-                                       }
-
-                                       return texture;
-                               }
-
-                       }
-
-                       class ImageLoader extends Loader {
-                               constructor(manager) {
-                                       super(manager);
-                               }
-
-                               load(url, onLoad, onProgress, onError) {
-                                       if (this.path !== undefined) url = this.path + url;
-                                       url = this.manager.resolveURL(url);
-                                       const scope = this;
-                                       const cached = Cache.get(url);
-
-                                       if (cached !== undefined) {
-                                               scope.manager.itemStart(url);
-                                               setTimeout(function () {
-                                                       if (onLoad) onLoad(cached);
-                                                       scope.manager.itemEnd(url);
-                                               }, 0);
-                                               return cached;
-                                       }
-
-                                       const image = document.createElementNS('http://www.w3.org/1999/xhtml', 'img');
-
-                                       function onImageLoad() {
-                                               image.removeEventListener('load', onImageLoad, false);
-                                               image.removeEventListener('error', onImageError, false);
-                                               Cache.add(url, this);
-                                               if (onLoad) onLoad(this);
-                                               scope.manager.itemEnd(url);
-                                       }
-
-                                       function onImageError(event) {
-                                               image.removeEventListener('load', onImageLoad, false);
-                                               image.removeEventListener('error', onImageError, false);
-                                               if (onError) onError(event);
-                                               scope.manager.itemError(url);
-                                               scope.manager.itemEnd(url);
-                                       }
-
-                                       image.addEventListener('load', onImageLoad, false);
-                                       image.addEventListener('error', onImageError, false);
-
-                                       if (url.substr(0, 5) !== 'data:') {
-                                               if (this.crossOrigin !== undefined) image.crossOrigin = this.crossOrigin;
-                                       }
-
-                                       scope.manager.itemStart(url);
-                                       image.src = url;
-                                       return image;
-                               }
-
-                       }
-
-                       class CubeTextureLoader extends Loader {
-                               constructor(manager) {
-                                       super(manager);
-                               }
-
-                               load(urls, onLoad, onProgress, onError) {
-                                       const texture = new CubeTexture();
-                                       const loader = new ImageLoader(this.manager);
-                                       loader.setCrossOrigin(this.crossOrigin);
-                                       loader.setPath(this.path);
-                                       let loaded = 0;
-
-                                       function loadTexture(i) {
-                                               loader.load(urls[i], function (image) {
-                                                       texture.images[i] = image;
-                                                       loaded++;
-
-                                                       if (loaded === 6) {
-                                                               texture.needsUpdate = true;
-                                                               if (onLoad) onLoad(texture);
-                                                       }
-                                               }, undefined, onError);
-                                       }
-
-                                       for (let i = 0; i < urls.length; ++i) {
-                                               loadTexture(i);
-                                       }
-
-                                       return texture;
-                               }
-
-                       }
-
-                       /**
-                        * Abstract Base class to load generic binary textures formats (rgbe, hdr, ...)
-                        *
-                        * Sub classes have to implement the parse() method which will be used in load().
-                        */
-
-                       class DataTextureLoader extends Loader {
-                               constructor(manager) {
-                                       super(manager);
-                               }
-
-                               load(url, onLoad, onProgress, onError) {
-                                       const scope = this;
-                                       const texture = new DataTexture();
-                                       const loader = new FileLoader(this.manager);
-                                       loader.setResponseType('arraybuffer');
-                                       loader.setRequestHeader(this.requestHeader);
-                                       loader.setPath(this.path);
-                                       loader.setWithCredentials(scope.withCredentials);
-                                       loader.load(url, function (buffer) {
-                                               const texData = scope.parse(buffer);
-                                               if (!texData) return;
-
-                                               if (texData.image !== undefined) {
-                                                       texture.image = texData.image;
-                                               } else if (texData.data !== undefined) {
-                                                       texture.image.width = texData.width;
-                                                       texture.image.height = texData.height;
-                                                       texture.image.data = texData.data;
-                                               }
-
-                                               texture.wrapS = texData.wrapS !== undefined ? texData.wrapS : ClampToEdgeWrapping;
-                                               texture.wrapT = texData.wrapT !== undefined ? texData.wrapT : ClampToEdgeWrapping;
-                                               texture.magFilter = texData.magFilter !== undefined ? texData.magFilter : LinearFilter;
-                                               texture.minFilter = texData.minFilter !== undefined ? texData.minFilter : LinearFilter;
-                                               texture.anisotropy = texData.anisotropy !== undefined ? texData.anisotropy : 1;
-
-                                               if (texData.encoding !== undefined) {
-                                                       texture.encoding = texData.encoding;
-                                               }
-
-                                               if (texData.flipY !== undefined) {
-                                                       texture.flipY = texData.flipY;
-                                               }
-
-                                               if (texData.format !== undefined) {
-                                                       texture.format = texData.format;
-                                               }
-
-                                               if (texData.type !== undefined) {
-                                                       texture.type = texData.type;
-                                               }
-
-                                               if (texData.mipmaps !== undefined) {
-                                                       texture.mipmaps = texData.mipmaps;
-                                                       texture.minFilter = LinearMipmapLinearFilter; // presumably...
-                                               }
-
-                                               if (texData.mipmapCount === 1) {
-                                                       texture.minFilter = LinearFilter;
-                                               }
-
-                                               if (texData.generateMipmaps !== undefined) {
-                                                       texture.generateMipmaps = texData.generateMipmaps;
-                                               }
-
-                                               texture.needsUpdate = true;
-                                               if (onLoad) onLoad(texture, texData);
-                                       }, onProgress, onError);
-                                       return texture;
-                               }
-
-                       }
-
-                       class TextureLoader extends Loader {
-                               constructor(manager) {
-                                       super(manager);
-                               }
-
-                               load(url, onLoad, onProgress, onError) {
-                                       const texture = new Texture();
-                                       const loader = new ImageLoader(this.manager);
-                                       loader.setCrossOrigin(this.crossOrigin);
-                                       loader.setPath(this.path);
-                                       loader.load(url, function (image) {
-                                               texture.image = image; // JPEGs can't have an alpha channel, so memory can be saved by storing them as RGB.
-
-                                               const isJPEG = url.search(/\.jpe?g($|\?)/i) > 0 || url.search(/^data\:image\/jpeg/) === 0;
-                                               texture.format = isJPEG ? RGBFormat : RGBAFormat;
-                                               texture.needsUpdate = true;
-
-                                               if (onLoad !== undefined) {
-                                                       onLoad(texture);
-                                               }
-                                       }, onProgress, onError);
-                                       return texture;
-                               }
-
-                       }
-
-                       /**************************************************************
-                        *      Curved Path - a curve path is simply a array of connected
-                        *      curves, but retains the api of a curve
-                        **************************************************************/
-
-                       class CurvePath extends Curve {
-                               constructor() {
-                                       super();
-                                       this.type = 'CurvePath';
-                                       this.curves = [];
-                                       this.autoClose = false; // Automatically closes the path
-                               }
-
-                               add(curve) {
-                                       this.curves.push(curve);
-                               }
-
-                               closePath() {
-                                       // Add a line curve if start and end of lines are not connected
-                                       const startPoint = this.curves[0].getPoint(0);
-                                       const endPoint = this.curves[this.curves.length - 1].getPoint(1);
-
-                                       if (!startPoint.equals(endPoint)) {
-                                               this.curves.push(new LineCurve(endPoint, startPoint));
-                                       }
-                               } // To get accurate point with reference to
-                               // entire path distance at time t,
-                               // following has to be done:
-                               // 1. Length of each sub path have to be known
-                               // 2. Locate and identify type of curve
-                               // 3. Get t for the curve
-                               // 4. Return curve.getPointAt(t')
-
-
-                               getPoint(t) {
-                                       const d = t * this.getLength();
-                                       const curveLengths = this.getCurveLengths();
-                                       let i = 0; // To think about boundaries points.
-
-                                       while (i < curveLengths.length) {
-                                               if (curveLengths[i] >= d) {
-                                                       const diff = curveLengths[i] - d;
-                                                       const curve = this.curves[i];
-                                                       const segmentLength = curve.getLength();
-                                                       const u = segmentLength === 0 ? 0 : 1 - diff / segmentLength;
-                                                       return curve.getPointAt(u);
-                                               }
-
-                                               i++;
-                                       }
-
-                                       return null; // loop where sum != 0, sum > d , sum+1 <d
-                               } // We cannot use the default THREE.Curve getPoint() with getLength() because in
-                               // THREE.Curve, getLength() depends on getPoint() but in THREE.CurvePath
-                               // getPoint() depends on getLength
-
-
-                               getLength() {
-                                       const lens = this.getCurveLengths();
-                                       return lens[lens.length - 1];
-                               } // cacheLengths must be recalculated.
-
-
-                               updateArcLengths() {
-                                       this.needsUpdate = true;
-                                       this.cacheLengths = null;
-                                       this.getCurveLengths();
-                               } // Compute lengths and cache them
-                               // We cannot overwrite getLengths() because UtoT mapping uses it.
-
-
-                               getCurveLengths() {
-                                       // We use cache values if curves and cache array are same length
-                                       if (this.cacheLengths && this.cacheLengths.length === this.curves.length) {
-                                               return this.cacheLengths;
-                                       } // Get length of sub-curve
-                                       // Push sums into cached array
-
-
-                                       const lengths = [];
-                                       let sums = 0;
-
-                                       for (let i = 0, l = this.curves.length; i < l; i++) {
-                                               sums += this.curves[i].getLength();
-                                               lengths.push(sums);
-                                       }
-
-                                       this.cacheLengths = lengths;
-                                       return lengths;
-                               }
-
-                               getSpacedPoints(divisions = 40) {
-                                       const points = [];
-
-                                       for (let i = 0; i <= divisions; i++) {
-                                               points.push(this.getPoint(i / divisions));
-                                       }
-
-                                       if (this.autoClose) {
-                                               points.push(points[0]);
-                                       }
-
-                                       return points;
-                               }
-
-                               getPoints(divisions = 12) {
-                                       const points = [];
-                                       let last;
-
-                                       for (let i = 0, curves = this.curves; i < curves.length; i++) {
-                                               const curve = curves[i];
-                                               const resolution = curve && curve.isEllipseCurve ? divisions * 2 : curve && (curve.isLineCurve || curve.isLineCurve3) ? 1 : curve && curve.isSplineCurve ? divisions * curve.points.length : divisions;
-                                               const pts = curve.getPoints(resolution);
-
-                                               for (let j = 0; j < pts.length; j++) {
-                                                       const point = pts[j];
-                                                       if (last && last.equals(point)) continue; // ensures no consecutive points are duplicates
-
-                                                       points.push(point);
-                                                       last = point;
-                                               }
-                                       }
-
-                                       if (this.autoClose && points.length > 1 && !points[points.length - 1].equals(points[0])) {
-                                               points.push(points[0]);
-                                       }
-
-                                       return points;
-                               }
-
-                               copy(source) {
-                                       super.copy(source);
-                                       this.curves = [];
-
-                                       for (let i = 0, l = source.curves.length; i < l; i++) {
-                                               const curve = source.curves[i];
-                                               this.curves.push(curve.clone());
-                                       }
-
-                                       this.autoClose = source.autoClose;
-                                       return this;
-                               }
-
-                               toJSON() {
-                                       const data = super.toJSON();
-                                       data.autoClose = this.autoClose;
-                                       data.curves = [];
-
-                                       for (let i = 0, l = this.curves.length; i < l; i++) {
-                                               const curve = this.curves[i];
-                                               data.curves.push(curve.toJSON());
-                                       }
-
-                                       return data;
-                               }
-
-                               fromJSON(json) {
-                                       super.fromJSON(json);
-                                       this.autoClose = json.autoClose;
-                                       this.curves = [];
-
-                                       for (let i = 0, l = json.curves.length; i < l; i++) {
-                                               const curve = json.curves[i];
-                                               this.curves.push(new Curves[curve.type]().fromJSON(curve));
-                                       }
-
-                                       return this;
-                               }
-
-                       }
-
-                       class Path extends CurvePath {
-                               constructor(points) {
-                                       super();
-                                       this.type = 'Path';
-                                       this.currentPoint = new Vector2();
-
-                                       if (points) {
-                                               this.setFromPoints(points);
-                                       }
-                               }
-
-                               setFromPoints(points) {
-                                       this.moveTo(points[0].x, points[0].y);
-
-                                       for (let i = 1, l = points.length; i < l; i++) {
-                                               this.lineTo(points[i].x, points[i].y);
-                                       }
-
-                                       return this;
-                               }
-
-                               moveTo(x, y) {
-                                       this.currentPoint.set(x, y); // TODO consider referencing vectors instead of copying?
-
-                                       return this;
-                               }
-
-                               lineTo(x, y) {
-                                       const curve = new LineCurve(this.currentPoint.clone(), new Vector2(x, y));
-                                       this.curves.push(curve);
-                                       this.currentPoint.set(x, y);
-                                       return this;
-                               }
-
-                               quadraticCurveTo(aCPx, aCPy, aX, aY) {
-                                       const curve = new QuadraticBezierCurve(this.currentPoint.clone(), new Vector2(aCPx, aCPy), new Vector2(aX, aY));
-                                       this.curves.push(curve);
-                                       this.currentPoint.set(aX, aY);
-                                       return this;
-                               }
-
-                               bezierCurveTo(aCP1x, aCP1y, aCP2x, aCP2y, aX, aY) {
-                                       const curve = new CubicBezierCurve(this.currentPoint.clone(), new Vector2(aCP1x, aCP1y), new Vector2(aCP2x, aCP2y), new Vector2(aX, aY));
-                                       this.curves.push(curve);
-                                       this.currentPoint.set(aX, aY);
-                                       return this;
-                               }
-
-                               splineThru(pts
-                                                  /*Array of Vector*/
-                               ) {
-                                       const npts = [this.currentPoint.clone()].concat(pts);
-                                       const curve = new SplineCurve(npts);
-                                       this.curves.push(curve);
-                                       this.currentPoint.copy(pts[pts.length - 1]);
-                                       return this;
-                               }
-
-                               arc(aX, aY, aRadius, aStartAngle, aEndAngle, aClockwise) {
-                                       const x0 = this.currentPoint.x;
-                                       const y0 = this.currentPoint.y;
-                                       this.absarc(aX + x0, aY + y0, aRadius, aStartAngle, aEndAngle, aClockwise);
-                                       return this;
-                               }
-
-                               absarc(aX, aY, aRadius, aStartAngle, aEndAngle, aClockwise) {
-                                       this.absellipse(aX, aY, aRadius, aRadius, aStartAngle, aEndAngle, aClockwise);
-                                       return this;
-                               }
-
-                               ellipse(aX, aY, xRadius, yRadius, aStartAngle, aEndAngle, aClockwise, aRotation) {
-                                       const x0 = this.currentPoint.x;
-                                       const y0 = this.currentPoint.y;
-                                       this.absellipse(aX + x0, aY + y0, xRadius, yRadius, aStartAngle, aEndAngle, aClockwise, aRotation);
-                                       return this;
-                               }
-
-                               absellipse(aX, aY, xRadius, yRadius, aStartAngle, aEndAngle, aClockwise, aRotation) {
-                                       const curve = new EllipseCurve(aX, aY, xRadius, yRadius, aStartAngle, aEndAngle, aClockwise, aRotation);
-
-                                       if (this.curves.length > 0) {
-                                               // if a previous curve is present, attempt to join
-                                               const firstPoint = curve.getPoint(0);
-
-                                               if (!firstPoint.equals(this.currentPoint)) {
-                                                       this.lineTo(firstPoint.x, firstPoint.y);
-                                               }
-                                       }
-
-                                       this.curves.push(curve);
-                                       const lastPoint = curve.getPoint(1);
-                                       this.currentPoint.copy(lastPoint);
-                                       return this;
-                               }
-
-                               copy(source) {
-                                       super.copy(source);
-                                       this.currentPoint.copy(source.currentPoint);
-                                       return this;
-                               }
-
-                               toJSON() {
-                                       const data = super.toJSON();
-                                       data.currentPoint = this.currentPoint.toArray();
-                                       return data;
-                               }
-
-                               fromJSON(json) {
-                                       super.fromJSON(json);
-                                       this.currentPoint.fromArray(json.currentPoint);
-                                       return this;
-                               }
-
-                       }
-
-                       class Shape extends Path {
-                               constructor(points) {
-                                       super(points);
-                                       this.uuid = generateUUID();
-                                       this.type = 'Shape';
-                                       this.holes = [];
-                               }
-
-                               getPointsHoles(divisions) {
-                                       const holesPts = [];
-
-                                       for (let i = 0, l = this.holes.length; i < l; i++) {
-                                               holesPts[i] = this.holes[i].getPoints(divisions);
-                                       }
-
-                                       return holesPts;
-                               } // get points of shape and holes (keypoints based on segments parameter)
-
-
-                               extractPoints(divisions) {
-                                       return {
-                                               shape: this.getPoints(divisions),
-                                               holes: this.getPointsHoles(divisions)
-                                       };
-                               }
-
-                               copy(source) {
-                                       super.copy(source);
-                                       this.holes = [];
-
-                                       for (let i = 0, l = source.holes.length; i < l; i++) {
-                                               const hole = source.holes[i];
-                                               this.holes.push(hole.clone());
-                                       }
-
-                                       return this;
-                               }
-
-                               toJSON() {
-                                       const data = super.toJSON();
-                                       data.uuid = this.uuid;
-                                       data.holes = [];
-
-                                       for (let i = 0, l = this.holes.length; i < l; i++) {
-                                               const hole = this.holes[i];
-                                               data.holes.push(hole.toJSON());
-                                       }
-
-                                       return data;
-                               }
-
-                               fromJSON(json) {
-                                       super.fromJSON(json);
-                                       this.uuid = json.uuid;
-                                       this.holes = [];
-
-                                       for (let i = 0, l = json.holes.length; i < l; i++) {
-                                               const hole = json.holes[i];
-                                               this.holes.push(new Path().fromJSON(hole));
-                                       }
-
-                                       return this;
-                               }
-
-                       }
-
-                       class Light extends Object3D {
-                               constructor(color, intensity = 1) {
-                                       super();
-                                       this.type = 'Light';
-                                       this.color = new Color(color);
-                                       this.intensity = intensity;
-                               }
-
-                               dispose() {// Empty here in base class; some subclasses override.
-                               }
-
-                               copy(source) {
-                                       super.copy(source);
-                                       this.color.copy(source.color);
-                                       this.intensity = source.intensity;
-                                       return this;
-                               }
-
-                               toJSON(meta) {
-                                       const data = super.toJSON(meta);
-                                       data.object.color = this.color.getHex();
-                                       data.object.intensity = this.intensity;
-                                       if (this.groundColor !== undefined) data.object.groundColor = this.groundColor.getHex();
-                                       if (this.distance !== undefined) data.object.distance = this.distance;
-                                       if (this.angle !== undefined) data.object.angle = this.angle;
-                                       if (this.decay !== undefined) data.object.decay = this.decay;
-                                       if (this.penumbra !== undefined) data.object.penumbra = this.penumbra;
-                                       if (this.shadow !== undefined) data.object.shadow = this.shadow.toJSON();
-                                       return data;
-                               }
-
-                       }
-
-                       Light.prototype.isLight = true;
-
-                       class HemisphereLight extends Light {
-                               constructor(skyColor, groundColor, intensity) {
-                                       super(skyColor, intensity);
-                                       this.type = 'HemisphereLight';
-                                       this.position.copy(Object3D.DefaultUp);
-                                       this.updateMatrix();
-                                       this.groundColor = new Color(groundColor);
-                               }
-
-                               copy(source) {
-                                       Light.prototype.copy.call(this, source);
-                                       this.groundColor.copy(source.groundColor);
-                                       return this;
-                               }
-
-                       }
-
-                       HemisphereLight.prototype.isHemisphereLight = true;
-
-                       const _projScreenMatrix$1 = /*@__PURE__*/new Matrix4();
-
-                       const _lightPositionWorld$1 = /*@__PURE__*/new Vector3();
-
-                       const _lookTarget$1 = /*@__PURE__*/new Vector3();
-
-                       class LightShadow {
-                               constructor(camera) {
-                                       this.camera = camera;
-                                       this.bias = 0;
-                                       this.normalBias = 0;
-                                       this.radius = 1;
-                                       this.blurSamples = 8;
-                                       this.mapSize = new Vector2(512, 512);
-                                       this.map = null;
-                                       this.mapPass = null;
-                                       this.matrix = new Matrix4();
-                                       this.autoUpdate = true;
-                                       this.needsUpdate = false;
-                                       this._frustum = new Frustum();
-                                       this._frameExtents = new Vector2(1, 1);
-                                       this._viewportCount = 1;
-                                       this._viewports = [new Vector4(0, 0, 1, 1)];
-                               }
-
-                               getViewportCount() {
-                                       return this._viewportCount;
-                               }
-
-                               getFrustum() {
-                                       return this._frustum;
-                               }
-
-                               updateMatrices(light) {
-                                       const shadowCamera = this.camera;
-                                       const shadowMatrix = this.matrix;
-
-                                       _lightPositionWorld$1.setFromMatrixPosition(light.matrixWorld);
-
-                                       shadowCamera.position.copy(_lightPositionWorld$1);
-
-                                       _lookTarget$1.setFromMatrixPosition(light.target.matrixWorld);
-
-                                       shadowCamera.lookAt(_lookTarget$1);
-                                       shadowCamera.updateMatrixWorld();
-
-                                       _projScreenMatrix$1.multiplyMatrices(shadowCamera.projectionMatrix, shadowCamera.matrixWorldInverse);
-
-                                       this._frustum.setFromProjectionMatrix(_projScreenMatrix$1);
-
-                                       shadowMatrix.set(0.5, 0.0, 0.0, 0.5, 0.0, 0.5, 0.0, 0.5, 0.0, 0.0, 0.5, 0.5, 0.0, 0.0, 0.0, 1.0);
-                                       shadowMatrix.multiply(shadowCamera.projectionMatrix);
-                                       shadowMatrix.multiply(shadowCamera.matrixWorldInverse);
-                               }
-
-                               getViewport(viewportIndex) {
-                                       return this._viewports[viewportIndex];
-                               }
-
-                               getFrameExtents() {
-                                       return this._frameExtents;
-                               }
-
-                               dispose() {
-                                       if (this.map) {
-                                               this.map.dispose();
-                                       }
-
-                                       if (this.mapPass) {
-                                               this.mapPass.dispose();
-                                       }
-                               }
-
-                               copy(source) {
-                                       this.camera = source.camera.clone();
-                                       this.bias = source.bias;
-                                       this.radius = source.radius;
-                                       this.mapSize.copy(source.mapSize);
-                                       return this;
-                               }
-
-                               clone() {
-                                       return new this.constructor().copy(this);
-                               }
-
-                               toJSON() {
-                                       const object = {};
-                                       if (this.bias !== 0) object.bias = this.bias;
-                                       if (this.normalBias !== 0) object.normalBias = this.normalBias;
-                                       if (this.radius !== 1) object.radius = this.radius;
-                                       if (this.mapSize.x !== 512 || this.mapSize.y !== 512) object.mapSize = this.mapSize.toArray();
-                                       object.camera = this.camera.toJSON(false).object;
-                                       delete object.camera.matrix;
-                                       return object;
-                               }
-
-                       }
-
-                       class SpotLightShadow extends LightShadow {
-                               constructor() {
-                                       super(new PerspectiveCamera(50, 1, 0.5, 500));
-                                       this.focus = 1;
-                               }
-
-                               updateMatrices(light) {
-                                       const camera = this.camera;
-                                       const fov = RAD2DEG * 2 * light.angle * this.focus;
-                                       const aspect = this.mapSize.width / this.mapSize.height;
-                                       const far = light.distance || camera.far;
-
-                                       if (fov !== camera.fov || aspect !== camera.aspect || far !== camera.far) {
-                                               camera.fov = fov;
-                                               camera.aspect = aspect;
-                                               camera.far = far;
-                                               camera.updateProjectionMatrix();
-                                       }
-
-                                       super.updateMatrices(light);
-                               }
-
-                               copy(source) {
-                                       super.copy(source);
-                                       this.focus = source.focus;
-                                       return this;
-                               }
-
-                       }
-
-                       SpotLightShadow.prototype.isSpotLightShadow = true;
-
-                       class SpotLight extends Light {
-                               constructor(color, intensity, distance = 0, angle = Math.PI / 3, penumbra = 0, decay = 1) {
-                                       super(color, intensity);
-                                       this.type = 'SpotLight';
-                                       this.position.copy(Object3D.DefaultUp);
-                                       this.updateMatrix();
-                                       this.target = new Object3D();
-                                       this.distance = distance;
-                                       this.angle = angle;
-                                       this.penumbra = penumbra;
-                                       this.decay = decay; // for physically correct lights, should be 2.
-
-                                       this.shadow = new SpotLightShadow();
-                               }
-
-                               get power() {
-                                       // compute the light's luminous power (in lumens) from its intensity (in candela)
-                                       // by convention for a spotlight, luminous power (lm) = Ï€ * luminous intensity (cd)
-                                       return this.intensity * Math.PI;
-                               }
-
-                               set power(power) {
-                                       // set the light's intensity (in candela) from the desired luminous power (in lumens)
-                                       this.intensity = power / Math.PI;
-                               }
-
-                               dispose() {
-                                       this.shadow.dispose();
-                               }
-
-                               copy(source) {
-                                       super.copy(source);
-                                       this.distance = source.distance;
-                                       this.angle = source.angle;
-                                       this.penumbra = source.penumbra;
-                                       this.decay = source.decay;
-                                       this.target = source.target.clone();
-                                       this.shadow = source.shadow.clone();
-                                       return this;
-                               }
-
-                       }
-
-                       SpotLight.prototype.isSpotLight = true;
-
-                       const _projScreenMatrix = /*@__PURE__*/new Matrix4();
-
-                       const _lightPositionWorld = /*@__PURE__*/new Vector3();
-
-                       const _lookTarget = /*@__PURE__*/new Vector3();
-
-                       class PointLightShadow extends LightShadow {
-                               constructor() {
-                                       super(new PerspectiveCamera(90, 1, 0.5, 500));
-                                       this._frameExtents = new Vector2(4, 2);
-                                       this._viewportCount = 6;
-                                       this._viewports = [// These viewports map a cube-map onto a 2D texture with the
-                                               // following orientation:
-                                               //
-                                               //      xzXZ
-                                               //       y Y
-                                               //
-                                               // X - Positive x direction
-                                               // x - Negative x direction
-                                               // Y - Positive y direction
-                                               // y - Negative y direction
-                                               // Z - Positive z direction
-                                               // z - Negative z direction
-                                               // positive X
-                                               new Vector4(2, 1, 1, 1), // negative X
-                                               new Vector4(0, 1, 1, 1), // positive Z
-                                               new Vector4(3, 1, 1, 1), // negative Z
-                                               new Vector4(1, 1, 1, 1), // positive Y
-                                               new Vector4(3, 0, 1, 1), // negative Y
-                                               new Vector4(1, 0, 1, 1)];
-                                       this._cubeDirections = [new Vector3(1, 0, 0), new Vector3(-1, 0, 0), new Vector3(0, 0, 1), new Vector3(0, 0, -1), new Vector3(0, 1, 0), new Vector3(0, -1, 0)];
-                                       this._cubeUps = [new Vector3(0, 1, 0), new Vector3(0, 1, 0), new Vector3(0, 1, 0), new Vector3(0, 1, 0), new Vector3(0, 0, 1), new Vector3(0, 0, -1)];
-                               }
-
-                               updateMatrices(light, viewportIndex = 0) {
-                                       const camera = this.camera;
-                                       const shadowMatrix = this.matrix;
-                                       const far = light.distance || camera.far;
-
-                                       if (far !== camera.far) {
-                                               camera.far = far;
-                                               camera.updateProjectionMatrix();
-                                       }
-
-                                       _lightPositionWorld.setFromMatrixPosition(light.matrixWorld);
-
-                                       camera.position.copy(_lightPositionWorld);
-
-                                       _lookTarget.copy(camera.position);
-
-                                       _lookTarget.add(this._cubeDirections[viewportIndex]);
-
-                                       camera.up.copy(this._cubeUps[viewportIndex]);
-                                       camera.lookAt(_lookTarget);
-                                       camera.updateMatrixWorld();
-                                       shadowMatrix.makeTranslation(-_lightPositionWorld.x, -_lightPositionWorld.y, -_lightPositionWorld.z);
-
-                                       _projScreenMatrix.multiplyMatrices(camera.projectionMatrix, camera.matrixWorldInverse);
-
-                                       this._frustum.setFromProjectionMatrix(_projScreenMatrix);
-                               }
-
-                       }
-
-                       PointLightShadow.prototype.isPointLightShadow = true;
-
-                       class PointLight extends Light {
-                               constructor(color, intensity, distance = 0, decay = 1) {
-                                       super(color, intensity);
-                                       this.type = 'PointLight';
-                                       this.distance = distance;
-                                       this.decay = decay; // for physically correct lights, should be 2.
-
-                                       this.shadow = new PointLightShadow();
-                               }
-
-                               get power() {
-                                       // compute the light's luminous power (in lumens) from its intensity (in candela)
-                                       // for an isotropic light source, luminous power (lm) = 4 Ï€ luminous intensity (cd)
-                                       return this.intensity * 4 * Math.PI;
-                               }
-
-                               set power(power) {
-                                       // set the light's intensity (in candela) from the desired luminous power (in lumens)
-                                       this.intensity = power / (4 * Math.PI);
-                               }
-
-                               dispose() {
-                                       this.shadow.dispose();
-                               }
-
-                               copy(source) {
-                                       super.copy(source);
-                                       this.distance = source.distance;
-                                       this.decay = source.decay;
-                                       this.shadow = source.shadow.clone();
-                                       return this;
-                               }
-
-                       }
-
-                       PointLight.prototype.isPointLight = true;
-
-                       class DirectionalLightShadow extends LightShadow {
-                               constructor() {
-                                       super(new OrthographicCamera(-5, 5, 5, -5, 0.5, 500));
-                               }
-
-                       }
-
-                       DirectionalLightShadow.prototype.isDirectionalLightShadow = true;
-
-                       class DirectionalLight extends Light {
-                               constructor(color, intensity) {
-                                       super(color, intensity);
-                                       this.type = 'DirectionalLight';
-                                       this.position.copy(Object3D.DefaultUp);
-                                       this.updateMatrix();
-                                       this.target = new Object3D();
-                                       this.shadow = new DirectionalLightShadow();
-                               }
-
-                               dispose() {
-                                       this.shadow.dispose();
-                               }
-
-                               copy(source) {
-                                       super.copy(source);
-                                       this.target = source.target.clone();
-                                       this.shadow = source.shadow.clone();
-                                       return this;
-                               }
-
-                       }
-
-                       DirectionalLight.prototype.isDirectionalLight = true;
-
-                       class AmbientLight extends Light {
-                               constructor(color, intensity) {
-                                       super(color, intensity);
-                                       this.type = 'AmbientLight';
-                               }
-
-                       }
-
-                       AmbientLight.prototype.isAmbientLight = true;
-
-                       class RectAreaLight extends Light {
-                               constructor(color, intensity, width = 10, height = 10) {
-                                       super(color, intensity);
-                                       this.type = 'RectAreaLight';
-                                       this.width = width;
-                                       this.height = height;
-                               }
-
-                               get power() {
-                                       // compute the light's luminous power (in lumens) from its intensity (in nits)
-                                       return this.intensity * this.width * this.height * Math.PI;
-                               }
-
-                               set power(power) {
-                                       // set the light's intensity (in nits) from the desired luminous power (in lumens)
-                                       this.intensity = power / (this.width * this.height * Math.PI);
-                               }
-
-                               copy(source) {
-                                       super.copy(source);
-                                       this.width = source.width;
-                                       this.height = source.height;
-                                       return this;
-                               }
-
-                               toJSON(meta) {
-                                       const data = super.toJSON(meta);
-                                       data.object.width = this.width;
-                                       data.object.height = this.height;
-                                       return data;
-                               }
-
-                       }
-
-                       RectAreaLight.prototype.isRectAreaLight = true;
-
-                       /**
-                        * Primary reference:
-                        *       https://graphics.stanford.edu/papers/envmap/envmap.pdf
-                        *
-                        * Secondary reference:
-                        *       https://www.ppsloan.org/publications/StupidSH36.pdf
-                        */
-                               // 3-band SH defined by 9 coefficients
-
-                       class SphericalHarmonics3 {
-                               constructor() {
-                                       this.coefficients = [];
-
-                                       for (let i = 0; i < 9; i++) {
-                                               this.coefficients.push(new Vector3());
-                                       }
-                               }
-
-                               set(coefficients) {
-                                       for (let i = 0; i < 9; i++) {
-                                               this.coefficients[i].copy(coefficients[i]);
-                                       }
-
-                                       return this;
-                               }
-
-                               zero() {
-                                       for (let i = 0; i < 9; i++) {
-                                               this.coefficients[i].set(0, 0, 0);
-                                       }
-
-                                       return this;
-                               } // get the radiance in the direction of the normal
-                               // target is a Vector3
-
-
-                               getAt(normal, target) {
-                                       // normal is assumed to be unit length
-                                       const x = normal.x,
-                                               y = normal.y,
-                                               z = normal.z;
-                                       const coeff = this.coefficients; // band 0
-
-                                       target.copy(coeff[0]).multiplyScalar(0.282095); // band 1
-
-                                       target.addScaledVector(coeff[1], 0.488603 * y);
-                                       target.addScaledVector(coeff[2], 0.488603 * z);
-                                       target.addScaledVector(coeff[3], 0.488603 * x); // band 2
-
-                                       target.addScaledVector(coeff[4], 1.092548 * (x * y));
-                                       target.addScaledVector(coeff[5], 1.092548 * (y * z));
-                                       target.addScaledVector(coeff[6], 0.315392 * (3.0 * z * z - 1.0));
-                                       target.addScaledVector(coeff[7], 1.092548 * (x * z));
-                                       target.addScaledVector(coeff[8], 0.546274 * (x * x - y * y));
-                                       return target;
-                               } // get the irradiance (radiance convolved with cosine lobe) in the direction of the normal
-                               // target is a Vector3
-                               // https://graphics.stanford.edu/papers/envmap/envmap.pdf
-
-
-                               getIrradianceAt(normal, target) {
-                                       // normal is assumed to be unit length
-                                       const x = normal.x,
-                                               y = normal.y,
-                                               z = normal.z;
-                                       const coeff = this.coefficients; // band 0
-
-                                       target.copy(coeff[0]).multiplyScalar(0.886227); // Ï€ * 0.282095
-                                       // band 1
-
-                                       target.addScaledVector(coeff[1], 2.0 * 0.511664 * y); // ( 2 * Ï€ / 3 ) * 0.488603
-
-                                       target.addScaledVector(coeff[2], 2.0 * 0.511664 * z);
-                                       target.addScaledVector(coeff[3], 2.0 * 0.511664 * x); // band 2
-
-                                       target.addScaledVector(coeff[4], 2.0 * 0.429043 * x * y); // ( Ï€ / 4 ) * 1.092548
-
-                                       target.addScaledVector(coeff[5], 2.0 * 0.429043 * y * z);
-                                       target.addScaledVector(coeff[6], 0.743125 * z * z - 0.247708); // ( Ï€ / 4 ) * 0.315392 * 3
-
-                                       target.addScaledVector(coeff[7], 2.0 * 0.429043 * x * z);
-                                       target.addScaledVector(coeff[8], 0.429043 * (x * x - y * y)); // ( Ï€ / 4 ) * 0.546274
-
-                                       return target;
-                               }
-
-                               add(sh) {
-                                       for (let i = 0; i < 9; i++) {
-                                               this.coefficients[i].add(sh.coefficients[i]);
-                                       }
-
-                                       return this;
-                               }
-
-                               addScaledSH(sh, s) {
-                                       for (let i = 0; i < 9; i++) {
-                                               this.coefficients[i].addScaledVector(sh.coefficients[i], s);
-                                       }
-
-                                       return this;
-                               }
-
-                               scale(s) {
-                                       for (let i = 0; i < 9; i++) {
-                                               this.coefficients[i].multiplyScalar(s);
-                                       }
-
-                                       return this;
-                               }
-
-                               lerp(sh, alpha) {
-                                       for (let i = 0; i < 9; i++) {
-                                               this.coefficients[i].lerp(sh.coefficients[i], alpha);
-                                       }
-
-                                       return this;
-                               }
-
-                               equals(sh) {
-                                       for (let i = 0; i < 9; i++) {
-                                               if (!this.coefficients[i].equals(sh.coefficients[i])) {
-                                                       return false;
-                                               }
-                                       }
-
-                                       return true;
-                               }
-
-                               copy(sh) {
-                                       return this.set(sh.coefficients);
-                               }
-
-                               clone() {
-                                       return new this.constructor().copy(this);
-                               }
-
-                               fromArray(array, offset = 0) {
-                                       const coefficients = this.coefficients;
-
-                                       for (let i = 0; i < 9; i++) {
-                                               coefficients[i].fromArray(array, offset + i * 3);
-                                       }
-
-                                       return this;
-                               }
-
-                               toArray(array = [], offset = 0) {
-                                       const coefficients = this.coefficients;
-
-                                       for (let i = 0; i < 9; i++) {
-                                               coefficients[i].toArray(array, offset + i * 3);
-                                       }
-
-                                       return array;
-                               } // evaluate the basis functions
-                               // shBasis is an Array[ 9 ]
-
-
-                               static getBasisAt(normal, shBasis) {
-                                       // normal is assumed to be unit length
-                                       const x = normal.x,
-                                               y = normal.y,
-                                               z = normal.z; // band 0
-
-                                       shBasis[0] = 0.282095; // band 1
-
-                                       shBasis[1] = 0.488603 * y;
-                                       shBasis[2] = 0.488603 * z;
-                                       shBasis[3] = 0.488603 * x; // band 2
-
-                                       shBasis[4] = 1.092548 * x * y;
-                                       shBasis[5] = 1.092548 * y * z;
-                                       shBasis[6] = 0.315392 * (3 * z * z - 1);
-                                       shBasis[7] = 1.092548 * x * z;
-                                       shBasis[8] = 0.546274 * (x * x - y * y);
-                               }
-
-                       }
-
-                       SphericalHarmonics3.prototype.isSphericalHarmonics3 = true;
-
-                       class LightProbe extends Light {
-                               constructor(sh = new SphericalHarmonics3(), intensity = 1) {
-                                       super(undefined, intensity);
-                                       this.sh = sh;
-                               }
-
-                               copy(source) {
-                                       super.copy(source);
-                                       this.sh.copy(source.sh);
-                                       return this;
-                               }
-
-                               fromJSON(json) {
-                                       this.intensity = json.intensity; // TODO: Move this bit to Light.fromJSON();
-
-                                       this.sh.fromArray(json.sh);
-                                       return this;
-                               }
-
-                               toJSON(meta) {
-                                       const data = super.toJSON(meta);
-                                       data.object.sh = this.sh.toArray();
-                                       return data;
-                               }
-
-                       }
-
-                       LightProbe.prototype.isLightProbe = true;
-
-                       class MaterialLoader extends Loader {
-                               constructor(manager) {
-                                       super(manager);
-                                       this.textures = {};
-                               }
-
-                               load(url, onLoad, onProgress, onError) {
-                                       const scope = this;
-                                       const loader = new FileLoader(scope.manager);
-                                       loader.setPath(scope.path);
-                                       loader.setRequestHeader(scope.requestHeader);
-                                       loader.setWithCredentials(scope.withCredentials);
-                                       loader.load(url, function (text) {
-                                               try {
-                                                       onLoad(scope.parse(JSON.parse(text)));
-                                               } catch (e) {
-                                                       if (onError) {
-                                                               onError(e);
-                                                       } else {
-                                                               console.error(e);
-                                                       }
-
-                                                       scope.manager.itemError(url);
-                                               }
-                                       }, onProgress, onError);
-                               }
-
-                               parse(json) {
-                                       const textures = this.textures;
-
-                                       function getTexture(name) {
-                                               if (textures[name] === undefined) {
-                                                       console.warn('THREE.MaterialLoader: Undefined texture', name);
-                                               }
-
-                                               return textures[name];
-                                       }
-
-                                       const material = new Materials[json.type]();
-                                       if (json.uuid !== undefined) material.uuid = json.uuid;
-                                       if (json.name !== undefined) material.name = json.name;
-                                       if (json.color !== undefined && material.color !== undefined) material.color.setHex(json.color);
-                                       if (json.roughness !== undefined) material.roughness = json.roughness;
-                                       if (json.metalness !== undefined) material.metalness = json.metalness;
-                                       if (json.sheenTint !== undefined) material.sheenTint = new Color().setHex(json.sheenTint);
-                                       if (json.emissive !== undefined && material.emissive !== undefined) material.emissive.setHex(json.emissive);
-                                       if (json.specular !== undefined && material.specular !== undefined) material.specular.setHex(json.specular);
-                                       if (json.specularIntensity !== undefined) material.specularIntensity = json.specularIntensity;
-                                       if (json.specularTint !== undefined && material.specularTint !== undefined) material.specularTint.setHex(json.specularTint);
-                                       if (json.shininess !== undefined) material.shininess = json.shininess;
-                                       if (json.clearcoat !== undefined) material.clearcoat = json.clearcoat;
-                                       if (json.clearcoatRoughness !== undefined) material.clearcoatRoughness = json.clearcoatRoughness;
-                                       if (json.transmission !== undefined) material.transmission = json.transmission;
-                                       if (json.thickness !== undefined) material.thickness = json.thickness;
-                                       if (json.attenuationDistance !== undefined) material.attenuationDistance = json.attenuationDistance;
-                                       if (json.attenuationTint !== undefined && material.attenuationTint !== undefined) material.attenuationTint.setHex(json.attenuationTint);
-                                       if (json.fog !== undefined) material.fog = json.fog;
-                                       if (json.flatShading !== undefined) material.flatShading = json.flatShading;
-                                       if (json.blending !== undefined) material.blending = json.blending;
-                                       if (json.combine !== undefined) material.combine = json.combine;
-                                       if (json.side !== undefined) material.side = json.side;
-                                       if (json.shadowSide !== undefined) material.shadowSide = json.shadowSide;
-                                       if (json.opacity !== undefined) material.opacity = json.opacity;
-                                       if (json.format !== undefined) material.format = json.format;
-                                       if (json.transparent !== undefined) material.transparent = json.transparent;
-                                       if (json.alphaTest !== undefined) material.alphaTest = json.alphaTest;
-                                       if (json.depthTest !== undefined) material.depthTest = json.depthTest;
-                                       if (json.depthWrite !== undefined) material.depthWrite = json.depthWrite;
-                                       if (json.colorWrite !== undefined) material.colorWrite = json.colorWrite;
-                                       if (json.stencilWrite !== undefined) material.stencilWrite = json.stencilWrite;
-                                       if (json.stencilWriteMask !== undefined) material.stencilWriteMask = json.stencilWriteMask;
-                                       if (json.stencilFunc !== undefined) material.stencilFunc = json.stencilFunc;
-                                       if (json.stencilRef !== undefined) material.stencilRef = json.stencilRef;
-                                       if (json.stencilFuncMask !== undefined) material.stencilFuncMask = json.stencilFuncMask;
-                                       if (json.stencilFail !== undefined) material.stencilFail = json.stencilFail;
-                                       if (json.stencilZFail !== undefined) material.stencilZFail = json.stencilZFail;
-                                       if (json.stencilZPass !== undefined) material.stencilZPass = json.stencilZPass;
-                                       if (json.wireframe !== undefined) material.wireframe = json.wireframe;
-                                       if (json.wireframeLinewidth !== undefined) material.wireframeLinewidth = json.wireframeLinewidth;
-                                       if (json.wireframeLinecap !== undefined) material.wireframeLinecap = json.wireframeLinecap;
-                                       if (json.wireframeLinejoin !== undefined) material.wireframeLinejoin = json.wireframeLinejoin;
-                                       if (json.rotation !== undefined) material.rotation = json.rotation;
-                                       if (json.linewidth !== 1) material.linewidth = json.linewidth;
-                                       if (json.dashSize !== undefined) material.dashSize = json.dashSize;
-                                       if (json.gapSize !== undefined) material.gapSize = json.gapSize;
-                                       if (json.scale !== undefined) material.scale = json.scale;
-                                       if (json.polygonOffset !== undefined) material.polygonOffset = json.polygonOffset;
-                                       if (json.polygonOffsetFactor !== undefined) material.polygonOffsetFactor = json.polygonOffsetFactor;
-                                       if (json.polygonOffsetUnits !== undefined) material.polygonOffsetUnits = json.polygonOffsetUnits;
-                                       if (json.dithering !== undefined) material.dithering = json.dithering;
-                                       if (json.alphaToCoverage !== undefined) material.alphaToCoverage = json.alphaToCoverage;
-                                       if (json.premultipliedAlpha !== undefined) material.premultipliedAlpha = json.premultipliedAlpha;
-                                       if (json.visible !== undefined) material.visible = json.visible;
-                                       if (json.toneMapped !== undefined) material.toneMapped = json.toneMapped;
-                                       if (json.userData !== undefined) material.userData = json.userData;
-
-                                       if (json.vertexColors !== undefined) {
-                                               if (typeof json.vertexColors === 'number') {
-                                                       material.vertexColors = json.vertexColors > 0 ? true : false;
-                                               } else {
-                                                       material.vertexColors = json.vertexColors;
-                                               }
-                                       } // Shader Material
-
-
-                                       if (json.uniforms !== undefined) {
-                                               for (const name in json.uniforms) {
-                                                       const uniform = json.uniforms[name];
-                                                       material.uniforms[name] = {};
-
-                                                       switch (uniform.type) {
-                                                               case 't':
-                                                                       material.uniforms[name].value = getTexture(uniform.value);
-                                                                       break;
-
-                                                               case 'c':
-                                                                       material.uniforms[name].value = new Color().setHex(uniform.value);
-                                                                       break;
-
-                                                               case 'v2':
-                                                                       material.uniforms[name].value = new Vector2().fromArray(uniform.value);
-                                                                       break;
-
-                                                               case 'v3':
-                                                                       material.uniforms[name].value = new Vector3().fromArray(uniform.value);
-                                                                       break;
-
-                                                               case 'v4':
-                                                                       material.uniforms[name].value = new Vector4().fromArray(uniform.value);
-                                                                       break;
-
-                                                               case 'm3':
-                                                                       material.uniforms[name].value = new Matrix3().fromArray(uniform.value);
-                                                                       break;
-
-                                                               case 'm4':
-                                                                       material.uniforms[name].value = new Matrix4().fromArray(uniform.value);
-                                                                       break;
-
-                                                               default:
-                                                                       material.uniforms[name].value = uniform.value;
-                                                       }
-                                               }
-                                       }
-
-                                       if (json.defines !== undefined) material.defines = json.defines;
-                                       if (json.vertexShader !== undefined) material.vertexShader = json.vertexShader;
-                                       if (json.fragmentShader !== undefined) material.fragmentShader = json.fragmentShader;
-
-                                       if (json.extensions !== undefined) {
-                                               for (const key in json.extensions) {
-                                                       material.extensions[key] = json.extensions[key];
-                                               }
-                                       } // Deprecated
-
-
-                                       if (json.shading !== undefined) material.flatShading = json.shading === 1; // THREE.FlatShading
-                                       // for PointsMaterial
-
-                                       if (json.size !== undefined) material.size = json.size;
-                                       if (json.sizeAttenuation !== undefined) material.sizeAttenuation = json.sizeAttenuation; // maps
-
-                                       if (json.map !== undefined) material.map = getTexture(json.map);
-                                       if (json.matcap !== undefined) material.matcap = getTexture(json.matcap);
-                                       if (json.alphaMap !== undefined) material.alphaMap = getTexture(json.alphaMap);
-                                       if (json.bumpMap !== undefined) material.bumpMap = getTexture(json.bumpMap);
-                                       if (json.bumpScale !== undefined) material.bumpScale = json.bumpScale;
-                                       if (json.normalMap !== undefined) material.normalMap = getTexture(json.normalMap);
-                                       if (json.normalMapType !== undefined) material.normalMapType = json.normalMapType;
-
-                                       if (json.normalScale !== undefined) {
-                                               let normalScale = json.normalScale;
-
-                                               if (Array.isArray(normalScale) === false) {
-                                                       // Blender exporter used to export a scalar. See #7459
-                                                       normalScale = [normalScale, normalScale];
-                                               }
-
-                                               material.normalScale = new Vector2().fromArray(normalScale);
-                                       }
-
-                                       if (json.displacementMap !== undefined) material.displacementMap = getTexture(json.displacementMap);
-                                       if (json.displacementScale !== undefined) material.displacementScale = json.displacementScale;
-                                       if (json.displacementBias !== undefined) material.displacementBias = json.displacementBias;
-                                       if (json.roughnessMap !== undefined) material.roughnessMap = getTexture(json.roughnessMap);
-                                       if (json.metalnessMap !== undefined) material.metalnessMap = getTexture(json.metalnessMap);
-                                       if (json.emissiveMap !== undefined) material.emissiveMap = getTexture(json.emissiveMap);
-                                       if (json.emissiveIntensity !== undefined) material.emissiveIntensity = json.emissiveIntensity;
-                                       if (json.specularMap !== undefined) material.specularMap = getTexture(json.specularMap);
-                                       if (json.specularIntensityMap !== undefined) material.specularIntensityMap = getTexture(json.specularIntensityMap);
-                                       if (json.specularTintMap !== undefined) material.specularTintMap = getTexture(json.specularTintMap);
-                                       if (json.envMap !== undefined) material.envMap = getTexture(json.envMap);
-                                       if (json.envMapIntensity !== undefined) material.envMapIntensity = json.envMapIntensity;
-                                       if (json.reflectivity !== undefined) material.reflectivity = json.reflectivity;
-                                       if (json.refractionRatio !== undefined) material.refractionRatio = json.refractionRatio;
-                                       if (json.lightMap !== undefined) material.lightMap = getTexture(json.lightMap);
-                                       if (json.lightMapIntensity !== undefined) material.lightMapIntensity = json.lightMapIntensity;
-                                       if (json.aoMap !== undefined) material.aoMap = getTexture(json.aoMap);
-                                       if (json.aoMapIntensity !== undefined) material.aoMapIntensity = json.aoMapIntensity;
-                                       if (json.gradientMap !== undefined) material.gradientMap = getTexture(json.gradientMap);
-                                       if (json.clearcoatMap !== undefined) material.clearcoatMap = getTexture(json.clearcoatMap);
-                                       if (json.clearcoatRoughnessMap !== undefined) material.clearcoatRoughnessMap = getTexture(json.clearcoatRoughnessMap);
-                                       if (json.clearcoatNormalMap !== undefined) material.clearcoatNormalMap = getTexture(json.clearcoatNormalMap);
-                                       if (json.clearcoatNormalScale !== undefined) material.clearcoatNormalScale = new Vector2().fromArray(json.clearcoatNormalScale);
-                                       if (json.transmissionMap !== undefined) material.transmissionMap = getTexture(json.transmissionMap);
-                                       if (json.thicknessMap !== undefined) material.thicknessMap = getTexture(json.thicknessMap);
-                                       return material;
-                               }
-
-                               setTextures(value) {
-                                       this.textures = value;
-                                       return this;
-                               }
-
-                       }
-
-                       class LoaderUtils {
-                               static decodeText(array) {
-                                       if (typeof TextDecoder !== 'undefined') {
-                                               return new TextDecoder().decode(array);
-                                       } // Avoid the String.fromCharCode.apply(null, array) shortcut, which
-                                       // throws a "maximum call stack size exceeded" error for large arrays.
-
-
-                                       let s = '';
-
-                                       for (let i = 0, il = array.length; i < il; i++) {
-                                               // Implicitly assumes little-endian.
-                                               s += String.fromCharCode(array[i]);
-                                       }
-
-                                       try {
-                                               // merges multi-byte utf-8 characters.
-                                               return decodeURIComponent(escape(s));
-                                       } catch (e) {
-                                               // see #16358
-                                               return s;
-                                       }
-                               }
-
-                               static extractUrlBase(url) {
-                                       const index = url.lastIndexOf('/');
-                                       if (index === -1) return './';
-                                       return url.substr(0, index + 1);
-                               }
-
-                       }
-
-                       class InstancedBufferGeometry extends BufferGeometry {
-                               constructor() {
-                                       super();
-                                       this.type = 'InstancedBufferGeometry';
-                                       this.instanceCount = Infinity;
-                               }
-
-                               copy(source) {
-                                       super.copy(source);
-                                       this.instanceCount = source.instanceCount;
-                                       return this;
-                               }
-
-                               clone() {
-                                       return new this.constructor().copy(this);
-                               }
-
-                               toJSON() {
-                                       const data = super.toJSON(this);
-                                       data.instanceCount = this.instanceCount;
-                                       data.isInstancedBufferGeometry = true;
-                                       return data;
-                               }
-
-                       }
-
-                       InstancedBufferGeometry.prototype.isInstancedBufferGeometry = true;
-
-                       class BufferGeometryLoader extends Loader {
-                               constructor(manager) {
-                                       super(manager);
-                               }
-
-                               load(url, onLoad, onProgress, onError) {
-                                       const scope = this;
-                                       const loader = new FileLoader(scope.manager);
-                                       loader.setPath(scope.path);
-                                       loader.setRequestHeader(scope.requestHeader);
-                                       loader.setWithCredentials(scope.withCredentials);
-                                       loader.load(url, function (text) {
-                                               try {
-                                                       onLoad(scope.parse(JSON.parse(text)));
-                                               } catch (e) {
-                                                       if (onError) {
-                                                               onError(e);
-                                                       } else {
-                                                               console.error(e);
-                                                       }
-
-                                                       scope.manager.itemError(url);
-                                               }
-                                       }, onProgress, onError);
-                               }
-
-                               parse(json) {
-                                       const interleavedBufferMap = {};
-                                       const arrayBufferMap = {};
-
-                                       function getInterleavedBuffer(json, uuid) {
-                                               if (interleavedBufferMap[uuid] !== undefined) return interleavedBufferMap[uuid];
-                                               const interleavedBuffers = json.interleavedBuffers;
-                                               const interleavedBuffer = interleavedBuffers[uuid];
-                                               const buffer = getArrayBuffer(json, interleavedBuffer.buffer);
-                                               const array = getTypedArray(interleavedBuffer.type, buffer);
-                                               const ib = new InterleavedBuffer(array, interleavedBuffer.stride);
-                                               ib.uuid = interleavedBuffer.uuid;
-                                               interleavedBufferMap[uuid] = ib;
-                                               return ib;
-                                       }
-
-                                       function getArrayBuffer(json, uuid) {
-                                               if (arrayBufferMap[uuid] !== undefined) return arrayBufferMap[uuid];
-                                               const arrayBuffers = json.arrayBuffers;
-                                               const arrayBuffer = arrayBuffers[uuid];
-                                               const ab = new Uint32Array(arrayBuffer).buffer;
-                                               arrayBufferMap[uuid] = ab;
-                                               return ab;
-                                       }
-
-                                       const geometry = json.isInstancedBufferGeometry ? new InstancedBufferGeometry() : new BufferGeometry();
-                                       const index = json.data.index;
-
-                                       if (index !== undefined) {
-                                               const typedArray = getTypedArray(index.type, index.array);
-                                               geometry.setIndex(new BufferAttribute(typedArray, 1));
-                                       }
-
-                                       const attributes = json.data.attributes;
-
-                                       for (const key in attributes) {
-                                               const attribute = attributes[key];
-                                               let bufferAttribute;
-
-                                               if (attribute.isInterleavedBufferAttribute) {
-                                                       const interleavedBuffer = getInterleavedBuffer(json.data, attribute.data);
-                                                       bufferAttribute = new InterleavedBufferAttribute(interleavedBuffer, attribute.itemSize, attribute.offset, attribute.normalized);
-                                               } else {
-                                                       const typedArray = getTypedArray(attribute.type, attribute.array);
-                                                       const bufferAttributeConstr = attribute.isInstancedBufferAttribute ? InstancedBufferAttribute : BufferAttribute;
-                                                       bufferAttribute = new bufferAttributeConstr(typedArray, attribute.itemSize, attribute.normalized);
-                                               }
-
-                                               if (attribute.name !== undefined) bufferAttribute.name = attribute.name;
-                                               if (attribute.usage !== undefined) bufferAttribute.setUsage(attribute.usage);
-
-                                               if (attribute.updateRange !== undefined) {
-                                                       bufferAttribute.updateRange.offset = attribute.updateRange.offset;
-                                                       bufferAttribute.updateRange.count = attribute.updateRange.count;
-                                               }
-
-                                               geometry.setAttribute(key, bufferAttribute);
-                                       }
-
-                                       const morphAttributes = json.data.morphAttributes;
-
-                                       if (morphAttributes) {
-                                               for (const key in morphAttributes) {
-                                                       const attributeArray = morphAttributes[key];
-                                                       const array = [];
-
-                                                       for (let i = 0, il = attributeArray.length; i < il; i++) {
-                                                               const attribute = attributeArray[i];
-                                                               let bufferAttribute;
-
-                                                               if (attribute.isInterleavedBufferAttribute) {
-                                                                       const interleavedBuffer = getInterleavedBuffer(json.data, attribute.data);
-                                                                       bufferAttribute = new InterleavedBufferAttribute(interleavedBuffer, attribute.itemSize, attribute.offset, attribute.normalized);
-                                                               } else {
-                                                                       const typedArray = getTypedArray(attribute.type, attribute.array);
-                                                                       bufferAttribute = new BufferAttribute(typedArray, attribute.itemSize, attribute.normalized);
-                                                               }
-
-                                                               if (attribute.name !== undefined) bufferAttribute.name = attribute.name;
-                                                               array.push(bufferAttribute);
-                                                       }
-
-                                                       geometry.morphAttributes[key] = array;
-                                               }
-                                       }
-
-                                       const morphTargetsRelative = json.data.morphTargetsRelative;
-
-                                       if (morphTargetsRelative) {
-                                               geometry.morphTargetsRelative = true;
-                                       }
-
-                                       const groups = json.data.groups || json.data.drawcalls || json.data.offsets;
-
-                                       if (groups !== undefined) {
-                                               for (let i = 0, n = groups.length; i !== n; ++i) {
-                                                       const group = groups[i];
-                                                       geometry.addGroup(group.start, group.count, group.materialIndex);
-                                               }
-                                       }
-
-                                       const boundingSphere = json.data.boundingSphere;
-
-                                       if (boundingSphere !== undefined) {
-                                               const center = new Vector3();
-
-                                               if (boundingSphere.center !== undefined) {
-                                                       center.fromArray(boundingSphere.center);
-                                               }
-
-                                               geometry.boundingSphere = new Sphere(center, boundingSphere.radius);
-                                       }
-
-                                       if (json.name) geometry.name = json.name;
-                                       if (json.userData) geometry.userData = json.userData;
-                                       return geometry;
-                               }
-
-                       }
-
-                       class ObjectLoader extends Loader {
-                               constructor(manager) {
-                                       super(manager);
-                               }
-
-                               load(url, onLoad, onProgress, onError) {
-                                       const scope = this;
-                                       const path = this.path === '' ? LoaderUtils.extractUrlBase(url) : this.path;
-                                       this.resourcePath = this.resourcePath || path;
-                                       const loader = new FileLoader(this.manager);
-                                       loader.setPath(this.path);
-                                       loader.setRequestHeader(this.requestHeader);
-                                       loader.setWithCredentials(this.withCredentials);
-                                       loader.load(url, function (text) {
-                                               let json = null;
-
-                                               try {
-                                                       json = JSON.parse(text);
-                                               } catch (error) {
-                                                       if (onError !== undefined) onError(error);
-                                                       console.error('THREE:ObjectLoader: Can\'t parse ' + url + '.', error.message);
-                                                       return;
-                                               }
-
-                                               const metadata = json.metadata;
-
-                                               if (metadata === undefined || metadata.type === undefined || metadata.type.toLowerCase() === 'geometry') {
-                                                       console.error('THREE.ObjectLoader: Can\'t load ' + url);
-                                                       return;
-                                               }
-
-                                               scope.parse(json, onLoad);
-                                       }, onProgress, onError);
-                               }
-
-                               async loadAsync(url, onProgress) {
-                                       const scope = this;
-                                       const path = this.path === '' ? LoaderUtils.extractUrlBase(url) : this.path;
-                                       this.resourcePath = this.resourcePath || path;
-                                       const loader = new FileLoader(this.manager);
-                                       loader.setPath(this.path);
-                                       loader.setRequestHeader(this.requestHeader);
-                                       loader.setWithCredentials(this.withCredentials);
-                                       const text = await loader.loadAsync(url, onProgress);
-                                       const json = JSON.parse(text);
-                                       const metadata = json.metadata;
-
-                                       if (metadata === undefined || metadata.type === undefined || metadata.type.toLowerCase() === 'geometry') {
-                                               throw new Error('THREE.ObjectLoader: Can\'t load ' + url);
-                                       }
-
-                                       return await scope.parseAsync(json);
-                               }
-
-                               parse(json, onLoad) {
-                                       const animations = this.parseAnimations(json.animations);
-                                       const shapes = this.parseShapes(json.shapes);
-                                       const geometries = this.parseGeometries(json.geometries, shapes);
-                                       const images = this.parseImages(json.images, function () {
-                                               if (onLoad !== undefined) onLoad(object);
-                                       });
-                                       const textures = this.parseTextures(json.textures, images);
-                                       const materials = this.parseMaterials(json.materials, textures);
-                                       const object = this.parseObject(json.object, geometries, materials, textures, animations);
-                                       const skeletons = this.parseSkeletons(json.skeletons, object);
-                                       this.bindSkeletons(object, skeletons); //
-
-                                       if (onLoad !== undefined) {
-                                               let hasImages = false;
-
-                                               for (const uuid in images) {
-                                                       if (images[uuid] instanceof HTMLImageElement) {
-                                                               hasImages = true;
-                                                               break;
-                                                       }
-                                               }
-
-                                               if (hasImages === false) onLoad(object);
-                                       }
-
-                                       return object;
-                               }
-
-                               async parseAsync(json) {
-                                       const animations = this.parseAnimations(json.animations);
-                                       const shapes = this.parseShapes(json.shapes);
-                                       const geometries = this.parseGeometries(json.geometries, shapes);
-                                       const images = await this.parseImagesAsync(json.images);
-                                       const textures = this.parseTextures(json.textures, images);
-                                       const materials = this.parseMaterials(json.materials, textures);
-                                       const object = this.parseObject(json.object, geometries, materials, textures, animations);
-                                       const skeletons = this.parseSkeletons(json.skeletons, object);
-                                       this.bindSkeletons(object, skeletons);
-                                       return object;
-                               }
-
-                               parseShapes(json) {
-                                       const shapes = {};
-
-                                       if (json !== undefined) {
-                                               for (let i = 0, l = json.length; i < l; i++) {
-                                                       const shape = new Shape().fromJSON(json[i]);
-                                                       shapes[shape.uuid] = shape;
-                                               }
-                                       }
-
-                                       return shapes;
-                               }
-
-                               parseSkeletons(json, object) {
-                                       const skeletons = {};
-                                       const bones = {}; // generate bone lookup table
-
-                                       object.traverse(function (child) {
-                                               if (child.isBone) bones[child.uuid] = child;
-                                       }); // create skeletons
-
-                                       if (json !== undefined) {
-                                               for (let i = 0, l = json.length; i < l; i++) {
-                                                       const skeleton = new Skeleton().fromJSON(json[i], bones);
-                                                       skeletons[skeleton.uuid] = skeleton;
-                                               }
-                                       }
-
-                                       return skeletons;
-                               }
-
-                               parseGeometries(json, shapes) {
-                                       const geometries = {};
-
-                                       if (json !== undefined) {
-                                               const bufferGeometryLoader = new BufferGeometryLoader();
-
-                                               for (let i = 0, l = json.length; i < l; i++) {
-                                                       let geometry;
-                                                       const data = json[i];
-
-                                                       switch (data.type) {
-                                                               case 'BufferGeometry':
-                                                               case 'InstancedBufferGeometry':
-                                                                       geometry = bufferGeometryLoader.parse(data);
-                                                                       break;
-
-                                                               case 'Geometry':
-                                                                       console.error('THREE.ObjectLoader: The legacy Geometry type is no longer supported.');
-                                                                       break;
-
-                                                               default:
-                                                                       if (data.type in Geometries) {
-                                                                               geometry = Geometries[data.type].fromJSON(data, shapes);
-                                                                       } else {
-                                                                               console.warn(`THREE.ObjectLoader: Unsupported geometry type "${data.type}"`);
-                                                                       }
-
-                                                       }
-
-                                                       geometry.uuid = data.uuid;
-                                                       if (data.name !== undefined) geometry.name = data.name;
-                                                       if (geometry.isBufferGeometry === true && data.userData !== undefined) geometry.userData = data.userData;
-                                                       geometries[data.uuid] = geometry;
-                                               }
-                                       }
-
-                                       return geometries;
-                               }
-
-                               parseMaterials(json, textures) {
-                                       const cache = {}; // MultiMaterial
-
-                                       const materials = {};
-
-                                       if (json !== undefined) {
-                                               const loader = new MaterialLoader();
-                                               loader.setTextures(textures);
-
-                                               for (let i = 0, l = json.length; i < l; i++) {
-                                                       const data = json[i];
-
-                                                       if (data.type === 'MultiMaterial') {
-                                                               // Deprecated
-                                                               const array = [];
-
-                                                               for (let j = 0; j < data.materials.length; j++) {
-                                                                       const material = data.materials[j];
-
-                                                                       if (cache[material.uuid] === undefined) {
-                                                                               cache[material.uuid] = loader.parse(material);
-                                                                       }
-
-                                                                       array.push(cache[material.uuid]);
-                                                               }
-
-                                                               materials[data.uuid] = array;
-                                                       } else {
-                                                               if (cache[data.uuid] === undefined) {
-                                                                       cache[data.uuid] = loader.parse(data);
-                                                               }
-
-                                                               materials[data.uuid] = cache[data.uuid];
-                                                       }
-                                               }
-                                       }
-
-                                       return materials;
-                               }
-
-                               parseAnimations(json) {
-                                       const animations = {};
-
-                                       if (json !== undefined) {
-                                               for (let i = 0; i < json.length; i++) {
-                                                       const data = json[i];
-                                                       const clip = AnimationClip.parse(data);
-                                                       animations[clip.uuid] = clip;
-                                               }
-                                       }
-
-                                       return animations;
-                               }
-
-                               parseImages(json, onLoad) {
-                                       const scope = this;
-                                       const images = {};
-                                       let loader;
-
-                                       function loadImage(url) {
-                                               scope.manager.itemStart(url);
-                                               return loader.load(url, function () {
-                                                       scope.manager.itemEnd(url);
-                                               }, undefined, function () {
-                                                       scope.manager.itemError(url);
-                                                       scope.manager.itemEnd(url);
-                                               });
-                                       }
-
-                                       function deserializeImage(image) {
-                                               if (typeof image === 'string') {
-                                                       const url = image;
-                                                       const path = /^(\/\/)|([a-z]+:(\/\/)?)/i.test(url) ? url : scope.resourcePath + url;
-                                                       return loadImage(path);
-                                               } else {
-                                                       if (image.data) {
-                                                               return {
-                                                                       data: getTypedArray(image.type, image.data),
-                                                                       width: image.width,
-                                                                       height: image.height
-                                                               };
-                                                       } else {
-                                                               return null;
-                                                       }
-                                               }
-                                       }
-
-                                       if (json !== undefined && json.length > 0) {
-                                               const manager = new LoadingManager(onLoad);
-                                               loader = new ImageLoader(manager);
-                                               loader.setCrossOrigin(this.crossOrigin);
-
-                                               for (let i = 0, il = json.length; i < il; i++) {
-                                                       const image = json[i];
-                                                       const url = image.url;
-
-                                                       if (Array.isArray(url)) {
-                                                               // load array of images e.g CubeTexture
-                                                               images[image.uuid] = [];
-
-                                                               for (let j = 0, jl = url.length; j < jl; j++) {
-                                                                       const currentUrl = url[j];
-                                                                       const deserializedImage = deserializeImage(currentUrl);
-
-                                                                       if (deserializedImage !== null) {
-                                                                               if (deserializedImage instanceof HTMLImageElement) {
-                                                                                       images[image.uuid].push(deserializedImage);
-                                                                               } else {
-                                                                                       // special case: handle array of data textures for cube textures
-                                                                                       images[image.uuid].push(new DataTexture(deserializedImage.data, deserializedImage.width, deserializedImage.height));
-                                                                               }
-                                                                       }
-                                                               }
-                                                       } else {
-                                                               // load single image
-                                                               const deserializedImage = deserializeImage(image.url);
-
-                                                               if (deserializedImage !== null) {
-                                                                       images[image.uuid] = deserializedImage;
-                                                               }
-                                                       }
-                                               }
-                                       }
-
-                                       return images;
-                               }
-
-                               async parseImagesAsync(json) {
-                                       const scope = this;
-                                       const images = {};
-                                       let loader;
-
-                                       async function deserializeImage(image) {
-                                               if (typeof image === 'string') {
-                                                       const url = image;
-                                                       const path = /^(\/\/)|([a-z]+:(\/\/)?)/i.test(url) ? url : scope.resourcePath + url;
-                                                       return await loader.loadAsync(path);
-                                               } else {
-                                                       if (image.data) {
-                                                               return {
-                                                                       data: getTypedArray(image.type, image.data),
-                                                                       width: image.width,
-                                                                       height: image.height
-                                                               };
-                                                       } else {
-                                                               return null;
-                                                       }
-                                               }
-                                       }
-
-                                       if (json !== undefined && json.length > 0) {
-                                               loader = new ImageLoader(this.manager);
-                                               loader.setCrossOrigin(this.crossOrigin);
-
-                                               for (let i = 0, il = json.length; i < il; i++) {
-                                                       const image = json[i];
-                                                       const url = image.url;
-
-                                                       if (Array.isArray(url)) {
-                                                               // load array of images e.g CubeTexture
-                                                               images[image.uuid] = [];
-
-                                                               for (let j = 0, jl = url.length; j < jl; j++) {
-                                                                       const currentUrl = url[j];
-                                                                       const deserializedImage = await deserializeImage(currentUrl);
-
-                                                                       if (deserializedImage !== null) {
-                                                                               if (deserializedImage instanceof HTMLImageElement) {
-                                                                                       images[image.uuid].push(deserializedImage);
-                                                                               } else {
-                                                                                       // special case: handle array of data textures for cube textures
-                                                                                       images[image.uuid].push(new DataTexture(deserializedImage.data, deserializedImage.width, deserializedImage.height));
-                                                                               }
-                                                                       }
-                                                               }
-                                                       } else {
-                                                               // load single image
-                                                               const deserializedImage = await deserializeImage(image.url);
-
-                                                               if (deserializedImage !== null) {
-                                                                       images[image.uuid] = deserializedImage;
-                                                               }
-                                                       }
-                                               }
-                                       }
-
-                                       return images;
-                               }
-
-                               parseTextures(json, images) {
-                                       function parseConstant(value, type) {
-                                               if (typeof value === 'number') return value;
-                                               console.warn('THREE.ObjectLoader.parseTexture: Constant should be in numeric form.', value);
-                                               return type[value];
-                                       }
-
-                                       const textures = {};
-
-                                       if (json !== undefined) {
-                                               for (let i = 0, l = json.length; i < l; i++) {
-                                                       const data = json[i];
-
-                                                       if (data.image === undefined) {
-                                                               console.warn('THREE.ObjectLoader: No "image" specified for', data.uuid);
-                                                       }
-
-                                                       if (images[data.image] === undefined) {
-                                                               console.warn('THREE.ObjectLoader: Undefined image', data.image);
-                                                       }
-
-                                                       let texture;
-                                                       const image = images[data.image];
-
-                                                       if (Array.isArray(image)) {
-                                                               texture = new CubeTexture(image);
-                                                               if (image.length === 6) texture.needsUpdate = true;
-                                                       } else {
-                                                               if (image && image.data) {
-                                                                       texture = new DataTexture(image.data, image.width, image.height);
-                                                               } else {
-                                                                       texture = new Texture(image);
-                                                               }
-
-                                                               if (image) texture.needsUpdate = true; // textures can have undefined image data
-                                                       }
-
-                                                       texture.uuid = data.uuid;
-                                                       if (data.name !== undefined) texture.name = data.name;
-                                                       if (data.mapping !== undefined) texture.mapping = parseConstant(data.mapping, TEXTURE_MAPPING);
-                                                       if (data.offset !== undefined) texture.offset.fromArray(data.offset);
-                                                       if (data.repeat !== undefined) texture.repeat.fromArray(data.repeat);
-                                                       if (data.center !== undefined) texture.center.fromArray(data.center);
-                                                       if (data.rotation !== undefined) texture.rotation = data.rotation;
-
-                                                       if (data.wrap !== undefined) {
-                                                               texture.wrapS = parseConstant(data.wrap[0], TEXTURE_WRAPPING);
-                                                               texture.wrapT = parseConstant(data.wrap[1], TEXTURE_WRAPPING);
-                                                       }
-
-                                                       if (data.format !== undefined) texture.format = data.format;
-                                                       if (data.type !== undefined) texture.type = data.type;
-                                                       if (data.encoding !== undefined) texture.encoding = data.encoding;
-                                                       if (data.minFilter !== undefined) texture.minFilter = parseConstant(data.minFilter, TEXTURE_FILTER);
-                                                       if (data.magFilter !== undefined) texture.magFilter = parseConstant(data.magFilter, TEXTURE_FILTER);
-                                                       if (data.anisotropy !== undefined) texture.anisotropy = data.anisotropy;
-                                                       if (data.flipY !== undefined) texture.flipY = data.flipY;
-                                                       if (data.premultiplyAlpha !== undefined) texture.premultiplyAlpha = data.premultiplyAlpha;
-                                                       if (data.unpackAlignment !== undefined) texture.unpackAlignment = data.unpackAlignment;
-                                                       textures[data.uuid] = texture;
-                                               }
-                                       }
-
-                                       return textures;
-                               }
-
-                               parseObject(data, geometries, materials, textures, animations) {
-                                       let object;
-
-                                       function getGeometry(name) {
-                                               if (geometries[name] === undefined) {
-                                                       console.warn('THREE.ObjectLoader: Undefined geometry', name);
-                                               }
-
-                                               return geometries[name];
-                                       }
-
-                                       function getMaterial(name) {
-                                               if (name === undefined) return undefined;
-
-                                               if (Array.isArray(name)) {
-                                                       const array = [];
-
-                                                       for (let i = 0, l = name.length; i < l; i++) {
-                                                               const uuid = name[i];
-
-                                                               if (materials[uuid] === undefined) {
-                                                                       console.warn('THREE.ObjectLoader: Undefined material', uuid);
-                                                               }
-
-                                                               array.push(materials[uuid]);
-                                                       }
-
-                                                       return array;
-                                               }
-
-                                               if (materials[name] === undefined) {
-                                                       console.warn('THREE.ObjectLoader: Undefined material', name);
-                                               }
-
-                                               return materials[name];
-                                       }
-
-                                       function getTexture(uuid) {
-                                               if (textures[uuid] === undefined) {
-                                                       console.warn('THREE.ObjectLoader: Undefined texture', uuid);
-                                               }
-
-                                               return textures[uuid];
-                                       }
-
-                                       let geometry, material;
-
-                                       switch (data.type) {
-                                               case 'Scene':
-                                                       object = new Scene();
-
-                                                       if (data.background !== undefined) {
-                                                               if (Number.isInteger(data.background)) {
-                                                                       object.background = new Color(data.background);
-                                                               } else {
-                                                                       object.background = getTexture(data.background);
-                                                               }
-                                                       }
-
-                                                       if (data.environment !== undefined) {
-                                                               object.environment = getTexture(data.environment);
-                                                       }
-
-                                                       if (data.fog !== undefined) {
-                                                               if (data.fog.type === 'Fog') {
-                                                                       object.fog = new Fog(data.fog.color, data.fog.near, data.fog.far);
-                                                               } else if (data.fog.type === 'FogExp2') {
-                                                                       object.fog = new FogExp2(data.fog.color, data.fog.density);
-                                                               }
-                                                       }
-
-                                                       break;
-
-                                               case 'PerspectiveCamera':
-                                                       object = new PerspectiveCamera(data.fov, data.aspect, data.near, data.far);
-                                                       if (data.focus !== undefined) object.focus = data.focus;
-                                                       if (data.zoom !== undefined) object.zoom = data.zoom;
-                                                       if (data.filmGauge !== undefined) object.filmGauge = data.filmGauge;
-                                                       if (data.filmOffset !== undefined) object.filmOffset = data.filmOffset;
-                                                       if (data.view !== undefined) object.view = Object.assign({}, data.view);
-                                                       break;
-
-                                               case 'OrthographicCamera':
-                                                       object = new OrthographicCamera(data.left, data.right, data.top, data.bottom, data.near, data.far);
-                                                       if (data.zoom !== undefined) object.zoom = data.zoom;
-                                                       if (data.view !== undefined) object.view = Object.assign({}, data.view);
-                                                       break;
-
-                                               case 'AmbientLight':
-                                                       object = new AmbientLight(data.color, data.intensity);
-                                                       break;
-
-                                               case 'DirectionalLight':
-                                                       object = new DirectionalLight(data.color, data.intensity);
-                                                       break;
-
-                                               case 'PointLight':
-                                                       object = new PointLight(data.color, data.intensity, data.distance, data.decay);
-                                                       break;
-
-                                               case 'RectAreaLight':
-                                                       object = new RectAreaLight(data.color, data.intensity, data.width, data.height);
-                                                       break;
-
-                                               case 'SpotLight':
-                                                       object = new SpotLight(data.color, data.intensity, data.distance, data.angle, data.penumbra, data.decay);
-                                                       break;
-
-                                               case 'HemisphereLight':
-                                                       object = new HemisphereLight(data.color, data.groundColor, data.intensity);
-                                                       break;
-
-                                               case 'LightProbe':
-                                                       object = new LightProbe().fromJSON(data);
-                                                       break;
-
-                                               case 'SkinnedMesh':
-                                                       geometry = getGeometry(data.geometry);
-                                                       material = getMaterial(data.material);
-                                                       object = new SkinnedMesh(geometry, material);
-                                                       if (data.bindMode !== undefined) object.bindMode = data.bindMode;
-                                                       if (data.bindMatrix !== undefined) object.bindMatrix.fromArray(data.bindMatrix);
-                                                       if (data.skeleton !== undefined) object.skeleton = data.skeleton;
-                                                       break;
-
-                                               case 'Mesh':
-                                                       geometry = getGeometry(data.geometry);
-                                                       material = getMaterial(data.material);
-                                                       object = new Mesh(geometry, material);
-                                                       break;
-
-                                               case 'InstancedMesh':
-                                                       geometry = getGeometry(data.geometry);
-                                                       material = getMaterial(data.material);
-                                                       const count = data.count;
-                                                       const instanceMatrix = data.instanceMatrix;
-                                                       const instanceColor = data.instanceColor;
-                                                       object = new InstancedMesh(geometry, material, count);
-                                                       object.instanceMatrix = new InstancedBufferAttribute(new Float32Array(instanceMatrix.array), 16);
-                                                       if (instanceColor !== undefined) object.instanceColor = new InstancedBufferAttribute(new Float32Array(instanceColor.array), instanceColor.itemSize);
-                                                       break;
-
-                                               case 'LOD':
-                                                       object = new LOD();
-                                                       break;
-
-                                               case 'Line':
-                                                       object = new Line(getGeometry(data.geometry), getMaterial(data.material));
-                                                       break;
-
-                                               case 'LineLoop':
-                                                       object = new LineLoop(getGeometry(data.geometry), getMaterial(data.material));
-                                                       break;
-
-                                               case 'LineSegments':
-                                                       object = new LineSegments(getGeometry(data.geometry), getMaterial(data.material));
-                                                       break;
-
-                                               case 'PointCloud':
-                                               case 'Points':
-                                                       object = new Points(getGeometry(data.geometry), getMaterial(data.material));
-                                                       break;
-
-                                               case 'Sprite':
-                                                       object = new Sprite(getMaterial(data.material));
-                                                       break;
-
-                                               case 'Group':
-                                                       object = new Group();
-                                                       break;
-
-                                               case 'Bone':
-                                                       object = new Bone();
-                                                       break;
-
-                                               default:
-                                                       object = new Object3D();
-                                       }
-
-                                       object.uuid = data.uuid;
-                                       if (data.name !== undefined) object.name = data.name;
-
-                                       if (data.matrix !== undefined) {
-                                               object.matrix.fromArray(data.matrix);
-                                               if (data.matrixAutoUpdate !== undefined) object.matrixAutoUpdate = data.matrixAutoUpdate;
-                                               if (object.matrixAutoUpdate) object.matrix.decompose(object.position, object.quaternion, object.scale);
-                                       } else {
-                                               if (data.position !== undefined) object.position.fromArray(data.position);
-                                               if (data.rotation !== undefined) object.rotation.fromArray(data.rotation);
-                                               if (data.quaternion !== undefined) object.quaternion.fromArray(data.quaternion);
-                                               if (data.scale !== undefined) object.scale.fromArray(data.scale);
-                                       }
-
-                                       if (data.castShadow !== undefined) object.castShadow = data.castShadow;
-                                       if (data.receiveShadow !== undefined) object.receiveShadow = data.receiveShadow;
-
-                                       if (data.shadow) {
-                                               if (data.shadow.bias !== undefined) object.shadow.bias = data.shadow.bias;
-                                               if (data.shadow.normalBias !== undefined) object.shadow.normalBias = data.shadow.normalBias;
-                                               if (data.shadow.radius !== undefined) object.shadow.radius = data.shadow.radius;
-                                               if (data.shadow.mapSize !== undefined) object.shadow.mapSize.fromArray(data.shadow.mapSize);
-                                               if (data.shadow.camera !== undefined) object.shadow.camera = this.parseObject(data.shadow.camera);
-                                       }
-
-                                       if (data.visible !== undefined) object.visible = data.visible;
-                                       if (data.frustumCulled !== undefined) object.frustumCulled = data.frustumCulled;
-                                       if (data.renderOrder !== undefined) object.renderOrder = data.renderOrder;
-                                       if (data.userData !== undefined) object.userData = data.userData;
-                                       if (data.layers !== undefined) object.layers.mask = data.layers;
-
-                                       if (data.children !== undefined) {
-                                               const children = data.children;
-
-                                               for (let i = 0; i < children.length; i++) {
-                                                       object.add(this.parseObject(children[i], geometries, materials, textures, animations));
-                                               }
-                                       }
-
-                                       if (data.animations !== undefined) {
-                                               const objectAnimations = data.animations;
-
-                                               for (let i = 0; i < objectAnimations.length; i++) {
-                                                       const uuid = objectAnimations[i];
-                                                       object.animations.push(animations[uuid]);
-                                               }
-                                       }
-
-                                       if (data.type === 'LOD') {
-                                               if (data.autoUpdate !== undefined) object.autoUpdate = data.autoUpdate;
-                                               const levels = data.levels;
-
-                                               for (let l = 0; l < levels.length; l++) {
-                                                       const level = levels[l];
-                                                       const child = object.getObjectByProperty('uuid', level.object);
-
-                                                       if (child !== undefined) {
-                                                               object.addLevel(child, level.distance);
-                                                       }
-                                               }
-                                       }
-
-                                       return object;
-                               }
-
-                               bindSkeletons(object, skeletons) {
-                                       if (Object.keys(skeletons).length === 0) return;
-                                       object.traverse(function (child) {
-                                               if (child.isSkinnedMesh === true && child.skeleton !== undefined) {
-                                                       const skeleton = skeletons[child.skeleton];
-
-                                                       if (skeleton === undefined) {
-                                                               console.warn('THREE.ObjectLoader: No skeleton found with UUID:', child.skeleton);
-                                                       } else {
-                                                               child.bind(skeleton, child.bindMatrix);
-                                                       }
-                                               }
-                                       });
-                               }
-
-                               /* DEPRECATED */
-
-
-                               setTexturePath(value) {
-                                       console.warn('THREE.ObjectLoader: .setTexturePath() has been renamed to .setResourcePath().');
-                                       return this.setResourcePath(value);
-                               }
-
-                       }
-
-                       const TEXTURE_MAPPING = {
-                               UVMapping: UVMapping,
-                               CubeReflectionMapping: CubeReflectionMapping,
-                               CubeRefractionMapping: CubeRefractionMapping,
-                               EquirectangularReflectionMapping: EquirectangularReflectionMapping,
-                               EquirectangularRefractionMapping: EquirectangularRefractionMapping,
-                               CubeUVReflectionMapping: CubeUVReflectionMapping,
-                               CubeUVRefractionMapping: CubeUVRefractionMapping
-                       };
-                       const TEXTURE_WRAPPING = {
-                               RepeatWrapping: RepeatWrapping,
-                               ClampToEdgeWrapping: ClampToEdgeWrapping,
-                               MirroredRepeatWrapping: MirroredRepeatWrapping
-                       };
-                       const TEXTURE_FILTER = {
-                               NearestFilter: NearestFilter,
-                               NearestMipmapNearestFilter: NearestMipmapNearestFilter,
-                               NearestMipmapLinearFilter: NearestMipmapLinearFilter,
-                               LinearFilter: LinearFilter,
-                               LinearMipmapNearestFilter: LinearMipmapNearestFilter,
-                               LinearMipmapLinearFilter: LinearMipmapLinearFilter
-                       };
-
-                       class ImageBitmapLoader extends Loader {
-                               constructor(manager) {
-                                       super(manager);
-
-                                       if (typeof createImageBitmap === 'undefined') {
-                                               console.warn('THREE.ImageBitmapLoader: createImageBitmap() not supported.');
-                                       }
-
-                                       if (typeof fetch === 'undefined') {
-                                               console.warn('THREE.ImageBitmapLoader: fetch() not supported.');
-                                       }
-
-                                       this.options = {
-                                               premultiplyAlpha: 'none'
-                                       };
-                               }
-
-                               setOptions(options) {
-                                       this.options = options;
-                                       return this;
-                               }
-
-                               load(url, onLoad, onProgress, onError) {
-                                       if (url === undefined) url = '';
-                                       if (this.path !== undefined) url = this.path + url;
-                                       url = this.manager.resolveURL(url);
-                                       const scope = this;
-                                       const cached = Cache.get(url);
-
-                                       if (cached !== undefined) {
-                                               scope.manager.itemStart(url);
-                                               setTimeout(function () {
-                                                       if (onLoad) onLoad(cached);
-                                                       scope.manager.itemEnd(url);
-                                               }, 0);
-                                               return cached;
-                                       }
-
-                                       const fetchOptions = {};
-                                       fetchOptions.credentials = this.crossOrigin === 'anonymous' ? 'same-origin' : 'include';
-                                       fetchOptions.headers = this.requestHeader;
-                                       fetch(url, fetchOptions).then(function (res) {
-                                               return res.blob();
-                                       }).then(function (blob) {
-                                               return createImageBitmap(blob, Object.assign(scope.options, {
-                                                       colorSpaceConversion: 'none'
-                                               }));
-                                       }).then(function (imageBitmap) {
-                                               Cache.add(url, imageBitmap);
-                                               if (onLoad) onLoad(imageBitmap);
-                                               scope.manager.itemEnd(url);
-                                       }).catch(function (e) {
-                                               if (onError) onError(e);
-                                               scope.manager.itemError(url);
-                                               scope.manager.itemEnd(url);
-                                       });
-                                       scope.manager.itemStart(url);
-                               }
-
-                       }
-
-                       ImageBitmapLoader.prototype.isImageBitmapLoader = true;
-
-                       class ShapePath {
-                               constructor() {
-                                       this.type = 'ShapePath';
-                                       this.color = new Color();
-                                       this.subPaths = [];
-                                       this.currentPath = null;
-                               }
-
-                               moveTo(x, y) {
-                                       this.currentPath = new Path();
-                                       this.subPaths.push(this.currentPath);
-                                       this.currentPath.moveTo(x, y);
-                                       return this;
-                               }
-
-                               lineTo(x, y) {
-                                       this.currentPath.lineTo(x, y);
-                                       return this;
-                               }
-
-                               quadraticCurveTo(aCPx, aCPy, aX, aY) {
-                                       this.currentPath.quadraticCurveTo(aCPx, aCPy, aX, aY);
-                                       return this;
-                               }
-
-                               bezierCurveTo(aCP1x, aCP1y, aCP2x, aCP2y, aX, aY) {
-                                       this.currentPath.bezierCurveTo(aCP1x, aCP1y, aCP2x, aCP2y, aX, aY);
-                                       return this;
-                               }
-
-                               splineThru(pts) {
-                                       this.currentPath.splineThru(pts);
-                                       return this;
-                               }
-
-                               toShapes(isCCW, noHoles) {
-                                       function toShapesNoHoles(inSubpaths) {
-                                               const shapes = [];
-
-                                               for (let i = 0, l = inSubpaths.length; i < l; i++) {
-                                                       const tmpPath = inSubpaths[i];
-                                                       const tmpShape = new Shape();
-                                                       tmpShape.curves = tmpPath.curves;
-                                                       shapes.push(tmpShape);
-                                               }
-
-                                               return shapes;
-                                       }
-
-                                       function isPointInsidePolygon(inPt, inPolygon) {
-                                               const polyLen = inPolygon.length; // inPt on polygon contour => immediate success               or
-                                               // toggling of inside/outside at every single! intersection point of an edge
-                                               //      with the horizontal line through inPt, left of inPt
-                                               //      not counting lowerY endpoints of edges and whole edges on that line
-
-                                               let inside = false;
-
-                                               for (let p = polyLen - 1, q = 0; q < polyLen; p = q++) {
-                                                       let edgeLowPt = inPolygon[p];
-                                                       let edgeHighPt = inPolygon[q];
-                                                       let edgeDx = edgeHighPt.x - edgeLowPt.x;
-                                                       let edgeDy = edgeHighPt.y - edgeLowPt.y;
-
-                                                       if (Math.abs(edgeDy) > Number.EPSILON) {
-                                                               // not parallel
-                                                               if (edgeDy < 0) {
-                                                                       edgeLowPt = inPolygon[q];
-                                                                       edgeDx = -edgeDx;
-                                                                       edgeHighPt = inPolygon[p];
-                                                                       edgeDy = -edgeDy;
-                                                               }
-
-                                                               if (inPt.y < edgeLowPt.y || inPt.y > edgeHighPt.y) continue;
-
-                                                               if (inPt.y === edgeLowPt.y) {
-                                                                       if (inPt.x === edgeLowPt.x) return true; // inPt is on contour ?
-                                                                       // continue;                            // no intersection or edgeLowPt => doesn't count !!!
-                                                               } else {
-                                                                       const perpEdge = edgeDy * (inPt.x - edgeLowPt.x) - edgeDx * (inPt.y - edgeLowPt.y);
-                                                                       if (perpEdge === 0) return true; // inPt is on contour ?
-
-                                                                       if (perpEdge < 0) continue;
-                                                                       inside = !inside; // true intersection left of inPt
-                                                               }
-                                                       } else {
-                                                               // parallel or collinear
-                                                               if (inPt.y !== edgeLowPt.y) continue; // parallel
-                                                               // edge lies on the same horizontal line as inPt
-
-                                                               if (edgeHighPt.x <= inPt.x && inPt.x <= edgeLowPt.x || edgeLowPt.x <= inPt.x && inPt.x <= edgeHighPt.x) return true; // inPt: Point on contour !
-                                                               // continue;
-                                                       }
-                                               }
-
-                                               return inside;
-                                       }
-
-                                       const isClockWise = ShapeUtils.isClockWise;
-                                       const subPaths = this.subPaths;
-                                       if (subPaths.length === 0) return [];
-                                       if (noHoles === true) return toShapesNoHoles(subPaths);
-                                       let solid, tmpPath, tmpShape;
-                                       const shapes = [];
-
-                                       if (subPaths.length === 1) {
-                                               tmpPath = subPaths[0];
-                                               tmpShape = new Shape();
-                                               tmpShape.curves = tmpPath.curves;
-                                               shapes.push(tmpShape);
-                                               return shapes;
-                                       }
-
-                                       let holesFirst = !isClockWise(subPaths[0].getPoints());
-                                       holesFirst = isCCW ? !holesFirst : holesFirst; // console.log("Holes first", holesFirst);
-
-                                       const betterShapeHoles = [];
-                                       const newShapes = [];
-                                       let newShapeHoles = [];
-                                       let mainIdx = 0;
-                                       let tmpPoints;
-                                       newShapes[mainIdx] = undefined;
-                                       newShapeHoles[mainIdx] = [];
-
-                                       for (let i = 0, l = subPaths.length; i < l; i++) {
-                                               tmpPath = subPaths[i];
-                                               tmpPoints = tmpPath.getPoints();
-                                               solid = isClockWise(tmpPoints);
-                                               solid = isCCW ? !solid : solid;
-
-                                               if (solid) {
-                                                       if (!holesFirst && newShapes[mainIdx]) mainIdx++;
-                                                       newShapes[mainIdx] = {
-                                                               s: new Shape(),
-                                                               p: tmpPoints
-                                                       };
-                                                       newShapes[mainIdx].s.curves = tmpPath.curves;
-                                                       if (holesFirst) mainIdx++;
-                                                       newShapeHoles[mainIdx] = []; //console.log('cw', i);
-                                               } else {
-                                                       newShapeHoles[mainIdx].push({
-                                                               h: tmpPath,
-                                                               p: tmpPoints[0]
-                                                       }); //console.log('ccw', i);
-                                               }
-                                       } // only Holes? -> probably all Shapes with wrong orientation
-
-
-                                       if (!newShapes[0]) return toShapesNoHoles(subPaths);
-
-                                       if (newShapes.length > 1) {
-                                               let ambiguous = false;
-                                               const toChange = [];
-
-                                               for (let sIdx = 0, sLen = newShapes.length; sIdx < sLen; sIdx++) {
-                                                       betterShapeHoles[sIdx] = [];
-                                               }
-
-                                               for (let sIdx = 0, sLen = newShapes.length; sIdx < sLen; sIdx++) {
-                                                       const sho = newShapeHoles[sIdx];
-
-                                                       for (let hIdx = 0; hIdx < sho.length; hIdx++) {
-                                                               const ho = sho[hIdx];
-                                                               let hole_unassigned = true;
-
-                                                               for (let s2Idx = 0; s2Idx < newShapes.length; s2Idx++) {
-                                                                       if (isPointInsidePolygon(ho.p, newShapes[s2Idx].p)) {
-                                                                               if (sIdx !== s2Idx) toChange.push({
-                                                                                       froms: sIdx,
-                                                                                       tos: s2Idx,
-                                                                                       hole: hIdx
-                                                                               });
-
-                                                                               if (hole_unassigned) {
-                                                                                       hole_unassigned = false;
-                                                                                       betterShapeHoles[s2Idx].push(ho);
-                                                                               } else {
-                                                                                       ambiguous = true;
-                                                                               }
-                                                                       }
-                                                               }
-
-                                                               if (hole_unassigned) {
-                                                                       betterShapeHoles[sIdx].push(ho);
-                                                               }
-                                                       }
-                                               } // console.log("ambiguous: ", ambiguous);
-
-
-                                               if (toChange.length > 0) {
-                                                       // console.log("to change: ", toChange);
-                                                       if (!ambiguous) newShapeHoles = betterShapeHoles;
-                                               }
-                                       }
-
-                                       let tmpHoles;
-
-                                       for (let i = 0, il = newShapes.length; i < il; i++) {
-                                               tmpShape = newShapes[i].s;
-                                               shapes.push(tmpShape);
-                                               tmpHoles = newShapeHoles[i];
-
-                                               for (let j = 0, jl = tmpHoles.length; j < jl; j++) {
-                                                       tmpShape.holes.push(tmpHoles[j].h);
-                                               }
-                                       } //console.log("shape", shapes);
-
-
-                                       return shapes;
-                               }
-
-                       }
-
-                       class Font {
-                               constructor(data) {
-                                       this.type = 'Font';
-                                       this.data = data;
-                               }
-
-                               generateShapes(text, size = 100) {
-                                       const shapes = [];
-                                       const paths = createPaths(text, size, this.data);
-
-                                       for (let p = 0, pl = paths.length; p < pl; p++) {
-                                               Array.prototype.push.apply(shapes, paths[p].toShapes());
-                                       }
-
-                                       return shapes;
-                               }
-
-                       }
-
-                       function createPaths(text, size, data) {
-                               const chars = Array.from(text);
-                               const scale = size / data.resolution;
-                               const line_height = (data.boundingBox.yMax - data.boundingBox.yMin + data.underlineThickness) * scale;
-                               const paths = [];
-                               let offsetX = 0,
-                                       offsetY = 0;
-
-                               for (let i = 0; i < chars.length; i++) {
-                                       const char = chars[i];
-
-                                       if (char === '\n') {
-                                               offsetX = 0;
-                                               offsetY -= line_height;
-                                       } else {
-                                               const ret = createPath(char, scale, offsetX, offsetY, data);
-                                               offsetX += ret.offsetX;
-                                               paths.push(ret.path);
-                                       }
-                               }
-
-                               return paths;
-                       }
-
-                       function createPath(char, scale, offsetX, offsetY, data) {
-                               const glyph = data.glyphs[char] || data.glyphs['?'];
-
-                               if (!glyph) {
-                                       console.error('THREE.Font: character "' + char + '" does not exists in font family ' + data.familyName + '.');
-                                       return;
-                               }
-
-                               const path = new ShapePath();
-                               let x, y, cpx, cpy, cpx1, cpy1, cpx2, cpy2;
-
-                               if (glyph.o) {
-                                       const outline = glyph._cachedOutline || (glyph._cachedOutline = glyph.o.split(' '));
-
-                                       for (let i = 0, l = outline.length; i < l;) {
-                                               const action = outline[i++];
-
-                                               switch (action) {
-                                                       case 'm':
-                                                               // moveTo
-                                                               x = outline[i++] * scale + offsetX;
-                                                               y = outline[i++] * scale + offsetY;
-                                                               path.moveTo(x, y);
-                                                               break;
-
-                                                       case 'l':
-                                                               // lineTo
-                                                               x = outline[i++] * scale + offsetX;
-                                                               y = outline[i++] * scale + offsetY;
-                                                               path.lineTo(x, y);
-                                                               break;
-
-                                                       case 'q':
-                                                               // quadraticCurveTo
-                                                               cpx = outline[i++] * scale + offsetX;
-                                                               cpy = outline[i++] * scale + offsetY;
-                                                               cpx1 = outline[i++] * scale + offsetX;
-                                                               cpy1 = outline[i++] * scale + offsetY;
-                                                               path.quadraticCurveTo(cpx1, cpy1, cpx, cpy);
-                                                               break;
-
-                                                       case 'b':
-                                                               // bezierCurveTo
-                                                               cpx = outline[i++] * scale + offsetX;
-                                                               cpy = outline[i++] * scale + offsetY;
-                                                               cpx1 = outline[i++] * scale + offsetX;
-                                                               cpy1 = outline[i++] * scale + offsetY;
-                                                               cpx2 = outline[i++] * scale + offsetX;
-                                                               cpy2 = outline[i++] * scale + offsetY;
-                                                               path.bezierCurveTo(cpx1, cpy1, cpx2, cpy2, cpx, cpy);
-                                                               break;
-                                               }
-                                       }
-                               }
-
-                               return {
-                                       offsetX: glyph.ha * scale,
-                                       path: path
-                               };
-                       }
-
-                       Font.prototype.isFont = true;
-
-                       class FontLoader extends Loader {
-                               constructor(manager) {
-                                       super(manager);
-                               }
-
-                               load(url, onLoad, onProgress, onError) {
-                                       const scope = this;
-                                       const loader = new FileLoader(this.manager);
-                                       loader.setPath(this.path);
-                                       loader.setRequestHeader(this.requestHeader);
-                                       loader.setWithCredentials(scope.withCredentials);
-                                       loader.load(url, function (text) {
-                                               let json;
-
-                                               try {
-                                                       json = JSON.parse(text);
-                                               } catch (e) {
-                                                       console.warn('THREE.FontLoader: typeface.js support is being deprecated. Use typeface.json instead.');
-                                                       json = JSON.parse(text.substring(65, text.length - 2));
-                                               }
-
-                                               const font = scope.parse(json);
-                                               if (onLoad) onLoad(font);
-                                       }, onProgress, onError);
-                               }
-
-                               parse(json) {
-                                       return new Font(json);
-                               }
-
-                       }
-
-                       let _context;
-
-                       const AudioContext = {
-                               getContext: function () {
-                                       if (_context === undefined) {
-                                               _context = new (window.AudioContext || window.webkitAudioContext)();
-                                       }
-
-                                       return _context;
-                               },
-                               setContext: function (value) {
-                                       _context = value;
-                               }
-                       };
-
-                       class AudioLoader extends Loader {
-                               constructor(manager) {
-                                       super(manager);
-                               }
-
-                               load(url, onLoad, onProgress, onError) {
-                                       const scope = this;
-                                       const loader = new FileLoader(this.manager);
-                                       loader.setResponseType('arraybuffer');
-                                       loader.setPath(this.path);
-                                       loader.setRequestHeader(this.requestHeader);
-                                       loader.setWithCredentials(this.withCredentials);
-                                       loader.load(url, function (buffer) {
-                                               try {
-                                                       // Create a copy of the buffer. The `decodeAudioData` method
-                                                       // detaches the buffer when complete, preventing reuse.
-                                                       const bufferCopy = buffer.slice(0);
-                                                       const context = AudioContext.getContext();
-                                                       context.decodeAudioData(bufferCopy, function (audioBuffer) {
-                                                               onLoad(audioBuffer);
-                                                       });
-                                               } catch (e) {
-                                                       if (onError) {
-                                                               onError(e);
-                                                       } else {
-                                                               console.error(e);
-                                                       }
-
-                                                       scope.manager.itemError(url);
-                                               }
-                                       }, onProgress, onError);
-                               }
-
-                       }
-
-                       class HemisphereLightProbe extends LightProbe {
-                               constructor(skyColor, groundColor, intensity = 1) {
-                                       super(undefined, intensity);
-                                       const color1 = new Color().set(skyColor);
-                                       const color2 = new Color().set(groundColor);
-                                       const sky = new Vector3(color1.r, color1.g, color1.b);
-                                       const ground = new Vector3(color2.r, color2.g, color2.b); // without extra factor of PI in the shader, should = 1 / Math.sqrt( Math.PI );
-
-                                       const c0 = Math.sqrt(Math.PI);
-                                       const c1 = c0 * Math.sqrt(0.75);
-                                       this.sh.coefficients[0].copy(sky).add(ground).multiplyScalar(c0);
-                                       this.sh.coefficients[1].copy(sky).sub(ground).multiplyScalar(c1);
-                               }
-
-                       }
-
-                       HemisphereLightProbe.prototype.isHemisphereLightProbe = true;
-
-                       class AmbientLightProbe extends LightProbe {
-                               constructor(color, intensity = 1) {
-                                       super(undefined, intensity);
-                                       const color1 = new Color().set(color); // without extra factor of PI in the shader, would be 2 / Math.sqrt( Math.PI );
-
-                                       this.sh.coefficients[0].set(color1.r, color1.g, color1.b).multiplyScalar(2 * Math.sqrt(Math.PI));
-                               }
-
-                       }
-
-                       AmbientLightProbe.prototype.isAmbientLightProbe = true;
-
-                       const _eyeRight = /*@__PURE__*/new Matrix4();
-
-                       const _eyeLeft = /*@__PURE__*/new Matrix4();
-
-                       class StereoCamera {
-                               constructor() {
-                                       this.type = 'StereoCamera';
-                                       this.aspect = 1;
-                                       this.eyeSep = 0.064;
-                                       this.cameraL = new PerspectiveCamera();
-                                       this.cameraL.layers.enable(1);
-                                       this.cameraL.matrixAutoUpdate = false;
-                                       this.cameraR = new PerspectiveCamera();
-                                       this.cameraR.layers.enable(2);
-                                       this.cameraR.matrixAutoUpdate = false;
-                                       this._cache = {
-                                               focus: null,
-                                               fov: null,
-                                               aspect: null,
-                                               near: null,
-                                               far: null,
-                                               zoom: null,
-                                               eyeSep: null
-                                       };
-                               }
-
-                               update(camera) {
-                                       const cache = this._cache;
-                                       const needsUpdate = cache.focus !== camera.focus || cache.fov !== camera.fov || cache.aspect !== camera.aspect * this.aspect || cache.near !== camera.near || cache.far !== camera.far || cache.zoom !== camera.zoom || cache.eyeSep !== this.eyeSep;
-
-                                       if (needsUpdate) {
-                                               cache.focus = camera.focus;
-                                               cache.fov = camera.fov;
-                                               cache.aspect = camera.aspect * this.aspect;
-                                               cache.near = camera.near;
-                                               cache.far = camera.far;
-                                               cache.zoom = camera.zoom;
-                                               cache.eyeSep = this.eyeSep; // Off-axis stereoscopic effect based on
-                                               // http://paulbourke.net/stereographics/stereorender/
-
-                                               const projectionMatrix = camera.projectionMatrix.clone();
-                                               const eyeSepHalf = cache.eyeSep / 2;
-                                               const eyeSepOnProjection = eyeSepHalf * cache.near / cache.focus;
-                                               const ymax = cache.near * Math.tan(DEG2RAD * cache.fov * 0.5) / cache.zoom;
-                                               let xmin, xmax; // translate xOffset
-
-                                               _eyeLeft.elements[12] = -eyeSepHalf;
-                                               _eyeRight.elements[12] = eyeSepHalf; // for left eye
-
-                                               xmin = -ymax * cache.aspect + eyeSepOnProjection;
-                                               xmax = ymax * cache.aspect + eyeSepOnProjection;
-                                               projectionMatrix.elements[0] = 2 * cache.near / (xmax - xmin);
-                                               projectionMatrix.elements[8] = (xmax + xmin) / (xmax - xmin);
-                                               this.cameraL.projectionMatrix.copy(projectionMatrix); // for right eye
-
-                                               xmin = -ymax * cache.aspect - eyeSepOnProjection;
-                                               xmax = ymax * cache.aspect - eyeSepOnProjection;
-                                               projectionMatrix.elements[0] = 2 * cache.near / (xmax - xmin);
-                                               projectionMatrix.elements[8] = (xmax + xmin) / (xmax - xmin);
-                                               this.cameraR.projectionMatrix.copy(projectionMatrix);
-                                       }
-
-                                       this.cameraL.matrixWorld.copy(camera.matrixWorld).multiply(_eyeLeft);
-                                       this.cameraR.matrixWorld.copy(camera.matrixWorld).multiply(_eyeRight);
-                               }
-
-                       }
-
-                       class Clock {
-                               constructor(autoStart = true) {
-                                       this.autoStart = autoStart;
-                                       this.startTime = 0;
-                                       this.oldTime = 0;
-                                       this.elapsedTime = 0;
-                                       this.running = false;
-                               }
-
-                               start() {
-                                       this.startTime = now();
-                                       this.oldTime = this.startTime;
-                                       this.elapsedTime = 0;
-                                       this.running = true;
-                               }
-
-                               stop() {
-                                       this.getElapsedTime();
-                                       this.running = false;
-                                       this.autoStart = false;
-                               }
-
-                               getElapsedTime() {
-                                       this.getDelta();
-                                       return this.elapsedTime;
-                               }
-
-                               getDelta() {
-                                       let diff = 0;
-
-                                       if (this.autoStart && !this.running) {
-                                               this.start();
-                                               return 0;
-                                       }
-
-                                       if (this.running) {
-                                               const newTime = now();
-                                               diff = (newTime - this.oldTime) / 1000;
-                                               this.oldTime = newTime;
-                                               this.elapsedTime += diff;
-                                       }
-
-                                       return diff;
-                               }
-
-                       }
-
-                       function now() {
-                               return (typeof performance === 'undefined' ? Date : performance).now(); // see #10732
-                       }
-
-                       const _position$1 = /*@__PURE__*/new Vector3();
-
-                       const _quaternion$1 = /*@__PURE__*/new Quaternion();
-
-                       const _scale$1 = /*@__PURE__*/new Vector3();
-
-                       const _orientation$1 = /*@__PURE__*/new Vector3();
-
-                       class AudioListener extends Object3D {
-                               constructor() {
-                                       super();
-                                       this.type = 'AudioListener';
-                                       this.context = AudioContext.getContext();
-                                       this.gain = this.context.createGain();
-                                       this.gain.connect(this.context.destination);
-                                       this.filter = null;
-                                       this.timeDelta = 0; // private
-
-                                       this._clock = new Clock();
-                               }
-
-                               getInput() {
-                                       return this.gain;
-                               }
-
-                               removeFilter() {
-                                       if (this.filter !== null) {
-                                               this.gain.disconnect(this.filter);
-                                               this.filter.disconnect(this.context.destination);
-                                               this.gain.connect(this.context.destination);
-                                               this.filter = null;
-                                       }
-
-                                       return this;
-                               }
-
-                               getFilter() {
-                                       return this.filter;
-                               }
-
-                               setFilter(value) {
-                                       if (this.filter !== null) {
-                                               this.gain.disconnect(this.filter);
-                                               this.filter.disconnect(this.context.destination);
-                                       } else {
-                                               this.gain.disconnect(this.context.destination);
-                                       }
-
-                                       this.filter = value;
-                                       this.gain.connect(this.filter);
-                                       this.filter.connect(this.context.destination);
-                                       return this;
-                               }
-
-                               getMasterVolume() {
-                                       return this.gain.gain.value;
-                               }
-
-                               setMasterVolume(value) {
-                                       this.gain.gain.setTargetAtTime(value, this.context.currentTime, 0.01);
-                                       return this;
-                               }
-
-                               updateMatrixWorld(force) {
-                                       super.updateMatrixWorld(force);
-                                       const listener = this.context.listener;
-                                       const up = this.up;
-                                       this.timeDelta = this._clock.getDelta();
-                                       this.matrixWorld.decompose(_position$1, _quaternion$1, _scale$1);
-
-                                       _orientation$1.set(0, 0, -1).applyQuaternion(_quaternion$1);
-
-                                       if (listener.positionX) {
-                                               // code path for Chrome (see #14393)
-                                               const endTime = this.context.currentTime + this.timeDelta;
-                                               listener.positionX.linearRampToValueAtTime(_position$1.x, endTime);
-                                               listener.positionY.linearRampToValueAtTime(_position$1.y, endTime);
-                                               listener.positionZ.linearRampToValueAtTime(_position$1.z, endTime);
-                                               listener.forwardX.linearRampToValueAtTime(_orientation$1.x, endTime);
-                                               listener.forwardY.linearRampToValueAtTime(_orientation$1.y, endTime);
-                                               listener.forwardZ.linearRampToValueAtTime(_orientation$1.z, endTime);
-                                               listener.upX.linearRampToValueAtTime(up.x, endTime);
-                                               listener.upY.linearRampToValueAtTime(up.y, endTime);
-                                               listener.upZ.linearRampToValueAtTime(up.z, endTime);
-                                       } else {
-                                               listener.setPosition(_position$1.x, _position$1.y, _position$1.z);
-                                               listener.setOrientation(_orientation$1.x, _orientation$1.y, _orientation$1.z, up.x, up.y, up.z);
-                                       }
-                               }
-
-                       }
-
-                       class Audio extends Object3D {
-                               constructor(listener) {
-                                       super();
-                                       this.type = 'Audio';
-                                       this.listener = listener;
-                                       this.context = listener.context;
-                                       this.gain = this.context.createGain();
-                                       this.gain.connect(listener.getInput());
-                                       this.autoplay = false;
-                                       this.buffer = null;
-                                       this.detune = 0;
-                                       this.loop = false;
-                                       this.loopStart = 0;
-                                       this.loopEnd = 0;
-                                       this.offset = 0;
-                                       this.duration = undefined;
-                                       this.playbackRate = 1;
-                                       this.isPlaying = false;
-                                       this.hasPlaybackControl = true;
-                                       this.source = null;
-                                       this.sourceType = 'empty';
-                                       this._startedAt = 0;
-                                       this._progress = 0;
-                                       this._connected = false;
-                                       this.filters = [];
-                               }
-
-                               getOutput() {
-                                       return this.gain;
-                               }
-
-                               setNodeSource(audioNode) {
-                                       this.hasPlaybackControl = false;
-                                       this.sourceType = 'audioNode';
-                                       this.source = audioNode;
-                                       this.connect();
-                                       return this;
-                               }
-
-                               setMediaElementSource(mediaElement) {
-                                       this.hasPlaybackControl = false;
-                                       this.sourceType = 'mediaNode';
-                                       this.source = this.context.createMediaElementSource(mediaElement);
-                                       this.connect();
-                                       return this;
-                               }
-
-                               setMediaStreamSource(mediaStream) {
-                                       this.hasPlaybackControl = false;
-                                       this.sourceType = 'mediaStreamNode';
-                                       this.source = this.context.createMediaStreamSource(mediaStream);
-                                       this.connect();
-                                       return this;
-                               }
-
-                               setBuffer(audioBuffer) {
-                                       this.buffer = audioBuffer;
-                                       this.sourceType = 'buffer';
-                                       if (this.autoplay) this.play();
-                                       return this;
-                               }
-
-                               play(delay = 0) {
-                                       if (this.isPlaying === true) {
-                                               console.warn('THREE.Audio: Audio is already playing.');
-                                               return;
-                                       }
-
-                                       if (this.hasPlaybackControl === false) {
-                                               console.warn('THREE.Audio: this Audio has no playback control.');
-                                               return;
-                                       }
-
-                                       this._startedAt = this.context.currentTime + delay;
-                                       const source = this.context.createBufferSource();
-                                       source.buffer = this.buffer;
-                                       source.loop = this.loop;
-                                       source.loopStart = this.loopStart;
-                                       source.loopEnd = this.loopEnd;
-                                       source.onended = this.onEnded.bind(this);
-                                       source.start(this._startedAt, this._progress + this.offset, this.duration);
-                                       this.isPlaying = true;
-                                       this.source = source;
-                                       this.setDetune(this.detune);
-                                       this.setPlaybackRate(this.playbackRate);
-                                       return this.connect();
-                               }
-
-                               pause() {
-                                       if (this.hasPlaybackControl === false) {
-                                               console.warn('THREE.Audio: this Audio has no playback control.');
-                                               return;
-                                       }
-
-                                       if (this.isPlaying === true) {
-                                               // update current progress
-                                               this._progress += Math.max(this.context.currentTime - this._startedAt, 0) * this.playbackRate;
-
-                                               if (this.loop === true) {
-                                                       // ensure _progress does not exceed duration with looped audios
-                                                       this._progress = this._progress % (this.duration || this.buffer.duration);
-                                               }
-
-                                               this.source.stop();
-                                               this.source.onended = null;
-                                               this.isPlaying = false;
-                                       }
-
-                                       return this;
-                               }
-
-                               stop() {
-                                       if (this.hasPlaybackControl === false) {
-                                               console.warn('THREE.Audio: this Audio has no playback control.');
-                                               return;
-                                       }
-
-                                       this._progress = 0;
-                                       this.source.stop();
-                                       this.source.onended = null;
-                                       this.isPlaying = false;
-                                       return this;
-                               }
-
-                               connect() {
-                                       if (this.filters.length > 0) {
-                                               this.source.connect(this.filters[0]);
-
-                                               for (let i = 1, l = this.filters.length; i < l; i++) {
-                                                       this.filters[i - 1].connect(this.filters[i]);
-                                               }
-
-                                               this.filters[this.filters.length - 1].connect(this.getOutput());
-                                       } else {
-                                               this.source.connect(this.getOutput());
-                                       }
-
-                                       this._connected = true;
-                                       return this;
-                               }
-
-                               disconnect() {
-                                       if (this.filters.length > 0) {
-                                               this.source.disconnect(this.filters[0]);
-
-                                               for (let i = 1, l = this.filters.length; i < l; i++) {
-                                                       this.filters[i - 1].disconnect(this.filters[i]);
-                                               }
-
-                                               this.filters[this.filters.length - 1].disconnect(this.getOutput());
-                                       } else {
-                                               this.source.disconnect(this.getOutput());
-                                       }
-
-                                       this._connected = false;
-                                       return this;
-                               }
-
-                               getFilters() {
-                                       return this.filters;
-                               }
-
-                               setFilters(value) {
-                                       if (!value) value = [];
-
-                                       if (this._connected === true) {
-                                               this.disconnect();
-                                               this.filters = value.slice();
-                                               this.connect();
-                                       } else {
-                                               this.filters = value.slice();
-                                       }
-
-                                       return this;
-                               }
-
-                               setDetune(value) {
-                                       this.detune = value;
-                                       if (this.source.detune === undefined) return; // only set detune when available
-
-                                       if (this.isPlaying === true) {
-                                               this.source.detune.setTargetAtTime(this.detune, this.context.currentTime, 0.01);
-                                       }
-
-                                       return this;
-                               }
-
-                               getDetune() {
-                                       return this.detune;
-                               }
-
-                               getFilter() {
-                                       return this.getFilters()[0];
-                               }
-
-                               setFilter(filter) {
-                                       return this.setFilters(filter ? [filter] : []);
-                               }
-
-                               setPlaybackRate(value) {
-                                       if (this.hasPlaybackControl === false) {
-                                               console.warn('THREE.Audio: this Audio has no playback control.');
-                                               return;
-                                       }
-
-                                       this.playbackRate = value;
-
-                                       if (this.isPlaying === true) {
-                                               this.source.playbackRate.setTargetAtTime(this.playbackRate, this.context.currentTime, 0.01);
-                                       }
-
-                                       return this;
-                               }
-
-                               getPlaybackRate() {
-                                       return this.playbackRate;
-                               }
-
-                               onEnded() {
-                                       this.isPlaying = false;
-                               }
-
-                               getLoop() {
-                                       if (this.hasPlaybackControl === false) {
-                                               console.warn('THREE.Audio: this Audio has no playback control.');
-                                               return false;
-                                       }
-
-                                       return this.loop;
-                               }
-
-                               setLoop(value) {
-                                       if (this.hasPlaybackControl === false) {
-                                               console.warn('THREE.Audio: this Audio has no playback control.');
-                                               return;
-                                       }
-
-                                       this.loop = value;
-
-                                       if (this.isPlaying === true) {
-                                               this.source.loop = this.loop;
-                                       }
-
-                                       return this;
-                               }
-
-                               setLoopStart(value) {
-                                       this.loopStart = value;
-                                       return this;
-                               }
-
-                               setLoopEnd(value) {
-                                       this.loopEnd = value;
-                                       return this;
-                               }
-
-                               getVolume() {
-                                       return this.gain.gain.value;
-                               }
-
-                               setVolume(value) {
-                                       this.gain.gain.setTargetAtTime(value, this.context.currentTime, 0.01);
-                                       return this;
-                               }
-
-                       }
-
-                       const _position = /*@__PURE__*/new Vector3();
-
-                       const _quaternion = /*@__PURE__*/new Quaternion();
-
-                       const _scale = /*@__PURE__*/new Vector3();
-
-                       const _orientation = /*@__PURE__*/new Vector3();
-
-                       class PositionalAudio extends Audio {
-                               constructor(listener) {
-                                       super(listener);
-                                       this.panner = this.context.createPanner();
-                                       this.panner.panningModel = 'HRTF';
-                                       this.panner.connect(this.gain);
-                               }
-
-                               getOutput() {
-                                       return this.panner;
-                               }
-
-                               getRefDistance() {
-                                       return this.panner.refDistance;
-                               }
-
-                               setRefDistance(value) {
-                                       this.panner.refDistance = value;
-                                       return this;
-                               }
-
-                               getRolloffFactor() {
-                                       return this.panner.rolloffFactor;
-                               }
-
-                               setRolloffFactor(value) {
-                                       this.panner.rolloffFactor = value;
-                                       return this;
-                               }
-
-                               getDistanceModel() {
-                                       return this.panner.distanceModel;
-                               }
-
-                               setDistanceModel(value) {
-                                       this.panner.distanceModel = value;
-                                       return this;
-                               }
-
-                               getMaxDistance() {
-                                       return this.panner.maxDistance;
-                               }
-
-                               setMaxDistance(value) {
-                                       this.panner.maxDistance = value;
-                                       return this;
-                               }
-
-                               setDirectionalCone(coneInnerAngle, coneOuterAngle, coneOuterGain) {
-                                       this.panner.coneInnerAngle = coneInnerAngle;
-                                       this.panner.coneOuterAngle = coneOuterAngle;
-                                       this.panner.coneOuterGain = coneOuterGain;
-                                       return this;
-                               }
-
-                               updateMatrixWorld(force) {
-                                       super.updateMatrixWorld(force);
-                                       if (this.hasPlaybackControl === true && this.isPlaying === false) return;
-                                       this.matrixWorld.decompose(_position, _quaternion, _scale);
-
-                                       _orientation.set(0, 0, 1).applyQuaternion(_quaternion);
-
-                                       const panner = this.panner;
-
-                                       if (panner.positionX) {
-                                               // code path for Chrome and Firefox (see #14393)
-                                               const endTime = this.context.currentTime + this.listener.timeDelta;
-                                               panner.positionX.linearRampToValueAtTime(_position.x, endTime);
-                                               panner.positionY.linearRampToValueAtTime(_position.y, endTime);
-                                               panner.positionZ.linearRampToValueAtTime(_position.z, endTime);
-                                               panner.orientationX.linearRampToValueAtTime(_orientation.x, endTime);
-                                               panner.orientationY.linearRampToValueAtTime(_orientation.y, endTime);
-                                               panner.orientationZ.linearRampToValueAtTime(_orientation.z, endTime);
-                                       } else {
-                                               panner.setPosition(_position.x, _position.y, _position.z);
-                                               panner.setOrientation(_orientation.x, _orientation.y, _orientation.z);
-                                       }
-                               }
-
-                       }
-
-                       class AudioAnalyser {
-                               constructor(audio, fftSize = 2048) {
-                                       this.analyser = audio.context.createAnalyser();
-                                       this.analyser.fftSize = fftSize;
-                                       this.data = new Uint8Array(this.analyser.frequencyBinCount);
-                                       audio.getOutput().connect(this.analyser);
-                               }
-
-                               getFrequencyData() {
-                                       this.analyser.getByteFrequencyData(this.data);
-                                       return this.data;
-                               }
-
-                               getAverageFrequency() {
-                                       let value = 0;
-                                       const data = this.getFrequencyData();
-
-                                       for (let i = 0; i < data.length; i++) {
-                                               value += data[i];
-                                       }
-
-                                       return value / data.length;
-                               }
-
-                       }
-
-                       class PropertyMixer {
-                               constructor(binding, typeName, valueSize) {
-                                       this.binding = binding;
-                                       this.valueSize = valueSize;
-                                       let mixFunction, mixFunctionAdditive, setIdentity; // buffer layout: [ incoming | accu0 | accu1 | orig | addAccu | (optional work) ]
-                                       //
-                                       // interpolators can use .buffer as their .result
-                                       // the data then goes to 'incoming'
-                                       //
-                                       // 'accu0' and 'accu1' are used frame-interleaved for
-                                       // the cumulative result and are compared to detect
-                                       // changes
-                                       //
-                                       // 'orig' stores the original state of the property
-                                       //
-                                       // 'add' is used for additive cumulative results
-                                       //
-                                       // 'work' is optional and is only present for quaternion types. It is used
-                                       // to store intermediate quaternion multiplication results
-
-                                       switch (typeName) {
-                                               case 'quaternion':
-                                                       mixFunction = this._slerp;
-                                                       mixFunctionAdditive = this._slerpAdditive;
-                                                       setIdentity = this._setAdditiveIdentityQuaternion;
-                                                       this.buffer = new Float64Array(valueSize * 6);
-                                                       this._workIndex = 5;
-                                                       break;
-
-                                               case 'string':
-                                               case 'bool':
-                                                       mixFunction = this._select; // Use the regular mix function and for additive on these types,
-                                                       // additive is not relevant for non-numeric types
-
-                                                       mixFunctionAdditive = this._select;
-                                                       setIdentity = this._setAdditiveIdentityOther;
-                                                       this.buffer = new Array(valueSize * 5);
-                                                       break;
-
-                                               default:
-                                                       mixFunction = this._lerp;
-                                                       mixFunctionAdditive = this._lerpAdditive;
-                                                       setIdentity = this._setAdditiveIdentityNumeric;
-                                                       this.buffer = new Float64Array(valueSize * 5);
-                                       }
-
-                                       this._mixBufferRegion = mixFunction;
-                                       this._mixBufferRegionAdditive = mixFunctionAdditive;
-                                       this._setIdentity = setIdentity;
-                                       this._origIndex = 3;
-                                       this._addIndex = 4;
-                                       this.cumulativeWeight = 0;
-                                       this.cumulativeWeightAdditive = 0;
-                                       this.useCount = 0;
-                                       this.referenceCount = 0;
-                               } // accumulate data in the 'incoming' region into 'accu<i>'
-
-
-                               accumulate(accuIndex, weight) {
-                                       // note: happily accumulating nothing when weight = 0, the caller knows
-                                       // the weight and shouldn't have made the call in the first place
-                                       const buffer = this.buffer,
-                                               stride = this.valueSize,
-                                               offset = accuIndex * stride + stride;
-                                       let currentWeight = this.cumulativeWeight;
-
-                                       if (currentWeight === 0) {
-                                               // accuN := incoming * weight
-                                               for (let i = 0; i !== stride; ++i) {
-                                                       buffer[offset + i] = buffer[i];
-                                               }
-
-                                               currentWeight = weight;
-                                       } else {
-                                               // accuN := accuN + incoming * weight
-                                               currentWeight += weight;
-                                               const mix = weight / currentWeight;
-
-                                               this._mixBufferRegion(buffer, offset, 0, mix, stride);
-                                       }
-
-                                       this.cumulativeWeight = currentWeight;
-                               } // accumulate data in the 'incoming' region into 'add'
-
-
-                               accumulateAdditive(weight) {
-                                       const buffer = this.buffer,
-                                               stride = this.valueSize,
-                                               offset = stride * this._addIndex;
-
-                                       if (this.cumulativeWeightAdditive === 0) {
-                                               // add = identity
-                                               this._setIdentity();
-                                       } // add := add + incoming * weight
-
-
-                                       this._mixBufferRegionAdditive(buffer, offset, 0, weight, stride);
-
-                                       this.cumulativeWeightAdditive += weight;
-                               } // apply the state of 'accu<i>' to the binding when accus differ
-
-
-                               apply(accuIndex) {
-                                       const stride = this.valueSize,
-                                               buffer = this.buffer,
-                                               offset = accuIndex * stride + stride,
-                                               weight = this.cumulativeWeight,
-                                               weightAdditive = this.cumulativeWeightAdditive,
-                                               binding = this.binding;
-                                       this.cumulativeWeight = 0;
-                                       this.cumulativeWeightAdditive = 0;
-
-                                       if (weight < 1) {
-                                               // accuN := accuN + original * ( 1 - cumulativeWeight )
-                                               const originalValueOffset = stride * this._origIndex;
-
-                                               this._mixBufferRegion(buffer, offset, originalValueOffset, 1 - weight, stride);
-                                       }
-
-                                       if (weightAdditive > 0) {
-                                               // accuN := accuN + additive accuN
-                                               this._mixBufferRegionAdditive(buffer, offset, this._addIndex * stride, 1, stride);
-                                       }
-
-                                       for (let i = stride, e = stride + stride; i !== e; ++i) {
-                                               if (buffer[i] !== buffer[i + stride]) {
-                                                       // value has changed -> update scene graph
-                                                       binding.setValue(buffer, offset);
-                                                       break;
-                                               }
-                                       }
-                               } // remember the state of the bound property and copy it to both accus
-
-
-                               saveOriginalState() {
-                                       const binding = this.binding;
-                                       const buffer = this.buffer,
-                                               stride = this.valueSize,
-                                               originalValueOffset = stride * this._origIndex;
-                                       binding.getValue(buffer, originalValueOffset); // accu[0..1] := orig -- initially detect changes against the original
-
-                                       for (let i = stride, e = originalValueOffset; i !== e; ++i) {
-                                               buffer[i] = buffer[originalValueOffset + i % stride];
-                                       } // Add to identity for additive
-
-
-                                       this._setIdentity();
-
-                                       this.cumulativeWeight = 0;
-                                       this.cumulativeWeightAdditive = 0;
-                               } // apply the state previously taken via 'saveOriginalState' to the binding
-
-
-                               restoreOriginalState() {
-                                       const originalValueOffset = this.valueSize * 3;
-                                       this.binding.setValue(this.buffer, originalValueOffset);
-                               }
-
-                               _setAdditiveIdentityNumeric() {
-                                       const startIndex = this._addIndex * this.valueSize;
-                                       const endIndex = startIndex + this.valueSize;
-
-                                       for (let i = startIndex; i < endIndex; i++) {
-                                               this.buffer[i] = 0;
-                                       }
-                               }
-
-                               _setAdditiveIdentityQuaternion() {
-                                       this._setAdditiveIdentityNumeric();
-
-                                       this.buffer[this._addIndex * this.valueSize + 3] = 1;
-                               }
-
-                               _setAdditiveIdentityOther() {
-                                       const startIndex = this._origIndex * this.valueSize;
-                                       const targetIndex = this._addIndex * this.valueSize;
-
-                                       for (let i = 0; i < this.valueSize; i++) {
-                                               this.buffer[targetIndex + i] = this.buffer[startIndex + i];
-                                       }
-                               } // mix functions
-
-
-                               _select(buffer, dstOffset, srcOffset, t, stride) {
-                                       if (t >= 0.5) {
-                                               for (let i = 0; i !== stride; ++i) {
-                                                       buffer[dstOffset + i] = buffer[srcOffset + i];
-                                               }
-                                       }
-                               }
-
-                               _slerp(buffer, dstOffset, srcOffset, t) {
-                                       Quaternion.slerpFlat(buffer, dstOffset, buffer, dstOffset, buffer, srcOffset, t);
-                               }
-
-                               _slerpAdditive(buffer, dstOffset, srcOffset, t, stride) {
-                                       const workOffset = this._workIndex * stride; // Store result in intermediate buffer offset
-
-                                       Quaternion.multiplyQuaternionsFlat(buffer, workOffset, buffer, dstOffset, buffer, srcOffset); // Slerp to the intermediate result
-
-                                       Quaternion.slerpFlat(buffer, dstOffset, buffer, dstOffset, buffer, workOffset, t);
-                               }
-
-                               _lerp(buffer, dstOffset, srcOffset, t, stride) {
-                                       const s = 1 - t;
-
-                                       for (let i = 0; i !== stride; ++i) {
-                                               const j = dstOffset + i;
-                                               buffer[j] = buffer[j] * s + buffer[srcOffset + i] * t;
-                                       }
-                               }
-
-                               _lerpAdditive(buffer, dstOffset, srcOffset, t, stride) {
-                                       for (let i = 0; i !== stride; ++i) {
-                                               const j = dstOffset + i;
-                                               buffer[j] = buffer[j] + buffer[srcOffset + i] * t;
-                                       }
-                               }
-
-                       }
-
-                       // Characters [].:/ are reserved for track binding syntax.
-                       const _RESERVED_CHARS_RE = '\\[\\]\\.:\\/';
-
-                       const _reservedRe = new RegExp('[' + _RESERVED_CHARS_RE + ']', 'g'); // Attempts to allow node names from any language. ES5's `\w` regexp matches
-                       // only latin characters, and the unicode \p{L} is not yet supported. So
-                       // instead, we exclude reserved characters and match everything else.
-
-
-                       const _wordChar = '[^' + _RESERVED_CHARS_RE + ']';
-
-                       const _wordCharOrDot = '[^' + _RESERVED_CHARS_RE.replace('\\.', '') + ']'; // Parent directories, delimited by '/' or ':'. Currently unused, but must
-                       // be matched to parse the rest of the track name.
-
-
-                       const _directoryRe = /((?:WC+[\/:])*)/.source.replace('WC', _wordChar); // Target node. May contain word characters (a-zA-Z0-9_) and '.' or '-'.
-
-
-                       const _nodeRe = /(WCOD+)?/.source.replace('WCOD', _wordCharOrDot); // Object on target node, and accessor. May not contain reserved
-                       // characters. Accessor may contain any character except closing bracket.
-
-
-                       const _objectRe = /(?:\.(WC+)(?:\[(.+)\])?)?/.source.replace('WC', _wordChar); // Property and accessor. May not contain reserved characters. Accessor may
-                       // contain any non-bracket characters.
-
-
-                       const _propertyRe = /\.(WC+)(?:\[(.+)\])?/.source.replace('WC', _wordChar);
-
-                       const _trackRe = new RegExp('' + '^' + _directoryRe + _nodeRe + _objectRe + _propertyRe + '$');
-
-                       const _supportedObjectNames = ['material', 'materials', 'bones'];
-
-                       class Composite {
-                               constructor(targetGroup, path, optionalParsedPath) {
-                                       const parsedPath = optionalParsedPath || PropertyBinding.parseTrackName(path);
-                                       this._targetGroup = targetGroup;
-                                       this._bindings = targetGroup.subscribe_(path, parsedPath);
-                               }
-
-                               getValue(array, offset) {
-                                       this.bind(); // bind all binding
-
-                                       const firstValidIndex = this._targetGroup.nCachedObjects_,
-                                               binding = this._bindings[firstValidIndex]; // and only call .getValue on the first
-
-                                       if (binding !== undefined) binding.getValue(array, offset);
-                               }
-
-                               setValue(array, offset) {
-                                       const bindings = this._bindings;
-
-                                       for (let i = this._targetGroup.nCachedObjects_, n = bindings.length; i !== n; ++i) {
-                                               bindings[i].setValue(array, offset);
-                                       }
-                               }
-
-                               bind() {
-                                       const bindings = this._bindings;
-
-                                       for (let i = this._targetGroup.nCachedObjects_, n = bindings.length; i !== n; ++i) {
-                                               bindings[i].bind();
-                                       }
-                               }
-
-                               unbind() {
-                                       const bindings = this._bindings;
-
-                                       for (let i = this._targetGroup.nCachedObjects_, n = bindings.length; i !== n; ++i) {
-                                               bindings[i].unbind();
-                                       }
-                               }
-
-                       } // Note: This class uses a State pattern on a per-method basis:
-                       // 'bind' sets 'this.getValue' / 'setValue' and shadows the
-                       // prototype version of these methods with one that represents
-                       // the bound state. When the property is not found, the methods
-                       // become no-ops.
-
-
-                       class PropertyBinding {
-                               constructor(rootNode, path, parsedPath) {
-                                       this.path = path;
-                                       this.parsedPath = parsedPath || PropertyBinding.parseTrackName(path);
-                                       this.node = PropertyBinding.findNode(rootNode, this.parsedPath.nodeName) || rootNode;
-                                       this.rootNode = rootNode; // initial state of these methods that calls 'bind'
-
-                                       this.getValue = this._getValue_unbound;
-                                       this.setValue = this._setValue_unbound;
-                               }
-
-                               static create(root, path, parsedPath) {
-                                       if (!(root && root.isAnimationObjectGroup)) {
-                                               return new PropertyBinding(root, path, parsedPath);
-                                       } else {
-                                               return new PropertyBinding.Composite(root, path, parsedPath);
-                                       }
-                               }
-
-                               /**
-                                * Replaces spaces with underscores and removes unsupported characters from
-                                * node names, to ensure compatibility with parseTrackName().
-                                *
-                                * @param {string} name Node name to be sanitized.
-                                * @return {string}
-                                */
-
-
-                               static sanitizeNodeName(name) {
-                                       return name.replace(/\s/g, '_').replace(_reservedRe, '');
-                               }
-
-                               static parseTrackName(trackName) {
-                                       const matches = _trackRe.exec(trackName);
-
-                                       if (!matches) {
-                                               throw new Error('PropertyBinding: Cannot parse trackName: ' + trackName);
-                                       }
-
-                                       const results = {
-                                               // directoryName: matches[ 1 ], // (tschw) currently unused
-                                               nodeName: matches[2],
-                                               objectName: matches[3],
-                                               objectIndex: matches[4],
-                                               propertyName: matches[5],
-                                               // required
-                                               propertyIndex: matches[6]
-                                       };
-                                       const lastDot = results.nodeName && results.nodeName.lastIndexOf('.');
-
-                                       if (lastDot !== undefined && lastDot !== -1) {
-                                               const objectName = results.nodeName.substring(lastDot + 1); // Object names must be checked against an allowlist. Otherwise, there
-                                               // is no way to parse 'foo.bar.baz': 'baz' must be a property, but
-                                               // 'bar' could be the objectName, or part of a nodeName (which can
-                                               // include '.' characters).
-
-                                               if (_supportedObjectNames.indexOf(objectName) !== -1) {
-                                                       results.nodeName = results.nodeName.substring(0, lastDot);
-                                                       results.objectName = objectName;
-                                               }
-                                       }
-
-                                       if (results.propertyName === null || results.propertyName.length === 0) {
-                                               throw new Error('PropertyBinding: can not parse propertyName from trackName: ' + trackName);
-                                       }
-
-                                       return results;
-                               }
-
-                               static findNode(root, nodeName) {
-                                       if (!nodeName || nodeName === '' || nodeName === '.' || nodeName === -1 || nodeName === root.name || nodeName === root.uuid) {
-                                               return root;
-                                       } // search into skeleton bones.
-
-
-                                       if (root.skeleton) {
-                                               const bone = root.skeleton.getBoneByName(nodeName);
-
-                                               if (bone !== undefined) {
-                                                       return bone;
-                                               }
-                                       } // search into node subtree.
-
-
-                                       if (root.children) {
-                                               const searchNodeSubtree = function (children) {
-                                                       for (let i = 0; i < children.length; i++) {
-                                                               const childNode = children[i];
-
-                                                               if (childNode.name === nodeName || childNode.uuid === nodeName) {
-                                                                       return childNode;
-                                                               }
-
-                                                               const result = searchNodeSubtree(childNode.children);
-                                                               if (result) return result;
-                                                       }
-
-                                                       return null;
-                                               };
-
-                                               const subTreeNode = searchNodeSubtree(root.children);
-
-                                               if (subTreeNode) {
-                                                       return subTreeNode;
-                                               }
-                                       }
-
-                                       return null;
-                               } // these are used to "bind" a nonexistent property
-
-
-                               _getValue_unavailable() {
-                               }
-
-                               _setValue_unavailable() {
-                               } // Getters
-
-
-                               _getValue_direct(buffer, offset) {
-                                       buffer[offset] = this.targetObject[this.propertyName];
-                               }
-
-                               _getValue_array(buffer, offset) {
-                                       const source = this.resolvedProperty;
-
-                                       for (let i = 0, n = source.length; i !== n; ++i) {
-                                               buffer[offset++] = source[i];
-                                       }
-                               }
-
-                               _getValue_arrayElement(buffer, offset) {
-                                       buffer[offset] = this.resolvedProperty[this.propertyIndex];
-                               }
-
-                               _getValue_toArray(buffer, offset) {
-                                       this.resolvedProperty.toArray(buffer, offset);
-                               } // Direct
-
-
-                               _setValue_direct(buffer, offset) {
-                                       this.targetObject[this.propertyName] = buffer[offset];
-                               }
-
-                               _setValue_direct_setNeedsUpdate(buffer, offset) {
-                                       this.targetObject[this.propertyName] = buffer[offset];
-                                       this.targetObject.needsUpdate = true;
-                               }
-
-                               _setValue_direct_setMatrixWorldNeedsUpdate(buffer, offset) {
-                                       this.targetObject[this.propertyName] = buffer[offset];
-                                       this.targetObject.matrixWorldNeedsUpdate = true;
-                               } // EntireArray
-
-
-                               _setValue_array(buffer, offset) {
-                                       const dest = this.resolvedProperty;
-
-                                       for (let i = 0, n = dest.length; i !== n; ++i) {
-                                               dest[i] = buffer[offset++];
-                                       }
-                               }
-
-                               _setValue_array_setNeedsUpdate(buffer, offset) {
-                                       const dest = this.resolvedProperty;
-
-                                       for (let i = 0, n = dest.length; i !== n; ++i) {
-                                               dest[i] = buffer[offset++];
-                                       }
-
-                                       this.targetObject.needsUpdate = true;
-                               }
-
-                               _setValue_array_setMatrixWorldNeedsUpdate(buffer, offset) {
-                                       const dest = this.resolvedProperty;
-
-                                       for (let i = 0, n = dest.length; i !== n; ++i) {
-                                               dest[i] = buffer[offset++];
-                                       }
-
-                                       this.targetObject.matrixWorldNeedsUpdate = true;
-                               } // ArrayElement
-
-
-                               _setValue_arrayElement(buffer, offset) {
-                                       this.resolvedProperty[this.propertyIndex] = buffer[offset];
-                               }
-
-                               _setValue_arrayElement_setNeedsUpdate(buffer, offset) {
-                                       this.resolvedProperty[this.propertyIndex] = buffer[offset];
-                                       this.targetObject.needsUpdate = true;
-                               }
-
-                               _setValue_arrayElement_setMatrixWorldNeedsUpdate(buffer, offset) {
-                                       this.resolvedProperty[this.propertyIndex] = buffer[offset];
-                                       this.targetObject.matrixWorldNeedsUpdate = true;
-                               } // HasToFromArray
-
-
-                               _setValue_fromArray(buffer, offset) {
-                                       this.resolvedProperty.fromArray(buffer, offset);
-                               }
-
-                               _setValue_fromArray_setNeedsUpdate(buffer, offset) {
-                                       this.resolvedProperty.fromArray(buffer, offset);
-                                       this.targetObject.needsUpdate = true;
-                               }
-
-                               _setValue_fromArray_setMatrixWorldNeedsUpdate(buffer, offset) {
-                                       this.resolvedProperty.fromArray(buffer, offset);
-                                       this.targetObject.matrixWorldNeedsUpdate = true;
-                               }
-
-                               _getValue_unbound(targetArray, offset) {
-                                       this.bind();
-                                       this.getValue(targetArray, offset);
-                               }
-
-                               _setValue_unbound(sourceArray, offset) {
-                                       this.bind();
-                                       this.setValue(sourceArray, offset);
-                               } // create getter / setter pair for a property in the scene graph
-
-
-                               bind() {
-                                       let targetObject = this.node;
-                                       const parsedPath = this.parsedPath;
-                                       const objectName = parsedPath.objectName;
-                                       const propertyName = parsedPath.propertyName;
-                                       let propertyIndex = parsedPath.propertyIndex;
-
-                                       if (!targetObject) {
-                                               targetObject = PropertyBinding.findNode(this.rootNode, parsedPath.nodeName) || this.rootNode;
-                                               this.node = targetObject;
-                                       } // set fail state so we can just 'return' on error
-
-
-                                       this.getValue = this._getValue_unavailable;
-                                       this.setValue = this._setValue_unavailable; // ensure there is a value node
-
-                                       if (!targetObject) {
-                                               console.error('THREE.PropertyBinding: Trying to update node for track: ' + this.path + ' but it wasn\'t found.');
-                                               return;
-                                       }
-
-                                       if (objectName) {
-                                               let objectIndex = parsedPath.objectIndex; // special cases were we need to reach deeper into the hierarchy to get the face materials....
-
-                                               switch (objectName) {
-                                                       case 'materials':
-                                                               if (!targetObject.material) {
-                                                                       console.error('THREE.PropertyBinding: Can not bind to material as node does not have a material.', this);
-                                                                       return;
-                                                               }
-
-                                                               if (!targetObject.material.materials) {
-                                                                       console.error('THREE.PropertyBinding: Can not bind to material.materials as node.material does not have a materials array.', this);
-                                                                       return;
-                                                               }
-
-                                                               targetObject = targetObject.material.materials;
-                                                               break;
-
-                                                       case 'bones':
-                                                               if (!targetObject.skeleton) {
-                                                                       console.error('THREE.PropertyBinding: Can not bind to bones as node does not have a skeleton.', this);
-                                                                       return;
-                                                               } // potential future optimization: skip this if propertyIndex is already an integer
-                                                               // and convert the integer string to a true integer.
-
-
-                                                               targetObject = targetObject.skeleton.bones; // support resolving morphTarget names into indices.
-
-                                                               for (let i = 0; i < targetObject.length; i++) {
-                                                                       if (targetObject[i].name === objectIndex) {
-                                                                               objectIndex = i;
-                                                                               break;
-                                                                       }
-                                                               }
-
-                                                               break;
-
-                                                       default:
-                                                               if (targetObject[objectName] === undefined) {
-                                                                       console.error('THREE.PropertyBinding: Can not bind to objectName of node undefined.', this);
-                                                                       return;
-                                                               }
-
-                                                               targetObject = targetObject[objectName];
-                                               }
-
-                                               if (objectIndex !== undefined) {
-                                                       if (targetObject[objectIndex] === undefined) {
-                                                               console.error('THREE.PropertyBinding: Trying to bind to objectIndex of objectName, but is undefined.', this, targetObject);
-                                                               return;
-                                                       }
-
-                                                       targetObject = targetObject[objectIndex];
-                                               }
-                                       } // resolve property
-
-
-                                       const nodeProperty = targetObject[propertyName];
-
-                                       if (nodeProperty === undefined) {
-                                               const nodeName = parsedPath.nodeName;
-                                               console.error('THREE.PropertyBinding: Trying to update property for track: ' + nodeName + '.' + propertyName + ' but it wasn\'t found.', targetObject);
-                                               return;
-                                       } // determine versioning scheme
-
-
-                                       let versioning = this.Versioning.None;
-                                       this.targetObject = targetObject;
-
-                                       if (targetObject.needsUpdate !== undefined) {
-                                               // material
-                                               versioning = this.Versioning.NeedsUpdate;
-                                       } else if (targetObject.matrixWorldNeedsUpdate !== undefined) {
-                                               // node transform
-                                               versioning = this.Versioning.MatrixWorldNeedsUpdate;
-                                       } // determine how the property gets bound
-
-
-                                       let bindingType = this.BindingType.Direct;
-
-                                       if (propertyIndex !== undefined) {
-                                               // access a sub element of the property array (only primitives are supported right now)
-                                               if (propertyName === 'morphTargetInfluences') {
-                                                       // potential optimization, skip this if propertyIndex is already an integer, and convert the integer string to a true integer.
-                                                       // support resolving morphTarget names into indices.
-                                                       if (!targetObject.geometry) {
-                                                               console.error('THREE.PropertyBinding: Can not bind to morphTargetInfluences because node does not have a geometry.', this);
-                                                               return;
-                                                       }
-
-                                                       if (targetObject.geometry.isBufferGeometry) {
-                                                               if (!targetObject.geometry.morphAttributes) {
-                                                                       console.error('THREE.PropertyBinding: Can not bind to morphTargetInfluences because node does not have a geometry.morphAttributes.', this);
-                                                                       return;
-                                                               }
-
-                                                               if (targetObject.morphTargetDictionary[propertyIndex] !== undefined) {
-                                                                       propertyIndex = targetObject.morphTargetDictionary[propertyIndex];
-                                                               }
-                                                       } else {
-                                                               console.error('THREE.PropertyBinding: Can not bind to morphTargetInfluences on THREE.Geometry. Use THREE.BufferGeometry instead.', this);
-                                                               return;
-                                                       }
-                                               }
-
-                                               bindingType = this.BindingType.ArrayElement;
-                                               this.resolvedProperty = nodeProperty;
-                                               this.propertyIndex = propertyIndex;
-                                       } else if (nodeProperty.fromArray !== undefined && nodeProperty.toArray !== undefined) {
-                                               // must use copy for Object3D.Euler/Quaternion
-                                               bindingType = this.BindingType.HasFromToArray;
-                                               this.resolvedProperty = nodeProperty;
-                                       } else if (Array.isArray(nodeProperty)) {
-                                               bindingType = this.BindingType.EntireArray;
-                                               this.resolvedProperty = nodeProperty;
-                                       } else {
-                                               this.propertyName = propertyName;
-                                       } // select getter / setter
-
-
-                                       this.getValue = this.GetterByBindingType[bindingType];
-                                       this.setValue = this.SetterByBindingTypeAndVersioning[bindingType][versioning];
-                               }
-
-                               unbind() {
-                                       this.node = null; // back to the prototype version of getValue / setValue
-                                       // note: avoiding to mutate the shape of 'this' via 'delete'
-
-                                       this.getValue = this._getValue_unbound;
-                                       this.setValue = this._setValue_unbound;
-                               }
-
-                       }
-
-                       PropertyBinding.Composite = Composite;
-                       PropertyBinding.prototype.BindingType = {
-                               Direct: 0,
-                               EntireArray: 1,
-                               ArrayElement: 2,
-                               HasFromToArray: 3
-                       };
-                       PropertyBinding.prototype.Versioning = {
-                               None: 0,
-                               NeedsUpdate: 1,
-                               MatrixWorldNeedsUpdate: 2
-                       };
-                       PropertyBinding.prototype.GetterByBindingType = [PropertyBinding.prototype._getValue_direct, PropertyBinding.prototype._getValue_array, PropertyBinding.prototype._getValue_arrayElement, PropertyBinding.prototype._getValue_toArray];
-                       PropertyBinding.prototype.SetterByBindingTypeAndVersioning = [[// Direct
-                               PropertyBinding.prototype._setValue_direct, PropertyBinding.prototype._setValue_direct_setNeedsUpdate, PropertyBinding.prototype._setValue_direct_setMatrixWorldNeedsUpdate], [// EntireArray
-                               PropertyBinding.prototype._setValue_array, PropertyBinding.prototype._setValue_array_setNeedsUpdate, PropertyBinding.prototype._setValue_array_setMatrixWorldNeedsUpdate], [// ArrayElement
-                               PropertyBinding.prototype._setValue_arrayElement, PropertyBinding.prototype._setValue_arrayElement_setNeedsUpdate, PropertyBinding.prototype._setValue_arrayElement_setMatrixWorldNeedsUpdate], [// HasToFromArray
-                               PropertyBinding.prototype._setValue_fromArray, PropertyBinding.prototype._setValue_fromArray_setNeedsUpdate, PropertyBinding.prototype._setValue_fromArray_setMatrixWorldNeedsUpdate]];
-
-                       /**
-                        *
-                        * A group of objects that receives a shared animation state.
-                        *
-                        * Usage:
-                        *
-                        *      - Add objects you would otherwise pass as 'root' to the
-                        *              constructor or the .clipAction method of AnimationMixer.
-                        *
-                        *      - Instead pass this object as 'root'.
-                        *
-                        *      - You can also add and remove objects later when the mixer
-                        *              is running.
-                        *
-                        * Note:
-                        *
-                        *              Objects of this class appear as one object to the mixer,
-                        *              so cache control of the individual objects must be done
-                        *              on the group.
-                        *
-                        * Limitation:
-                        *
-                        *      - The animated properties must be compatible among the
-                        *              all objects in the group.
-                        *
-                        *      - A single property can either be controlled through a
-                        *              target group or directly, but not both.
-                        */
-
-                       class AnimationObjectGroup {
-                               constructor() {
-                                       this.uuid = generateUUID(); // cached objects followed by the active ones
-
-                                       this._objects = Array.prototype.slice.call(arguments);
-                                       this.nCachedObjects_ = 0; // threshold
-                                       // note: read by PropertyBinding.Composite
-
-                                       const indices = {};
-                                       this._indicesByUUID = indices; // for bookkeeping
-
-                                       for (let i = 0, n = arguments.length; i !== n; ++i) {
-                                               indices[arguments[i].uuid] = i;
-                                       }
-
-                                       this._paths = []; // inside: string
-
-                                       this._parsedPaths = []; // inside: { we don't care, here }
-
-                                       this._bindings = []; // inside: Array< PropertyBinding >
-
-                                       this._bindingsIndicesByPath = {}; // inside: indices in these arrays
-
-                                       const scope = this;
-                                       this.stats = {
-                                               objects: {
-                                                       get total() {
-                                                               return scope._objects.length;
-                                                       },
-
-                                                       get inUse() {
-                                                               return this.total - scope.nCachedObjects_;
-                                                       }
-
-                                               },
-
-                                               get bindingsPerObject() {
-                                                       return scope._bindings.length;
-                                               }
-
-                                       };
-                               }
-
-                               add() {
-                                       const objects = this._objects,
-                                               indicesByUUID = this._indicesByUUID,
-                                               paths = this._paths,
-                                               parsedPaths = this._parsedPaths,
-                                               bindings = this._bindings,
-                                               nBindings = bindings.length;
-                                       let knownObject = undefined,
-                                               nObjects = objects.length,
-                                               nCachedObjects = this.nCachedObjects_;
-
-                                       for (let i = 0, n = arguments.length; i !== n; ++i) {
-                                               const object = arguments[i],
-                                                       uuid = object.uuid;
-                                               let index = indicesByUUID[uuid];
-
-                                               if (index === undefined) {
-                                                       // unknown object -> add it to the ACTIVE region
-                                                       index = nObjects++;
-                                                       indicesByUUID[uuid] = index;
-                                                       objects.push(object); // accounting is done, now do the same for all bindings
-
-                                                       for (let j = 0, m = nBindings; j !== m; ++j) {
-                                                               bindings[j].push(new PropertyBinding(object, paths[j], parsedPaths[j]));
-                                                       }
-                                               } else if (index < nCachedObjects) {
-                                                       knownObject = objects[index]; // move existing object to the ACTIVE region
-
-                                                       const firstActiveIndex = --nCachedObjects,
-                                                               lastCachedObject = objects[firstActiveIndex];
-                                                       indicesByUUID[lastCachedObject.uuid] = index;
-                                                       objects[index] = lastCachedObject;
-                                                       indicesByUUID[uuid] = firstActiveIndex;
-                                                       objects[firstActiveIndex] = object; // accounting is done, now do the same for all bindings
-
-                                                       for (let j = 0, m = nBindings; j !== m; ++j) {
-                                                               const bindingsForPath = bindings[j],
-                                                                       lastCached = bindingsForPath[firstActiveIndex];
-                                                               let binding = bindingsForPath[index];
-                                                               bindingsForPath[index] = lastCached;
-
-                                                               if (binding === undefined) {
-                                                                       // since we do not bother to create new bindings
-                                                                       // for objects that are cached, the binding may
-                                                                       // or may not exist
-                                                                       binding = new PropertyBinding(object, paths[j], parsedPaths[j]);
-                                                               }
-
-                                                               bindingsForPath[firstActiveIndex] = binding;
-                                                       }
-                                               } else if (objects[index] !== knownObject) {
-                                                       console.error('THREE.AnimationObjectGroup: Different objects with the same UUID ' + 'detected. Clean the caches or recreate your infrastructure when reloading scenes.');
-                                               } // else the object is already where we want it to be
-
-                                       } // for arguments
-
-
-                                       this.nCachedObjects_ = nCachedObjects;
-                               }
-
-                               remove() {
-                                       const objects = this._objects,
-                                               indicesByUUID = this._indicesByUUID,
-                                               bindings = this._bindings,
-                                               nBindings = bindings.length;
-                                       let nCachedObjects = this.nCachedObjects_;
-
-                                       for (let i = 0, n = arguments.length; i !== n; ++i) {
-                                               const object = arguments[i],
-                                                       uuid = object.uuid,
-                                                       index = indicesByUUID[uuid];
-
-                                               if (index !== undefined && index >= nCachedObjects) {
-                                                       // move existing object into the CACHED region
-                                                       const lastCachedIndex = nCachedObjects++,
-                                                               firstActiveObject = objects[lastCachedIndex];
-                                                       indicesByUUID[firstActiveObject.uuid] = index;
-                                                       objects[index] = firstActiveObject;
-                                                       indicesByUUID[uuid] = lastCachedIndex;
-                                                       objects[lastCachedIndex] = object; // accounting is done, now do the same for all bindings
-
-                                                       for (let j = 0, m = nBindings; j !== m; ++j) {
-                                                               const bindingsForPath = bindings[j],
-                                                                       firstActive = bindingsForPath[lastCachedIndex],
-                                                                       binding = bindingsForPath[index];
-                                                               bindingsForPath[index] = firstActive;
-                                                               bindingsForPath[lastCachedIndex] = binding;
-                                                       }
-                                               }
-                                       } // for arguments
-
-
-                                       this.nCachedObjects_ = nCachedObjects;
-                               } // remove & forget
-
-
-                               uncache() {
-                                       const objects = this._objects,
-                                               indicesByUUID = this._indicesByUUID,
-                                               bindings = this._bindings,
-                                               nBindings = bindings.length;
-                                       let nCachedObjects = this.nCachedObjects_,
-                                               nObjects = objects.length;
-
-                                       for (let i = 0, n = arguments.length; i !== n; ++i) {
-                                               const object = arguments[i],
-                                                       uuid = object.uuid,
-                                                       index = indicesByUUID[uuid];
-
-                                               if (index !== undefined) {
-                                                       delete indicesByUUID[uuid];
-
-                                                       if (index < nCachedObjects) {
-                                                               // object is cached, shrink the CACHED region
-                                                               const firstActiveIndex = --nCachedObjects,
-                                                                       lastCachedObject = objects[firstActiveIndex],
-                                                                       lastIndex = --nObjects,
-                                                                       lastObject = objects[lastIndex]; // last cached object takes this object's place
-
-                                                               indicesByUUID[lastCachedObject.uuid] = index;
-                                                               objects[index] = lastCachedObject; // last object goes to the activated slot and pop
-
-                                                               indicesByUUID[lastObject.uuid] = firstActiveIndex;
-                                                               objects[firstActiveIndex] = lastObject;
-                                                               objects.pop(); // accounting is done, now do the same for all bindings
-
-                                                               for (let j = 0, m = nBindings; j !== m; ++j) {
-                                                                       const bindingsForPath = bindings[j],
-                                                                               lastCached = bindingsForPath[firstActiveIndex],
-                                                                               last = bindingsForPath[lastIndex];
-                                                                       bindingsForPath[index] = lastCached;
-                                                                       bindingsForPath[firstActiveIndex] = last;
-                                                                       bindingsForPath.pop();
-                                                               }
-                                                       } else {
-                                                               // object is active, just swap with the last and pop
-                                                               const lastIndex = --nObjects,
-                                                                       lastObject = objects[lastIndex];
-
-                                                               if (lastIndex > 0) {
-                                                                       indicesByUUID[lastObject.uuid] = index;
-                                                               }
-
-                                                               objects[index] = lastObject;
-                                                               objects.pop(); // accounting is done, now do the same for all bindings
-
-                                                               for (let j = 0, m = nBindings; j !== m; ++j) {
-                                                                       const bindingsForPath = bindings[j];
-                                                                       bindingsForPath[index] = bindingsForPath[lastIndex];
-                                                                       bindingsForPath.pop();
-                                                               }
-                                                       } // cached or active
-
-                                               } // if object is known
-
-                                       } // for arguments
-
-
-                                       this.nCachedObjects_ = nCachedObjects;
-                               } // Internal interface used by befriended PropertyBinding.Composite:
-
-
-                               subscribe_(path, parsedPath) {
-                                       // returns an array of bindings for the given path that is changed
-                                       // according to the contained objects in the group
-                                       const indicesByPath = this._bindingsIndicesByPath;
-                                       let index = indicesByPath[path];
-                                       const bindings = this._bindings;
-                                       if (index !== undefined) return bindings[index];
-                                       const paths = this._paths,
-                                               parsedPaths = this._parsedPaths,
-                                               objects = this._objects,
-                                               nObjects = objects.length,
-                                               nCachedObjects = this.nCachedObjects_,
-                                               bindingsForPath = new Array(nObjects);
-                                       index = bindings.length;
-                                       indicesByPath[path] = index;
-                                       paths.push(path);
-                                       parsedPaths.push(parsedPath);
-                                       bindings.push(bindingsForPath);
-
-                                       for (let i = nCachedObjects, n = objects.length; i !== n; ++i) {
-                                               const object = objects[i];
-                                               bindingsForPath[i] = new PropertyBinding(object, path, parsedPath);
-                                       }
-
-                                       return bindingsForPath;
-                               }
-
-                               unsubscribe_(path) {
-                                       // tells the group to forget about a property path and no longer
-                                       // update the array previously obtained with 'subscribe_'
-                                       const indicesByPath = this._bindingsIndicesByPath,
-                                               index = indicesByPath[path];
-
-                                       if (index !== undefined) {
-                                               const paths = this._paths,
-                                                       parsedPaths = this._parsedPaths,
-                                                       bindings = this._bindings,
-                                                       lastBindingsIndex = bindings.length - 1,
-                                                       lastBindings = bindings[lastBindingsIndex],
-                                                       lastBindingsPath = path[lastBindingsIndex];
-                                               indicesByPath[lastBindingsPath] = index;
-                                               bindings[index] = lastBindings;
-                                               bindings.pop();
-                                               parsedPaths[index] = parsedPaths[lastBindingsIndex];
-                                               parsedPaths.pop();
-                                               paths[index] = paths[lastBindingsIndex];
-                                               paths.pop();
-                                       }
-                               }
-
-                       }
-
-                       AnimationObjectGroup.prototype.isAnimationObjectGroup = true;
-
-                       class AnimationAction {
-                               constructor(mixer, clip, localRoot = null, blendMode = clip.blendMode) {
-                                       this._mixer = mixer;
-                                       this._clip = clip;
-                                       this._localRoot = localRoot;
-                                       this.blendMode = blendMode;
-                                       const tracks = clip.tracks,
-                                               nTracks = tracks.length,
-                                               interpolants = new Array(nTracks);
-                                       const interpolantSettings = {
-                                               endingStart: ZeroCurvatureEnding,
-                                               endingEnd: ZeroCurvatureEnding
-                                       };
-
-                                       for (let i = 0; i !== nTracks; ++i) {
-                                               const interpolant = tracks[i].createInterpolant(null);
-                                               interpolants[i] = interpolant;
-                                               interpolant.settings = interpolantSettings;
-                                       }
-
-                                       this._interpolantSettings = interpolantSettings;
-                                       this._interpolants = interpolants; // bound by the mixer
-                                       // inside: PropertyMixer (managed by the mixer)
-
-                                       this._propertyBindings = new Array(nTracks);
-                                       this._cacheIndex = null; // for the memory manager
-
-                                       this._byClipCacheIndex = null; // for the memory manager
-
-                                       this._timeScaleInterpolant = null;
-                                       this._weightInterpolant = null;
-                                       this.loop = LoopRepeat;
-                                       this._loopCount = -1; // global mixer time when the action is to be started
-                                       // it's set back to 'null' upon start of the action
-
-                                       this._startTime = null; // scaled local time of the action
-                                       // gets clamped or wrapped to 0..clip.duration according to loop
-
-                                       this.time = 0;
-                                       this.timeScale = 1;
-                                       this._effectiveTimeScale = 1;
-                                       this.weight = 1;
-                                       this._effectiveWeight = 1;
-                                       this.repetitions = Infinity; // no. of repetitions when looping
-
-                                       this.paused = false; // true -> zero effective time scale
-
-                                       this.enabled = true; // false -> zero effective weight
-
-                                       this.clampWhenFinished = false; // keep feeding the last frame?
-
-                                       this.zeroSlopeAtStart = true; // for smooth interpolation w/o separate
-
-                                       this.zeroSlopeAtEnd = true; // clips for start, loop and end
-                               } // State & Scheduling
-
-
-                               play() {
-                                       this._mixer._activateAction(this);
-
-                                       return this;
-                               }
-
-                               stop() {
-                                       this._mixer._deactivateAction(this);
-
-                                       return this.reset();
-                               }
-
-                               reset() {
-                                       this.paused = false;
-                                       this.enabled = true;
-                                       this.time = 0; // restart clip
-
-                                       this._loopCount = -1; // forget previous loops
-
-                                       this._startTime = null; // forget scheduling
-
-                                       return this.stopFading().stopWarping();
-                               }
-
-                               isRunning() {
-                                       return this.enabled && !this.paused && this.timeScale !== 0 && this._startTime === null && this._mixer._isActiveAction(this);
-                               } // return true when play has been called
-
-
-                               isScheduled() {
-                                       return this._mixer._isActiveAction(this);
-                               }
-
-                               startAt(time) {
-                                       this._startTime = time;
-                                       return this;
-                               }
-
-                               setLoop(mode, repetitions) {
-                                       this.loop = mode;
-                                       this.repetitions = repetitions;
-                                       return this;
-                               } // Weight
-                               // set the weight stopping any scheduled fading
-                               // although .enabled = false yields an effective weight of zero, this
-                               // method does *not* change .enabled, because it would be confusing
-
-
-                               setEffectiveWeight(weight) {
-                                       this.weight = weight; // note: same logic as when updated at runtime
-
-                                       this._effectiveWeight = this.enabled ? weight : 0;
-                                       return this.stopFading();
-                               } // return the weight considering fading and .enabled
-
-
-                               getEffectiveWeight() {
-                                       return this._effectiveWeight;
-                               }
-
-                               fadeIn(duration) {
-                                       return this._scheduleFading(duration, 0, 1);
-                               }
-
-                               fadeOut(duration) {
-                                       return this._scheduleFading(duration, 1, 0);
-                               }
-
-                               crossFadeFrom(fadeOutAction, duration, warp) {
-                                       fadeOutAction.fadeOut(duration);
-                                       this.fadeIn(duration);
-
-                                       if (warp) {
-                                               const fadeInDuration = this._clip.duration,
-                                                       fadeOutDuration = fadeOutAction._clip.duration,
-                                                       startEndRatio = fadeOutDuration / fadeInDuration,
-                                                       endStartRatio = fadeInDuration / fadeOutDuration;
-                                               fadeOutAction.warp(1.0, startEndRatio, duration);
-                                               this.warp(endStartRatio, 1.0, duration);
-                                       }
-
-                                       return this;
-                               }
-
-                               crossFadeTo(fadeInAction, duration, warp) {
-                                       return fadeInAction.crossFadeFrom(this, duration, warp);
-                               }
-
-                               stopFading() {
-                                       const weightInterpolant = this._weightInterpolant;
-
-                                       if (weightInterpolant !== null) {
-                                               this._weightInterpolant = null;
-
-                                               this._mixer._takeBackControlInterpolant(weightInterpolant);
-                                       }
-
-                                       return this;
-                               } // Time Scale Control
-                               // set the time scale stopping any scheduled warping
-                               // although .paused = true yields an effective time scale of zero, this
-                               // method does *not* change .paused, because it would be confusing
-
-
-                               setEffectiveTimeScale(timeScale) {
-                                       this.timeScale = timeScale;
-                                       this._effectiveTimeScale = this.paused ? 0 : timeScale;
-                                       return this.stopWarping();
-                               } // return the time scale considering warping and .paused
-
-
-                               getEffectiveTimeScale() {
-                                       return this._effectiveTimeScale;
-                               }
-
-                               setDuration(duration) {
-                                       this.timeScale = this._clip.duration / duration;
-                                       return this.stopWarping();
-                               }
-
-                               syncWith(action) {
-                                       this.time = action.time;
-                                       this.timeScale = action.timeScale;
-                                       return this.stopWarping();
-                               }
-
-                               halt(duration) {
-                                       return this.warp(this._effectiveTimeScale, 0, duration);
-                               }
-
-                               warp(startTimeScale, endTimeScale, duration) {
-                                       const mixer = this._mixer,
-                                               now = mixer.time,
-                                               timeScale = this.timeScale;
-                                       let interpolant = this._timeScaleInterpolant;
-
-                                       if (interpolant === null) {
-                                               interpolant = mixer._lendControlInterpolant();
-                                               this._timeScaleInterpolant = interpolant;
-                                       }
-
-                                       const times = interpolant.parameterPositions,
-                                               values = interpolant.sampleValues;
-                                       times[0] = now;
-                                       times[1] = now + duration;
-                                       values[0] = startTimeScale / timeScale;
-                                       values[1] = endTimeScale / timeScale;
-                                       return this;
-                               }
-
-                               stopWarping() {
-                                       const timeScaleInterpolant = this._timeScaleInterpolant;
-
-                                       if (timeScaleInterpolant !== null) {
-                                               this._timeScaleInterpolant = null;
-
-                                               this._mixer._takeBackControlInterpolant(timeScaleInterpolant);
-                                       }
-
-                                       return this;
-                               } // Object Accessors
-
-
-                               getMixer() {
-                                       return this._mixer;
-                               }
-
-                               getClip() {
-                                       return this._clip;
-                               }
-
-                               getRoot() {
-                                       return this._localRoot || this._mixer._root;
-                               } // Interna
-
-
-                               _update(time, deltaTime, timeDirection, accuIndex) {
-                                       // called by the mixer
-                                       if (!this.enabled) {
-                                               // call ._updateWeight() to update ._effectiveWeight
-                                               this._updateWeight(time);
-
-                                               return;
-                                       }
-
-                                       const startTime = this._startTime;
-
-                                       if (startTime !== null) {
-                                               // check for scheduled start of action
-                                               const timeRunning = (time - startTime) * timeDirection;
-
-                                               if (timeRunning < 0 || timeDirection === 0) {
-                                                       return; // yet to come / don't decide when delta = 0
-                                               } // start
-
-
-                                               this._startTime = null; // unschedule
-
-                                               deltaTime = timeDirection * timeRunning;
-                                       } // apply time scale and advance time
-
-
-                                       deltaTime *= this._updateTimeScale(time);
-
-                                       const clipTime = this._updateTime(deltaTime); // note: _updateTime may disable the action resulting in
-                                       // an effective weight of 0
-
-
-                                       const weight = this._updateWeight(time);
-
-                                       if (weight > 0) {
-                                               const interpolants = this._interpolants;
-                                               const propertyMixers = this._propertyBindings;
-
-                                               switch (this.blendMode) {
-                                                       case AdditiveAnimationBlendMode:
-                                                               for (let j = 0, m = interpolants.length; j !== m; ++j) {
-                                                                       interpolants[j].evaluate(clipTime);
-                                                                       propertyMixers[j].accumulateAdditive(weight);
-                                                               }
-
-                                                               break;
-
-                                                       case NormalAnimationBlendMode:
-                                                       default:
-                                                               for (let j = 0, m = interpolants.length; j !== m; ++j) {
-                                                                       interpolants[j].evaluate(clipTime);
-                                                                       propertyMixers[j].accumulate(accuIndex, weight);
-                                                               }
-
-                                               }
-                                       }
-                               }
-
-                               _updateWeight(time) {
-                                       let weight = 0;
-
-                                       if (this.enabled) {
-                                               weight = this.weight;
-                                               const interpolant = this._weightInterpolant;
-
-                                               if (interpolant !== null) {
-                                                       const interpolantValue = interpolant.evaluate(time)[0];
-                                                       weight *= interpolantValue;
-
-                                                       if (time > interpolant.parameterPositions[1]) {
-                                                               this.stopFading();
-
-                                                               if (interpolantValue === 0) {
-                                                                       // faded out, disable
-                                                                       this.enabled = false;
-                                                               }
-                                                       }
-                                               }
-                                       }
-
-                                       this._effectiveWeight = weight;
-                                       return weight;
-                               }
-
-                               _updateTimeScale(time) {
-                                       let timeScale = 0;
-
-                                       if (!this.paused) {
-                                               timeScale = this.timeScale;
-                                               const interpolant = this._timeScaleInterpolant;
-
-                                               if (interpolant !== null) {
-                                                       const interpolantValue = interpolant.evaluate(time)[0];
-                                                       timeScale *= interpolantValue;
-
-                                                       if (time > interpolant.parameterPositions[1]) {
-                                                               this.stopWarping();
-
-                                                               if (timeScale === 0) {
-                                                                       // motion has halted, pause
-                                                                       this.paused = true;
-                                                               } else {
-                                                                       // warp done - apply final time scale
-                                                                       this.timeScale = timeScale;
-                                                               }
-                                                       }
-                                               }
-                                       }
-
-                                       this._effectiveTimeScale = timeScale;
-                                       return timeScale;
-                               }
-
-                               _updateTime(deltaTime) {
-                                       const duration = this._clip.duration;
-                                       const loop = this.loop;
-                                       let time = this.time + deltaTime;
-                                       let loopCount = this._loopCount;
-                                       const pingPong = loop === LoopPingPong;
-
-                                       if (deltaTime === 0) {
-                                               if (loopCount === -1) return time;
-                                               return pingPong && (loopCount & 1) === 1 ? duration - time : time;
-                                       }
-
-                                       if (loop === LoopOnce) {
-                                               if (loopCount === -1) {
-                                                       // just started
-                                                       this._loopCount = 0;
-
-                                                       this._setEndings(true, true, false);
-                                               }
-
-                                               handle_stop: {
-                                                       if (time >= duration) {
-                                                               time = duration;
-                                                       } else if (time < 0) {
-                                                               time = 0;
-                                                       } else {
-                                                               this.time = time;
-                                                               break handle_stop;
-                                                       }
-
-                                                       if (this.clampWhenFinished) this.paused = true; else this.enabled = false;
-                                                       this.time = time;
-
-                                                       this._mixer.dispatchEvent({
-                                                               type: 'finished',
-                                                               action: this,
-                                                               direction: deltaTime < 0 ? -1 : 1
-                                                       });
-                                               }
-                                       } else {
-                                               // repetitive Repeat or PingPong
-                                               if (loopCount === -1) {
-                                                       // just started
-                                                       if (deltaTime >= 0) {
-                                                               loopCount = 0;
-
-                                                               this._setEndings(true, this.repetitions === 0, pingPong);
-                                                       } else {
-                                                               // when looping in reverse direction, the initial
-                                                               // transition through zero counts as a repetition,
-                                                               // so leave loopCount at -1
-                                                               this._setEndings(this.repetitions === 0, true, pingPong);
-                                                       }
-                                               }
-
-                                               if (time >= duration || time < 0) {
-                                                       // wrap around
-                                                       const loopDelta = Math.floor(time / duration); // signed
-
-                                                       time -= duration * loopDelta;
-                                                       loopCount += Math.abs(loopDelta);
-                                                       const pending = this.repetitions - loopCount;
-
-                                                       if (pending <= 0) {
-                                                               // have to stop (switch state, clamp time, fire event)
-                                                               if (this.clampWhenFinished) this.paused = true; else this.enabled = false;
-                                                               time = deltaTime > 0 ? duration : 0;
-                                                               this.time = time;
-
-                                                               this._mixer.dispatchEvent({
-                                                                       type: 'finished',
-                                                                       action: this,
-                                                                       direction: deltaTime > 0 ? 1 : -1
-                                                               });
-                                                       } else {
-                                                               // keep running
-                                                               if (pending === 1) {
-                                                                       // entering the last round
-                                                                       const atStart = deltaTime < 0;
-
-                                                                       this._setEndings(atStart, !atStart, pingPong);
-                                                               } else {
-                                                                       this._setEndings(false, false, pingPong);
-                                                               }
-
-                                                               this._loopCount = loopCount;
-                                                               this.time = time;
-
-                                                               this._mixer.dispatchEvent({
-                                                                       type: 'loop',
-                                                                       action: this,
-                                                                       loopDelta: loopDelta
-                                                               });
-                                                       }
-                                               } else {
-                                                       this.time = time;
-                                               }
-
-                                               if (pingPong && (loopCount & 1) === 1) {
-                                                       // invert time for the "pong round"
-                                                       return duration - time;
-                                               }
-                                       }
-
-                                       return time;
-                               }
-
-                               _setEndings(atStart, atEnd, pingPong) {
-                                       const settings = this._interpolantSettings;
-
-                                       if (pingPong) {
-                                               settings.endingStart = ZeroSlopeEnding;
-                                               settings.endingEnd = ZeroSlopeEnding;
-                                       } else {
-                                               // assuming for LoopOnce atStart == atEnd == true
-                                               if (atStart) {
-                                                       settings.endingStart = this.zeroSlopeAtStart ? ZeroSlopeEnding : ZeroCurvatureEnding;
-                                               } else {
-                                                       settings.endingStart = WrapAroundEnding;
-                                               }
-
-                                               if (atEnd) {
-                                                       settings.endingEnd = this.zeroSlopeAtEnd ? ZeroSlopeEnding : ZeroCurvatureEnding;
-                                               } else {
-                                                       settings.endingEnd = WrapAroundEnding;
-                                               }
-                                       }
-                               }
-
-                               _scheduleFading(duration, weightNow, weightThen) {
-                                       const mixer = this._mixer,
-                                               now = mixer.time;
-                                       let interpolant = this._weightInterpolant;
-
-                                       if (interpolant === null) {
-                                               interpolant = mixer._lendControlInterpolant();
-                                               this._weightInterpolant = interpolant;
-                                       }
-
-                                       const times = interpolant.parameterPositions,
-                                               values = interpolant.sampleValues;
-                                       times[0] = now;
-                                       values[0] = weightNow;
-                                       times[1] = now + duration;
-                                       values[1] = weightThen;
-                                       return this;
-                               }
-
-                       }
-
-                       class AnimationMixer extends EventDispatcher {
-                               constructor(root) {
-                                       super();
-                                       this._root = root;
-
-                                       this._initMemoryManager();
-
-                                       this._accuIndex = 0;
-                                       this.time = 0;
-                                       this.timeScale = 1.0;
-                               }
-
-                               _bindAction(action, prototypeAction) {
-                                       const root = action._localRoot || this._root,
-                                               tracks = action._clip.tracks,
-                                               nTracks = tracks.length,
-                                               bindings = action._propertyBindings,
-                                               interpolants = action._interpolants,
-                                               rootUuid = root.uuid,
-                                               bindingsByRoot = this._bindingsByRootAndName;
-                                       let bindingsByName = bindingsByRoot[rootUuid];
-
-                                       if (bindingsByName === undefined) {
-                                               bindingsByName = {};
-                                               bindingsByRoot[rootUuid] = bindingsByName;
-                                       }
-
-                                       for (let i = 0; i !== nTracks; ++i) {
-                                               const track = tracks[i],
-                                                       trackName = track.name;
-                                               let binding = bindingsByName[trackName];
-
-                                               if (binding !== undefined) {
-                                                       bindings[i] = binding;
-                                               } else {
-                                                       binding = bindings[i];
-
-                                                       if (binding !== undefined) {
-                                                               // existing binding, make sure the cache knows
-                                                               if (binding._cacheIndex === null) {
-                                                                       ++binding.referenceCount;
-
-                                                                       this._addInactiveBinding(binding, rootUuid, trackName);
-                                                               }
-
-                                                               continue;
-                                                       }
-
-                                                       const path = prototypeAction && prototypeAction._propertyBindings[i].binding.parsedPath;
-                                                       binding = new PropertyMixer(PropertyBinding.create(root, trackName, path), track.ValueTypeName, track.getValueSize());
-                                                       ++binding.referenceCount;
-
-                                                       this._addInactiveBinding(binding, rootUuid, trackName);
-
-                                                       bindings[i] = binding;
-                                               }
-
-                                               interpolants[i].resultBuffer = binding.buffer;
-                                       }
-                               }
-
-                               _activateAction(action) {
-                                       if (!this._isActiveAction(action)) {
-                                               if (action._cacheIndex === null) {
-                                                       // this action has been forgotten by the cache, but the user
-                                                       // appears to be still using it -> rebind
-                                                       const rootUuid = (action._localRoot || this._root).uuid,
-                                                               clipUuid = action._clip.uuid,
-                                                               actionsForClip = this._actionsByClip[clipUuid];
-
-                                                       this._bindAction(action, actionsForClip && actionsForClip.knownActions[0]);
-
-                                                       this._addInactiveAction(action, clipUuid, rootUuid);
-                                               }
-
-                                               const bindings = action._propertyBindings; // increment reference counts / sort out state
-
-                                               for (let i = 0, n = bindings.length; i !== n; ++i) {
-                                                       const binding = bindings[i];
-
-                                                       if (binding.useCount++ === 0) {
-                                                               this._lendBinding(binding);
-
-                                                               binding.saveOriginalState();
-                                                       }
-                                               }
-
-                                               this._lendAction(action);
-                                       }
-                               }
-
-                               _deactivateAction(action) {
-                                       if (this._isActiveAction(action)) {
-                                               const bindings = action._propertyBindings; // decrement reference counts / sort out state
-
-                                               for (let i = 0, n = bindings.length; i !== n; ++i) {
-                                                       const binding = bindings[i];
-
-                                                       if (--binding.useCount === 0) {
-                                                               binding.restoreOriginalState();
-
-                                                               this._takeBackBinding(binding);
-                                                       }
-                                               }
-
-                                               this._takeBackAction(action);
-                                       }
-                               } // Memory manager
-
-
-                               _initMemoryManager() {
-                                       this._actions = []; // 'nActiveActions' followed by inactive ones
-
-                                       this._nActiveActions = 0;
-                                       this._actionsByClip = {}; // inside:
-                                       // {
-                                       //      knownActions: Array< AnimationAction > - used as prototypes
-                                       //      actionByRoot: AnimationAction - lookup
-                                       // }
-
-                                       this._bindings = []; // 'nActiveBindings' followed by inactive ones
-
-                                       this._nActiveBindings = 0;
-                                       this._bindingsByRootAndName = {}; // inside: Map< name, PropertyMixer >
-
-                                       this._controlInterpolants = []; // same game as above
-
-                                       this._nActiveControlInterpolants = 0;
-                                       const scope = this;
-                                       this.stats = {
-                                               actions: {
-                                                       get total() {
-                                                               return scope._actions.length;
-                                                       },
-
-                                                       get inUse() {
-                                                               return scope._nActiveActions;
-                                                       }
-
-                                               },
-                                               bindings: {
-                                                       get total() {
-                                                               return scope._bindings.length;
-                                                       },
-
-                                                       get inUse() {
-                                                               return scope._nActiveBindings;
-                                                       }
-
-                                               },
-                                               controlInterpolants: {
-                                                       get total() {
-                                                               return scope._controlInterpolants.length;
-                                                       },
-
-                                                       get inUse() {
-                                                               return scope._nActiveControlInterpolants;
-                                                       }
-
-                                               }
-                                       };
-                               } // Memory management for AnimationAction objects
-
-
-                               _isActiveAction(action) {
-                                       const index = action._cacheIndex;
-                                       return index !== null && index < this._nActiveActions;
-                               }
-
-                               _addInactiveAction(action, clipUuid, rootUuid) {
-                                       const actions = this._actions,
-                                               actionsByClip = this._actionsByClip;
-                                       let actionsForClip = actionsByClip[clipUuid];
-
-                                       if (actionsForClip === undefined) {
-                                               actionsForClip = {
-                                                       knownActions: [action],
-                                                       actionByRoot: {}
-                                               };
-                                               action._byClipCacheIndex = 0;
-                                               actionsByClip[clipUuid] = actionsForClip;
-                                       } else {
-                                               const knownActions = actionsForClip.knownActions;
-                                               action._byClipCacheIndex = knownActions.length;
-                                               knownActions.push(action);
-                                       }
-
-                                       action._cacheIndex = actions.length;
-                                       actions.push(action);
-                                       actionsForClip.actionByRoot[rootUuid] = action;
-                               }
-
-                               _removeInactiveAction(action) {
-                                       const actions = this._actions,
-                                               lastInactiveAction = actions[actions.length - 1],
-                                               cacheIndex = action._cacheIndex;
-                                       lastInactiveAction._cacheIndex = cacheIndex;
-                                       actions[cacheIndex] = lastInactiveAction;
-                                       actions.pop();
-                                       action._cacheIndex = null;
-                                       const clipUuid = action._clip.uuid,
-                                               actionsByClip = this._actionsByClip,
-                                               actionsForClip = actionsByClip[clipUuid],
-                                               knownActionsForClip = actionsForClip.knownActions,
-                                               lastKnownAction = knownActionsForClip[knownActionsForClip.length - 1],
-                                               byClipCacheIndex = action._byClipCacheIndex;
-                                       lastKnownAction._byClipCacheIndex = byClipCacheIndex;
-                                       knownActionsForClip[byClipCacheIndex] = lastKnownAction;
-                                       knownActionsForClip.pop();
-                                       action._byClipCacheIndex = null;
-                                       const actionByRoot = actionsForClip.actionByRoot,
-                                               rootUuid = (action._localRoot || this._root).uuid;
-                                       delete actionByRoot[rootUuid];
-
-                                       if (knownActionsForClip.length === 0) {
-                                               delete actionsByClip[clipUuid];
-                                       }
-
-                                       this._removeInactiveBindingsForAction(action);
-                               }
-
-                               _removeInactiveBindingsForAction(action) {
-                                       const bindings = action._propertyBindings;
-
-                                       for (let i = 0, n = bindings.length; i !== n; ++i) {
-                                               const binding = bindings[i];
-
-                                               if (--binding.referenceCount === 0) {
-                                                       this._removeInactiveBinding(binding);
-                                               }
-                                       }
-                               }
-
-                               _lendAction(action) {
-                                       // [ active actions |   inactive actions        ]
-                                       // [    active actions >| inactive actions ]
-                                       //                                                               s                              a
-                                       //                                                                      <-swap->
-                                       //                                                               a                              s
-                                       const actions = this._actions,
-                                               prevIndex = action._cacheIndex,
-                                               lastActiveIndex = this._nActiveActions++,
-                                               firstInactiveAction = actions[lastActiveIndex];
-                                       action._cacheIndex = lastActiveIndex;
-                                       actions[lastActiveIndex] = action;
-                                       firstInactiveAction._cacheIndex = prevIndex;
-                                       actions[prevIndex] = firstInactiveAction;
-                               }
-
-                               _takeBackAction(action) {
-                                       // [    active actions  | inactive actions ]
-                                       // [ active actions |< inactive actions ]
-                                       //                              a                               s
-                                       //                               <-swap->
-                                       //                              s                               a
-                                       const actions = this._actions,
-                                               prevIndex = action._cacheIndex,
-                                               firstInactiveIndex = --this._nActiveActions,
-                                               lastActiveAction = actions[firstInactiveIndex];
-                                       action._cacheIndex = firstInactiveIndex;
-                                       actions[firstInactiveIndex] = action;
-                                       lastActiveAction._cacheIndex = prevIndex;
-                                       actions[prevIndex] = lastActiveAction;
-                               } // Memory management for PropertyMixer objects
-
-
-                               _addInactiveBinding(binding, rootUuid, trackName) {
-                                       const bindingsByRoot = this._bindingsByRootAndName,
-                                               bindings = this._bindings;
-                                       let bindingByName = bindingsByRoot[rootUuid];
-
-                                       if (bindingByName === undefined) {
-                                               bindingByName = {};
-                                               bindingsByRoot[rootUuid] = bindingByName;
-                                       }
-
-                                       bindingByName[trackName] = binding;
-                                       binding._cacheIndex = bindings.length;
-                                       bindings.push(binding);
-                               }
-
-                               _removeInactiveBinding(binding) {
-                                       const bindings = this._bindings,
-                                               propBinding = binding.binding,
-                                               rootUuid = propBinding.rootNode.uuid,
-                                               trackName = propBinding.path,
-                                               bindingsByRoot = this._bindingsByRootAndName,
-                                               bindingByName = bindingsByRoot[rootUuid],
-                                               lastInactiveBinding = bindings[bindings.length - 1],
-                                               cacheIndex = binding._cacheIndex;
-                                       lastInactiveBinding._cacheIndex = cacheIndex;
-                                       bindings[cacheIndex] = lastInactiveBinding;
-                                       bindings.pop();
-                                       delete bindingByName[trackName];
-
-                                       if (Object.keys(bindingByName).length === 0) {
-                                               delete bindingsByRoot[rootUuid];
-                                       }
-                               }
-
-                               _lendBinding(binding) {
-                                       const bindings = this._bindings,
-                                               prevIndex = binding._cacheIndex,
-                                               lastActiveIndex = this._nActiveBindings++,
-                                               firstInactiveBinding = bindings[lastActiveIndex];
-                                       binding._cacheIndex = lastActiveIndex;
-                                       bindings[lastActiveIndex] = binding;
-                                       firstInactiveBinding._cacheIndex = prevIndex;
-                                       bindings[prevIndex] = firstInactiveBinding;
-                               }
-
-                               _takeBackBinding(binding) {
-                                       const bindings = this._bindings,
-                                               prevIndex = binding._cacheIndex,
-                                               firstInactiveIndex = --this._nActiveBindings,
-                                               lastActiveBinding = bindings[firstInactiveIndex];
-                                       binding._cacheIndex = firstInactiveIndex;
-                                       bindings[firstInactiveIndex] = binding;
-                                       lastActiveBinding._cacheIndex = prevIndex;
-                                       bindings[prevIndex] = lastActiveBinding;
-                               } // Memory management of Interpolants for weight and time scale
-
-
-                               _lendControlInterpolant() {
-                                       const interpolants = this._controlInterpolants,
-                                               lastActiveIndex = this._nActiveControlInterpolants++;
-                                       let interpolant = interpolants[lastActiveIndex];
-
-                                       if (interpolant === undefined) {
-                                               interpolant = new LinearInterpolant(new Float32Array(2), new Float32Array(2), 1, this._controlInterpolantsResultBuffer);
-                                               interpolant.__cacheIndex = lastActiveIndex;
-                                               interpolants[lastActiveIndex] = interpolant;
-                                       }
-
-                                       return interpolant;
-                               }
-
-                               _takeBackControlInterpolant(interpolant) {
-                                       const interpolants = this._controlInterpolants,
-                                               prevIndex = interpolant.__cacheIndex,
-                                               firstInactiveIndex = --this._nActiveControlInterpolants,
-                                               lastActiveInterpolant = interpolants[firstInactiveIndex];
-                                       interpolant.__cacheIndex = firstInactiveIndex;
-                                       interpolants[firstInactiveIndex] = interpolant;
-                                       lastActiveInterpolant.__cacheIndex = prevIndex;
-                                       interpolants[prevIndex] = lastActiveInterpolant;
-                               } // return an action for a clip optionally using a custom root target
-                               // object (this method allocates a lot of dynamic memory in case a
-                               // previously unknown clip/root combination is specified)
-
-
-                               clipAction(clip, optionalRoot, blendMode) {
-                                       const root = optionalRoot || this._root,
-                                               rootUuid = root.uuid;
-                                       let clipObject = typeof clip === 'string' ? AnimationClip.findByName(root, clip) : clip;
-                                       const clipUuid = clipObject !== null ? clipObject.uuid : clip;
-                                       const actionsForClip = this._actionsByClip[clipUuid];
-                                       let prototypeAction = null;
-
-                                       if (blendMode === undefined) {
-                                               if (clipObject !== null) {
-                                                       blendMode = clipObject.blendMode;
-                                               } else {
-                                                       blendMode = NormalAnimationBlendMode;
-                                               }
-                                       }
-
-                                       if (actionsForClip !== undefined) {
-                                               const existingAction = actionsForClip.actionByRoot[rootUuid];
-
-                                               if (existingAction !== undefined && existingAction.blendMode === blendMode) {
-                                                       return existingAction;
-                                               } // we know the clip, so we don't have to parse all
-                                               // the bindings again but can just copy
-
-
-                                               prototypeAction = actionsForClip.knownActions[0]; // also, take the clip from the prototype action
-
-                                               if (clipObject === null) clipObject = prototypeAction._clip;
-                                       } // clip must be known when specified via string
-
-
-                                       if (clipObject === null) return null; // allocate all resources required to run it
-
-                                       const newAction = new AnimationAction(this, clipObject, optionalRoot, blendMode);
-
-                                       this._bindAction(newAction, prototypeAction); // and make the action known to the memory manager
-
-
-                                       this._addInactiveAction(newAction, clipUuid, rootUuid);
-
-                                       return newAction;
-                               } // get an existing action
-
-
-                               existingAction(clip, optionalRoot) {
-                                       const root = optionalRoot || this._root,
-                                               rootUuid = root.uuid,
-                                               clipObject = typeof clip === 'string' ? AnimationClip.findByName(root, clip) : clip,
-                                               clipUuid = clipObject ? clipObject.uuid : clip,
-                                               actionsForClip = this._actionsByClip[clipUuid];
-
-                                       if (actionsForClip !== undefined) {
-                                               return actionsForClip.actionByRoot[rootUuid] || null;
-                                       }
-
-                                       return null;
-                               } // deactivates all previously scheduled actions
-
-
-                               stopAllAction() {
-                                       const actions = this._actions,
-                                               nActions = this._nActiveActions;
-
-                                       for (let i = nActions - 1; i >= 0; --i) {
-                                               actions[i].stop();
-                                       }
-
-                                       return this;
-                               } // advance the time and update apply the animation
-
-
-                               update(deltaTime) {
-                                       deltaTime *= this.timeScale;
-                                       const actions = this._actions,
-                                               nActions = this._nActiveActions,
-                                               time = this.time += deltaTime,
-                                               timeDirection = Math.sign(deltaTime),
-                                               accuIndex = this._accuIndex ^= 1; // run active actions
-
-                                       for (let i = 0; i !== nActions; ++i) {
-                                               const action = actions[i];
-
-                                               action._update(time, deltaTime, timeDirection, accuIndex);
-                                       } // update scene graph
-
-
-                                       const bindings = this._bindings,
-                                               nBindings = this._nActiveBindings;
-
-                                       for (let i = 0; i !== nBindings; ++i) {
-                                               bindings[i].apply(accuIndex);
-                                       }
-
-                                       return this;
-                               } // Allows you to seek to a specific time in an animation.
-
-
-                               setTime(timeInSeconds) {
-                                       this.time = 0; // Zero out time attribute for AnimationMixer object;
-
-                                       for (let i = 0; i < this._actions.length; i++) {
-                                               this._actions[i].time = 0; // Zero out time attribute for all associated AnimationAction objects.
-                                       }
-
-                                       return this.update(timeInSeconds); // Update used to set exact time. Returns "this" AnimationMixer object.
-                               } // return this mixer's root target object
-
-
-                               getRoot() {
-                                       return this._root;
-                               } // free all resources specific to a particular clip
-
-
-                               uncacheClip(clip) {
-                                       const actions = this._actions,
-                                               clipUuid = clip.uuid,
-                                               actionsByClip = this._actionsByClip,
-                                               actionsForClip = actionsByClip[clipUuid];
-
-                                       if (actionsForClip !== undefined) {
-                                               // note: just calling _removeInactiveAction would mess up the
-                                               // iteration state and also require updating the state we can
-                                               // just throw away
-                                               const actionsToRemove = actionsForClip.knownActions;
-
-                                               for (let i = 0, n = actionsToRemove.length; i !== n; ++i) {
-                                                       const action = actionsToRemove[i];
-
-                                                       this._deactivateAction(action);
-
-                                                       const cacheIndex = action._cacheIndex,
-                                                               lastInactiveAction = actions[actions.length - 1];
-                                                       action._cacheIndex = null;
-                                                       action._byClipCacheIndex = null;
-                                                       lastInactiveAction._cacheIndex = cacheIndex;
-                                                       actions[cacheIndex] = lastInactiveAction;
-                                                       actions.pop();
-
-                                                       this._removeInactiveBindingsForAction(action);
-                                               }
-
-                                               delete actionsByClip[clipUuid];
-                                       }
-                               } // free all resources specific to a particular root target object
-
-
-                               uncacheRoot(root) {
-                                       const rootUuid = root.uuid,
-                                               actionsByClip = this._actionsByClip;
-
-                                       for (const clipUuid in actionsByClip) {
-                                               const actionByRoot = actionsByClip[clipUuid].actionByRoot,
-                                                       action = actionByRoot[rootUuid];
-
-                                               if (action !== undefined) {
-                                                       this._deactivateAction(action);
-
-                                                       this._removeInactiveAction(action);
-                                               }
-                                       }
-
-                                       const bindingsByRoot = this._bindingsByRootAndName,
-                                               bindingByName = bindingsByRoot[rootUuid];
-
-                                       if (bindingByName !== undefined) {
-                                               for (const trackName in bindingByName) {
-                                                       const binding = bindingByName[trackName];
-                                                       binding.restoreOriginalState();
-
-                                                       this._removeInactiveBinding(binding);
-                                               }
-                                       }
-                               } // remove a targeted clip from the cache
-
-
-                               uncacheAction(clip, optionalRoot) {
-                                       const action = this.existingAction(clip, optionalRoot);
-
-                                       if (action !== null) {
-                                               this._deactivateAction(action);
-
-                                               this._removeInactiveAction(action);
-                                       }
-                               }
-
-                       }
-
-                       AnimationMixer.prototype._controlInterpolantsResultBuffer = new Float32Array(1);
-
-                       class Uniform {
-                               constructor(value) {
-                                       if (typeof value === 'string') {
-                                               console.warn('THREE.Uniform: Type parameter is no longer needed.');
-                                               value = arguments[1];
-                                       }
-
-                                       this.value = value;
-                               }
-
-                               clone() {
-                                       return new Uniform(this.value.clone === undefined ? this.value : this.value.clone());
-                               }
-
-                       }
-
-                       class InstancedInterleavedBuffer extends InterleavedBuffer {
-                               constructor(array, stride, meshPerAttribute = 1) {
-                                       super(array, stride);
-                                       this.meshPerAttribute = meshPerAttribute;
-                               }
-
-                               copy(source) {
-                                       super.copy(source);
-                                       this.meshPerAttribute = source.meshPerAttribute;
-                                       return this;
-                               }
-
-                               clone(data) {
-                                       const ib = super.clone(data);
-                                       ib.meshPerAttribute = this.meshPerAttribute;
-                                       return ib;
-                               }
-
-                               toJSON(data) {
-                                       const json = super.toJSON(data);
-                                       json.isInstancedInterleavedBuffer = true;
-                                       json.meshPerAttribute = this.meshPerAttribute;
-                                       return json;
-                               }
-
-                       }
-
-                       InstancedInterleavedBuffer.prototype.isInstancedInterleavedBuffer = true;
-
-                       class GLBufferAttribute {
-                               constructor(buffer, type, itemSize, elementSize, count) {
-                                       this.buffer = buffer;
-                                       this.type = type;
-                                       this.itemSize = itemSize;
-                                       this.elementSize = elementSize;
-                                       this.count = count;
-                                       this.version = 0;
-                               }
-
-                               set needsUpdate(value) {
-                                       if (value === true) this.version++;
-                               }
-
-                               setBuffer(buffer) {
-                                       this.buffer = buffer;
-                                       return this;
-                               }
-
-                               setType(type, elementSize) {
-                                       this.type = type;
-                                       this.elementSize = elementSize;
-                                       return this;
-                               }
-
-                               setItemSize(itemSize) {
-                                       this.itemSize = itemSize;
-                                       return this;
-                               }
-
-                               setCount(count) {
-                                       this.count = count;
-                                       return this;
-                               }
-
-                       }
-
-                       GLBufferAttribute.prototype.isGLBufferAttribute = true;
-
-                       class Raycaster {
-                               constructor(origin, direction, near = 0, far = Infinity) {
-                                       this.ray = new Ray(origin, direction); // direction is assumed to be normalized (for accurate distance calculations)
-
-                                       this.near = near;
-                                       this.far = far;
-                                       this.camera = null;
-                                       this.layers = new Layers();
-                                       this.params = {
-                                               Mesh: {},
-                                               Line: {
-                                                       threshold: 1
-                                               },
-                                               LOD: {},
-                                               Points: {
-                                                       threshold: 1
-                                               },
-                                               Sprite: {}
-                                       };
-                               }
-
-                               set(origin, direction) {
-                                       // direction is assumed to be normalized (for accurate distance calculations)
-                                       this.ray.set(origin, direction);
-                               }
-
-                               setFromCamera(coords, camera) {
-                                       if (camera && camera.isPerspectiveCamera) {
-                                               this.ray.origin.setFromMatrixPosition(camera.matrixWorld);
-                                               this.ray.direction.set(coords.x, coords.y, 0.5).unproject(camera).sub(this.ray.origin).normalize();
-                                               this.camera = camera;
-                                       } else if (camera && camera.isOrthographicCamera) {
-                                               this.ray.origin.set(coords.x, coords.y, (camera.near + camera.far) / (camera.near - camera.far)).unproject(camera); // set origin in plane of camera
-
-                                               this.ray.direction.set(0, 0, -1).transformDirection(camera.matrixWorld);
-                                               this.camera = camera;
-                                       } else {
-                                               console.error('THREE.Raycaster: Unsupported camera type: ' + camera.type);
-                                       }
-                               }
-
-                               intersectObject(object, recursive = false, intersects = []) {
-                                       intersectObject(object, this, intersects, recursive);
-                                       intersects.sort(ascSort);
-                                       return intersects;
-                               }
-
-                               intersectObjects(objects, recursive = false, intersects = []) {
-                                       for (let i = 0, l = objects.length; i < l; i++) {
-                                               intersectObject(objects[i], this, intersects, recursive);
-                                       }
-
-                                       intersects.sort(ascSort);
-                                       return intersects;
-                               }
-
-                       }
-
-                       function ascSort(a, b) {
-                               return a.distance - b.distance;
-                       }
-
-                       function intersectObject(object, raycaster, intersects, recursive) {
-                               if (object.layers.test(raycaster.layers)) {
-                                       object.raycast(raycaster, intersects);
-                               }
-
-                               if (recursive === true) {
-                                       const children = object.children;
-
-                                       for (let i = 0, l = children.length; i < l; i++) {
-                                               intersectObject(children[i], raycaster, intersects, true);
-                                       }
-                               }
-                       }
-
-                       /**
-                        * Ref: https://en.wikipedia.org/wiki/Spherical_coordinate_system
-                        *
-                        * The polar angle (phi) is measured from the positive y-axis. The positive y-axis is up.
-                        * The azimuthal angle (theta) is measured from the positive z-axis.
-                        */
-
-                       class Spherical {
-                               constructor(radius = 1, phi = 0, theta = 0) {
-                                       this.radius = radius;
-                                       this.phi = phi; // polar angle
-
-                                       this.theta = theta; // azimuthal angle
-
-                                       return this;
-                               }
-
-                               set(radius, phi, theta) {
-                                       this.radius = radius;
-                                       this.phi = phi;
-                                       this.theta = theta;
-                                       return this;
-                               }
-
-                               copy(other) {
-                                       this.radius = other.radius;
-                                       this.phi = other.phi;
-                                       this.theta = other.theta;
-                                       return this;
-                               } // restrict phi to be betwee EPS and PI-EPS
-
-
-                               makeSafe() {
-                                       const EPS = 0.000001;
-                                       this.phi = Math.max(EPS, Math.min(Math.PI - EPS, this.phi));
-                                       return this;
-                               }
-
-                               setFromVector3(v) {
-                                       return this.setFromCartesianCoords(v.x, v.y, v.z);
-                               }
-
-                               setFromCartesianCoords(x, y, z) {
-                                       this.radius = Math.sqrt(x * x + y * y + z * z);
-
-                                       if (this.radius === 0) {
-                                               this.theta = 0;
-                                               this.phi = 0;
-                                       } else {
-                                               this.theta = Math.atan2(x, z);
-                                               this.phi = Math.acos(clamp(y / this.radius, -1, 1));
-                                       }
-
-                                       return this;
-                               }
-
-                               clone() {
-                                       return new this.constructor().copy(this);
-                               }
-
-                       }
-
-                       /**
-                        * Ref: https://en.wikipedia.org/wiki/Cylindrical_coordinate_system
-                        */
-                       class Cylindrical {
-                               constructor(radius = 1, theta = 0, y = 0) {
-                                       this.radius = radius; // distance from the origin to a point in the x-z plane
-
-                                       this.theta = theta; // counterclockwise angle in the x-z plane measured in radians from the positive z-axis
-
-                                       this.y = y; // height above the x-z plane
-
-                                       return this;
-                               }
-
-                               set(radius, theta, y) {
-                                       this.radius = radius;
-                                       this.theta = theta;
-                                       this.y = y;
-                                       return this;
-                               }
-
-                               copy(other) {
-                                       this.radius = other.radius;
-                                       this.theta = other.theta;
-                                       this.y = other.y;
-                                       return this;
-                               }
-
-                               setFromVector3(v) {
-                                       return this.setFromCartesianCoords(v.x, v.y, v.z);
-                               }
-
-                               setFromCartesianCoords(x, y, z) {
-                                       this.radius = Math.sqrt(x * x + z * z);
-                                       this.theta = Math.atan2(x, z);
-                                       this.y = y;
-                                       return this;
-                               }
-
-                               clone() {
-                                       return new this.constructor().copy(this);
-                               }
-
-                       }
-
-                       const _vector$4 = /*@__PURE__*/new Vector2();
-
-                       class Box2 {
-                               constructor(min = new Vector2(+Infinity, +Infinity), max = new Vector2(-Infinity, -Infinity)) {
-                                       this.min = min;
-                                       this.max = max;
-                               }
-
-                               set(min, max) {
-                                       this.min.copy(min);
-                                       this.max.copy(max);
-                                       return this;
-                               }
-
-                               setFromPoints(points) {
-                                       this.makeEmpty();
-
-                                       for (let i = 0, il = points.length; i < il; i++) {
-                                               this.expandByPoint(points[i]);
-                                       }
-
-                                       return this;
-                               }
-
-                               setFromCenterAndSize(center, size) {
-                                       const halfSize = _vector$4.copy(size).multiplyScalar(0.5);
-
-                                       this.min.copy(center).sub(halfSize);
-                                       this.max.copy(center).add(halfSize);
-                                       return this;
-                               }
-
-                               clone() {
-                                       return new this.constructor().copy(this);
-                               }
-
-                               copy(box) {
-                                       this.min.copy(box.min);
-                                       this.max.copy(box.max);
-                                       return this;
-                               }
-
-                               makeEmpty() {
-                                       this.min.x = this.min.y = +Infinity;
-                                       this.max.x = this.max.y = -Infinity;
-                                       return this;
-                               }
-
-                               isEmpty() {
-                                       // this is a more robust check for empty than ( volume <= 0 ) because volume can get positive with two negative axes
-                                       return this.max.x < this.min.x || this.max.y < this.min.y;
-                               }
-
-                               getCenter(target) {
-                                       return this.isEmpty() ? target.set(0, 0) : target.addVectors(this.min, this.max).multiplyScalar(0.5);
-                               }
-
-                               getSize(target) {
-                                       return this.isEmpty() ? target.set(0, 0) : target.subVectors(this.max, this.min);
-                               }
-
-                               expandByPoint(point) {
-                                       this.min.min(point);
-                                       this.max.max(point);
-                                       return this;
-                               }
-
-                               expandByVector(vector) {
-                                       this.min.sub(vector);
-                                       this.max.add(vector);
-                                       return this;
-                               }
-
-                               expandByScalar(scalar) {
-                                       this.min.addScalar(-scalar);
-                                       this.max.addScalar(scalar);
-                                       return this;
-                               }
-
-                               containsPoint(point) {
-                                       return point.x < this.min.x || point.x > this.max.x || point.y < this.min.y || point.y > this.max.y ? false : true;
-                               }
-
-                               containsBox(box) {
-                                       return this.min.x <= box.min.x && box.max.x <= this.max.x && this.min.y <= box.min.y && box.max.y <= this.max.y;
-                               }
-
-                               getParameter(point, target) {
-                                       // This can potentially have a divide by zero if the box
-                                       // has a size dimension of 0.
-                                       return target.set((point.x - this.min.x) / (this.max.x - this.min.x), (point.y - this.min.y) / (this.max.y - this.min.y));
-                               }
-
-                               intersectsBox(box) {
-                                       // using 4 splitting planes to rule out intersections
-                                       return box.max.x < this.min.x || box.min.x > this.max.x || box.max.y < this.min.y || box.min.y > this.max.y ? false : true;
-                               }
-
-                               clampPoint(point, target) {
-                                       return target.copy(point).clamp(this.min, this.max);
-                               }
-
-                               distanceToPoint(point) {
-                                       const clampedPoint = _vector$4.copy(point).clamp(this.min, this.max);
-
-                                       return clampedPoint.sub(point).length();
-                               }
-
-                               intersect(box) {
-                                       this.min.max(box.min);
-                                       this.max.min(box.max);
-                                       return this;
-                               }
-
-                               union(box) {
-                                       this.min.min(box.min);
-                                       this.max.max(box.max);
-                                       return this;
-                               }
-
-                               translate(offset) {
-                                       this.min.add(offset);
-                                       this.max.add(offset);
-                                       return this;
-                               }
-
-                               equals(box) {
-                                       return box.min.equals(this.min) && box.max.equals(this.max);
-                               }
-
-                       }
-
-                       Box2.prototype.isBox2 = true;
-
-                       const _startP = /*@__PURE__*/new Vector3();
-
-                       const _startEnd = /*@__PURE__*/new Vector3();
-
-                       class Line3 {
-                               constructor(start = new Vector3(), end = new Vector3()) {
-                                       this.start = start;
-                                       this.end = end;
-                               }
-
-                               set(start, end) {
-                                       this.start.copy(start);
-                                       this.end.copy(end);
-                                       return this;
-                               }
-
-                               copy(line) {
-                                       this.start.copy(line.start);
-                                       this.end.copy(line.end);
-                                       return this;
-                               }
-
-                               getCenter(target) {
-                                       return target.addVectors(this.start, this.end).multiplyScalar(0.5);
-                               }
-
-                               delta(target) {
-                                       return target.subVectors(this.end, this.start);
-                               }
-
-                               distanceSq() {
-                                       return this.start.distanceToSquared(this.end);
-                               }
-
-                               distance() {
-                                       return this.start.distanceTo(this.end);
-                               }
-
-                               at(t, target) {
-                                       return this.delta(target).multiplyScalar(t).add(this.start);
-                               }
-
-                               closestPointToPointParameter(point, clampToLine) {
-                                       _startP.subVectors(point, this.start);
-
-                                       _startEnd.subVectors(this.end, this.start);
-
-                                       const startEnd2 = _startEnd.dot(_startEnd);
-
-                                       const startEnd_startP = _startEnd.dot(_startP);
-
-                                       let t = startEnd_startP / startEnd2;
-
-                                       if (clampToLine) {
-                                               t = clamp(t, 0, 1);
-                                       }
-
-                                       return t;
-                               }
-
-                               closestPointToPoint(point, clampToLine, target) {
-                                       const t = this.closestPointToPointParameter(point, clampToLine);
-                                       return this.delta(target).multiplyScalar(t).add(this.start);
-                               }
-
-                               applyMatrix4(matrix) {
-                                       this.start.applyMatrix4(matrix);
-                                       this.end.applyMatrix4(matrix);
-                                       return this;
-                               }
-
-                               equals(line) {
-                                       return line.start.equals(this.start) && line.end.equals(this.end);
-                               }
-
-                               clone() {
-                                       return new this.constructor().copy(this);
-                               }
-
-                       }
-
-                       class ImmediateRenderObject extends Object3D {
-                               constructor(material) {
-                                       super();
-                                       this.material = material;
-
-                                       this.render = function () {
-                                       };
-
-                                       this.hasPositions = false;
-                                       this.hasNormals = false;
-                                       this.hasColors = false;
-                                       this.hasUvs = false;
-                                       this.positionArray = null;
-                                       this.normalArray = null;
-                                       this.colorArray = null;
-                                       this.uvArray = null;
-                                       this.count = 0;
-                               }
-
-                       }
-
-                       ImmediateRenderObject.prototype.isImmediateRenderObject = true;
-
-                       const _vector$3 = /*@__PURE__*/new Vector3();
-
-                       class SpotLightHelper extends Object3D {
-                               constructor(light, color) {
-                                       super();
-                                       this.light = light;
-                                       this.light.updateMatrixWorld();
-                                       this.matrix = light.matrixWorld;
-                                       this.matrixAutoUpdate = false;
-                                       this.color = color;
-                                       const geometry = new BufferGeometry();
-                                       const positions = [0, 0, 0, 0, 0, 1, 0, 0, 0, 1, 0, 1, 0, 0, 0, -1, 0, 1, 0, 0, 0, 0, 1, 1, 0, 0, 0, 0, -1, 1];
-
-                                       for (let i = 0, j = 1, l = 32; i < l; i++, j++) {
-                                               const p1 = i / l * Math.PI * 2;
-                                               const p2 = j / l * Math.PI * 2;
-                                               positions.push(Math.cos(p1), Math.sin(p1), 1, Math.cos(p2), Math.sin(p2), 1);
-                                       }
-
-                                       geometry.setAttribute('position', new Float32BufferAttribute(positions, 3));
-                                       const material = new LineBasicMaterial({
-                                               fog: false,
-                                               toneMapped: false
-                                       });
-                                       this.cone = new LineSegments(geometry, material);
-                                       this.add(this.cone);
-                                       this.update();
-                               }
-
-                               dispose() {
-                                       this.cone.geometry.dispose();
-                                       this.cone.material.dispose();
-                               }
-
-                               update() {
-                                       this.light.updateMatrixWorld();
-                                       const coneLength = this.light.distance ? this.light.distance : 1000;
-                                       const coneWidth = coneLength * Math.tan(this.light.angle);
-                                       this.cone.scale.set(coneWidth, coneWidth, coneLength);
-
-                                       _vector$3.setFromMatrixPosition(this.light.target.matrixWorld);
-
-                                       this.cone.lookAt(_vector$3);
-
-                                       if (this.color !== undefined) {
-                                               this.cone.material.color.set(this.color);
-                                       } else {
-                                               this.cone.material.color.copy(this.light.color);
-                                       }
-                               }
-
-                       }
-
-                       const _vector$2 = /*@__PURE__*/new Vector3();
-
-                       const _boneMatrix = /*@__PURE__*/new Matrix4();
-
-                       const _matrixWorldInv = /*@__PURE__*/new Matrix4();
-
-                       class SkeletonHelper extends LineSegments {
-                               constructor(object) {
-                                       const bones = getBoneList(object);
-                                       const geometry = new BufferGeometry();
-                                       const vertices = [];
-                                       const colors = [];
-                                       const color1 = new Color(0, 0, 1);
-                                       const color2 = new Color(0, 1, 0);
-
-                                       for (let i = 0; i < bones.length; i++) {
-                                               const bone = bones[i];
-
-                                               if (bone.parent && bone.parent.isBone) {
-                                                       vertices.push(0, 0, 0);
-                                                       vertices.push(0, 0, 0);
-                                                       colors.push(color1.r, color1.g, color1.b);
-                                                       colors.push(color2.r, color2.g, color2.b);
-                                               }
-                                       }
-
-                                       geometry.setAttribute('position', new Float32BufferAttribute(vertices, 3));
-                                       geometry.setAttribute('color', new Float32BufferAttribute(colors, 3));
-                                       const material = new LineBasicMaterial({
-                                               vertexColors: true,
-                                               depthTest: false,
-                                               depthWrite: false,
-                                               toneMapped: false,
-                                               transparent: true
-                                       });
-                                       super(geometry, material);
-                                       this.type = 'SkeletonHelper';
-                                       this.isSkeletonHelper = true;
-                                       this.root = object;
-                                       this.bones = bones;
-                                       this.matrix = object.matrixWorld;
-                                       this.matrixAutoUpdate = false;
-                               }
-
-                               updateMatrixWorld(force) {
-                                       const bones = this.bones;
-                                       const geometry = this.geometry;
-                                       const position = geometry.getAttribute('position');
-
-                                       _matrixWorldInv.copy(this.root.matrixWorld).invert();
-
-                                       for (let i = 0, j = 0; i < bones.length; i++) {
-                                               const bone = bones[i];
-
-                                               if (bone.parent && bone.parent.isBone) {
-                                                       _boneMatrix.multiplyMatrices(_matrixWorldInv, bone.matrixWorld);
-
-                                                       _vector$2.setFromMatrixPosition(_boneMatrix);
-
-                                                       position.setXYZ(j, _vector$2.x, _vector$2.y, _vector$2.z);
-
-                                                       _boneMatrix.multiplyMatrices(_matrixWorldInv, bone.parent.matrixWorld);
-
-                                                       _vector$2.setFromMatrixPosition(_boneMatrix);
-
-                                                       position.setXYZ(j + 1, _vector$2.x, _vector$2.y, _vector$2.z);
-                                                       j += 2;
-                                               }
-                                       }
-
-                                       geometry.getAttribute('position').needsUpdate = true;
-                                       super.updateMatrixWorld(force);
-                               }
-
-                       }
-
-                       function getBoneList(object) {
-                               const boneList = [];
-
-                               if (object && object.isBone) {
-                                       boneList.push(object);
-                               }
-
-                               for (let i = 0; i < object.children.length; i++) {
-                                       boneList.push.apply(boneList, getBoneList(object.children[i]));
-                               }
-
-                               return boneList;
-                       }
-
-                       class PointLightHelper extends Mesh {
-                               constructor(light, sphereSize, color) {
-                                       const geometry = new SphereGeometry(sphereSize, 4, 2);
-                                       const material = new MeshBasicMaterial({
-                                               wireframe: true,
-                                               fog: false,
-                                               toneMapped: false
-                                       });
-                                       super(geometry, material);
-                                       this.light = light;
-                                       this.light.updateMatrixWorld();
-                                       this.color = color;
-                                       this.type = 'PointLightHelper';
-                                       this.matrix = this.light.matrixWorld;
-                                       this.matrixAutoUpdate = false;
-                                       this.update();
-                                       /*
-                       // TODO: delete this comment?
-                       const distanceGeometry = new THREE.IcosahedronBufferGeometry( 1, 2 );
-                       const distanceMaterial = new THREE.MeshBasicMaterial( { color: hexColor, fog: false, wireframe: true, opacity: 0.1, transparent: true } );
-                       this.lightSphere = new THREE.Mesh( bulbGeometry, bulbMaterial );
-                       this.lightDistance = new THREE.Mesh( distanceGeometry, distanceMaterial );
-                       const d = light.distance;
-                       if ( d === 0.0 ) {
-                               this.lightDistance.visible = false;
-                       } else {
-                               this.lightDistance.scale.set( d, d, d );
-                       }
-                       this.add( this.lightDistance );
-                       */
-                               }
-
-                               dispose() {
-                                       this.geometry.dispose();
-                                       this.material.dispose();
-                               }
-
-                               update() {
-                                       if (this.color !== undefined) {
-                                               this.material.color.set(this.color);
-                                       } else {
-                                               this.material.color.copy(this.light.color);
-                                       }
-                                       /*
-                       const d = this.light.distance;
-                               if ( d === 0.0 ) {
-                                       this.lightDistance.visible = false;
-                               } else {
-                                       this.lightDistance.visible = true;
-                               this.lightDistance.scale.set( d, d, d );
-                               }
-                       */
-
-                               }
-
-                       }
-
-                       const _vector$1 = /*@__PURE__*/new Vector3();
-
-                       const _color1 = /*@__PURE__*/new Color();
-
-                       const _color2 = /*@__PURE__*/new Color();
-
-                       class HemisphereLightHelper extends Object3D {
-                               constructor(light, size, color) {
-                                       super();
-                                       this.light = light;
-                                       this.light.updateMatrixWorld();
-                                       this.matrix = light.matrixWorld;
-                                       this.matrixAutoUpdate = false;
-                                       this.color = color;
-                                       const geometry = new OctahedronGeometry(size);
-                                       geometry.rotateY(Math.PI * 0.5);
-                                       this.material = new MeshBasicMaterial({
-                                               wireframe: true,
-                                               fog: false,
-                                               toneMapped: false
-                                       });
-                                       if (this.color === undefined) this.material.vertexColors = true;
-                                       const position = geometry.getAttribute('position');
-                                       const colors = new Float32Array(position.count * 3);
-                                       geometry.setAttribute('color', new BufferAttribute(colors, 3));
-                                       this.add(new Mesh(geometry, this.material));
-                                       this.update();
-                               }
-
-                               dispose() {
-                                       this.children[0].geometry.dispose();
-                                       this.children[0].material.dispose();
-                               }
-
-                               update() {
-                                       const mesh = this.children[0];
-
-                                       if (this.color !== undefined) {
-                                               this.material.color.set(this.color);
-                                       } else {
-                                               const colors = mesh.geometry.getAttribute('color');
-
-                                               _color1.copy(this.light.color);
-
-                                               _color2.copy(this.light.groundColor);
-
-                                               for (let i = 0, l = colors.count; i < l; i++) {
-                                                       const color = i < l / 2 ? _color1 : _color2;
-                                                       colors.setXYZ(i, color.r, color.g, color.b);
-                                               }
-
-                                               colors.needsUpdate = true;
-                                       }
-
-                                       mesh.lookAt(_vector$1.setFromMatrixPosition(this.light.matrixWorld).negate());
-                               }
-
-                       }
-
-                       class GridHelper extends LineSegments {
-                               constructor(size = 10, divisions = 10, color1 = 0x444444, color2 = 0x888888) {
-                                       color1 = new Color(color1);
-                                       color2 = new Color(color2);
-                                       const center = divisions / 2;
-                                       const step = size / divisions;
-                                       const halfSize = size / 2;
-                                       const vertices = [],
-                                               colors = [];
-
-                                       for (let i = 0, j = 0, k = -halfSize; i <= divisions; i++, k += step) {
-                                               vertices.push(-halfSize, 0, k, halfSize, 0, k);
-                                               vertices.push(k, 0, -halfSize, k, 0, halfSize);
-                                               const color = i === center ? color1 : color2;
-                                               color.toArray(colors, j);
-                                               j += 3;
-                                               color.toArray(colors, j);
-                                               j += 3;
-                                               color.toArray(colors, j);
-                                               j += 3;
-                                               color.toArray(colors, j);
-                                               j += 3;
-                                       }
-
-                                       const geometry = new BufferGeometry();
-                                       geometry.setAttribute('position', new Float32BufferAttribute(vertices, 3));
-                                       geometry.setAttribute('color', new Float32BufferAttribute(colors, 3));
-                                       const material = new LineBasicMaterial({
-                                               vertexColors: true,
-                                               toneMapped: false
-                                       });
-                                       super(geometry, material);
-                                       this.type = 'GridHelper';
-                               }
-
-                       }
-
-                       class PolarGridHelper extends LineSegments {
-                               constructor(radius = 10, radials = 16, circles = 8, divisions = 64, color1 = 0x444444, color2 = 0x888888) {
-                                       color1 = new Color(color1);
-                                       color2 = new Color(color2);
-                                       const vertices = [];
-                                       const colors = []; // create the radials
-
-                                       for (let i = 0; i <= radials; i++) {
-                                               const v = i / radials * (Math.PI * 2);
-                                               const x = Math.sin(v) * radius;
-                                               const z = Math.cos(v) * radius;
-                                               vertices.push(0, 0, 0);
-                                               vertices.push(x, 0, z);
-                                               const color = i & 1 ? color1 : color2;
-                                               colors.push(color.r, color.g, color.b);
-                                               colors.push(color.r, color.g, color.b);
-                                       } // create the circles
-
-
-                                       for (let i = 0; i <= circles; i++) {
-                                               const color = i & 1 ? color1 : color2;
-                                               const r = radius - radius / circles * i;
-
-                                               for (let j = 0; j < divisions; j++) {
-                                                       // first vertex
-                                                       let v = j / divisions * (Math.PI * 2);
-                                                       let x = Math.sin(v) * r;
-                                                       let z = Math.cos(v) * r;
-                                                       vertices.push(x, 0, z);
-                                                       colors.push(color.r, color.g, color.b); // second vertex
-
-                                                       v = (j + 1) / divisions * (Math.PI * 2);
-                                                       x = Math.sin(v) * r;
-                                                       z = Math.cos(v) * r;
-                                                       vertices.push(x, 0, z);
-                                                       colors.push(color.r, color.g, color.b);
-                                               }
-                                       }
-
-                                       const geometry = new BufferGeometry();
-                                       geometry.setAttribute('position', new Float32BufferAttribute(vertices, 3));
-                                       geometry.setAttribute('color', new Float32BufferAttribute(colors, 3));
-                                       const material = new LineBasicMaterial({
-                                               vertexColors: true,
-                                               toneMapped: false
-                                       });
-                                       super(geometry, material);
-                                       this.type = 'PolarGridHelper';
-                               }
-
-                       }
-
-                       const _v1 = /*@__PURE__*/new Vector3();
-
-                       const _v2 = /*@__PURE__*/new Vector3();
-
-                       const _v3 = /*@__PURE__*/new Vector3();
-
-                       class DirectionalLightHelper extends Object3D {
-                               constructor(light, size, color) {
-                                       super();
-                                       this.light = light;
-                                       this.light.updateMatrixWorld();
-                                       this.matrix = light.matrixWorld;
-                                       this.matrixAutoUpdate = false;
-                                       this.color = color;
-                                       if (size === undefined) size = 1;
-                                       let geometry = new BufferGeometry();
-                                       geometry.setAttribute('position', new Float32BufferAttribute([-size, size, 0, size, size, 0, size, -size, 0, -size, -size, 0, -size, size, 0], 3));
-                                       const material = new LineBasicMaterial({
-                                               fog: false,
-                                               toneMapped: false
-                                       });
-                                       this.lightPlane = new Line(geometry, material);
-                                       this.add(this.lightPlane);
-                                       geometry = new BufferGeometry();
-                                       geometry.setAttribute('position', new Float32BufferAttribute([0, 0, 0, 0, 0, 1], 3));
-                                       this.targetLine = new Line(geometry, material);
-                                       this.add(this.targetLine);
-                                       this.update();
-                               }
-
-                               dispose() {
-                                       this.lightPlane.geometry.dispose();
-                                       this.lightPlane.material.dispose();
-                                       this.targetLine.geometry.dispose();
-                                       this.targetLine.material.dispose();
-                               }
-
-                               update() {
-                                       _v1.setFromMatrixPosition(this.light.matrixWorld);
-
-                                       _v2.setFromMatrixPosition(this.light.target.matrixWorld);
-
-                                       _v3.subVectors(_v2, _v1);
-
-                                       this.lightPlane.lookAt(_v2);
-
-                                       if (this.color !== undefined) {
-                                               this.lightPlane.material.color.set(this.color);
-                                               this.targetLine.material.color.set(this.color);
-                                       } else {
-                                               this.lightPlane.material.color.copy(this.light.color);
-                                               this.targetLine.material.color.copy(this.light.color);
-                                       }
-
-                                       this.targetLine.lookAt(_v2);
-                                       this.targetLine.scale.z = _v3.length();
-                               }
-
-                       }
-
-                       const _vector = /*@__PURE__*/new Vector3();
-
-                       const _camera = /*@__PURE__*/new Camera();
-
-                       /**
-                        *      - shows frustum, line of sight and up of the camera
-                        *      - suitable for fast updates
-                        *      - based on frustum visualization in lightgl.js shadowmap example
-                        *              http://evanw.github.com/lightgl.js/tests/shadowmap.html
-                        */
-
-
-                       class CameraHelper extends LineSegments {
-                               constructor(camera) {
-                                       const geometry = new BufferGeometry();
-                                       const material = new LineBasicMaterial({
-                                               color: 0xffffff,
-                                               vertexColors: true,
-                                               toneMapped: false
-                                       });
-                                       const vertices = [];
-                                       const colors = [];
-                                       const pointMap = {}; // colors
-
-                                       const colorFrustum = new Color(0xffaa00);
-                                       const colorCone = new Color(0xff0000);
-                                       const colorUp = new Color(0x00aaff);
-                                       const colorTarget = new Color(0xffffff);
-                                       const colorCross = new Color(0x333333); // near
-
-                                       addLine('n1', 'n2', colorFrustum);
-                                       addLine('n2', 'n4', colorFrustum);
-                                       addLine('n4', 'n3', colorFrustum);
-                                       addLine('n3', 'n1', colorFrustum); // far
-
-                                       addLine('f1', 'f2', colorFrustum);
-                                       addLine('f2', 'f4', colorFrustum);
-                                       addLine('f4', 'f3', colorFrustum);
-                                       addLine('f3', 'f1', colorFrustum); // sides
-
-                                       addLine('n1', 'f1', colorFrustum);
-                                       addLine('n2', 'f2', colorFrustum);
-                                       addLine('n3', 'f3', colorFrustum);
-                                       addLine('n4', 'f4', colorFrustum); // cone
-
-                                       addLine('p', 'n1', colorCone);
-                                       addLine('p', 'n2', colorCone);
-                                       addLine('p', 'n3', colorCone);
-                                       addLine('p', 'n4', colorCone); // up
-
-                                       addLine('u1', 'u2', colorUp);
-                                       addLine('u2', 'u3', colorUp);
-                                       addLine('u3', 'u1', colorUp); // target
-
-                                       addLine('c', 't', colorTarget);
-                                       addLine('p', 'c', colorCross); // cross
-
-                                       addLine('cn1', 'cn2', colorCross);
-                                       addLine('cn3', 'cn4', colorCross);
-                                       addLine('cf1', 'cf2', colorCross);
-                                       addLine('cf3', 'cf4', colorCross);
-
-                                       function addLine(a, b, color) {
-                                               addPoint(a, color);
-                                               addPoint(b, color);
-                                       }
-
-                                       function addPoint(id, color) {
-                                               vertices.push(0, 0, 0);
-                                               colors.push(color.r, color.g, color.b);
-
-                                               if (pointMap[id] === undefined) {
-                                                       pointMap[id] = [];
-                                               }
-
-                                               pointMap[id].push(vertices.length / 3 - 1);
-                                       }
-
-                                       geometry.setAttribute('position', new Float32BufferAttribute(vertices, 3));
-                                       geometry.setAttribute('color', new Float32BufferAttribute(colors, 3));
-                                       super(geometry, material);
-                                       this.type = 'CameraHelper';
-                                       this.camera = camera;
-                                       if (this.camera.updateProjectionMatrix) this.camera.updateProjectionMatrix();
-                                       this.matrix = camera.matrixWorld;
-                                       this.matrixAutoUpdate = false;
-                                       this.pointMap = pointMap;
-                                       this.update();
-                               }
-
-                               update() {
-                                       const geometry = this.geometry;
-                                       const pointMap = this.pointMap;
-                                       const w = 1,
-                                               h = 1; // we need just camera projection matrix inverse
-                                       // world matrix must be identity
-
-                                       _camera.projectionMatrixInverse.copy(this.camera.projectionMatrixInverse); // center / target
-
-
-                                       setPoint('c', pointMap, geometry, _camera, 0, 0, -1);
-                                       setPoint('t', pointMap, geometry, _camera, 0, 0, 1); // near
-
-                                       setPoint('n1', pointMap, geometry, _camera, -w, -h, -1);
-                                       setPoint('n2', pointMap, geometry, _camera, w, -h, -1);
-                                       setPoint('n3', pointMap, geometry, _camera, -w, h, -1);
-                                       setPoint('n4', pointMap, geometry, _camera, w, h, -1); // far
-
-                                       setPoint('f1', pointMap, geometry, _camera, -w, -h, 1);
-                                       setPoint('f2', pointMap, geometry, _camera, w, -h, 1);
-                                       setPoint('f3', pointMap, geometry, _camera, -w, h, 1);
-                                       setPoint('f4', pointMap, geometry, _camera, w, h, 1); // up
-
-                                       setPoint('u1', pointMap, geometry, _camera, w * 0.7, h * 1.1, -1);
-                                       setPoint('u2', pointMap, geometry, _camera, -w * 0.7, h * 1.1, -1);
-                                       setPoint('u3', pointMap, geometry, _camera, 0, h * 2, -1); // cross
-
-                                       setPoint('cf1', pointMap, geometry, _camera, -w, 0, 1);
-                                       setPoint('cf2', pointMap, geometry, _camera, w, 0, 1);
-                                       setPoint('cf3', pointMap, geometry, _camera, 0, -h, 1);
-                                       setPoint('cf4', pointMap, geometry, _camera, 0, h, 1);
-                                       setPoint('cn1', pointMap, geometry, _camera, -w, 0, -1);
-                                       setPoint('cn2', pointMap, geometry, _camera, w, 0, -1);
-                                       setPoint('cn3', pointMap, geometry, _camera, 0, -h, -1);
-                                       setPoint('cn4', pointMap, geometry, _camera, 0, h, -1);
-                                       geometry.getAttribute('position').needsUpdate = true;
-                               }
-
-                               dispose() {
-                                       this.geometry.dispose();
-                                       this.material.dispose();
-                               }
-
-                       }
-
-                       function setPoint(point, pointMap, geometry, camera, x, y, z) {
-                               _vector.set(x, y, z).unproject(camera);
-
-                               const points = pointMap[point];
-
-                               if (points !== undefined) {
-                                       const position = geometry.getAttribute('position');
-
-                                       for (let i = 0, l = points.length; i < l; i++) {
-                                               position.setXYZ(points[i], _vector.x, _vector.y, _vector.z);
-                                       }
-                               }
-                       }
-
-                       const _box = /*@__PURE__*/new Box3();
-
-                       class BoxHelper extends LineSegments {
-                               constructor(object, color = 0xffff00) {
-                                       const indices = new Uint16Array([0, 1, 1, 2, 2, 3, 3, 0, 4, 5, 5, 6, 6, 7, 7, 4, 0, 4, 1, 5, 2, 6, 3, 7]);
-                                       const positions = new Float32Array(8 * 3);
-                                       const geometry = new BufferGeometry();
-                                       geometry.setIndex(new BufferAttribute(indices, 1));
-                                       geometry.setAttribute('position', new BufferAttribute(positions, 3));
-                                       super(geometry, new LineBasicMaterial({
-                                               color: color,
-                                               toneMapped: false
-                                       }));
-                                       this.object = object;
-                                       this.type = 'BoxHelper';
-                                       this.matrixAutoUpdate = false;
-                                       this.update();
-                               }
-
-                               update(object) {
-                                       if (object !== undefined) {
-                                               console.warn('THREE.BoxHelper: .update() has no longer arguments.');
-                                       }
-
-                                       if (this.object !== undefined) {
-                                               _box.setFromObject(this.object);
-                                       }
-
-                                       if (_box.isEmpty()) return;
-                                       const min = _box.min;
-                                       const max = _box.max;
-                                       /*
-                               5____4
-                       1/___0/|
-                       | 6__|_7
-                       2/___3/
-                               0: max.x, max.y, max.z
-                       1: min.x, max.y, max.z
-                       2: min.x, min.y, max.z
-                       3: max.x, min.y, max.z
-                       4: max.x, max.y, min.z
-                       5: min.x, max.y, min.z
-                       6: min.x, min.y, min.z
-                       7: max.x, min.y, min.z
-                       */
-
-                                       const position = this.geometry.attributes.position;
-                                       const array = position.array;
-                                       array[0] = max.x;
-                                       array[1] = max.y;
-                                       array[2] = max.z;
-                                       array[3] = min.x;
-                                       array[4] = max.y;
-                                       array[5] = max.z;
-                                       array[6] = min.x;
-                                       array[7] = min.y;
-                                       array[8] = max.z;
-                                       array[9] = max.x;
-                                       array[10] = min.y;
-                                       array[11] = max.z;
-                                       array[12] = max.x;
-                                       array[13] = max.y;
-                                       array[14] = min.z;
-                                       array[15] = min.x;
-                                       array[16] = max.y;
-                                       array[17] = min.z;
-                                       array[18] = min.x;
-                                       array[19] = min.y;
-                                       array[20] = min.z;
-                                       array[21] = max.x;
-                                       array[22] = min.y;
-                                       array[23] = min.z;
-                                       position.needsUpdate = true;
-                                       this.geometry.computeBoundingSphere();
-                               }
-
-                               setFromObject(object) {
-                                       this.object = object;
-                                       this.update();
-                                       return this;
-                               }
-
-                               copy(source) {
-                                       LineSegments.prototype.copy.call(this, source);
-                                       this.object = source.object;
-                                       return this;
-                               }
-
-                       }
-
-                       class Box3Helper extends LineSegments {
-                               constructor(box, color = 0xffff00) {
-                                       const indices = new Uint16Array([0, 1, 1, 2, 2, 3, 3, 0, 4, 5, 5, 6, 6, 7, 7, 4, 0, 4, 1, 5, 2, 6, 3, 7]);
-                                       const positions = [1, 1, 1, -1, 1, 1, -1, -1, 1, 1, -1, 1, 1, 1, -1, -1, 1, -1, -1, -1, -1, 1, -1, -1];
-                                       const geometry = new BufferGeometry();
-                                       geometry.setIndex(new BufferAttribute(indices, 1));
-                                       geometry.setAttribute('position', new Float32BufferAttribute(positions, 3));
-                                       super(geometry, new LineBasicMaterial({
-                                               color: color,
-                                               toneMapped: false
-                                       }));
-                                       this.box = box;
-                                       this.type = 'Box3Helper';
-                                       this.geometry.computeBoundingSphere();
-                               }
-
-                               updateMatrixWorld(force) {
-                                       const box = this.box;
-                                       if (box.isEmpty()) return;
-                                       box.getCenter(this.position);
-                                       box.getSize(this.scale);
-                                       this.scale.multiplyScalar(0.5);
-                                       super.updateMatrixWorld(force);
-                               }
-
-                       }
-
-                       class PlaneHelper extends Line {
-                               constructor(plane, size = 1, hex = 0xffff00) {
-                                       const color = hex;
-                                       const positions = [1, -1, 1, -1, 1, 1, -1, -1, 1, 1, 1, 1, -1, 1, 1, -1, -1, 1, 1, -1, 1, 1, 1, 1, 0, 0, 1, 0, 0, 0];
-                                       const geometry = new BufferGeometry();
-                                       geometry.setAttribute('position', new Float32BufferAttribute(positions, 3));
-                                       geometry.computeBoundingSphere();
-                                       super(geometry, new LineBasicMaterial({
-                                               color: color,
-                                               toneMapped: false
-                                       }));
-                                       this.type = 'PlaneHelper';
-                                       this.plane = plane;
-                                       this.size = size;
-                                       const positions2 = [1, 1, 1, -1, 1, 1, -1, -1, 1, 1, 1, 1, -1, -1, 1, 1, -1, 1];
-                                       const geometry2 = new BufferGeometry();
-                                       geometry2.setAttribute('position', new Float32BufferAttribute(positions2, 3));
-                                       geometry2.computeBoundingSphere();
-                                       this.add(new Mesh(geometry2, new MeshBasicMaterial({
-                                               color: color,
-                                               opacity: 0.2,
-                                               transparent: true,
-                                               depthWrite: false,
-                                               toneMapped: false
-                                       })));
-                               }
-
-                               updateMatrixWorld(force) {
-                                       let scale = -this.plane.constant;
-                                       if (Math.abs(scale) < 1e-8) scale = 1e-8; // sign does not matter
-
-                                       this.scale.set(0.5 * this.size, 0.5 * this.size, scale);
-                                       this.children[0].material.side = scale < 0 ? BackSide : FrontSide; // renderer flips side when determinant < 0; flipping not wanted here
-
-                                       this.lookAt(this.plane.normal);
-                                       super.updateMatrixWorld(force);
-                               }
-
-                       }
-
-                       const _axis = /*@__PURE__*/new Vector3();
-
-                       let _lineGeometry, _coneGeometry;
-
-                       class ArrowHelper extends Object3D {
-                               // dir is assumed to be normalized
-                               constructor(dir = new Vector3(0, 0, 1), origin = new Vector3(0, 0, 0), length = 1, color = 0xffff00, headLength = length * 0.2, headWidth = headLength * 0.2) {
-                                       super();
-                                       this.type = 'ArrowHelper';
-
-                                       if (_lineGeometry === undefined) {
-                                               _lineGeometry = new BufferGeometry();
-
-                                               _lineGeometry.setAttribute('position', new Float32BufferAttribute([0, 0, 0, 0, 1, 0], 3));
-
-                                               _coneGeometry = new CylinderGeometry(0, 0.5, 1, 5, 1);
-
-                                               _coneGeometry.translate(0, -0.5, 0);
-                                       }
-
-                                       this.position.copy(origin);
-                                       this.line = new Line(_lineGeometry, new LineBasicMaterial({
-                                               color: color,
-                                               toneMapped: false
-                                       }));
-                                       this.line.matrixAutoUpdate = false;
-                                       this.add(this.line);
-                                       this.cone = new Mesh(_coneGeometry, new MeshBasicMaterial({
-                                               color: color,
-                                               toneMapped: false
-                                       }));
-                                       this.cone.matrixAutoUpdate = false;
-                                       this.add(this.cone);
-                                       this.setDirection(dir);
-                                       this.setLength(length, headLength, headWidth);
-                               }
-
-                               setDirection(dir) {
-                                       // dir is assumed to be normalized
-                                       if (dir.y > 0.99999) {
-                                               this.quaternion.set(0, 0, 0, 1);
-                                       } else if (dir.y < -0.99999) {
-                                               this.quaternion.set(1, 0, 0, 0);
-                                       } else {
-                                               _axis.set(dir.z, 0, -dir.x).normalize();
-
-                                               const radians = Math.acos(dir.y);
-                                               this.quaternion.setFromAxisAngle(_axis, radians);
-                                       }
-                               }
-
-                               setLength(length, headLength = length * 0.2, headWidth = headLength * 0.2) {
-                                       this.line.scale.set(1, Math.max(0.0001, length - headLength), 1); // see #17458
-
-                                       this.line.updateMatrix();
-                                       this.cone.scale.set(headWidth, headLength, headWidth);
-                                       this.cone.position.y = length;
-                                       this.cone.updateMatrix();
-                               }
-
-                               setColor(color) {
-                                       this.line.material.color.set(color);
-                                       this.cone.material.color.set(color);
-                               }
-
-                               copy(source) {
-                                       super.copy(source, false);
-                                       this.line.copy(source.line);
-                                       this.cone.copy(source.cone);
-                                       return this;
-                               }
-
-                       }
-
-                       class AxesHelper extends LineSegments {
-                               constructor(size = 1) {
-                                       const vertices = [0, 0, 0, size, 0, 0, 0, 0, 0, 0, size, 0, 0, 0, 0, 0, 0, size];
-                                       const colors = [1, 0, 0, 1, 0.6, 0, 0, 1, 0, 0.6, 1, 0, 0, 0, 1, 0, 0.6, 1];
-                                       const geometry = new BufferGeometry();
-                                       geometry.setAttribute('position', new Float32BufferAttribute(vertices, 3));
-                                       geometry.setAttribute('color', new Float32BufferAttribute(colors, 3));
-                                       const material = new LineBasicMaterial({
-                                               vertexColors: true,
-                                               toneMapped: false
-                                       });
-                                       super(geometry, material);
-                                       this.type = 'AxesHelper';
-                               }
-
-                               setColors(xAxisColor, yAxisColor, zAxisColor) {
-                                       const color = new Color();
-                                       const array = this.geometry.attributes.color.array;
-                                       color.set(xAxisColor);
-                                       color.toArray(array, 0);
-                                       color.toArray(array, 3);
-                                       color.set(yAxisColor);
-                                       color.toArray(array, 6);
-                                       color.toArray(array, 9);
-                                       color.set(zAxisColor);
-                                       color.toArray(array, 12);
-                                       color.toArray(array, 15);
-                                       this.geometry.attributes.color.needsUpdate = true;
-                                       return this;
-                               }
-
-                               dispose() {
-                                       this.geometry.dispose();
-                                       this.material.dispose();
-                               }
-
-                       }
-
-                       const _floatView = new Float32Array(1);
-
-                       const _int32View = new Int32Array(_floatView.buffer);
-
-                       class DataUtils {
-                               // Converts float32 to float16 (stored as uint16 value).
-                               static toHalfFloat(val) {
-                                       // Source: http://gamedev.stackexchange.com/questions/17326/conversion-of-a-number-from-single-precision-floating-point-representation-to-a/17410#17410
-
-                                       /* This method is faster than the OpenEXR implementation (very often
-                       * used, eg. in Ogre), with the additional benefit of rounding, inspired
-                       * by James Tursa?s half-precision code. */
-                                       _floatView[0] = val;
-                                       const x = _int32View[0];
-                                       let bits = x >> 16 & 0x8000;
-                                       /* Get the sign */
-
-                                       let m = x >> 12 & 0x07ff;
-                                       /* Keep one extra bit for rounding */
-
-                                       const e = x >> 23 & 0xff;
-                                       /* Using int is faster here */
-
-                                       /* If zero, or denormal, or exponent underflows too much for a denormal
-                               * half, return signed zero. */
-
-                                       if (e < 103) return bits;
-                                       /* If NaN, return NaN. If Inf or exponent overflow, return Inf. */
-
-                                       if (e > 142) {
-                                               bits |= 0x7c00;
-                                               /* If exponent was 0xff and one mantissa bit was set, it means NaN,
-                                                       * not Inf, so make sure we set one mantissa bit too. */
-
-                                               bits |= (e == 255 ? 0 : 1) && x & 0x007fffff;
-                                               return bits;
-                                       }
-                                       /* If exponent underflows but not too much, return a denormal */
-
-
-                                       if (e < 113) {
-                                               m |= 0x0800;
-                                               /* Extra rounding may overflow and set mantissa to 0 and exponent
-                                       * to 1, which is OK. */
-
-                                               bits |= (m >> 114 - e) + (m >> 113 - e & 1);
-                                               return bits;
-                                       }
-
-                                       bits |= e - 112 << 10 | m >> 1;
-                                       /* Extra rounding. An overflow will set mantissa to 0 and increment
-                               * the exponent, which is OK. */
-
-                                       bits += m & 1;
-                                       return bits;
-                               }
-
-                       }
-
-                       const LineStrip = 0;
-                       const LinePieces = 1;
-                       const NoColors = 0;
-                       const FaceColors = 1;
-                       const VertexColors = 2;
-
-                       function MeshFaceMaterial(materials) {
-                               console.warn('THREE.MeshFaceMaterial has been removed. Use an Array instead.');
-                               return materials;
-                       }
-
-                       function MultiMaterial(materials = []) {
-                               console.warn('THREE.MultiMaterial has been removed. Use an Array instead.');
-                               materials.isMultiMaterial = true;
-                               materials.materials = materials;
-
-                               materials.clone = function () {
-                                       return materials.slice();
-                               };
-
-                               return materials;
-                       }
-
-                       function PointCloud(geometry, material) {
-                               console.warn('THREE.PointCloud has been renamed to THREE.Points.');
-                               return new Points(geometry, material);
-                       }
-
-                       function Particle(material) {
-                               console.warn('THREE.Particle has been renamed to THREE.Sprite.');
-                               return new Sprite(material);
-                       }
-
-                       function ParticleSystem(geometry, material) {
-                               console.warn('THREE.ParticleSystem has been renamed to THREE.Points.');
-                               return new Points(geometry, material);
-                       }
-
-                       function PointCloudMaterial(parameters) {
-                               console.warn('THREE.PointCloudMaterial has been renamed to THREE.PointsMaterial.');
-                               return new PointsMaterial(parameters);
-                       }
-
-                       function ParticleBasicMaterial(parameters) {
-                               console.warn('THREE.ParticleBasicMaterial has been renamed to THREE.PointsMaterial.');
-                               return new PointsMaterial(parameters);
-                       }
-
-                       function ParticleSystemMaterial(parameters) {
-                               console.warn('THREE.ParticleSystemMaterial has been renamed to THREE.PointsMaterial.');
-                               return new PointsMaterial(parameters);
-                       }
-
-                       function Vertex(x, y, z) {
-                               console.warn('THREE.Vertex has been removed. Use THREE.Vector3 instead.');
-                               return new Vector3(x, y, z);
-                       } //
-
-                       function DynamicBufferAttribute(array, itemSize) {
-                               console.warn('THREE.DynamicBufferAttribute has been removed. Use new THREE.BufferAttribute().setUsage( THREE.DynamicDrawUsage ) instead.');
-                               return new BufferAttribute(array, itemSize).setUsage(DynamicDrawUsage);
-                       }
-
-                       function Int8Attribute(array, itemSize) {
-                               console.warn('THREE.Int8Attribute has been removed. Use new THREE.Int8BufferAttribute() instead.');
-                               return new Int8BufferAttribute(array, itemSize);
-                       }
-
-                       function Uint8Attribute(array, itemSize) {
-                               console.warn('THREE.Uint8Attribute has been removed. Use new THREE.Uint8BufferAttribute() instead.');
-                               return new Uint8BufferAttribute(array, itemSize);
-                       }
-
-                       function Uint8ClampedAttribute(array, itemSize) {
-                               console.warn('THREE.Uint8ClampedAttribute has been removed. Use new THREE.Uint8ClampedBufferAttribute() instead.');
-                               return new Uint8ClampedBufferAttribute(array, itemSize);
-                       }
-
-                       function Int16Attribute(array, itemSize) {
-                               console.warn('THREE.Int16Attribute has been removed. Use new THREE.Int16BufferAttribute() instead.');
-                               return new Int16BufferAttribute(array, itemSize);
-                       }
-
-                       function Uint16Attribute(array, itemSize) {
-                               console.warn('THREE.Uint16Attribute has been removed. Use new THREE.Uint16BufferAttribute() instead.');
-                               return new Uint16BufferAttribute(array, itemSize);
-                       }
-
-                       function Int32Attribute(array, itemSize) {
-                               console.warn('THREE.Int32Attribute has been removed. Use new THREE.Int32BufferAttribute() instead.');
-                               return new Int32BufferAttribute(array, itemSize);
-                       }
-
-                       function Uint32Attribute(array, itemSize) {
-                               console.warn('THREE.Uint32Attribute has been removed. Use new THREE.Uint32BufferAttribute() instead.');
-                               return new Uint32BufferAttribute(array, itemSize);
-                       }
-
-                       function Float32Attribute(array, itemSize) {
-                               console.warn('THREE.Float32Attribute has been removed. Use new THREE.Float32BufferAttribute() instead.');
-                               return new Float32BufferAttribute(array, itemSize);
-                       }
-
-                       function Float64Attribute(array, itemSize) {
-                               console.warn('THREE.Float64Attribute has been removed. Use new THREE.Float64BufferAttribute() instead.');
-                               return new Float64BufferAttribute(array, itemSize);
-                       } //
-
-                       Curve.create = function (construct, getPoint) {
-                               console.log('THREE.Curve.create() has been deprecated');
-                               construct.prototype = Object.create(Curve.prototype);
-                               construct.prototype.constructor = construct;
-                               construct.prototype.getPoint = getPoint;
-                               return construct;
-                       }; //
-
-
-                       Path.prototype.fromPoints = function (points) {
-                               console.warn('THREE.Path: .fromPoints() has been renamed to .setFromPoints().');
-                               return this.setFromPoints(points);
-                       }; //
-
-
-                       function AxisHelper(size) {
-                               console.warn('THREE.AxisHelper has been renamed to THREE.AxesHelper.');
-                               return new AxesHelper(size);
-                       }
-
-                       function BoundingBoxHelper(object, color) {
-                               console.warn('THREE.BoundingBoxHelper has been deprecated. Creating a THREE.BoxHelper instead.');
-                               return new BoxHelper(object, color);
-                       }
-
-                       function EdgesHelper(object, hex) {
-                               console.warn('THREE.EdgesHelper has been removed. Use THREE.EdgesGeometry instead.');
-                               return new LineSegments(new EdgesGeometry(object.geometry), new LineBasicMaterial({
-                                       color: hex !== undefined ? hex : 0xffffff
-                               }));
-                       }
-
-                       GridHelper.prototype.setColors = function () {
-                               console.error('THREE.GridHelper: setColors() has been deprecated, pass them in the constructor instead.');
-                       };
-
-                       SkeletonHelper.prototype.update = function () {
-                               console.error('THREE.SkeletonHelper: update() no longer needs to be called.');
-                       };
-
-                       function WireframeHelper(object, hex) {
-                               console.warn('THREE.WireframeHelper has been removed. Use THREE.WireframeGeometry instead.');
-                               return new LineSegments(new WireframeGeometry(object.geometry), new LineBasicMaterial({
-                                       color: hex !== undefined ? hex : 0xffffff
-                               }));
-                       } //
-
-                       Loader.prototype.extractUrlBase = function (url) {
-                               console.warn('THREE.Loader: .extractUrlBase() has been deprecated. Use THREE.LoaderUtils.extractUrlBase() instead.');
-                               return LoaderUtils.extractUrlBase(url);
-                       };
-
-                       Loader.Handlers = {
-                               add: function () {
-                                       console.error('THREE.Loader: Handlers.add() has been removed. Use LoadingManager.addHandler() instead.');
-                               },
-                               get: function () {
-                                       console.error('THREE.Loader: Handlers.get() has been removed. Use LoadingManager.getHandler() instead.');
-                               }
-                       };
-
-                       function XHRLoader(manager) {
-                               console.warn('THREE.XHRLoader has been renamed to THREE.FileLoader.');
-                               return new FileLoader(manager);
-                       }
-
-                       function BinaryTextureLoader(manager) {
-                               console.warn('THREE.BinaryTextureLoader has been renamed to THREE.DataTextureLoader.');
-                               return new DataTextureLoader(manager);
-                       } //
-
-                       Box2.prototype.center = function (optionalTarget) {
-                               console.warn('THREE.Box2: .center() has been renamed to .getCenter().');
-                               return this.getCenter(optionalTarget);
-                       };
-
-                       Box2.prototype.empty = function () {
-                               console.warn('THREE.Box2: .empty() has been renamed to .isEmpty().');
-                               return this.isEmpty();
-                       };
-
-                       Box2.prototype.isIntersectionBox = function (box) {
-                               console.warn('THREE.Box2: .isIntersectionBox() has been renamed to .intersectsBox().');
-                               return this.intersectsBox(box);
-                       };
-
-                       Box2.prototype.size = function (optionalTarget) {
-                               console.warn('THREE.Box2: .size() has been renamed to .getSize().');
-                               return this.getSize(optionalTarget);
-                       }; //
-
-
-                       Box3.prototype.center = function (optionalTarget) {
-                               console.warn('THREE.Box3: .center() has been renamed to .getCenter().');
-                               return this.getCenter(optionalTarget);
-                       };
-
-                       Box3.prototype.empty = function () {
-                               console.warn('THREE.Box3: .empty() has been renamed to .isEmpty().');
-                               return this.isEmpty();
-                       };
-
-                       Box3.prototype.isIntersectionBox = function (box) {
-                               console.warn('THREE.Box3: .isIntersectionBox() has been renamed to .intersectsBox().');
-                               return this.intersectsBox(box);
-                       };
-
-                       Box3.prototype.isIntersectionSphere = function (sphere) {
-                               console.warn('THREE.Box3: .isIntersectionSphere() has been renamed to .intersectsSphere().');
-                               return this.intersectsSphere(sphere);
-                       };
-
-                       Box3.prototype.size = function (optionalTarget) {
-                               console.warn('THREE.Box3: .size() has been renamed to .getSize().');
-                               return this.getSize(optionalTarget);
-                       }; //
-
-
-                       Sphere.prototype.empty = function () {
-                               console.warn('THREE.Sphere: .empty() has been renamed to .isEmpty().');
-                               return this.isEmpty();
-                       }; //
-
-
-                       Frustum.prototype.setFromMatrix = function (m) {
-                               console.warn('THREE.Frustum: .setFromMatrix() has been renamed to .setFromProjectionMatrix().');
-                               return this.setFromProjectionMatrix(m);
-                       }; //
-
-
-                       Line3.prototype.center = function (optionalTarget) {
-                               console.warn('THREE.Line3: .center() has been renamed to .getCenter().');
-                               return this.getCenter(optionalTarget);
-                       }; //
-
-
-                       Matrix3.prototype.flattenToArrayOffset = function (array, offset) {
-                               console.warn('THREE.Matrix3: .flattenToArrayOffset() has been deprecated. Use .toArray() instead.');
-                               return this.toArray(array, offset);
-                       };
-
-                       Matrix3.prototype.multiplyVector3 = function (vector) {
-                               console.warn('THREE.Matrix3: .multiplyVector3() has been removed. Use vector.applyMatrix3( matrix ) instead.');
-                               return vector.applyMatrix3(this);
-                       };
-
-                       Matrix3.prototype.multiplyVector3Array = function () {
-                               console.error('THREE.Matrix3: .multiplyVector3Array() has been removed.');
-                       };
-
-                       Matrix3.prototype.applyToBufferAttribute = function (attribute) {
-                               console.warn('THREE.Matrix3: .applyToBufferAttribute() has been removed. Use attribute.applyMatrix3( matrix ) instead.');
-                               return attribute.applyMatrix3(this);
-                       };
-
-                       Matrix3.prototype.applyToVector3Array = function () {
-                               console.error('THREE.Matrix3: .applyToVector3Array() has been removed.');
-                       };
-
-                       Matrix3.prototype.getInverse = function (matrix) {
-                               console.warn('THREE.Matrix3: .getInverse() has been removed. Use matrixInv.copy( matrix ).invert(); instead.');
-                               return this.copy(matrix).invert();
-                       }; //
-
-
-                       Matrix4.prototype.extractPosition = function (m) {
-                               console.warn('THREE.Matrix4: .extractPosition() has been renamed to .copyPosition().');
-                               return this.copyPosition(m);
-                       };
-
-                       Matrix4.prototype.flattenToArrayOffset = function (array, offset) {
-                               console.warn('THREE.Matrix4: .flattenToArrayOffset() has been deprecated. Use .toArray() instead.');
-                               return this.toArray(array, offset);
-                       };
-
-                       Matrix4.prototype.getPosition = function () {
-                               console.warn('THREE.Matrix4: .getPosition() has been removed. Use Vector3.setFromMatrixPosition( matrix ) instead.');
-                               return new Vector3().setFromMatrixColumn(this, 3);
-                       };
-
-                       Matrix4.prototype.setRotationFromQuaternion = function (q) {
-                               console.warn('THREE.Matrix4: .setRotationFromQuaternion() has been renamed to .makeRotationFromQuaternion().');
-                               return this.makeRotationFromQuaternion(q);
-                       };
-
-                       Matrix4.prototype.multiplyToArray = function () {
-                               console.warn('THREE.Matrix4: .multiplyToArray() has been removed.');
-                       };
-
-                       Matrix4.prototype.multiplyVector3 = function (vector) {
-                               console.warn('THREE.Matrix4: .multiplyVector3() has been removed. Use vector.applyMatrix4( matrix ) instead.');
-                               return vector.applyMatrix4(this);
-                       };
-
-                       Matrix4.prototype.multiplyVector4 = function (vector) {
-                               console.warn('THREE.Matrix4: .multiplyVector4() has been removed. Use vector.applyMatrix4( matrix ) instead.');
-                               return vector.applyMatrix4(this);
-                       };
-
-                       Matrix4.prototype.multiplyVector3Array = function () {
-                               console.error('THREE.Matrix4: .multiplyVector3Array() has been removed.');
-                       };
-
-                       Matrix4.prototype.rotateAxis = function (v) {
-                               console.warn('THREE.Matrix4: .rotateAxis() has been removed. Use Vector3.transformDirection( matrix ) instead.');
-                               v.transformDirection(this);
-                       };
-
-                       Matrix4.prototype.crossVector = function (vector) {
-                               console.warn('THREE.Matrix4: .crossVector() has been removed. Use vector.applyMatrix4( matrix ) instead.');
-                               return vector.applyMatrix4(this);
-                       };
-
-                       Matrix4.prototype.translate = function () {
-                               console.error('THREE.Matrix4: .translate() has been removed.');
-                       };
-
-                       Matrix4.prototype.rotateX = function () {
-                               console.error('THREE.Matrix4: .rotateX() has been removed.');
-                       };
-
-                       Matrix4.prototype.rotateY = function () {
-                               console.error('THREE.Matrix4: .rotateY() has been removed.');
-                       };
-
-                       Matrix4.prototype.rotateZ = function () {
-                               console.error('THREE.Matrix4: .rotateZ() has been removed.');
-                       };
-
-                       Matrix4.prototype.rotateByAxis = function () {
-                               console.error('THREE.Matrix4: .rotateByAxis() has been removed.');
-                       };
-
-                       Matrix4.prototype.applyToBufferAttribute = function (attribute) {
-                               console.warn('THREE.Matrix4: .applyToBufferAttribute() has been removed. Use attribute.applyMatrix4( matrix ) instead.');
-                               return attribute.applyMatrix4(this);
-                       };
-
-                       Matrix4.prototype.applyToVector3Array = function () {
-                               console.error('THREE.Matrix4: .applyToVector3Array() has been removed.');
-                       };
-
-                       Matrix4.prototype.makeFrustum = function (left, right, bottom, top, near, far) {
-                               console.warn('THREE.Matrix4: .makeFrustum() has been removed. Use .makePerspective( left, right, top, bottom, near, far ) instead.');
-                               return this.makePerspective(left, right, top, bottom, near, far);
-                       };
-
-                       Matrix4.prototype.getInverse = function (matrix) {
-                               console.warn('THREE.Matrix4: .getInverse() has been removed. Use matrixInv.copy( matrix ).invert(); instead.');
-                               return this.copy(matrix).invert();
-                       }; //
-
-
-                       Plane.prototype.isIntersectionLine = function (line) {
-                               console.warn('THREE.Plane: .isIntersectionLine() has been renamed to .intersectsLine().');
-                               return this.intersectsLine(line);
-                       }; //
-
-
-                       Quaternion.prototype.multiplyVector3 = function (vector) {
-                               console.warn('THREE.Quaternion: .multiplyVector3() has been removed. Use is now vector.applyQuaternion( quaternion ) instead.');
-                               return vector.applyQuaternion(this);
-                       };
-
-                       Quaternion.prototype.inverse = function () {
-                               console.warn('THREE.Quaternion: .inverse() has been renamed to invert().');
-                               return this.invert();
-                       }; //
-
-
-                       Ray.prototype.isIntersectionBox = function (box) {
-                               console.warn('THREE.Ray: .isIntersectionBox() has been renamed to .intersectsBox().');
-                               return this.intersectsBox(box);
-                       };
-
-                       Ray.prototype.isIntersectionPlane = function (plane) {
-                               console.warn('THREE.Ray: .isIntersectionPlane() has been renamed to .intersectsPlane().');
-                               return this.intersectsPlane(plane);
-                       };
-
-                       Ray.prototype.isIntersectionSphere = function (sphere) {
-                               console.warn('THREE.Ray: .isIntersectionSphere() has been renamed to .intersectsSphere().');
-                               return this.intersectsSphere(sphere);
-                       }; //
-
-
-                       Triangle.prototype.area = function () {
-                               console.warn('THREE.Triangle: .area() has been renamed to .getArea().');
-                               return this.getArea();
-                       };
-
-                       Triangle.prototype.barycoordFromPoint = function (point, target) {
-                               console.warn('THREE.Triangle: .barycoordFromPoint() has been renamed to .getBarycoord().');
-                               return this.getBarycoord(point, target);
-                       };
-
-                       Triangle.prototype.midpoint = function (target) {
-                               console.warn('THREE.Triangle: .midpoint() has been renamed to .getMidpoint().');
-                               return this.getMidpoint(target);
-                       };
-
-                       Triangle.prototypenormal = function (target) {
-                               console.warn('THREE.Triangle: .normal() has been renamed to .getNormal().');
-                               return this.getNormal(target);
-                       };
-
-                       Triangle.prototype.plane = function (target) {
-                               console.warn('THREE.Triangle: .plane() has been renamed to .getPlane().');
-                               return this.getPlane(target);
-                       };
-
-                       Triangle.barycoordFromPoint = function (point, a, b, c, target) {
-                               console.warn('THREE.Triangle: .barycoordFromPoint() has been renamed to .getBarycoord().');
-                               return Triangle.getBarycoord(point, a, b, c, target);
-                       };
-
-                       Triangle.normal = function (a, b, c, target) {
-                               console.warn('THREE.Triangle: .normal() has been renamed to .getNormal().');
-                               return Triangle.getNormal(a, b, c, target);
-                       }; //
-
-
-                       Shape.prototype.extractAllPoints = function (divisions) {
-                               console.warn('THREE.Shape: .extractAllPoints() has been removed. Use .extractPoints() instead.');
-                               return this.extractPoints(divisions);
-                       };
-
-                       Shape.prototype.extrude = function (options) {
-                               console.warn('THREE.Shape: .extrude() has been removed. Use ExtrudeGeometry() instead.');
-                               return new ExtrudeGeometry(this, options);
-                       };
-
-                       Shape.prototype.makeGeometry = function (options) {
-                               console.warn('THREE.Shape: .makeGeometry() has been removed. Use ShapeGeometry() instead.');
-                               return new ShapeGeometry(this, options);
-                       }; //
-
-
-                       Vector2.prototype.fromAttribute = function (attribute, index, offset) {
-                               console.warn('THREE.Vector2: .fromAttribute() has been renamed to .fromBufferAttribute().');
-                               return this.fromBufferAttribute(attribute, index, offset);
-                       };
-
-                       Vector2.prototype.distanceToManhattan = function (v) {
-                               console.warn('THREE.Vector2: .distanceToManhattan() has been renamed to .manhattanDistanceTo().');
-                               return this.manhattanDistanceTo(v);
-                       };
-
-                       Vector2.prototype.lengthManhattan = function () {
-                               console.warn('THREE.Vector2: .lengthManhattan() has been renamed to .manhattanLength().');
-                               return this.manhattanLength();
-                       }; //
-
-
-                       Vector3.prototype.setEulerFromRotationMatrix = function () {
-                               console.error('THREE.Vector3: .setEulerFromRotationMatrix() has been removed. Use Euler.setFromRotationMatrix() instead.');
-                       };
-
-                       Vector3.prototype.setEulerFromQuaternion = function () {
-                               console.error('THREE.Vector3: .setEulerFromQuaternion() has been removed. Use Euler.setFromQuaternion() instead.');
-                       };
-
-                       Vector3.prototype.getPositionFromMatrix = function (m) {
-                               console.warn('THREE.Vector3: .getPositionFromMatrix() has been renamed to .setFromMatrixPosition().');
-                               return this.setFromMatrixPosition(m);
-                       };
-
-                       Vector3.prototype.getScaleFromMatrix = function (m) {
-                               console.warn('THREE.Vector3: .getScaleFromMatrix() has been renamed to .setFromMatrixScale().');
-                               return this.setFromMatrixScale(m);
-                       };
-
-                       Vector3.prototype.getColumnFromMatrix = function (index, matrix) {
-                               console.warn('THREE.Vector3: .getColumnFromMatrix() has been renamed to .setFromMatrixColumn().');
-                               return this.setFromMatrixColumn(matrix, index);
-                       };
-
-                       Vector3.prototype.applyProjection = function (m) {
-                               console.warn('THREE.Vector3: .applyProjection() has been removed. Use .applyMatrix4( m ) instead.');
-                               return this.applyMatrix4(m);
-                       };
-
-                       Vector3.prototype.fromAttribute = function (attribute, index, offset) {
-                               console.warn('THREE.Vector3: .fromAttribute() has been renamed to .fromBufferAttribute().');
-                               return this.fromBufferAttribute(attribute, index, offset);
-                       };
-
-                       Vector3.prototype.distanceToManhattan = function (v) {
-                               console.warn('THREE.Vector3: .distanceToManhattan() has been renamed to .manhattanDistanceTo().');
-                               return this.manhattanDistanceTo(v);
-                       };
-
-                       Vector3.prototype.lengthManhattan = function () {
-                               console.warn('THREE.Vector3: .lengthManhattan() has been renamed to .manhattanLength().');
-                               return this.manhattanLength();
-                       }; //
-
-
-                       Vector4.prototype.fromAttribute = function (attribute, index, offset) {
-                               console.warn('THREE.Vector4: .fromAttribute() has been renamed to .fromBufferAttribute().');
-                               return this.fromBufferAttribute(attribute, index, offset);
-                       };
-
-                       Vector4.prototype.lengthManhattan = function () {
-                               console.warn('THREE.Vector4: .lengthManhattan() has been renamed to .manhattanLength().');
-                               return this.manhattanLength();
-                       }; //
-
-
-                       Object3D.prototype.getChildByName = function (name) {
-                               console.warn('THREE.Object3D: .getChildByName() has been renamed to .getObjectByName().');
-                               return this.getObjectByName(name);
-                       };
-
-                       Object3D.prototype.renderDepth = function () {
-                               console.warn('THREE.Object3D: .renderDepth has been removed. Use .renderOrder, instead.');
-                       };
-
-                       Object3D.prototype.translate = function (distance, axis) {
-                               console.warn('THREE.Object3D: .translate() has been removed. Use .translateOnAxis( axis, distance ) instead.');
-                               return this.translateOnAxis(axis, distance);
-                       };
-
-                       Object3D.prototype.getWorldRotation = function () {
-                               console.error('THREE.Object3D: .getWorldRotation() has been removed. Use THREE.Object3D.getWorldQuaternion( target ) instead.');
-                       };
-
-                       Object3D.prototype.applyMatrix = function (matrix) {
-                               console.warn('THREE.Object3D: .applyMatrix() has been renamed to .applyMatrix4().');
-                               return this.applyMatrix4(matrix);
-                       };
-
-                       Object.defineProperties(Object3D.prototype, {
-                               eulerOrder: {
-                                       get: function () {
-                                               console.warn('THREE.Object3D: .eulerOrder is now .rotation.order.');
-                                               return this.rotation.order;
-                                       },
-                                       set: function (value) {
-                                               console.warn('THREE.Object3D: .eulerOrder is now .rotation.order.');
-                                               this.rotation.order = value;
-                                       }
-                               },
-                               useQuaternion: {
-                                       get: function () {
-                                               console.warn('THREE.Object3D: .useQuaternion has been removed. The library now uses quaternions by default.');
-                                       },
-                                       set: function () {
-                                               console.warn('THREE.Object3D: .useQuaternion has been removed. The library now uses quaternions by default.');
-                                       }
-                               }
-                       });
-
-                       Mesh.prototype.setDrawMode = function () {
-                               console.error('THREE.Mesh: .setDrawMode() has been removed. The renderer now always assumes THREE.TrianglesDrawMode. Transform your geometry via BufferGeometryUtils.toTrianglesDrawMode() if necessary.');
-                       };
-
-                       Object.defineProperties(Mesh.prototype, {
-                               drawMode: {
-                                       get: function () {
-                                               console.error('THREE.Mesh: .drawMode has been removed. The renderer now always assumes THREE.TrianglesDrawMode.');
-                                               return TrianglesDrawMode;
-                                       },
-                                       set: function () {
-                                               console.error('THREE.Mesh: .drawMode has been removed. The renderer now always assumes THREE.TrianglesDrawMode. Transform your geometry via BufferGeometryUtils.toTrianglesDrawMode() if necessary.');
-                                       }
-                               }
-                       });
-
-                       SkinnedMesh.prototype.initBones = function () {
-                               console.error('THREE.SkinnedMesh: initBones() has been removed.');
-                       }; //
-
-
-                       PerspectiveCamera.prototype.setLens = function (focalLength, filmGauge) {
-                               console.warn('THREE.PerspectiveCamera.setLens is deprecated. ' + 'Use .setFocalLength and .filmGauge for a photographic setup.');
-                               if (filmGauge !== undefined) this.filmGauge = filmGauge;
-                               this.setFocalLength(focalLength);
-                       }; //
-
-
-                       Object.defineProperties(Light.prototype, {
-                               onlyShadow: {
-                                       set: function () {
-                                               console.warn('THREE.Light: .onlyShadow has been removed.');
-                                       }
-                               },
-                               shadowCameraFov: {
-                                       set: function (value) {
-                                               console.warn('THREE.Light: .shadowCameraFov is now .shadow.camera.fov.');
-                                               this.shadow.camera.fov = value;
-                                       }
-                               },
-                               shadowCameraLeft: {
-                                       set: function (value) {
-                                               console.warn('THREE.Light: .shadowCameraLeft is now .shadow.camera.left.');
-                                               this.shadow.camera.left = value;
-                                       }
-                               },
-                               shadowCameraRight: {
-                                       set: function (value) {
-                                               console.warn('THREE.Light: .shadowCameraRight is now .shadow.camera.right.');
-                                               this.shadow.camera.right = value;
-                                       }
-                               },
-                               shadowCameraTop: {
-                                       set: function (value) {
-                                               console.warn('THREE.Light: .shadowCameraTop is now .shadow.camera.top.');
-                                               this.shadow.camera.top = value;
-                                       }
-                               },
-                               shadowCameraBottom: {
-                                       set: function (value) {
-                                               console.warn('THREE.Light: .shadowCameraBottom is now .shadow.camera.bottom.');
-                                               this.shadow.camera.bottom = value;
-                                       }
-                               },
-                               shadowCameraNear: {
-                                       set: function (value) {
-                                               console.warn('THREE.Light: .shadowCameraNear is now .shadow.camera.near.');
-                                               this.shadow.camera.near = value;
-                                       }
-                               },
-                               shadowCameraFar: {
-                                       set: function (value) {
-                                               console.warn('THREE.Light: .shadowCameraFar is now .shadow.camera.far.');
-                                               this.shadow.camera.far = value;
-                                       }
-                               },
-                               shadowCameraVisible: {
-                                       set: function () {
-                                               console.warn('THREE.Light: .shadowCameraVisible has been removed. Use new THREE.CameraHelper( light.shadow.camera ) instead.');
-                                       }
-                               },
-                               shadowBias: {
-                                       set: function (value) {
-                                               console.warn('THREE.Light: .shadowBias is now .shadow.bias.');
-                                               this.shadow.bias = value;
-                                       }
-                               },
-                               shadowDarkness: {
-                                       set: function () {
-                                               console.warn('THREE.Light: .shadowDarkness has been removed.');
-                                       }
-                               },
-                               shadowMapWidth: {
-                                       set: function (value) {
-                                               console.warn('THREE.Light: .shadowMapWidth is now .shadow.mapSize.width.');
-                                               this.shadow.mapSize.width = value;
-                                       }
-                               },
-                               shadowMapHeight: {
-                                       set: function (value) {
-                                               console.warn('THREE.Light: .shadowMapHeight is now .shadow.mapSize.height.');
-                                               this.shadow.mapSize.height = value;
-                                       }
-                               }
-                       }); //
-
-                       Object.defineProperties(BufferAttribute.prototype, {
-                               length: {
-                                       get: function () {
-                                               console.warn('THREE.BufferAttribute: .length has been deprecated. Use .count instead.');
-                                               return this.array.length;
-                                       }
-                               },
-                               dynamic: {
-                                       get: function () {
-                                               console.warn('THREE.BufferAttribute: .dynamic has been deprecated. Use .usage instead.');
-                                               return this.usage === DynamicDrawUsage;
-                                       },
-                                       set: function () {
-                                               console.warn('THREE.BufferAttribute: .dynamic has been deprecated. Use .usage instead.');
-                                               this.setUsage(DynamicDrawUsage);
-                                       }
-                               }
-                       });
-
-                       BufferAttribute.prototype.setDynamic = function (value) {
-                               console.warn('THREE.BufferAttribute: .setDynamic() has been deprecated. Use .setUsage() instead.');
-                               this.setUsage(value === true ? DynamicDrawUsage : StaticDrawUsage);
-                               return this;
-                       };
-
-                       BufferAttribute.prototype.copyIndicesArray = function () {
-                               console.error('THREE.BufferAttribute: .copyIndicesArray() has been removed.');
-                       }, BufferAttribute.prototype.setArray = function () {
-                               console.error('THREE.BufferAttribute: .setArray has been removed. Use BufferGeometry .setAttribute to replace/resize attribute buffers');
-                       }; //
-
-                       BufferGeometry.prototype.addIndex = function (index) {
-                               console.warn('THREE.BufferGeometry: .addIndex() has been renamed to .setIndex().');
-                               this.setIndex(index);
-                       };
-
-                       BufferGeometry.prototype.addAttribute = function (name, attribute) {
-                               console.warn('THREE.BufferGeometry: .addAttribute() has been renamed to .setAttribute().');
-
-                               if (!(attribute && attribute.isBufferAttribute) && !(attribute && attribute.isInterleavedBufferAttribute)) {
-                                       console.warn('THREE.BufferGeometry: .addAttribute() now expects ( name, attribute ).');
-                                       return this.setAttribute(name, new BufferAttribute(arguments[1], arguments[2]));
-                               }
-
-                               if (name === 'index') {
-                                       console.warn('THREE.BufferGeometry.addAttribute: Use .setIndex() for index attribute.');
-                                       this.setIndex(attribute);
-                                       return this;
-                               }
-
-                               return this.setAttribute(name, attribute);
-                       };
-
-                       BufferGeometry.prototype.addDrawCall = function (start, count, indexOffset) {
-                               if (indexOffset !== undefined) {
-                                       console.warn('THREE.BufferGeometry: .addDrawCall() no longer supports indexOffset.');
-                               }
-
-                               console.warn('THREE.BufferGeometry: .addDrawCall() is now .addGroup().');
-                               this.addGroup(start, count);
-                       };
-
-                       BufferGeometry.prototype.clearDrawCalls = function () {
-                               console.warn('THREE.BufferGeometry: .clearDrawCalls() is now .clearGroups().');
-                               this.clearGroups();
-                       };
-
-                       BufferGeometry.prototype.computeOffsets = function () {
-                               console.warn('THREE.BufferGeometry: .computeOffsets() has been removed.');
-                       };
-
-                       BufferGeometry.prototype.removeAttribute = function (name) {
-                               console.warn('THREE.BufferGeometry: .removeAttribute() has been renamed to .deleteAttribute().');
-                               return this.deleteAttribute(name);
-                       };
-
-                       BufferGeometry.prototype.applyMatrix = function (matrix) {
-                               console.warn('THREE.BufferGeometry: .applyMatrix() has been renamed to .applyMatrix4().');
-                               return this.applyMatrix4(matrix);
-                       };
-
-                       Object.defineProperties(BufferGeometry.prototype, {
-                               drawcalls: {
-                                       get: function () {
-                                               console.error('THREE.BufferGeometry: .drawcalls has been renamed to .groups.');
-                                               return this.groups;
-                                       }
-                               },
-                               offsets: {
-                                       get: function () {
-                                               console.warn('THREE.BufferGeometry: .offsets has been renamed to .groups.');
-                                               return this.groups;
-                                       }
-                               }
-                       });
-
-                       InterleavedBuffer.prototype.setDynamic = function (value) {
-                               console.warn('THREE.InterleavedBuffer: .setDynamic() has been deprecated. Use .setUsage() instead.');
-                               this.setUsage(value === true ? DynamicDrawUsage : StaticDrawUsage);
-                               return this;
-                       };
-
-                       InterleavedBuffer.prototype.setArray = function () {
-                               console.error('THREE.InterleavedBuffer: .setArray has been removed. Use BufferGeometry .setAttribute to replace/resize attribute buffers');
-                       }; //
-
-
-                       ExtrudeGeometry.prototype.getArrays = function () {
-                               console.error('THREE.ExtrudeGeometry: .getArrays() has been removed.');
-                       };
-
-                       ExtrudeGeometry.prototype.addShapeList = function () {
-                               console.error('THREE.ExtrudeGeometry: .addShapeList() has been removed.');
-                       };
-
-                       ExtrudeGeometry.prototype.addShape = function () {
-                               console.error('THREE.ExtrudeGeometry: .addShape() has been removed.');
-                       }; //
-
-
-                       Scene.prototype.dispose = function () {
-                               console.error('THREE.Scene: .dispose() has been removed.');
-                       }; //
-
-
-                       Uniform.prototype.onUpdate = function () {
-                               console.warn('THREE.Uniform: .onUpdate() has been removed. Use object.onBeforeRender() instead.');
-                               return this;
-                       }; //
-
-
-                       Object.defineProperties(Material.prototype, {
-                               wrapAround: {
-                                       get: function () {
-                                               console.warn('THREE.Material: .wrapAround has been removed.');
-                                       },
-                                       set: function () {
-                                               console.warn('THREE.Material: .wrapAround has been removed.');
-                                       }
-                               },
-                               overdraw: {
-                                       get: function () {
-                                               console.warn('THREE.Material: .overdraw has been removed.');
-                                       },
-                                       set: function () {
-                                               console.warn('THREE.Material: .overdraw has been removed.');
-                                       }
-                               },
-                               wrapRGB: {
-                                       get: function () {
-                                               console.warn('THREE.Material: .wrapRGB has been removed.');
-                                               return new Color();
-                                       }
-                               },
-                               shading: {
-                                       get: function () {
-                                               console.error('THREE.' + this.type + ': .shading has been removed. Use the boolean .flatShading instead.');
-                                       },
-                                       set: function (value) {
-                                               console.warn('THREE.' + this.type + ': .shading has been removed. Use the boolean .flatShading instead.');
-                                               this.flatShading = value === FlatShading;
-                                       }
-                               },
-                               stencilMask: {
-                                       get: function () {
-                                               console.warn('THREE.' + this.type + ': .stencilMask has been removed. Use .stencilFuncMask instead.');
-                                               return this.stencilFuncMask;
-                                       },
-                                       set: function (value) {
-                                               console.warn('THREE.' + this.type + ': .stencilMask has been removed. Use .stencilFuncMask instead.');
-                                               this.stencilFuncMask = value;
-                                       }
-                               },
-                               vertexTangents: {
-                                       get: function () {
-                                               console.warn('THREE.' + this.type + ': .vertexTangents has been removed.');
-                                       },
-                                       set: function () {
-                                               console.warn('THREE.' + this.type + ': .vertexTangents has been removed.');
-                                       }
-                               }
-                       });
-                       Object.defineProperties(ShaderMaterial.prototype, {
-                               derivatives: {
-                                       get: function () {
-                                               console.warn('THREE.ShaderMaterial: .derivatives has been moved to .extensions.derivatives.');
-                                               return this.extensions.derivatives;
-                                       },
-                                       set: function (value) {
-                                               console.warn('THREE. ShaderMaterial: .derivatives has been moved to .extensions.derivatives.');
-                                               this.extensions.derivatives = value;
-                                       }
-                               }
-                       }); //
-
-                       WebGLRenderer.prototype.clearTarget = function (renderTarget, color, depth, stencil) {
-                               console.warn('THREE.WebGLRenderer: .clearTarget() has been deprecated. Use .setRenderTarget() and .clear() instead.');
-                               this.setRenderTarget(renderTarget);
-                               this.clear(color, depth, stencil);
-                       };
-
-                       WebGLRenderer.prototype.animate = function (callback) {
-                               console.warn('THREE.WebGLRenderer: .animate() is now .setAnimationLoop().');
-                               this.setAnimationLoop(callback);
-                       };
-
-                       WebGLRenderer.prototype.getCurrentRenderTarget = function () {
-                               console.warn('THREE.WebGLRenderer: .getCurrentRenderTarget() is now .getRenderTarget().');
-                               return this.getRenderTarget();
-                       };
-
-                       WebGLRenderer.prototype.getMaxAnisotropy = function () {
-                               console.warn('THREE.WebGLRenderer: .getMaxAnisotropy() is now .capabilities.getMaxAnisotropy().');
-                               return this.capabilities.getMaxAnisotropy();
-                       };
-
-                       WebGLRenderer.prototype.getPrecision = function () {
-                               console.warn('THREE.WebGLRenderer: .getPrecision() is now .capabilities.precision.');
-                               return this.capabilities.precision;
-                       };
-
-                       WebGLRenderer.prototype.resetGLState = function () {
-                               console.warn('THREE.WebGLRenderer: .resetGLState() is now .state.reset().');
-                               return this.state.reset();
-                       };
-
-                       WebGLRenderer.prototype.supportsFloatTextures = function () {
-                               console.warn('THREE.WebGLRenderer: .supportsFloatTextures() is now .extensions.get( \'OES_texture_float\' ).');
-                               return this.extensions.get('OES_texture_float');
-                       };
-
-                       WebGLRenderer.prototype.supportsHalfFloatTextures = function () {
-                               console.warn('THREE.WebGLRenderer: .supportsHalfFloatTextures() is now .extensions.get( \'OES_texture_half_float\' ).');
-                               return this.extensions.get('OES_texture_half_float');
-                       };
-
-                       WebGLRenderer.prototype.supportsStandardDerivatives = function () {
-                               console.warn('THREE.WebGLRenderer: .supportsStandardDerivatives() is now .extensions.get( \'OES_standard_derivatives\' ).');
-                               return this.extensions.get('OES_standard_derivatives');
-                       };
-
-                       WebGLRenderer.prototype.supportsCompressedTextureS3TC = function () {
-                               console.warn('THREE.WebGLRenderer: .supportsCompressedTextureS3TC() is now .extensions.get( \'WEBGL_compressed_texture_s3tc\' ).');
-                               return this.extensions.get('WEBGL_compressed_texture_s3tc');
-                       };
-
-                       WebGLRenderer.prototype.supportsCompressedTexturePVRTC = function () {
-                               console.warn('THREE.WebGLRenderer: .supportsCompressedTexturePVRTC() is now .extensions.get( \'WEBGL_compressed_texture_pvrtc\' ).');
-                               return this.extensions.get('WEBGL_compressed_texture_pvrtc');
-                       };
-
-                       WebGLRenderer.prototype.supportsBlendMinMax = function () {
-                               console.warn('THREE.WebGLRenderer: .supportsBlendMinMax() is now .extensions.get( \'EXT_blend_minmax\' ).');
-                               return this.extensions.get('EXT_blend_minmax');
-                       };
-
-                       WebGLRenderer.prototype.supportsVertexTextures = function () {
-                               console.warn('THREE.WebGLRenderer: .supportsVertexTextures() is now .capabilities.vertexTextures.');
-                               return this.capabilities.vertexTextures;
-                       };
-
-                       WebGLRenderer.prototype.supportsInstancedArrays = function () {
-                               console.warn('THREE.WebGLRenderer: .supportsInstancedArrays() is now .extensions.get( \'ANGLE_instanced_arrays\' ).');
-                               return this.extensions.get('ANGLE_instanced_arrays');
-                       };
-
-                       WebGLRenderer.prototype.enableScissorTest = function (boolean) {
-                               console.warn('THREE.WebGLRenderer: .enableScissorTest() is now .setScissorTest().');
-                               this.setScissorTest(boolean);
-                       };
-
-                       WebGLRenderer.prototype.initMaterial = function () {
-                               console.warn('THREE.WebGLRenderer: .initMaterial() has been removed.');
-                       };
-
-                       WebGLRenderer.prototype.addPrePlugin = function () {
-                               console.warn('THREE.WebGLRenderer: .addPrePlugin() has been removed.');
-                       };
-
-                       WebGLRenderer.prototype.addPostPlugin = function () {
-                               console.warn('THREE.WebGLRenderer: .addPostPlugin() has been removed.');
-                       };
-
-                       WebGLRenderer.prototype.updateShadowMap = function () {
-                               console.warn('THREE.WebGLRenderer: .updateShadowMap() has been removed.');
-                       };
-
-                       WebGLRenderer.prototype.setFaceCulling = function () {
-                               console.warn('THREE.WebGLRenderer: .setFaceCulling() has been removed.');
-                       };
-
-                       WebGLRenderer.prototype.allocTextureUnit = function () {
-                               console.warn('THREE.WebGLRenderer: .allocTextureUnit() has been removed.');
-                       };
-
-                       WebGLRenderer.prototype.setTexture = function () {
-                               console.warn('THREE.WebGLRenderer: .setTexture() has been removed.');
-                       };
-
-                       WebGLRenderer.prototype.setTexture2D = function () {
-                               console.warn('THREE.WebGLRenderer: .setTexture2D() has been removed.');
-                       };
-
-                       WebGLRenderer.prototype.setTextureCube = function () {
-                               console.warn('THREE.WebGLRenderer: .setTextureCube() has been removed.');
-                       };
-
-                       WebGLRenderer.prototype.getActiveMipMapLevel = function () {
-                               console.warn('THREE.WebGLRenderer: .getActiveMipMapLevel() is now .getActiveMipmapLevel().');
-                               return this.getActiveMipmapLevel();
-                       };
-
-                       Object.defineProperties(WebGLRenderer.prototype, {
-                               shadowMapEnabled: {
-                                       get: function () {
-                                               return this.shadowMap.enabled;
-                                       },
-                                       set: function (value) {
-                                               console.warn('THREE.WebGLRenderer: .shadowMapEnabled is now .shadowMap.enabled.');
-                                               this.shadowMap.enabled = value;
-                                       }
-                               },
-                               shadowMapType: {
-                                       get: function () {
-                                               return this.shadowMap.type;
-                                       },
-                                       set: function (value) {
-                                               console.warn('THREE.WebGLRenderer: .shadowMapType is now .shadowMap.type.');
-                                               this.shadowMap.type = value;
-                                       }
-                               },
-                               shadowMapCullFace: {
-                                       get: function () {
-                                               console.warn('THREE.WebGLRenderer: .shadowMapCullFace has been removed. Set Material.shadowSide instead.');
-                                               return undefined;
-                                       },
-                                       set: function () {
-                                               console.warn('THREE.WebGLRenderer: .shadowMapCullFace has been removed. Set Material.shadowSide instead.');
-                                       }
-                               },
-                               context: {
-                                       get: function () {
-                                               console.warn('THREE.WebGLRenderer: .context has been removed. Use .getContext() instead.');
-                                               return this.getContext();
-                                       }
-                               },
-                               vr: {
-                                       get: function () {
-                                               console.warn('THREE.WebGLRenderer: .vr has been renamed to .xr');
-                                               return this.xr;
-                                       }
-                               },
-                               gammaInput: {
-                                       get: function () {
-                                               console.warn('THREE.WebGLRenderer: .gammaInput has been removed. Set the encoding for textures via Texture.encoding instead.');
-                                               return false;
-                                       },
-                                       set: function () {
-                                               console.warn('THREE.WebGLRenderer: .gammaInput has been removed. Set the encoding for textures via Texture.encoding instead.');
-                                       }
-                               },
-                               gammaOutput: {
-                                       get: function () {
-                                               console.warn('THREE.WebGLRenderer: .gammaOutput has been removed. Set WebGLRenderer.outputEncoding instead.');
-                                               return false;
-                                       },
-                                       set: function (value) {
-                                               console.warn('THREE.WebGLRenderer: .gammaOutput has been removed. Set WebGLRenderer.outputEncoding instead.');
-                                               this.outputEncoding = value === true ? sRGBEncoding : LinearEncoding;
-                                       }
-                               },
-                               toneMappingWhitePoint: {
-                                       get: function () {
-                                               console.warn('THREE.WebGLRenderer: .toneMappingWhitePoint has been removed.');
-                                               return 1.0;
-                                       },
-                                       set: function () {
-                                               console.warn('THREE.WebGLRenderer: .toneMappingWhitePoint has been removed.');
-                                       }
-                               }
-                       });
-                       Object.defineProperties(WebGLShadowMap.prototype, {
-                               cullFace: {
-                                       get: function () {
-                                               console.warn('THREE.WebGLRenderer: .shadowMap.cullFace has been removed. Set Material.shadowSide instead.');
-                                               return undefined;
-                                       },
-                                       set: function () {
-                                               console.warn('THREE.WebGLRenderer: .shadowMap.cullFace has been removed. Set Material.shadowSide instead.');
-                                       }
-                               },
-                               renderReverseSided: {
-                                       get: function () {
-                                               console.warn('THREE.WebGLRenderer: .shadowMap.renderReverseSided has been removed. Set Material.shadowSide instead.');
-                                               return undefined;
-                                       },
-                                       set: function () {
-                                               console.warn('THREE.WebGLRenderer: .shadowMap.renderReverseSided has been removed. Set Material.shadowSide instead.');
-                                       }
-                               },
-                               renderSingleSided: {
-                                       get: function () {
-                                               console.warn('THREE.WebGLRenderer: .shadowMap.renderSingleSided has been removed. Set Material.shadowSide instead.');
-                                               return undefined;
-                                       },
-                                       set: function () {
-                                               console.warn('THREE.WebGLRenderer: .shadowMap.renderSingleSided has been removed. Set Material.shadowSide instead.');
-                                       }
-                               }
-                       });
-
-                       function WebGLRenderTargetCube(width, height, options) {
-                               console.warn('THREE.WebGLRenderTargetCube( width, height, options ) is now WebGLCubeRenderTarget( size, options ).');
-                               return new WebGLCubeRenderTarget(width, options);
-                       } //
-
-                       Object.defineProperties(WebGLRenderTarget.prototype, {
-                               wrapS: {
-                                       get: function () {
-                                               console.warn('THREE.WebGLRenderTarget: .wrapS is now .texture.wrapS.');
-                                               return this.texture.wrapS;
-                                       },
-                                       set: function (value) {
-                                               console.warn('THREE.WebGLRenderTarget: .wrapS is now .texture.wrapS.');
-                                               this.texture.wrapS = value;
-                                       }
-                               },
-                               wrapT: {
-                                       get: function () {
-                                               console.warn('THREE.WebGLRenderTarget: .wrapT is now .texture.wrapT.');
-                                               return this.texture.wrapT;
-                                       },
-                                       set: function (value) {
-                                               console.warn('THREE.WebGLRenderTarget: .wrapT is now .texture.wrapT.');
-                                               this.texture.wrapT = value;
-                                       }
-                               },
-                               magFilter: {
-                                       get: function () {
-                                               console.warn('THREE.WebGLRenderTarget: .magFilter is now .texture.magFilter.');
-                                               return this.texture.magFilter;
-                                       },
-                                       set: function (value) {
-                                               console.warn('THREE.WebGLRenderTarget: .magFilter is now .texture.magFilter.');
-                                               this.texture.magFilter = value;
-                                       }
-                               },
-                               minFilter: {
-                                       get: function () {
-                                               console.warn('THREE.WebGLRenderTarget: .minFilter is now .texture.minFilter.');
-                                               return this.texture.minFilter;
-                                       },
-                                       set: function (value) {
-                                               console.warn('THREE.WebGLRenderTarget: .minFilter is now .texture.minFilter.');
-                                               this.texture.minFilter = value;
-                                       }
-                               },
-                               anisotropy: {
-                                       get: function () {
-                                               console.warn('THREE.WebGLRenderTarget: .anisotropy is now .texture.anisotropy.');
-                                               return this.texture.anisotropy;
-                                       },
-                                       set: function (value) {
-                                               console.warn('THREE.WebGLRenderTarget: .anisotropy is now .texture.anisotropy.');
-                                               this.texture.anisotropy = value;
-                                       }
-                               },
-                               offset: {
-                                       get: function () {
-                                               console.warn('THREE.WebGLRenderTarget: .offset is now .texture.offset.');
-                                               return this.texture.offset;
-                                       },
-                                       set: function (value) {
-                                               console.warn('THREE.WebGLRenderTarget: .offset is now .texture.offset.');
-                                               this.texture.offset = value;
-                                       }
-                               },
-                               repeat: {
-                                       get: function () {
-                                               console.warn('THREE.WebGLRenderTarget: .repeat is now .texture.repeat.');
-                                               return this.texture.repeat;
-                                       },
-                                       set: function (value) {
-                                               console.warn('THREE.WebGLRenderTarget: .repeat is now .texture.repeat.');
-                                               this.texture.repeat = value;
-                                       }
-                               },
-                               format: {
-                                       get: function () {
-                                               console.warn('THREE.WebGLRenderTarget: .format is now .texture.format.');
-                                               return this.texture.format;
-                                       },
-                                       set: function (value) {
-                                               console.warn('THREE.WebGLRenderTarget: .format is now .texture.format.');
-                                               this.texture.format = value;
-                                       }
-                               },
-                               type: {
-                                       get: function () {
-                                               console.warn('THREE.WebGLRenderTarget: .type is now .texture.type.');
-                                               return this.texture.type;
-                                       },
-                                       set: function (value) {
-                                               console.warn('THREE.WebGLRenderTarget: .type is now .texture.type.');
-                                               this.texture.type = value;
-                                       }
-                               },
-                               generateMipmaps: {
-                                       get: function () {
-                                               console.warn('THREE.WebGLRenderTarget: .generateMipmaps is now .texture.generateMipmaps.');
-                                               return this.texture.generateMipmaps;
-                                       },
-                                       set: function (value) {
-                                               console.warn('THREE.WebGLRenderTarget: .generateMipmaps is now .texture.generateMipmaps.');
-                                               this.texture.generateMipmaps = value;
-                                       }
-                               }
-                       }); //
-
-                       Audio.prototype.load = function (file) {
-                               console.warn('THREE.Audio: .load has been deprecated. Use THREE.AudioLoader instead.');
-                               const scope = this;
-                               const audioLoader = new AudioLoader();
-                               audioLoader.load(file, function (buffer) {
-                                       scope.setBuffer(buffer);
-                               });
-                               return this;
-                       };
-
-                       AudioAnalyser.prototype.getData = function () {
-                               console.warn('THREE.AudioAnalyser: .getData() is now .getFrequencyData().');
-                               return this.getFrequencyData();
-                       }; //
-
-
-                       CubeCamera.prototype.updateCubeMap = function (renderer, scene) {
-                               console.warn('THREE.CubeCamera: .updateCubeMap() is now .update().');
-                               return this.update(renderer, scene);
-                       };
-
-                       CubeCamera.prototype.clear = function (renderer, color, depth, stencil) {
-                               console.warn('THREE.CubeCamera: .clear() is now .renderTarget.clear().');
-                               return this.renderTarget.clear(renderer, color, depth, stencil);
-                       };
-
-                       ImageUtils.crossOrigin = undefined;
-
-                       ImageUtils.loadTexture = function (url, mapping, onLoad, onError) {
-                               console.warn('THREE.ImageUtils.loadTexture has been deprecated. Use THREE.TextureLoader() instead.');
-                               const loader = new TextureLoader();
-                               loader.setCrossOrigin(this.crossOrigin);
-                               const texture = loader.load(url, onLoad, undefined, onError);
-                               if (mapping) texture.mapping = mapping;
-                               return texture;
-                       };
-
-                       ImageUtils.loadTextureCube = function (urls, mapping, onLoad, onError) {
-                               console.warn('THREE.ImageUtils.loadTextureCube has been deprecated. Use THREE.CubeTextureLoader() instead.');
-                               const loader = new CubeTextureLoader();
-                               loader.setCrossOrigin(this.crossOrigin);
-                               const texture = loader.load(urls, onLoad, undefined, onError);
-                               if (mapping) texture.mapping = mapping;
-                               return texture;
-                       };
-
-                       ImageUtils.loadCompressedTexture = function () {
-                               console.error('THREE.ImageUtils.loadCompressedTexture has been removed. Use THREE.DDSLoader instead.');
-                       };
-
-                       ImageUtils.loadCompressedTextureCube = function () {
-                               console.error('THREE.ImageUtils.loadCompressedTextureCube has been removed. Use THREE.DDSLoader instead.');
-                       }; //
-
-
-                       function CanvasRenderer() {
-                               console.error('THREE.CanvasRenderer has been removed');
-                       } //
-
-                       function JSONLoader() {
-                               console.error('THREE.JSONLoader has been removed.');
-                       } //
-
-                       const SceneUtils = {
-                               createMultiMaterialObject: function () {
-                                       console.error('THREE.SceneUtils has been moved to /examples/jsm/utils/SceneUtils.js');
-                               },
-                               detach: function () {
-                                       console.error('THREE.SceneUtils has been moved to /examples/jsm/utils/SceneUtils.js');
-                               },
-                               attach: function () {
-                                       console.error('THREE.SceneUtils has been moved to /examples/jsm/utils/SceneUtils.js');
-                               }
-                       }; //
-
-                       function LensFlare() {
-                               console.error('THREE.LensFlare has been moved to /examples/jsm/objects/Lensflare.js');
-                       }
-
-                       if (typeof __THREE_DEVTOOLS__ !== 'undefined') {
-                               /* eslint-disable no-undef */
-                               __THREE_DEVTOOLS__.dispatchEvent(new CustomEvent('register', {
-                                       detail: {
-                                               revision: REVISION
-                                       }
-                               }));
-                               /* eslint-enable no-undef */
-
-                       }
-
-                       if (typeof window !== 'undefined') {
-                               if (window.__THREE__) {
-                                       console.warn('WARNING: Multiple instances of Three.js being imported.');
-                               } else {
-                                       window.__THREE__ = REVISION;
-                               }
-                       }
-
-                       exports.ACESFilmicToneMapping = ACESFilmicToneMapping;
-                       exports.AddEquation = AddEquation;
-                       exports.AddOperation = AddOperation;
-                       exports.AdditiveAnimationBlendMode = AdditiveAnimationBlendMode;
-                       exports.AdditiveBlending = AdditiveBlending;
-                       exports.AlphaFormat = AlphaFormat;
-                       exports.AlwaysDepth = AlwaysDepth;
-                       exports.AlwaysStencilFunc = AlwaysStencilFunc;
-                       exports.AmbientLight = AmbientLight;
-                       exports.AmbientLightProbe = AmbientLightProbe;
-                       exports.AnimationClip = AnimationClip;
-                       exports.AnimationLoader = AnimationLoader;
-                       exports.AnimationMixer = AnimationMixer;
-                       exports.AnimationObjectGroup = AnimationObjectGroup;
-                       exports.AnimationUtils = AnimationUtils;
-                       exports.ArcCurve = ArcCurve;
-                       exports.ArrayCamera = ArrayCamera;
-                       exports.ArrowHelper = ArrowHelper;
-                       exports.Audio = Audio;
-                       exports.AudioAnalyser = AudioAnalyser;
-                       exports.AudioContext = AudioContext;
-                       exports.AudioListener = AudioListener;
-                       exports.AudioLoader = AudioLoader;
-                       exports.AxesHelper = AxesHelper;
-                       exports.AxisHelper = AxisHelper;
-                       exports.BackSide = BackSide;
-                       exports.BasicDepthPacking = BasicDepthPacking;
-                       exports.BasicShadowMap = BasicShadowMap;
-                       exports.BinaryTextureLoader = BinaryTextureLoader;
-                       exports.Bone = Bone;
-                       exports.BooleanKeyframeTrack = BooleanKeyframeTrack;
-                       exports.BoundingBoxHelper = BoundingBoxHelper;
-                       exports.Box2 = Box2;
-                       exports.Box3 = Box3;
-                       exports.Box3Helper = Box3Helper;
-                       exports.BoxBufferGeometry = BoxGeometry;
-                       exports.BoxGeometry = BoxGeometry;
-                       exports.BoxHelper = BoxHelper;
-                       exports.BufferAttribute = BufferAttribute;
-                       exports.BufferGeometry = BufferGeometry;
-                       exports.BufferGeometryLoader = BufferGeometryLoader;
-                       exports.ByteType = ByteType;
-                       exports.Cache = Cache;
-                       exports.Camera = Camera;
-                       exports.CameraHelper = CameraHelper;
-                       exports.CanvasRenderer = CanvasRenderer;
-                       exports.CanvasTexture = CanvasTexture;
-                       exports.CatmullRomCurve3 = CatmullRomCurve3;
-                       exports.CineonToneMapping = CineonToneMapping;
-                       exports.CircleBufferGeometry = CircleGeometry;
-                       exports.CircleGeometry = CircleGeometry;
-                       exports.ClampToEdgeWrapping = ClampToEdgeWrapping;
-                       exports.Clock = Clock;
-                       exports.Color = Color;
-                       exports.ColorKeyframeTrack = ColorKeyframeTrack;
-                       exports.CompressedTexture = CompressedTexture;
-                       exports.CompressedTextureLoader = CompressedTextureLoader;
-                       exports.ConeBufferGeometry = ConeGeometry;
-                       exports.ConeGeometry = ConeGeometry;
-                       exports.CubeCamera = CubeCamera;
-                       exports.CubeReflectionMapping = CubeReflectionMapping;
-                       exports.CubeRefractionMapping = CubeRefractionMapping;
-                       exports.CubeTexture = CubeTexture;
-                       exports.CubeTextureLoader = CubeTextureLoader;
-                       exports.CubeUVReflectionMapping = CubeUVReflectionMapping;
-                       exports.CubeUVRefractionMapping = CubeUVRefractionMapping;
-                       exports.CubicBezierCurve = CubicBezierCurve;
-                       exports.CubicBezierCurve3 = CubicBezierCurve3;
-                       exports.CubicInterpolant = CubicInterpolant;
-                       exports.CullFaceBack = CullFaceBack;
-                       exports.CullFaceFront = CullFaceFront;
-                       exports.CullFaceFrontBack = CullFaceFrontBack;
-                       exports.CullFaceNone = CullFaceNone;
-                       exports.Curve = Curve;
-                       exports.CurvePath = CurvePath;
-                       exports.CustomBlending = CustomBlending;
-                       exports.CustomToneMapping = CustomToneMapping;
-                       exports.CylinderBufferGeometry = CylinderGeometry;
-                       exports.CylinderGeometry = CylinderGeometry;
-                       exports.Cylindrical = Cylindrical;
-                       exports.DataTexture = DataTexture;
-                       exports.DataTexture2DArray = DataTexture2DArray;
-                       exports.DataTexture3D = DataTexture3D;
-                       exports.DataTextureLoader = DataTextureLoader;
-                       exports.DataUtils = DataUtils;
-                       exports.DecrementStencilOp = DecrementStencilOp;
-                       exports.DecrementWrapStencilOp = DecrementWrapStencilOp;
-                       exports.DefaultLoadingManager = DefaultLoadingManager;
-                       exports.DepthFormat = DepthFormat;
-                       exports.DepthStencilFormat = DepthStencilFormat;
-                       exports.DepthTexture = DepthTexture;
-                       exports.DirectionalLight = DirectionalLight;
-                       exports.DirectionalLightHelper = DirectionalLightHelper;
-                       exports.DiscreteInterpolant = DiscreteInterpolant;
-                       exports.DodecahedronBufferGeometry = DodecahedronGeometry;
-                       exports.DodecahedronGeometry = DodecahedronGeometry;
-                       exports.DoubleSide = DoubleSide;
-                       exports.DstAlphaFactor = DstAlphaFactor;
-                       exports.DstColorFactor = DstColorFactor;
-                       exports.DynamicBufferAttribute = DynamicBufferAttribute;
-                       exports.DynamicCopyUsage = DynamicCopyUsage;
-                       exports.DynamicDrawUsage = DynamicDrawUsage;
-                       exports.DynamicReadUsage = DynamicReadUsage;
-                       exports.EdgesGeometry = EdgesGeometry;
-                       exports.EdgesHelper = EdgesHelper;
-                       exports.EllipseCurve = EllipseCurve;
-                       exports.EqualDepth = EqualDepth;
-                       exports.EqualStencilFunc = EqualStencilFunc;
-                       exports.EquirectangularReflectionMapping = EquirectangularReflectionMapping;
-                       exports.EquirectangularRefractionMapping = EquirectangularRefractionMapping;
-                       exports.Euler = Euler;
-                       exports.EventDispatcher = EventDispatcher;
-                       exports.ExtrudeBufferGeometry = ExtrudeGeometry;
-                       exports.ExtrudeGeometry = ExtrudeGeometry;
-                       exports.FaceColors = FaceColors;
-                       exports.FileLoader = FileLoader;
-                       exports.FlatShading = FlatShading;
-                       exports.Float16BufferAttribute = Float16BufferAttribute;
-                       exports.Float32Attribute = Float32Attribute;
-                       exports.Float32BufferAttribute = Float32BufferAttribute;
-                       exports.Float64Attribute = Float64Attribute;
-                       exports.Float64BufferAttribute = Float64BufferAttribute;
-                       exports.FloatType = FloatType;
-                       exports.Fog = Fog;
-                       exports.FogExp2 = FogExp2;
-                       exports.Font = Font;
-                       exports.FontLoader = FontLoader;
-                       exports.FrontSide = FrontSide;
-                       exports.Frustum = Frustum;
-                       exports.GLBufferAttribute = GLBufferAttribute;
-                       exports.GLSL1 = GLSL1;
-                       exports.GLSL3 = GLSL3;
-                       exports.GammaEncoding = GammaEncoding;
-                       exports.GreaterDepth = GreaterDepth;
-                       exports.GreaterEqualDepth = GreaterEqualDepth;
-                       exports.GreaterEqualStencilFunc = GreaterEqualStencilFunc;
-                       exports.GreaterStencilFunc = GreaterStencilFunc;
-                       exports.GridHelper = GridHelper;
-                       exports.Group = Group;
-                       exports.HalfFloatType = HalfFloatType;
-                       exports.HemisphereLight = HemisphereLight;
-                       exports.HemisphereLightHelper = HemisphereLightHelper;
-                       exports.HemisphereLightProbe = HemisphereLightProbe;
-                       exports.IcosahedronBufferGeometry = IcosahedronGeometry;
-                       exports.IcosahedronGeometry = IcosahedronGeometry;
-                       exports.ImageBitmapLoader = ImageBitmapLoader;
-                       exports.ImageLoader = ImageLoader;
-                       exports.ImageUtils = ImageUtils;
-                       exports.ImmediateRenderObject = ImmediateRenderObject;
-                       exports.IncrementStencilOp = IncrementStencilOp;
-                       exports.IncrementWrapStencilOp = IncrementWrapStencilOp;
-                       exports.InstancedBufferAttribute = InstancedBufferAttribute;
-                       exports.InstancedBufferGeometry = InstancedBufferGeometry;
-                       exports.InstancedInterleavedBuffer = InstancedInterleavedBuffer;
-                       exports.InstancedMesh = InstancedMesh;
-                       exports.Int16Attribute = Int16Attribute;
-                       exports.Int16BufferAttribute = Int16BufferAttribute;
-                       exports.Int32Attribute = Int32Attribute;
-                       exports.Int32BufferAttribute = Int32BufferAttribute;
-                       exports.Int8Attribute = Int8Attribute;
-                       exports.Int8BufferAttribute = Int8BufferAttribute;
-                       exports.IntType = IntType;
-                       exports.InterleavedBuffer = InterleavedBuffer;
-                       exports.InterleavedBufferAttribute = InterleavedBufferAttribute;
-                       exports.Interpolant = Interpolant;
-                       exports.InterpolateDiscrete = InterpolateDiscrete;
-                       exports.InterpolateLinear = InterpolateLinear;
-                       exports.InterpolateSmooth = InterpolateSmooth;
-                       exports.InvertStencilOp = InvertStencilOp;
-                       exports.JSONLoader = JSONLoader;
-                       exports.KeepStencilOp = KeepStencilOp;
-                       exports.KeyframeTrack = KeyframeTrack;
-                       exports.LOD = LOD;
-                       exports.LatheBufferGeometry = LatheGeometry;
-                       exports.LatheGeometry = LatheGeometry;
-                       exports.Layers = Layers;
-                       exports.LensFlare = LensFlare;
-                       exports.LessDepth = LessDepth;
-                       exports.LessEqualDepth = LessEqualDepth;
-                       exports.LessEqualStencilFunc = LessEqualStencilFunc;
-                       exports.LessStencilFunc = LessStencilFunc;
-                       exports.Light = Light;
-                       exports.LightProbe = LightProbe;
-                       exports.Line = Line;
-                       exports.Line3 = Line3;
-                       exports.LineBasicMaterial = LineBasicMaterial;
-                       exports.LineCurve = LineCurve;
-                       exports.LineCurve3 = LineCurve3;
-                       exports.LineDashedMaterial = LineDashedMaterial;
-                       exports.LineLoop = LineLoop;
-                       exports.LinePieces = LinePieces;
-                       exports.LineSegments = LineSegments;
-                       exports.LineStrip = LineStrip;
-                       exports.LinearEncoding = LinearEncoding;
-                       exports.LinearFilter = LinearFilter;
-                       exports.LinearInterpolant = LinearInterpolant;
-                       exports.LinearMipMapLinearFilter = LinearMipMapLinearFilter;
-                       exports.LinearMipMapNearestFilter = LinearMipMapNearestFilter;
-                       exports.LinearMipmapLinearFilter = LinearMipmapLinearFilter;
-                       exports.LinearMipmapNearestFilter = LinearMipmapNearestFilter;
-                       exports.LinearToneMapping = LinearToneMapping;
-                       exports.Loader = Loader;
-                       exports.LoaderUtils = LoaderUtils;
-                       exports.LoadingManager = LoadingManager;
-                       exports.LogLuvEncoding = LogLuvEncoding;
-                       exports.LoopOnce = LoopOnce;
-                       exports.LoopPingPong = LoopPingPong;
-                       exports.LoopRepeat = LoopRepeat;
-                       exports.LuminanceAlphaFormat = LuminanceAlphaFormat;
-                       exports.LuminanceFormat = LuminanceFormat;
-                       exports.MOUSE = MOUSE;
-                       exports.Material = Material;
-                       exports.MaterialLoader = MaterialLoader;
-                       exports.Math = MathUtils;
-                       exports.MathUtils = MathUtils;
-                       exports.Matrix3 = Matrix3;
-                       exports.Matrix4 = Matrix4;
-                       exports.MaxEquation = MaxEquation;
-                       exports.Mesh = Mesh;
-                       exports.MeshBasicMaterial = MeshBasicMaterial;
-                       exports.MeshDepthMaterial = MeshDepthMaterial;
-                       exports.MeshDistanceMaterial = MeshDistanceMaterial;
-                       exports.MeshFaceMaterial = MeshFaceMaterial;
-                       exports.MeshLambertMaterial = MeshLambertMaterial;
-                       exports.MeshMatcapMaterial = MeshMatcapMaterial;
-                       exports.MeshNormalMaterial = MeshNormalMaterial;
-                       exports.MeshPhongMaterial = MeshPhongMaterial;
-                       exports.MeshPhysicalMaterial = MeshPhysicalMaterial;
-                       exports.MeshStandardMaterial = MeshStandardMaterial;
-                       exports.MeshToonMaterial = MeshToonMaterial;
-                       exports.MinEquation = MinEquation;
-                       exports.MirroredRepeatWrapping = MirroredRepeatWrapping;
-                       exports.MixOperation = MixOperation;
-                       exports.MultiMaterial = MultiMaterial;
-                       exports.MultiplyBlending = MultiplyBlending;
-                       exports.MultiplyOperation = MultiplyOperation;
-                       exports.NearestFilter = NearestFilter;
-                       exports.NearestMipMapLinearFilter = NearestMipMapLinearFilter;
-                       exports.NearestMipMapNearestFilter = NearestMipMapNearestFilter;
-                       exports.NearestMipmapLinearFilter = NearestMipmapLinearFilter;
-                       exports.NearestMipmapNearestFilter = NearestMipmapNearestFilter;
-                       exports.NeverDepth = NeverDepth;
-                       exports.NeverStencilFunc = NeverStencilFunc;
-                       exports.NoBlending = NoBlending;
-                       exports.NoColors = NoColors;
-                       exports.NoToneMapping = NoToneMapping;
-                       exports.NormalAnimationBlendMode = NormalAnimationBlendMode;
-                       exports.NormalBlending = NormalBlending;
-                       exports.NotEqualDepth = NotEqualDepth;
-                       exports.NotEqualStencilFunc = NotEqualStencilFunc;
-                       exports.NumberKeyframeTrack = NumberKeyframeTrack;
-                       exports.Object3D = Object3D;
-                       exports.ObjectLoader = ObjectLoader;
-                       exports.ObjectSpaceNormalMap = ObjectSpaceNormalMap;
-                       exports.OctahedronBufferGeometry = OctahedronGeometry;
-                       exports.OctahedronGeometry = OctahedronGeometry;
-                       exports.OneFactor = OneFactor;
-                       exports.OneMinusDstAlphaFactor = OneMinusDstAlphaFactor;
-                       exports.OneMinusDstColorFactor = OneMinusDstColorFactor;
-                       exports.OneMinusSrcAlphaFactor = OneMinusSrcAlphaFactor;
-                       exports.OneMinusSrcColorFactor = OneMinusSrcColorFactor;
-                       exports.OrthographicCamera = OrthographicCamera;
-                       exports.PCFShadowMap = PCFShadowMap;
-                       exports.PCFSoftShadowMap = PCFSoftShadowMap;
-                       exports.PMREMGenerator = PMREMGenerator;
-                       exports.ParametricBufferGeometry = ParametricGeometry;
-                       exports.ParametricGeometry = ParametricGeometry;
-                       exports.Particle = Particle;
-                       exports.ParticleBasicMaterial = ParticleBasicMaterial;
-                       exports.ParticleSystem = ParticleSystem;
-                       exports.ParticleSystemMaterial = ParticleSystemMaterial;
-                       exports.Path = Path;
-                       exports.PerspectiveCamera = PerspectiveCamera;
-                       exports.Plane = Plane;
-                       exports.PlaneBufferGeometry = PlaneGeometry;
-                       exports.PlaneGeometry = PlaneGeometry;
-                       exports.PlaneHelper = PlaneHelper;
-                       exports.PointCloud = PointCloud;
-                       exports.PointCloudMaterial = PointCloudMaterial;
-                       exports.PointLight = PointLight;
-                       exports.PointLightHelper = PointLightHelper;
-                       exports.Points = Points;
-                       exports.PointsMaterial = PointsMaterial;
-                       exports.PolarGridHelper = PolarGridHelper;
-                       exports.PolyhedronBufferGeometry = PolyhedronGeometry;
-                       exports.PolyhedronGeometry = PolyhedronGeometry;
-                       exports.PositionalAudio = PositionalAudio;
-                       exports.PropertyBinding = PropertyBinding;
-                       exports.PropertyMixer = PropertyMixer;
-                       exports.QuadraticBezierCurve = QuadraticBezierCurve;
-                       exports.QuadraticBezierCurve3 = QuadraticBezierCurve3;
-                       exports.Quaternion = Quaternion;
-                       exports.QuaternionKeyframeTrack = QuaternionKeyframeTrack;
-                       exports.QuaternionLinearInterpolant = QuaternionLinearInterpolant;
-                       exports.REVISION = REVISION;
-                       exports.RGBADepthPacking = RGBADepthPacking;
-                       exports.RGBAFormat = RGBAFormat;
-                       exports.RGBAIntegerFormat = RGBAIntegerFormat;
-                       exports.RGBA_ASTC_10x10_Format = RGBA_ASTC_10x10_Format;
-                       exports.RGBA_ASTC_10x5_Format = RGBA_ASTC_10x5_Format;
-                       exports.RGBA_ASTC_10x6_Format = RGBA_ASTC_10x6_Format;
-                       exports.RGBA_ASTC_10x8_Format = RGBA_ASTC_10x8_Format;
-                       exports.RGBA_ASTC_12x10_Format = RGBA_ASTC_12x10_Format;
-                       exports.RGBA_ASTC_12x12_Format = RGBA_ASTC_12x12_Format;
-                       exports.RGBA_ASTC_4x4_Format = RGBA_ASTC_4x4_Format;
-                       exports.RGBA_ASTC_5x4_Format = RGBA_ASTC_5x4_Format;
-                       exports.RGBA_ASTC_5x5_Format = RGBA_ASTC_5x5_Format;
-                       exports.RGBA_ASTC_6x5_Format = RGBA_ASTC_6x5_Format;
-                       exports.RGBA_ASTC_6x6_Format = RGBA_ASTC_6x6_Format;
-                       exports.RGBA_ASTC_8x5_Format = RGBA_ASTC_8x5_Format;
-                       exports.RGBA_ASTC_8x6_Format = RGBA_ASTC_8x6_Format;
-                       exports.RGBA_ASTC_8x8_Format = RGBA_ASTC_8x8_Format;
-                       exports.RGBA_BPTC_Format = RGBA_BPTC_Format;
-                       exports.RGBA_ETC2_EAC_Format = RGBA_ETC2_EAC_Format;
-                       exports.RGBA_PVRTC_2BPPV1_Format = RGBA_PVRTC_2BPPV1_Format;
-                       exports.RGBA_PVRTC_4BPPV1_Format = RGBA_PVRTC_4BPPV1_Format;
-                       exports.RGBA_S3TC_DXT1_Format = RGBA_S3TC_DXT1_Format;
-                       exports.RGBA_S3TC_DXT3_Format = RGBA_S3TC_DXT3_Format;
-                       exports.RGBA_S3TC_DXT5_Format = RGBA_S3TC_DXT5_Format;
-                       exports.RGBDEncoding = RGBDEncoding;
-                       exports.RGBEEncoding = RGBEEncoding;
-                       exports.RGBEFormat = RGBEFormat;
-                       exports.RGBFormat = RGBFormat;
-                       exports.RGBIntegerFormat = RGBIntegerFormat;
-                       exports.RGBM16Encoding = RGBM16Encoding;
-                       exports.RGBM7Encoding = RGBM7Encoding;
-                       exports.RGB_ETC1_Format = RGB_ETC1_Format;
-                       exports.RGB_ETC2_Format = RGB_ETC2_Format;
-                       exports.RGB_PVRTC_2BPPV1_Format = RGB_PVRTC_2BPPV1_Format;
-                       exports.RGB_PVRTC_4BPPV1_Format = RGB_PVRTC_4BPPV1_Format;
-                       exports.RGB_S3TC_DXT1_Format = RGB_S3TC_DXT1_Format;
-                       exports.RGFormat = RGFormat;
-                       exports.RGIntegerFormat = RGIntegerFormat;
-                       exports.RawShaderMaterial = RawShaderMaterial;
-                       exports.Ray = Ray;
-                       exports.Raycaster = Raycaster;
-                       exports.RectAreaLight = RectAreaLight;
-                       exports.RedFormat = RedFormat;
-                       exports.RedIntegerFormat = RedIntegerFormat;
-                       exports.ReinhardToneMapping = ReinhardToneMapping;
-                       exports.RepeatWrapping = RepeatWrapping;
-                       exports.ReplaceStencilOp = ReplaceStencilOp;
-                       exports.ReverseSubtractEquation = ReverseSubtractEquation;
-                       exports.RingBufferGeometry = RingGeometry;
-                       exports.RingGeometry = RingGeometry;
-                       exports.SRGB8_ALPHA8_ASTC_10x10_Format = SRGB8_ALPHA8_ASTC_10x10_Format;
-                       exports.SRGB8_ALPHA8_ASTC_10x5_Format = SRGB8_ALPHA8_ASTC_10x5_Format;
-                       exports.SRGB8_ALPHA8_ASTC_10x6_Format = SRGB8_ALPHA8_ASTC_10x6_Format;
-                       exports.SRGB8_ALPHA8_ASTC_10x8_Format = SRGB8_ALPHA8_ASTC_10x8_Format;
-                       exports.SRGB8_ALPHA8_ASTC_12x10_Format = SRGB8_ALPHA8_ASTC_12x10_Format;
-                       exports.SRGB8_ALPHA8_ASTC_12x12_Format = SRGB8_ALPHA8_ASTC_12x12_Format;
-                       exports.SRGB8_ALPHA8_ASTC_4x4_Format = SRGB8_ALPHA8_ASTC_4x4_Format;
-                       exports.SRGB8_ALPHA8_ASTC_5x4_Format = SRGB8_ALPHA8_ASTC_5x4_Format;
-                       exports.SRGB8_ALPHA8_ASTC_5x5_Format = SRGB8_ALPHA8_ASTC_5x5_Format;
-                       exports.SRGB8_ALPHA8_ASTC_6x5_Format = SRGB8_ALPHA8_ASTC_6x5_Format;
-                       exports.SRGB8_ALPHA8_ASTC_6x6_Format = SRGB8_ALPHA8_ASTC_6x6_Format;
-                       exports.SRGB8_ALPHA8_ASTC_8x5_Format = SRGB8_ALPHA8_ASTC_8x5_Format;
-                       exports.SRGB8_ALPHA8_ASTC_8x6_Format = SRGB8_ALPHA8_ASTC_8x6_Format;
-                       exports.SRGB8_ALPHA8_ASTC_8x8_Format = SRGB8_ALPHA8_ASTC_8x8_Format;
-                       exports.Scene = Scene;
-                       exports.SceneUtils = SceneUtils;
-                       exports.ShaderChunk = ShaderChunk;
-                       exports.ShaderLib = ShaderLib;
-                       exports.ShaderMaterial = ShaderMaterial;
-                       exports.ShadowMaterial = ShadowMaterial;
-                       exports.Shape = Shape;
-                       exports.ShapeBufferGeometry = ShapeGeometry;
-                       exports.ShapeGeometry = ShapeGeometry;
-                       exports.ShapePath = ShapePath;
-                       exports.ShapeUtils = ShapeUtils;
-                       exports.ShortType = ShortType;
-                       exports.Skeleton = Skeleton;
-                       exports.SkeletonHelper = SkeletonHelper;
-                       exports.SkinnedMesh = SkinnedMesh;
-                       exports.SmoothShading = SmoothShading;
-                       exports.Sphere = Sphere;
-                       exports.SphereBufferGeometry = SphereGeometry;
-                       exports.SphereGeometry = SphereGeometry;
-                       exports.Spherical = Spherical;
-                       exports.SphericalHarmonics3 = SphericalHarmonics3;
-                       exports.SplineCurve = SplineCurve;
-                       exports.SpotLight = SpotLight;
-                       exports.SpotLightHelper = SpotLightHelper;
-                       exports.Sprite = Sprite;
-                       exports.SpriteMaterial = SpriteMaterial;
-                       exports.SrcAlphaFactor = SrcAlphaFactor;
-                       exports.SrcAlphaSaturateFactor = SrcAlphaSaturateFactor;
-                       exports.SrcColorFactor = SrcColorFactor;
-                       exports.StaticCopyUsage = StaticCopyUsage;
-                       exports.StaticDrawUsage = StaticDrawUsage;
-                       exports.StaticReadUsage = StaticReadUsage;
-                       exports.StereoCamera = StereoCamera;
-                       exports.StreamCopyUsage = StreamCopyUsage;
-                       exports.StreamDrawUsage = StreamDrawUsage;
-                       exports.StreamReadUsage = StreamReadUsage;
-                       exports.StringKeyframeTrack = StringKeyframeTrack;
-                       exports.SubtractEquation = SubtractEquation;
-                       exports.SubtractiveBlending = SubtractiveBlending;
-                       exports.TOUCH = TOUCH;
-                       exports.TangentSpaceNormalMap = TangentSpaceNormalMap;
-                       exports.TetrahedronBufferGeometry = TetrahedronGeometry;
-                       exports.TetrahedronGeometry = TetrahedronGeometry;
-                       exports.TextBufferGeometry = TextGeometry;
-                       exports.TextGeometry = TextGeometry;
-                       exports.Texture = Texture;
-                       exports.TextureLoader = TextureLoader;
-                       exports.TorusBufferGeometry = TorusGeometry;
-                       exports.TorusGeometry = TorusGeometry;
-                       exports.TorusKnotBufferGeometry = TorusKnotGeometry;
-                       exports.TorusKnotGeometry = TorusKnotGeometry;
-                       exports.Triangle = Triangle;
-                       exports.TriangleFanDrawMode = TriangleFanDrawMode;
-                       exports.TriangleStripDrawMode = TriangleStripDrawMode;
-                       exports.TrianglesDrawMode = TrianglesDrawMode;
-                       exports.TubeBufferGeometry = TubeGeometry;
-                       exports.TubeGeometry = TubeGeometry;
-                       exports.UVMapping = UVMapping;
-                       exports.Uint16Attribute = Uint16Attribute;
-                       exports.Uint16BufferAttribute = Uint16BufferAttribute;
-                       exports.Uint32Attribute = Uint32Attribute;
-                       exports.Uint32BufferAttribute = Uint32BufferAttribute;
-                       exports.Uint8Attribute = Uint8Attribute;
-                       exports.Uint8BufferAttribute = Uint8BufferAttribute;
-                       exports.Uint8ClampedAttribute = Uint8ClampedAttribute;
-                       exports.Uint8ClampedBufferAttribute = Uint8ClampedBufferAttribute;
-                       exports.Uniform = Uniform;
-                       exports.UniformsLib = UniformsLib;
-                       exports.UniformsUtils = UniformsUtils;
-                       exports.UnsignedByteType = UnsignedByteType;
-                       exports.UnsignedInt248Type = UnsignedInt248Type;
-                       exports.UnsignedIntType = UnsignedIntType;
-                       exports.UnsignedShort4444Type = UnsignedShort4444Type;
-                       exports.UnsignedShort5551Type = UnsignedShort5551Type;
-                       exports.UnsignedShort565Type = UnsignedShort565Type;
-                       exports.UnsignedShortType = UnsignedShortType;
-                       exports.VSMShadowMap = VSMShadowMap;
-                       exports.Vector2 = Vector2;
-                       exports.Vector3 = Vector3;
-                       exports.Vector4 = Vector4;
-                       exports.VectorKeyframeTrack = VectorKeyframeTrack;
-                       exports.Vertex = Vertex;
-                       exports.VertexColors = VertexColors;
-                       exports.VideoTexture = VideoTexture;
-                       exports.WebGL1Renderer = WebGL1Renderer;
-                       exports.WebGLCubeRenderTarget = WebGLCubeRenderTarget;
-                       exports.WebGLMultipleRenderTargets = WebGLMultipleRenderTargets;
-                       exports.WebGLMultisampleRenderTarget = WebGLMultisampleRenderTarget;
-                       exports.WebGLRenderTarget = WebGLRenderTarget;
-                       exports.WebGLRenderTargetCube = WebGLRenderTargetCube;
-                       exports.WebGLRenderer = WebGLRenderer;
-                       exports.WebGLUtils = WebGLUtils;
-                       exports.WireframeGeometry = WireframeGeometry;
-                       exports.WireframeHelper = WireframeHelper;
-                       exports.WrapAroundEnding = WrapAroundEnding;
-                       exports.XHRLoader = XHRLoader;
-                       exports.ZeroCurvatureEnding = ZeroCurvatureEnding;
-                       exports.ZeroFactor = ZeroFactor;
-                       exports.ZeroSlopeEnding = ZeroSlopeEnding;
-                       exports.ZeroStencilOp = ZeroStencilOp;
-                       exports.sRGBEncoding = sRGBEncoding;
-
-                       Object.defineProperty(exports, '__esModule', {value: true});
-
-               })));
-
-       }, {}]
-}, {}, [1]);
diff --git a/src/main/resources/static/style.css b/src/main/resources/static/style.css
deleted file mode 100644 (file)
index 826e0d5..0000000
+++ /dev/null
@@ -1,1048 +0,0 @@
-@font-face {
-       font-family: 'Noto Sans';
-       font-style: normal;
-       font-weight: normal;
-       font-display: block;
-       src: url("/static/font/NotoSans-Medium.woff");
-}
-
-@font-face {
-       font-family: 'Noto Sans';
-       font-style: italic;
-       font-weight: normal;
-       font-display: block;
-       src: url("/static/font/NotoSans-MediumItalic.woff");
-}
-
-@font-face {
-       font-family: 'Noto Sans';
-       font-style: normal;
-       font-weight: bold;
-       font-display: block;
-       src: url("/static/font/NotoSans-Black.woff");
-}
-
-@font-face {
-       font-family: 'Noto Sans';
-       font-style: italic;
-       font-weight: bold;
-       font-display: block;
-       src: url("/static/font/NotoSans-BlackItalic.woff");
-}
-
-@font-face {
-       font-family: 'Noto Sans Gothic';
-       font-display: block;
-       src: url("/static/font/NotoSansGothic-Regular.woff");
-}
-
-@font-face {
-       font-family: 'JetBrains Mono';
-       font-style: normal;
-       font-weight: normal;
-       font-display: block;
-       src: url("/static/font/JetBrainsMono-Medium.woff");
-}
-
-@font-face {
-       font-family: 'JetBrains Mono';
-       font-style: italic;
-       font-weight: normal;
-       font-display: block;
-       src: url("/static/font/JetBrainsMono-MediumItalic.woff");
-}
-
-@font-face {
-       font-family: 'JetBrains Mono';
-       font-style: normal;
-       font-weight: bold;
-       font-display: block;
-       src: url("/static/font/JetBrainsMono-ExtraBold.woff");
-}
-
-@font-face {
-       font-family: 'JetBrains Mono';
-       font-style: italic;
-       font-weight: bold;
-       font-display: block;
-       src: url("/static/font/JetBrainsMono-ExtraBoldItalic.woff");
-}
-
-@font-face {
-       font-family: 'Oxanium';
-       font-style: normal;
-       font-weight: 400;
-       font-display: block;
-       src: url("/static/font/Oxanium-Regular.woff");
-}
-
-@font-face {
-       font-family: 'Oxanium';
-       font-style: normal;
-       font-weight: 600;
-       font-display: block;
-       src: url("/static/font/Oxanium-SemiBold.woff");
-}
-
-@font-face {
-       font-family: 'Oxanium';
-       font-style: normal;
-       font-weight: 700;
-       font-display: block;
-       src: url("/static/font/Oxanium-Bold.woff");
-}
-
-@font-face {
-       font-family: 'Oxanium';
-       font-style: normal;
-       font-weight: 800;
-       font-display: block;
-       src: url("/static/font/Oxanium-ExtraBold.woff");
-}
-
-@font-face {
-       font-family: 'DejaVu Sans';
-       font-style: normal;
-       font-weight: normal;
-       font-display: block;
-       src: url("/static/font/DejaVuSans.woff");
-}
-
-@font-face {
-       font-family: 'DejaVu Sans';
-       font-style: italic;
-       font-weight: normal;
-       font-display: block;
-       src: url("/static/font/DejaVuSans-Oblique.woff");
-}
-
-@font-face {
-       font-family: 'DejaVu Sans';
-       font-style: normal;
-       font-weight: bold;
-       font-display: block;
-       src: url("/static/font/DejaVuSans-Bold.woff");
-}
-
-@font-face {
-       font-family: 'DejaVu Sans';
-       font-style: italic;
-       font-weight: bold;
-       font-display: block;
-       src: url("/static/font/DejaVuSans-BoldOblique.woff");
-}
-
-html {
-       margin: 0;
-       padding: 0;
-
-       color: var(--text-color);
-       background-color: var(--back-color);
-
-       font-family: 'Noto Sans', sans-serif;
-       font-size: 100%;
-
-       --h1-size: 1.6em;
-       --h2-size: 1.4em;
-       --h3-size: 1.2em;
-
-       --media-size-unit: 0.035vw;
-
-       /***************
-       * color params *
-       ***************/
-
-       --text-color: #222;
-       --back-color: #eda;
-
-       --selection-fg: #eee;
-       --selection-bg: rgba(170, 136, 34, 0.6);
-
-       --h1-border: #862;
-       --h1-shadow: #431;
-       --h1-backgr: #c93;
-
-       --h2-border: #430;
-
-       --h3-unline: #652;
-
-       --list-a-fg: #541;
-       --list-a-h-fg: #feb;
-       --list-a-h-bg: #a82;
-
-       --a-fg: #36c;
-       --a-v-fg: #63c;
-
-       --tbl-border: #431;
-       --tbl-td-bgr: #feb;
-       --tbl-th-bgr: #862;
-
-       --input-bg: #ba7;
-       --input-ul: #444133;
-       --input-fg: #111;
-       --input-f-bg: #985;
-
-       --err-bg: #e77;
-       --err-fg: #422;
-       --err-ul: #211;
-
-       --btn-fg: #feb;
-       --btn-bg: #ca4;
-       --btn-h-bg: #a82;
-       --btn-a-bg: #860;
-
-       --evil-btn-fg: #fcc;
-       --evil-btn-bg: #c33;
-       --evil-btn-h-bg: #a22;
-       --evil-btn-a-bg: #811;
-
-       --btn-na-bg: #444;
-       --btn-na-fg: #bbb;
-
-       --iframe-border: #541;
-
-       --error-popup-border: #933;
-       --error-popup-backgr: #faa;
-       --error-popup-foregr: #622;
-
-       --comment-stroke: #541;
-       --comment-fill: #ec6;
-
-       --quote-bg: rgba(0, 0, 0, 0.1);
-
-       /*************
-       * url params *
-       *************/
-
-       --panel: url("/static/images/panel.png");
-       --bgimg: linear-gradient(to bottom, #feb, #cb8);
-       --extln: url("/static/images/external-link.png");
-}
-
-html[data-theme="dark"] {
-       /***************
-       * color params *
-       ***************/
-
-       --text-color: #ddd;
-       --back-color: #652;
-
-       --selection-fg: #111;
-       --selection-bg: rgba(255, 221, 119, 0.9);
-
-       --h1-border: #862;
-       --h1-shadow: #c93;
-       --h1-backgr: #431;
-
-       --h2-border: #feb;
-
-       --h3-unline: #dc9;
-
-       --list-a-fg: #feb;
-       --list-a-h-fg: #541;
-       --list-a-h-bg: #fd7;
-
-       --a-fg: #69f;
-       --a-v-fg: #96f;
-
-       --tbl-border: #c93;
-       --tbl-td-bgr: #430;
-       --tbl-th-bgr: #a82;
-
-       --input-bg: #985;
-       --input-ul: #ccc399;
-       --input-fg: #eee;
-       --input-f-bg: #ba7;
-
-       --err-bg: #844;
-       --err-fg: #fcc;
-       --err-ul: #422;
-
-       --btn-fg: #111;
-       --btn-bg: #860;
-       --btn-h-bg: #a82;
-       --btn-a-bg: #ca4;
-
-       --evil-btn-fg: #411;
-       --evil-btn-bg: #d33;
-       --evil-btn-h-bg: #e66;
-       --evil-btn-a-bg: #f99;
-
-       --btn-na-bg: #bbb;
-       --btn-na-fg: #444;
-
-       --iframe-border: #feb;
-
-       --error-popup-border: #311;
-       --error-popup-backgr: #622;
-       --error-popup-foregr: #fcc;
-
-       --comment-stroke: #feb;
-       --comment-fill: #652;
-
-       --quote-bg: rgba(255, 255, 255, 0.1);
-
-       /*************
-       * url params *
-       *************/
-
-       --panel: url("/static/images/panel-dark.png");
-       --bgimg: linear-gradient(to bottom, #763, #430);
-       --extln: url("/static/images/external-link-dark.png");
-}
-
-@media only screen and (prefers-color-scheme: dark) {
-       html[data-theme="light"] {
-               /***************
-               * color params *
-               ***************/
-
-               --text-color: #222;
-               --back-color: #eda;
-
-               --selection-fg: #eee;
-               --selection-bg: rgba(170, 136, 34, 0.6);
-
-               --h1-border: #862;
-               --h1-shadow: #431;
-               --h1-backgr: #c93;
-
-               --h2-border: #430;
-
-               --h3-unline: #652;
-
-               --list-a-fg: #541;
-               --list-a-h-fg: #feb;
-               --list-a-h-bg: #a82;
-
-               --a-fg: #36c;
-               --a-v-fg: #63c;
-
-               --tbl-border: #431;
-               --tbl-td-bgr: #feb;
-               --tbl-th-bgr: #862;
-
-               --input-bg: #ba7;
-               --input-ul: #444133;
-               --input-fg: #111;
-               --input-f-bg: #985;
-
-               --err-bg: #e77;
-               --err-fg: #422;
-               --err-ul: #211;
-
-               --btn-fg: #feb;
-               --btn-bg: #ca4;
-               --btn-h-bg: #a82;
-               --btn-a-bg: #860;
-
-               --evil-btn-fg: #fcc;
-               --evil-btn-bg: #c33;
-               --evil-btn-h-bg: #a22;
-               --evil-btn-a-bg: #811;
-
-               --btn-na-bg: #444;
-               --btn-na-fg: #bbb;
-
-               --iframe-border: #541;
-
-               --error-popup-border: #933;
-               --error-popup-backgr: #faa;
-               --error-popup-foregr: #622;
-
-               --comment-stroke: #541;
-               --comment-fill: #ec6;
-
-               --quote-bg: rgba(0, 0, 0, 0.1);
-
-               /*************
-               * url params *
-               *************/
-
-               --panel: url("/static/images/panel.png");
-               --bgimg: linear-gradient(to bottom, #feb, #cb8);
-               --extln: url("/static/images/external-link.png");
-       }
-
-       html {
-               /***************
-               * color params *
-               ***************/
-
-               --text-color: #ddd;
-               --back-color: #652;
-
-               --selection-fg: #111;
-               --selection-bg: rgba(255, 221, 119, 0.9);
-
-               --h1-border: #862;
-               --h1-shadow: #c93;
-               --h1-backgr: #431;
-
-               --h2-border: #feb;
-
-               --h3-unline: #dc9;
-
-               --list-a-fg: #feb;
-               --list-a-h-fg: #541;
-               --list-a-h-bg: #fd7;
-
-               --a-fg: #69f;
-               --a-v-fg: #96f;
-
-               --tbl-border: #c93;
-               --tbl-td-bgr: #430;
-               --tbl-th-bgr: #a82;
-
-               --input-bg: #985;
-               --input-ul: #ccc399;
-               --input-fg: #eee;
-               --input-f-bg: #ba7;
-
-               --err-bg: #844;
-               --err-fg: #fcc;
-               --err-ul: #422;
-
-               --btn-fg: #111;
-               --btn-bg: #860;
-               --btn-h-bg: #a82;
-               --btn-a-bg: #ca4;
-
-               --evil-btn-fg: #411;
-               --evil-btn-bg: #d33;
-               --evil-btn-h-bg: #e66;
-               --evil-btn-a-bg: #f99;
-
-               --btn-na-bg: #bbb;
-               --btn-na-fg: #444;
-
-               --iframe-border: #feb;
-
-               --error-popup-border: #311;
-               --error-popup-backgr: #622;
-               --error-popup-foregr: #fcc;
-
-               --comment-stroke: #feb;
-               --comment-fill: #652;
-
-               --quote-bg: rgba(255, 255, 255, 0.1);
-
-               /*************
-               * url params *
-               *************/
-
-               --panel: url("/static/images/panel-dark.png");
-               --bgimg: linear-gradient(to bottom, #763, #430);
-               --extln: url("/static/images/external-link-dark.png");
-       }
-}
-
-body {
-       margin: 0;
-}
-
-::selection {
-       background-color: var(--selection-bg);
-       color: var(--selection-fg);
-}
-
-div#bg {
-       display: none;
-}
-
-h1, h2, h3, h4, h5, h6 {
-       font-family: Oxanium, monospace;
-       margin: 0.5em 0;
-}
-
-h1, h2 {
-       text-align: center;
-}
-
-h1 {
-       border: 0.1875rem solid var(--h1-border);
-       box-shadow: inset 0 0 0 0.25rem var(--h1-shadow);
-       padding: 0.3125rem;
-
-       background-color: var(--h1-backgr);
-       font-variant: small-caps;
-       font-size: var(--h1-size);
-       font-weight: 800;
-}
-
-h2 {
-       border-bottom: 0.125rem solid var(--h2-border);
-       font-size: var(--h2-size);
-       font-weight: 600;
-}
-
-h3 {
-       text-decoration: underline;
-       text-decoration-color: var(--h3-unline);
-       font-size: var(--h3-size);
-       font-weight: 400;
-}
-
-.desktop {
-       display: none;
-}
-
-/*noinspection CssOverwrittenProperties*/
-main > section, main > nav.mobile, main > aside.mobile {
-       border-image-source: var(--panel);
-       border-image-slice: 40% fill;
-       border-image-width: 1em;
-       border-width: 1em;
-
-       padding: 1.5em 1.5em;
-
-       box-sizing: border-box;
-       width: 90vw;
-       margin: 4vw 4vw;
-
-       position: relative;
-       z-index: 1;
-}
-
-aside.mobile img {
-       margin: auto;
-       display: block;
-       width: 50%;
-}
-
-@media only screen and (min-width: 8in) {
-       html {
-               padding: 1.25rem 4vw;
-
-               --h1-size: 2.6em;
-               --h2-size: 2.2em;
-               --h3-size: 1.8em;
-
-               --media-size-unit: 0.025vmin;
-       }
-
-       div#bg {
-               display: unset;
-
-               width: 100vw;
-               height: 100vh;
-               position: fixed;
-               top: 0;
-               left: 0;
-
-               background-image: var(--bgimg);
-               background-attachment: fixed;
-               background-position: center;
-               background-size: cover;
-
-               z-index: 0;
-       }
-
-       main {
-               padding: 4vh 0;
-       }
-
-       /*noinspection CssOverwrittenProperties*/
-       main > section, nav.desktop, aside.desktop {
-               border-image-source: var(--panel);
-               border-image-slice: 40% fill;
-               border-image-width: 2em;
-
-               box-sizing: border-box;
-               padding: 2.5em 3em;
-
-               position: relative;
-               z-index: 1;
-       }
-
-       main > section {
-               width: 48%;
-               margin: 4vh auto;
-       }
-
-       main > section:first-of-type {
-               margin: 0 auto 4vh;
-       }
-
-       main > section:last-of-type {
-               margin: 4vh auto 0;
-       }
-
-       main > section:only-of-type {
-               margin: 0 auto;
-       }
-
-       .mobile {
-               display: none;
-       }
-
-       .desktop {
-               display: unset;
-       }
-
-       nav.desktop {
-               width: 16%;
-               float: left;
-               margin: 4vh 4vw;
-
-               position: sticky;
-               top: calc(4vh + 1.25rem);
-       }
-
-       aside.desktop {
-               width: 16%;
-               float: right;
-               margin: 4vh 4vw;
-
-               position: sticky;
-               top: calc(4vh + 1.25rem);
-       }
-
-       aside.desktop {
-               max-height: calc(92vh - 2.5rem);
-       }
-
-       aside.desktop img {
-               width: 100%;
-       }
-
-       aside.desktop div.list {
-               max-height: calc(92vh - 7.5rem);
-               overflow-y: auto;
-       }
-
-       h4 {
-               font-size: 1.4em;
-       }
-
-       h5 {
-               font-size: 1.25em;
-       }
-
-       h6 {
-               font-size: 1.1em;
-       }
-}
-
-div.list {
-       display: flex;
-       flex-wrap: nowrap;
-       align-items: stretch;
-       justify-content: start;
-       flex-direction: column;
-
-       margin: 0;
-       padding: 0;
-}
-
-div.list > div.item {
-       width: 100%;
-       height: 2em;
-       line-height: 2em;
-
-       margin: 0;
-       padding: 0;
-
-       vertical-align: middle;
-}
-
-div.list > div.item > span {
-       display: block;
-       text-align: center;
-
-       overflow: hidden;
-       white-space: nowrap;
-       text-overflow: ellipsis;
-}
-
-div.list > div.item > a {
-       display: block;
-       width: 100%;
-       height: 2em;
-
-       overflow: hidden;
-       white-space: nowrap;
-       text-overflow: ellipsis;
-
-       vertical-align: middle;
-       text-align: center;
-
-       border-radius: 0.3em;
-       color: var(--list-a-fg);
-       text-decoration: none;
-
-       padding-left: 0.5em;
-       padding-right: 0.5em;
-       box-sizing: border-box;
-}
-
-div.list > div.item > a.left {
-       text-align: left;
-}
-
-div.list > div.item > a:visited {
-       color: var(--list-a-fg);
-}
-
-div.list > div.item > a:hover {
-       color: var(--list-a-h-fg);
-       background-color: var(--list-a-h-bg);
-}
-
-a {
-       color: var(--a-fg);
-       text-decoration: none;
-}
-
-a:visited {
-       color: var(--a-v-fg);
-}
-
-a:hover {
-       text-decoration: underline;
-}
-
-a[href^="http://"]::after, a[href^="https://"]::after {
-       content: ' ';
-       background-image: var(--extln);
-       background-size: contain;
-       display: inline-block;
-       width: 1em;
-       height: 1em;
-}
-
-table {
-       table-layout: fixed;
-       border-collapse: collapse;
-       border: 0.125rem solid var(--tbl-border);
-
-       width: 100%;
-}
-
-td {
-       border: 0.125rem solid var(--tbl-border);
-       background-color: var(--tbl-td-bgr);
-       font-size: 0.85em;
-       padding: 0.3em;
-}
-
-th {
-       border: 0.125rem solid var(--tbl-border);
-       background-color: var(--tbl-th-bgr);
-       padding: 0.15em 0;
-
-       text-align: center;
-       vertical-align: middle;
-
-       font-family: Oxanium, monospace;
-       font-size: 1.0em;
-       font-variant: small-caps;
-       font-weight: 700;
-       color: var(--tbl-td-bgr);
-}
-
-input[type=text],
-input[type=password],
-input[type=email],
-textarea {
-       box-sizing: border-box;
-       background-color: var(--input-bg);
-       border: none;
-       border-bottom: 0.15rem solid var(--input-ul);
-
-       color: var(--input-fg);
-       font-size: 1.5em;
-
-       width: 100%;
-}
-
-textarea {
-       font-family: 'Noto Sans', sans-serif;
-       resize: vertical;
-}
-
-input[type=text]:focus,
-input[type=password]:focus,
-input[type=email]:focus,
-textarea:focus {
-       outline: none;
-       background-color: var(--input-f-bg);
-}
-
-input[type=text]:invalid,
-input[type=password]:invalid,
-input[type=email]:invalid,
-textarea:invalid {
-       color: var(--err-fg);
-       background-color: var(--err-bg);
-       border-bottom-color: var(--err-ul);
-}
-
-button, input[type=submit] {
-       background-color: var(--btn-bg);
-       border: none;
-       border-radius: 0.3em;
-       color: var(--btn-fg);
-       cursor: pointer;
-       display: block;
-
-       font-size: 1.5em;
-       margin: 1em;
-       padding: 0.85em 1.15em;
-       width: calc(100% - 2em);
-}
-
-button:hover, input[type=submit]:hover {
-       background-color: var(--btn-h-bg);
-}
-
-button:active, input[type=submit]:active {
-       background-color: var(--btn-a-bg);
-}
-
-button.evil, input[type=submit].evil {
-       background-color: var(--evil-btn-bg);
-       color: var(--evil-btn-fg);
-}
-
-button.evil:hover, input[type=submit].evil:hover {
-       background-color: var(--evil-btn-h-bg);
-}
-
-button.evil:active, input[type=submit].evil:active {
-       background-color: var(--evil-btn-a-bg);
-}
-
-button:disabled,
-button.evil:disabled,
-input[type=submit]:disabled,
-input[type=submit].evil:disabled {
-       background-color: var(--btn-na-bg);
-       color: var(--btn-na-fg);
-       cursor: not-allowed;
-}
-
-iframe {
-       border-color: var(--iframe-border);
-}
-
-#error-popup {
-       z-index: 998;
-
-       position: fixed;
-       width: 100vw;
-       height: 100vh;
-       left: 0;
-       top: 0;
-}
-
-#error-popup > .bg {
-       position: fixed;
-       width: 100vw;
-       height: 100vh;
-       left: 0;
-       top: 0;
-
-       background-color: rgba(0, 0, 0, 40%);
-}
-
-#error-popup > .msg {
-       position: fixed;
-       top: 50%;
-       left: 50%;
-       transform: translate(-50%, -50%);
-
-       border: 0.5em solid var(--error-popup-border);
-       border-radius: 1.5em;
-       padding: 1.5em;
-
-       background-color: var(--error-popup-backgr);
-       color: var(--error-popup-foregr);
-
-       text-align: center;
-}
-
-.lang-gothic {
-       font-family: 'Noto Sans Gothic', sans-serif;
-}
-
-@font-face {
-       font-family: 'Tulasra';
-       src: url(/static/font/tylan-language-alphabet-3.woff) format('woff');
-}
-
-.lang-tylan {
-       font-family: Tulasra, monospace;
-       font-size: 1.25em;
-       line-height: 1.0;
-       font-variant: normal !important;
-}
-
-textarea.lang-tylan {
-       font-family: Tulasra, monospace;
-       font-size: 2.5em;
-       line-height: 1.0;
-}
-
-@font-face {
-       font-family: 'Theodisc';
-       src: url(/static/font/thedish-language-alphabet.woff) format('woff');
-}
-
-.lang-thedish {
-       font-family: Theodisc, monospace;
-       font-size: 1.25em;
-       line-height: 1.0;
-       font-variant: normal !important;
-}
-
-textarea.lang-thedish {
-       font-family: Theodisc, monospace;
-       font-size: 2.5em;
-       line-height: 1.0;
-}
-
-@font-face {
-       font-family: 'Kishari';
-       src: url(/static/font/kishari-language-alphabet.woff) format('woff');
-}
-
-.lang-kishari {
-       font-family: Kishari, monospace;
-       font-size: 1.25em;
-       line-height: 1.0;
-       font-variant: normal !important;
-}
-
-textarea.lang-kishari {
-       font-family: Kishari, monospace;
-       font-size: 2.5em;
-       line-height: 1.0;
-}
-
-@font-face {
-       font-family: 'Pochvalsk';
-       src: url(/static/font/pokhval-alphabet.woff) format('woff');
-}
-
-.lang-pokhwal {
-       font-family: Pochvalsk, monospace;
-       font-size: 1em;
-       line-height: 1.0;
-       font-variant: normal !important;
-}
-
-textarea.lang-pokhwal {
-       font-family: Pochvalsk, monospace;
-       font-size: 2em;
-       line-height: 1.0;
-}
-
-#thumb-view {
-       display: none;
-}
-
-#thumb-view.visible {
-       z-index: 998;
-
-       display: unset;
-
-       position: fixed;
-       width: 100vw;
-       height: 100vh;
-       left: 0;
-       top: 0;
-}
-
-#thumb-view > .bg {
-       position: fixed;
-       width: 100vw;
-       height: 100vh;
-       left: 0;
-       top: 0;
-
-       background-color: rgba(0, 0, 0, 40%);
-}
-
-#thumb-view > img {
-       position: fixed;
-       top: 2vh;
-       left: 2vw;
-       width: 96vw;
-       height: 96vh;
-
-       object-fit: scale-down;
-}
-
-.flag-icon {
-       object-fit: cover;
-       aspect-ratio: 1;
-       border-radius: 50%;
-}
-
-.comment-input {
-       border: 0.25em solid var(--comment-stroke);
-       background-color: var(--comment-fill);
-       padding: 0.75em;
-       margin: 1em 0;
-}
-
-.comment-box {
-       border: 0.25em solid var(--comment-stroke);
-       background-color: var(--comment-fill);
-       padding: 0.75em 0.5em 0.25em;
-       margin: 1em 0;
-}
-
-.comment-box > .comment-author {
-       display: flex;
-       align-items: center;
-}
-
-.comment-box > .comment-author > .flag-icon {
-       width: 2em;
-
-       flex-grow: 0;
-       flex-shrink: 0;
-}
-
-.comment-box > .comment-author > .author-name {
-       font-size: 1.5em;
-       font-weight: bold;
-
-       text-align: left;
-       flex-grow: 1;
-       flex-shrink: 0;
-}
-
-.comment-box > .comment-author > .posted-at {
-       text-align: right;
-       flex-grow: 1;
-       flex-shrink: 1;
-}
-
-.comment-box > .comment {
-       margin-top: 0.125em;
-       border-top: 0.25em solid var(--comment-stroke);
-       padding-top: 0.5em;
-}
-
-blockquote {
-       margin: 0.25em 0;
-       border-left: 0.25em solid var(--comment-stroke);
-       padding: 0.5em;
-       background-color: var(--quote-bg);
-}
-
-.comment-edit-box {
-       display: none;
-}
-
-.comment-edit-box.visible {
-       display: block;
-}
-
-a.copy-text[data-copying] {
-       color: var(--text-color);
-       pointer-events: none;
-}
diff --git a/src/mapMain/kotlin/com/github/nwillc/ksvg/HtmlUtils.kt b/src/mapMain/kotlin/com/github/nwillc/ksvg/HtmlUtils.kt
new file mode 100644 (file)
index 0000000..4ce81f4
--- /dev/null
@@ -0,0 +1,62 @@
+/*
+ * Copyright (c) 2020, nwillc@gmail.com
+ *
+ * Permission to use, copy, modify, and/or distribute this software for any
+ * purpose with or without fee is hereby granted, provided that the above
+ * copyright notice and this permission notice appear in all copies.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
+ * WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
+ * MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
+ * ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
+ * WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
+ * ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
+ * OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
+ */
+
+package com.github.nwillc.ksvg
+
+internal const val EIGHT_BIT_START = 127.toChar()
+
+/**
+ * Escapes special characters of an Appendable for HTML output. Handles double quotes,
+ * greater than, less than, ampersand, and characters greater than eight bit.
+ * @param csq A sequence of characters to HTML escape.
+ */
+fun Appendable.escapeHTML(csq: CharSequence) {
+       for (c in csq) {
+               when {
+                       c > EIGHT_BIT_START || c == '"' || c == '<' || c == '>' || c == '&' -> {
+                               append("&#")
+                               append(c.code.toString())
+                               append(';')
+                       }
+                       
+                       else -> append(c)
+               }
+       }
+}
+
+/**
+ * Escapes special characters of a String for HTML output. Handles double quotes,
+ * greater than, less than, ampersand, and characters greater than eight bit.
+ */
+fun String.escapeHTML(): String {
+       return usingAppendable(Appendable::escapeHTML)
+}
+
+fun Appendable.toAttributeName(csq: CharSequence) {
+       csq.forEach {
+               if (it in 'A'..'Z') {
+                       append('-')
+                       append(it.lowercase())
+               } else {
+                       append(it)
+               }
+       }
+}
+
+fun String.toAttributeName(): String = usingAppendable(Appendable::toAttributeName)
+
+fun String.usingAppendable(function: Appendable.(CharSequence) -> Unit): String =
+       StringBuilder().also { it.function(this) }.toString()
diff --git a/src/mapMain/kotlin/com/github/nwillc/ksvg/RenderMode.kt b/src/mapMain/kotlin/com/github/nwillc/ksvg/RenderMode.kt
new file mode 100644 (file)
index 0000000..876345b
--- /dev/null
@@ -0,0 +1,33 @@
+/*
+ * Copyright (c) 2020, nwillc@gmail.com
+ *
+ * Permission to use, copy, modify, and/or distribute this software for any
+ * purpose with or without fee is hereby granted, provided that the above
+ * copyright notice and this permission notice appear in all copies.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
+ * WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
+ * MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
+ * ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
+ * WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
+ * ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
+ * OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
+ */
+
+package com.github.nwillc.ksvg
+
+/**
+ * The mode to employ when rendering. Some Elements must render differently when used inline in HTML5 or in a
+ * standalone SVG file.
+ */
+enum class RenderMode {
+       /**
+        * Render as inline SVG designed to appear inline in HTML5.
+        */
+       INLINE,
+       
+       /**
+        * Render as an SVG `.svg` file format.
+        */
+       FILE
+}
diff --git a/src/mapMain/kotlin/com/github/nwillc/ksvg/attributes/AttributeProperty.kt b/src/mapMain/kotlin/com/github/nwillc/ksvg/attributes/AttributeProperty.kt
new file mode 100644 (file)
index 0000000..4916a31
--- /dev/null
@@ -0,0 +1,45 @@
+/*
+ * Copyright (c) 2020, nwillc@gmail.com
+ *
+ * Permission to use, copy, modify, and/or distribute this software for any
+ * purpose with or without fee is hereby granted, provided that the above
+ * copyright notice and this permission notice appear in all copies.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
+ * WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
+ * MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
+ * ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
+ * WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
+ * ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
+ * OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
+ */
+
+package com.github.nwillc.ksvg.attributes
+
+import com.github.nwillc.ksvg.toAttributeName
+import kotlin.properties.ReadWriteProperty
+import kotlin.reflect.KProperty
+
+/**
+ * A property delegate to allow attributes to be rendered with a different name and to validate content by type.
+ * @param renamed The name to use when rendering the property.
+ * @param type The attribute type to use for validation.
+ */
+class AttributeProperty(
+       private val renamed: String? = null,
+       private val type: AttributeType = AttributeType.None
+) : ReadWriteProperty<Any?, String?> {
+       override operator fun getValue(thisRef: Any?, property: KProperty<*>): String? = if (thisRef is HasAttributes) {
+               thisRef.attributes[renamed ?: property.name.toAttributeName()]
+       } else {
+               null
+       }
+       
+       override operator fun setValue(thisRef: Any?, property: KProperty<*>, value: String?) {
+               if (value != null && thisRef is HasAttributes) {
+                       if (thisRef.validation)
+                               type.verify(value)
+                       thisRef.attributes[renamed ?: property.name.toAttributeName()] = value
+               }
+       }
+}
diff --git a/src/mapMain/kotlin/com/github/nwillc/ksvg/attributes/AttributeType.kt b/src/mapMain/kotlin/com/github/nwillc/ksvg/attributes/AttributeType.kt
new file mode 100644 (file)
index 0000000..d9f135e
--- /dev/null
@@ -0,0 +1,150 @@
+/*
+ * Copyright (c) 2020, nwillc@gmail.com
+ *
+ * Permission to use, copy, modify, and/or distribute this software for any
+ * purpose with or without fee is hereby granted, provided that the above
+ * copyright notice and this permission notice appear in all copies.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
+ * WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
+ * MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
+ * ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
+ * WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
+ * ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
+ * OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
+ */
+
+package com.github.nwillc.ksvg.attributes
+
+/**
+ *  An enumeration of attribute types and how to verify if a value is of this type.
+ */
+enum class AttributeType {
+       /**
+        * No validations will be performed on type none.
+        */
+       None,
+       
+       /**
+        * A length value, a number and optional unit.
+        */
+       Length {
+               override fun verify(value: String) {
+                       require(value matches length) { "Value ($value) is not a valid length or percentage: $length" }
+               }
+       },
+       
+       /**
+        * A length or percentage, a number and optional unit or percent sign.
+        */
+       LengthOrPercentage {
+               override fun verify(value: String) {
+                       require(value matches lengthPercent) {
+                               "Value ($value) is not a valid length or percentage: $lengthPercent"
+                       }
+               }
+       },
+       
+       /**
+        * A list of numbers separated by white space or commas.
+        */
+       NumberList {
+               override fun verify(value: String) {
+                       require(value matches numberList) { "Value ($value) is not a valid number list: $number" }
+               }
+       },
+       
+       /**
+        * Fill rule
+        */
+       FillRule {
+               override fun verify(value: String) {
+                       require(value matches fillRule) { "Value ($value) is not a valid `fill-rule` value: $fillRule" }
+               }
+       },
+       
+       /**
+        * Stroke linecap
+        */
+       StrokeLinecap {
+               override fun verify(value: String) {
+                       require(value matches strokeLinecap) { "Value ($value) is not a valid `stroke-linecap` value: $strokeLinecap" }
+               }
+       },
+       
+       /**
+        * Stroke linejoin
+        */
+       StrokeLinejoin {
+               override fun verify(value: String) {
+                       require(value matches strokeLinejoin) { "Value ($value) is not a valid `stroke-linejoin` value: $strokeLinejoin" }
+               }
+       },
+       
+       /**
+        * Text anchor
+        */
+       TextAnchor {
+               override fun verify(value: String) {
+                       require(value matches textAnchor) { "Value ($value) is not a valid `text-anchor` value: $textAnchor" }
+               }
+       },
+       
+       /**
+        * Any non empty character string without whitespace.
+        */
+       IdName {
+               override fun verify(value: String) {
+                       require(value matches idName) { "Value ($value) is not a valid id: $idName" }
+               }
+       },
+       
+       /**
+        * A relative URL by id URL.
+        */
+       RelativeURL {
+               override fun verify(value: String) {
+                       require(value matches relativeUrl) { "Value ($value) is not a valid id url: $relativeUrl" }
+               }
+       },
+       
+       /**
+        * A set of commands and coordinates.
+        */
+       Path {
+               override fun verify(value: String) {
+                       require(value matches path) { "Value ($value) is not a valid path: $path" }
+               }
+       },
+       
+       /**
+        * CSS class names work imperfectly in some browsers so warn about them.
+        */
+       CssClass;
+       
+       /**
+        * Constants.
+        */
+       private companion object {
+               private val number = Regex("[+-]?[0-9]*.?[0-9]+")
+               private val separator = Regex("\\s*,?\\s+")
+               private const val lengthUnits = "em|rem|ex|px|in|cm|mm|pt|pc"
+               private val length = Regex("$number($lengthUnits)?")
+               private val lengthPercent = Regex("$number($lengthUnits|%)?")
+               private val numberList = Regex("($number($separator)?)+")
+               private val fillRule = Regex("nonzero|evenodd")
+               private val strokeLinecap = Regex("butt|round|square")
+               private val strokeLinejoin = Regex("miter|round|bevel")
+               private val textAnchor = Regex("start|middle|end")
+               private val idName = Regex("\\S+")
+               private val relative = Regex("#$idName")
+               private val relativeUrl = Regex("url\\($relative\\)")
+               private val path = Regex("(($number)|[\\smMlLhHvVcCsSqQtTaAzZ])+")
+       }
+       
+       /**
+        * Verify a value is of the AttributeType.
+        */
+       open fun verify(value: String) { /* No verifications by default */
+       }
+}
diff --git a/src/mapMain/kotlin/com/github/nwillc/ksvg/attributes/HasAttributes.kt b/src/mapMain/kotlin/com/github/nwillc/ksvg/attributes/HasAttributes.kt
new file mode 100644 (file)
index 0000000..592f787
--- /dev/null
@@ -0,0 +1,45 @@
+/*
+ * Copyright (c) 2020, nwillc@gmail.com
+ *
+ * Permission to use, copy, modify, and/or distribute this software for any
+ * purpose with or without fee is hereby granted, provided that the above
+ * copyright notice and this permission notice appear in all copies.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
+ * WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
+ * MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
+ * ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
+ * WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
+ * ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
+ * OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
+ */
+
+package com.github.nwillc.ksvg.attributes
+
+import com.github.nwillc.ksvg.RenderMode
+
+/**
+ * This interface describes how SVG handles attributes.
+ */
+interface HasAttributes {
+       /**
+        * The attributes are simply labels with associated values.
+        */
+       val attributes: MutableMap<String, String>
+       
+       /**
+        * Should we attempt to validated values correctness when assign them?
+        */
+       var validation: Boolean
+       
+       /**
+        * Return the attribute map, with possible processing based on the renderMode.
+        * @param renderMode which rendering mode the attributes are being accessed for.
+        */
+       fun getAttributes(renderMode: RenderMode): Map<String, String>
+       
+       /**
+        * All things that can have attributes can have an id attribute.
+        */
+       var id: String?
+}
diff --git a/src/mapMain/kotlin/com/github/nwillc/ksvg/attributes/HasAttributesImpl.kt b/src/mapMain/kotlin/com/github/nwillc/ksvg/attributes/HasAttributesImpl.kt
new file mode 100644 (file)
index 0000000..7212c2c
--- /dev/null
@@ -0,0 +1,28 @@
+/*
+ * Copyright (c) 2020, nwillc@gmail.com
+ *
+ * Permission to use, copy, modify, and/or distribute this software for any
+ * purpose with or without fee is hereby granted, provided that the above
+ * copyright notice and this permission notice appear in all copies.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
+ * WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
+ * MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
+ * ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
+ * WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
+ * ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
+ * OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
+ */
+
+package com.github.nwillc.ksvg.attributes
+
+import com.github.nwillc.ksvg.RenderMode
+
+/**
+ * A basic implementation of HasAttributes.
+ */
+open class HasAttributesImpl(override var validation: Boolean) : HasAttributes {
+       override val attributes: MutableMap<String, String> = hashMapOf()
+       override var id: String? by AttributeProperty(type = AttributeType.IdName)
+       override fun getAttributes(renderMode: RenderMode) = attributes
+}
diff --git a/src/mapMain/kotlin/com/github/nwillc/ksvg/attributes/HasClipPath.kt b/src/mapMain/kotlin/com/github/nwillc/ksvg/attributes/HasClipPath.kt
new file mode 100644 (file)
index 0000000..eb7509c
--- /dev/null
@@ -0,0 +1,27 @@
+/*
+ * Copyright (c) 2020, nwillc@gmail.com
+ *
+ * Permission to use, copy, modify, and/or distribute this software for any
+ * purpose with or without fee is hereby granted, provided that the above
+ * copyright notice and this permission notice appear in all copies.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
+ * WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
+ * MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
+ * ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
+ * WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
+ * ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
+ * OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
+ */
+
+package com.github.nwillc.ksvg.attributes
+
+/**
+ * An Element has a clip path.
+ */
+interface HasClipPath {
+       /**
+        * The clip path ID.
+        */
+       var clipPath: String?
+}
diff --git a/src/mapMain/kotlin/com/github/nwillc/ksvg/attributes/HasClipPathImpl.kt b/src/mapMain/kotlin/com/github/nwillc/ksvg/attributes/HasClipPathImpl.kt
new file mode 100644 (file)
index 0000000..a4b674f
--- /dev/null
@@ -0,0 +1,24 @@
+/*
+ * Copyright (c) 2020, nwillc@gmail.com
+ *
+ * Permission to use, copy, modify, and/or distribute this software for any
+ * purpose with or without fee is hereby granted, provided that the above
+ * copyright notice and this permission notice appear in all copies.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
+ * WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
+ * MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
+ * ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
+ * WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
+ * ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
+ * OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
+ */
+
+package com.github.nwillc.ksvg.attributes
+
+/**
+ * A basic implementation of HasDimensions.
+ */
+class HasClipPathImpl(hasAttributes: HasAttributes) : HasClipPath, HasAttributes by hasAttributes {
+       override var clipPath: String? by AttributeProperty(type = AttributeType.RelativeURL)
+}
diff --git a/src/mapMain/kotlin/com/github/nwillc/ksvg/attributes/HasDimensions.kt b/src/mapMain/kotlin/com/github/nwillc/ksvg/attributes/HasDimensions.kt
new file mode 100644 (file)
index 0000000..47e5eb6
--- /dev/null
@@ -0,0 +1,32 @@
+/*
+ * Copyright (c) 2020, nwillc@gmail.com
+ *
+ * Permission to use, copy, modify, and/or distribute this software for any
+ * purpose with or without fee is hereby granted, provided that the above
+ * copyright notice and this permission notice appear in all copies.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
+ * WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
+ * MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
+ * ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
+ * WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
+ * ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
+ * OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
+ */
+
+package com.github.nwillc.ksvg.attributes
+
+/**
+ * An Element has height and width dimensions.
+ */
+interface HasDimensions {
+       /**
+        * The height dimension.
+        */
+       var height: String?
+       
+       /**
+        * The width dimension.
+        */
+       var width: String?
+}
diff --git a/src/mapMain/kotlin/com/github/nwillc/ksvg/attributes/HasDimensionsImpl.kt b/src/mapMain/kotlin/com/github/nwillc/ksvg/attributes/HasDimensionsImpl.kt
new file mode 100644 (file)
index 0000000..5e569a9
--- /dev/null
@@ -0,0 +1,25 @@
+/*
+ * Copyright (c) 2020, nwillc@gmail.com
+ *
+ * Permission to use, copy, modify, and/or distribute this software for any
+ * purpose with or without fee is hereby granted, provided that the above
+ * copyright notice and this permission notice appear in all copies.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
+ * WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
+ * MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
+ * ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
+ * WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
+ * ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
+ * OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
+ */
+
+package com.github.nwillc.ksvg.attributes
+
+/**
+ * A basic implementation of HasDimensions.
+ */
+class HasDimensionsImpl(hasAttributes: HasAttributes) : HasDimensions, HasAttributes by hasAttributes {
+       override var height: String? by AttributeProperty(type = AttributeType.LengthOrPercentage)
+       override var width: String? by AttributeProperty(type = AttributeType.LengthOrPercentage)
+}
diff --git a/src/mapMain/kotlin/com/github/nwillc/ksvg/attributes/HasFill.kt b/src/mapMain/kotlin/com/github/nwillc/ksvg/attributes/HasFill.kt
new file mode 100644 (file)
index 0000000..3bbacff
--- /dev/null
@@ -0,0 +1,32 @@
+/*
+ * Copyright (c) 2020, nwillc@gmail.com
+ *
+ * Permission to use, copy, modify, and/or distribute this software for any
+ * purpose with or without fee is hereby granted, provided that the above
+ * copyright notice and this permission notice appear in all copies.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
+ * WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
+ * MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
+ * ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
+ * WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
+ * ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
+ * OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
+ */
+
+package com.github.nwillc.ksvg.attributes
+
+/**
+ * An Element can have a fill color.
+ */
+interface HasFill {
+       /**
+        * The fill color.
+        */
+       var fill: String?
+       
+       /**
+        * The fill rule.
+        */
+       var fillRule: String?
+}
diff --git a/src/mapMain/kotlin/com/github/nwillc/ksvg/attributes/HasFillImpl.kt b/src/mapMain/kotlin/com/github/nwillc/ksvg/attributes/HasFillImpl.kt
new file mode 100644 (file)
index 0000000..21f3b45
--- /dev/null
@@ -0,0 +1,25 @@
+/*
+ * Copyright (c) 2020, nwillc@gmail.com
+ *
+ * Permission to use, copy, modify, and/or distribute this software for any
+ * purpose with or without fee is hereby granted, provided that the above
+ * copyright notice and this permission notice appear in all copies.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
+ * WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
+ * MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
+ * ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
+ * WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
+ * ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
+ * OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
+ */
+
+package com.github.nwillc.ksvg.attributes
+
+/**
+ * A basic implementation of HasFill.
+ */
+class HasFillImpl(hasAttributes: HasAttributes) : HasFill, HasAttributes by hasAttributes {
+       override var fill: String? by AttributeProperty()
+       override var fillRule: String? by AttributeProperty(type = AttributeType.FillRule)
+}
diff --git a/src/mapMain/kotlin/com/github/nwillc/ksvg/attributes/HasOrigin.kt b/src/mapMain/kotlin/com/github/nwillc/ksvg/attributes/HasOrigin.kt
new file mode 100644 (file)
index 0000000..0a5ffd9
--- /dev/null
@@ -0,0 +1,32 @@
+/*
+ * Copyright (c) 2020, nwillc@gmail.com
+ *
+ * Permission to use, copy, modify, and/or distribute this software for any
+ * purpose with or without fee is hereby granted, provided that the above
+ * copyright notice and this permission notice appear in all copies.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
+ * WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
+ * MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
+ * ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
+ * WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
+ * ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
+ * OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
+ */
+
+package com.github.nwillc.ksvg.attributes
+
+/**
+ * An Element has x,y origin.
+ */
+interface HasOrigin {
+       /**
+        * Origin's X coordinate.
+        */
+       var x: String?
+       
+       /**
+        * Origin's Y coordinate.
+        */
+       var y: String?
+}
diff --git a/src/mapMain/kotlin/com/github/nwillc/ksvg/attributes/HasOriginImpl.kt b/src/mapMain/kotlin/com/github/nwillc/ksvg/attributes/HasOriginImpl.kt
new file mode 100644 (file)
index 0000000..59a97da
--- /dev/null
@@ -0,0 +1,25 @@
+/*
+ * Copyright (c) 2020, nwillc@gmail.com
+ *
+ * Permission to use, copy, modify, and/or distribute this software for any
+ * purpose with or without fee is hereby granted, provided that the above
+ * copyright notice and this permission notice appear in all copies.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
+ * WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
+ * MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
+ * ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
+ * WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
+ * ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
+ * OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
+ */
+
+package com.github.nwillc.ksvg.attributes
+
+/**
+ * A Basic implementation of HasOrigin.
+ */
+class HasOriginImpl(hasAttributes: HasAttributes) : HasOrigin, HasAttributes by hasAttributes {
+       override var x: String? by AttributeProperty(type = AttributeType.LengthOrPercentage)
+       override var y: String? by AttributeProperty(type = AttributeType.LengthOrPercentage)
+}
diff --git a/src/mapMain/kotlin/com/github/nwillc/ksvg/attributes/HasStroke.kt b/src/mapMain/kotlin/com/github/nwillc/ksvg/attributes/HasStroke.kt
new file mode 100644 (file)
index 0000000..0dd59a8
--- /dev/null
@@ -0,0 +1,52 @@
+/*
+ * Copyright (c) 2020, nwillc@gmail.com
+ *
+ * Permission to use, copy, modify, and/or distribute this software for any
+ * purpose with or without fee is hereby granted, provided that the above
+ * copyright notice and this permission notice appear in all copies.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
+ * WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
+ * MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
+ * ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
+ * WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
+ * ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
+ * OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
+ */
+
+package com.github.nwillc.ksvg.attributes
+
+/**
+ * An Element has a stroke associated.
+ */
+interface HasStroke {
+       /**
+        * The stroke color.
+        */
+       var stroke: String?
+       
+       /**
+        * The stroke width.
+        */
+       var strokeWidth: String?
+       
+       /**
+        * The stroke dash array.
+        */
+       var strokeDashArray: String?
+       
+       /**
+        * The stroke line cap.
+        */
+       var strokeLinecap: String?
+       
+       /**
+        * The stroke line join.
+        */
+       var strokeLinejoin: String?
+       
+       /**
+        * The paint order.
+        */
+       var paintOrder: String?
+}
diff --git a/src/mapMain/kotlin/com/github/nwillc/ksvg/attributes/HasStrokeImpl.kt b/src/mapMain/kotlin/com/github/nwillc/ksvg/attributes/HasStrokeImpl.kt
new file mode 100644 (file)
index 0000000..d90ab5b
--- /dev/null
@@ -0,0 +1,29 @@
+/*
+ * Copyright (c) 2020, nwillc@gmail.com
+ *
+ * Permission to use, copy, modify, and/or distribute this software for any
+ * purpose with or without fee is hereby granted, provided that the above
+ * copyright notice and this permission notice appear in all copies.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
+ * WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
+ * MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
+ * ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
+ * WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
+ * ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
+ * OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
+ */
+
+package com.github.nwillc.ksvg.attributes
+
+/**
+ * A basic implementation of HasStroke.
+ */
+class HasStrokeImpl(hasAttributes: HasAttributes) : HasStroke, HasAttributes by hasAttributes {
+       override var stroke: String? by AttributeProperty()
+       override var strokeWidth: String? by AttributeProperty()
+       override var strokeDashArray: String? by AttributeProperty(type = AttributeType.NumberList)
+       override var strokeLinecap: String? by AttributeProperty(type = AttributeType.StrokeLinecap)
+       override var strokeLinejoin: String? by AttributeProperty(type = AttributeType.StrokeLinejoin)
+       override var paintOrder: String? by AttributeProperty()
+}
diff --git a/src/mapMain/kotlin/com/github/nwillc/ksvg/elements/A.kt b/src/mapMain/kotlin/com/github/nwillc/ksvg/elements/A.kt
new file mode 100644 (file)
index 0000000..ced4aea
--- /dev/null
@@ -0,0 +1,49 @@
+/*
+ * Copyright (c) 2020, nwillc@gmail.com
+ *
+ * Permission to use, copy, modify, and/or distribute this software for any
+ * purpose with or without fee is hereby granted, provided that the above
+ * copyright notice and this permission notice appear in all copies.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
+ * WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
+ * MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
+ * ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
+ * WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
+ * ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
+ * OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
+ */
+
+package com.github.nwillc.ksvg.elements
+
+import com.github.nwillc.ksvg.RenderMode
+import com.github.nwillc.ksvg.attributes.AttributeProperty
+
+/**
+ * An SVG A reference element.
+ */
+class A(validation: Boolean = false) : Element("a", validation) {
+       /**
+        * The reference URL.
+        */
+       var href: String? by AttributeProperty()
+       
+       /**
+        * Create a rect element inside the reference.
+        */
+       fun rect(block: RECT.() -> Unit): RECT = add(RECT(validation), block)
+       
+       /**
+        * Create a text element inside the reference.
+        */
+       fun text(block: TEXT.() -> Unit): TEXT = add(TEXT(validation), block)
+       
+       override fun getAttributes(renderMode: RenderMode): Map<String, String> =
+               if (renderMode == RenderMode.INLINE) HashMap(attributes).apply {
+                       remove("href")?.let { href ->
+                               put("xlink:href", href)
+                       }
+               } else {
+                       attributes
+               }
+}
diff --git a/src/mapMain/kotlin/com/github/nwillc/ksvg/elements/CIRCLE.kt b/src/mapMain/kotlin/com/github/nwillc/ksvg/elements/CIRCLE.kt
new file mode 100644 (file)
index 0000000..17b3f43
--- /dev/null
@@ -0,0 +1,40 @@
+/*
+ * Copyright (c) 2020, nwillc@gmail.com
+ *
+ * Permission to use, copy, modify, and/or distribute this software for any
+ * purpose with or without fee is hereby granted, provided that the above
+ * copyright notice and this permission notice appear in all copies.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
+ * WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
+ * MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
+ * ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
+ * WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
+ * ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
+ * OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
+ */
+
+package com.github.nwillc.ksvg.elements
+
+import com.github.nwillc.ksvg.attributes.AttributeProperty
+import com.github.nwillc.ksvg.attributes.AttributeType
+
+/**
+ * An SVG circle element.
+ */
+class CIRCLE(validation: Boolean = false) : Region("circle", validation) {
+       /**
+        * The x coordinate of the circle's center.
+        */
+       var cx: String? by AttributeProperty(type = AttributeType.LengthOrPercentage)
+       
+       /**
+        * The r coordinate of the circle's center.
+        */
+       var cy: String? by AttributeProperty(type = AttributeType.LengthOrPercentage)
+       
+       /**
+        * The radius or the circle.
+        */
+       var r: String? by AttributeProperty(type = AttributeType.Length)
+}
diff --git a/src/mapMain/kotlin/com/github/nwillc/ksvg/elements/CLIPPATH.kt b/src/mapMain/kotlin/com/github/nwillc/ksvg/elements/CLIPPATH.kt
new file mode 100644 (file)
index 0000000..998a819
--- /dev/null
@@ -0,0 +1,26 @@
+/*
+ * Copyright (c) 2020, nwillc@gmail.com
+ *
+ * Permission to use, copy, modify, and/or distribute this software for any
+ * purpose with or without fee is hereby granted, provided that the above
+ * copyright notice and this permission notice appear in all copies.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
+ * WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
+ * MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
+ * ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
+ * WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
+ * ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
+ * OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
+ */
+
+package com.github.nwillc.ksvg.elements
+
+/**
+ * An SVG container element used to group other SVG elements.
+ */
+class CLIPPATH(id: String, validation: Boolean = false) : Container("clipPath", validation) {
+       init {
+               this.id = id
+       }
+}
diff --git a/src/mapMain/kotlin/com/github/nwillc/ksvg/elements/Container.kt b/src/mapMain/kotlin/com/github/nwillc/ksvg/elements/Container.kt
new file mode 100644 (file)
index 0000000..5606352
--- /dev/null
@@ -0,0 +1,79 @@
+/*
+ * Copyright (c) 2020, nwillc@gmail.com
+ *
+ * Permission to use, copy, modify, and/or distribute this software for any
+ * purpose with or without fee is hereby granted, provided that the above
+ * copyright notice and this permission notice appear in all copies.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
+ * WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
+ * MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
+ * ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
+ * WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
+ * ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
+ * OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
+ */
+
+package com.github.nwillc.ksvg.elements
+
+import com.github.nwillc.ksvg.attributes.HasAttributes
+import com.github.nwillc.ksvg.attributes.HasAttributesImpl
+
+/**
+ * An abstract container element which provides factories for general sub elements.
+ */
+abstract class Container(
+       name: String,
+       validation: Boolean,
+       hasAttributes: HasAttributes = HasAttributesImpl(validation)
+) : Element(name, validation, hasAttributes) {
+       /**
+        * Create a rect element in this svg.
+        */
+       fun rect(block: RECT.() -> Unit): RECT = add(RECT(validation), block)
+       
+       /**
+        * Create a text element in this svg.
+        */
+       fun text(block: TEXT.() -> Unit): TEXT = add(TEXT(validation), block)
+       
+       /**
+        * Create a circle element in this svg.
+        */
+       fun circle(block: CIRCLE.() -> Unit): CIRCLE = add(CIRCLE(validation), block)
+       
+       /**
+        * Create a polygon element in this svg.
+        */
+       fun polygon(block: POLYGON.() -> Unit): POLYGON = add(POLYGON(validation), block)
+       
+       /**
+        * Create a line element in this svg.
+        */
+       fun line(block: LINE.() -> Unit): LINE = add(LINE(validation), block)
+       
+       /**
+        * Create a reference element in this svg.
+        */
+       fun a(block: A.() -> Unit): A = add(A(validation), block)
+       
+       /**
+        * Create a path element in this svg.
+        */
+       fun path(block: PATH.() -> Unit): PATH = add(PATH(validation), block)
+       
+       /**
+        * Create an image element in this svg.
+        */
+       fun image(block: IMAGE.() -> Unit): IMAGE = add(IMAGE(validation), block)
+       
+       /**
+        * Create a group element in this svg.
+        */
+       fun g(block: G.() -> Unit): G = add(G(validation), block)
+       
+       /**
+        * Create a use element in this svg.
+        */
+       fun use(block: USE.() -> Unit): USE = add(USE(validation), block)
+}
diff --git a/src/mapMain/kotlin/com/github/nwillc/ksvg/elements/DEFS.kt b/src/mapMain/kotlin/com/github/nwillc/ksvg/elements/DEFS.kt
new file mode 100644 (file)
index 0000000..6e34818
--- /dev/null
@@ -0,0 +1,32 @@
+/*
+ * Copyright (c) 2020, nwillc@gmail.com
+ *
+ * Permission to use, copy, modify, and/or distribute this software for any
+ * purpose with or without fee is hereby granted, provided that the above
+ * copyright notice and this permission notice appear in all copies.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
+ * WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
+ * MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
+ * ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
+ * WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
+ * ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
+ * OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
+ */
+
+package com.github.nwillc.ksvg.elements
+
+/**
+ * An SVG defs element which can define groups to be used later.
+ */
+class DEFS(validation: Boolean) : Element("defs", validation) {
+       /**
+        * Create a group element in this def.
+        */
+       fun g(block: G.() -> Unit): G = add(G(validation), block)
+       
+       /**
+        * Create a clipPath element in this def.
+        */
+       fun clipPath(id: String, block: CLIPPATH.() -> Unit): CLIPPATH = add(CLIPPATH(id, validation), block)
+}
diff --git a/src/mapMain/kotlin/com/github/nwillc/ksvg/elements/Element.kt b/src/mapMain/kotlin/com/github/nwillc/ksvg/elements/Element.kt
new file mode 100644 (file)
index 0000000..36735cd
--- /dev/null
@@ -0,0 +1,134 @@
+/*
+ * Copyright (c) 2020, nwillc@gmail.com
+ *
+ * Permission to use, copy, modify, and/or distribute this software for any
+ * purpose with or without fee is hereby granted, provided that the above
+ * copyright notice and this permission notice appear in all copies.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
+ * WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
+ * MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
+ * ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
+ * WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
+ * ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
+ * OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
+ */
+
+package com.github.nwillc.ksvg.elements
+
+import com.github.nwillc.ksvg.RenderMode
+import com.github.nwillc.ksvg.attributes.AttributeProperty
+import com.github.nwillc.ksvg.attributes.AttributeType
+import com.github.nwillc.ksvg.attributes.HasAttributes
+import com.github.nwillc.ksvg.attributes.HasAttributesImpl
+import com.github.nwillc.ksvg.escapeHTML
+
+/**
+ * Abstract SVG named element with attributes and child elements.
+ * @param name The svg tag of the element.
+ * @param validation Should attribute and other validations be performed?
+ */
+@SvgTagMarker
+abstract class Element(
+       private val name: String,
+       validation: Boolean,
+       hasAttributes: HasAttributes = HasAttributesImpl(validation)
+) : HasAttributes by hasAttributes {
+       /**
+        * Child Element contained in this Element.
+        */
+       val children = arrayListOf<Element>()
+       
+       /**
+        * The CSS class.
+        */
+       var cssClass: String? by AttributeProperty("class", AttributeType.CssClass)
+       
+       /**
+        * The CSS transformation.
+        */
+       var transform: String? by AttributeProperty()
+       
+       /**
+        * Raw text body of the Element.
+        */
+       var body: String = ""
+       
+       /**
+        * HTML tooltip of this SVG Element.
+        */
+       var tooltip: SVGTooltip? = null
+       
+       /**
+        * Add a child element.
+        */
+       protected fun <E : Element> add(element: E, block: E.() -> Unit): E = element.also {
+               it.block()
+               children.add(it)
+       }
+       
+       /**
+        * Render the Element as SVG.
+        * @param appendable A Writer to append the SVG to.
+        * @param renderMode Should the Elements render for inline SVG or file SVG.
+        */
+       open fun render(appendable: Appendable, renderMode: RenderMode) {
+               appendable.append("<$name")
+               getAttributes(renderMode)
+                       .entries
+                       .sortedBy { it.key }
+                       .forEach { entry ->
+                               appendable.append(' ')
+                               appendable.append(entry.key)
+                               appendable.append("=\"")
+                               appendable.append(entry.value)
+                               appendable.append('"')
+                       }
+               if (!hasContent()) {
+                       appendable.append("/>\n")
+               } else {
+                       appendable.append('>')
+                       if (hasBody()) {
+                               appendable.escapeHTML(body)
+                       } else {
+                               appendable.append('\n')
+                       }
+                       children.forEach {
+                               it.render(appendable, renderMode)
+                       }
+                       tooltip?.let { (htmlId, html) ->
+                               appendable.append("<div id=\"$htmlId\" class=\"tooltip\">")
+                               appendable.append(html)
+                               appendable.append("</div>")
+                       }
+                       appendable.append("</$name>\n")
+               }
+       }
+       
+       /**
+        * Has raw text body.
+        */
+       fun hasBody(): Boolean = body.isNotBlank()
+       
+       /**
+        * Has Children.
+        */
+       fun hasChildren(): Boolean = children.isNotEmpty()
+       
+       /**
+        * Has tooltip
+        */
+       fun hasTooltip(): Boolean = tooltip != null
+       
+       /**
+        * Has any content, i.e. a body and/or children.
+        */
+       fun hasContent(): Boolean = hasBody() || hasChildren() || hasTooltip()
+       
+       /**
+        * Returns the rendered inline SVG as a String.
+        */
+       override fun toString(): String = StringBuilder().apply {
+               render(this, RenderMode.INLINE)
+       }.toString()
+}
diff --git a/src/mapMain/kotlin/com/github/nwillc/ksvg/elements/G.kt b/src/mapMain/kotlin/com/github/nwillc/ksvg/elements/G.kt
new file mode 100644 (file)
index 0000000..18bb2d4
--- /dev/null
@@ -0,0 +1,27 @@
+/*
+ * Copyright (c) 2020, nwillc@gmail.com
+ *
+ * Permission to use, copy, modify, and/or distribute this software for any
+ * purpose with or without fee is hereby granted, provided that the above
+ * copyright notice and this permission notice appear in all copies.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
+ * WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
+ * MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
+ * ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
+ * WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
+ * ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
+ * OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
+ */
+
+package com.github.nwillc.ksvg.elements
+
+import com.github.nwillc.ksvg.attributes.HasAttributes
+import com.github.nwillc.ksvg.attributes.HasAttributesImpl
+import com.github.nwillc.ksvg.attributes.HasClipPath
+import com.github.nwillc.ksvg.attributes.HasClipPathImpl
+
+/**
+ * An SVG container element used to group other SVG elements.
+ */
+class G(validation: Boolean = false, hasAttributes: HasAttributes = HasAttributesImpl(validation)) : Container("g", validation, hasAttributes), HasClipPath by HasClipPathImpl(hasAttributes)
diff --git a/src/mapMain/kotlin/com/github/nwillc/ksvg/elements/IMAGE.kt b/src/mapMain/kotlin/com/github/nwillc/ksvg/elements/IMAGE.kt
new file mode 100644 (file)
index 0000000..6084a35
--- /dev/null
@@ -0,0 +1,11 @@
+package com.github.nwillc.ksvg.elements
+
+import com.github.nwillc.ksvg.attributes.*
+
+class IMAGE(validation: Boolean = false, hasAttributes: HasAttributes = HasAttributesImpl(validation)) :
+       Element("image", validation, hasAttributes),
+       HasOrigin by HasOriginImpl(hasAttributes),
+       HasDimensions by HasDimensionsImpl(hasAttributes),
+       HasClipPath by HasClipPathImpl(hasAttributes) {
+       var href: String? by AttributeProperty(type = AttributeType.None)
+}
diff --git a/src/mapMain/kotlin/com/github/nwillc/ksvg/elements/LINE.kt b/src/mapMain/kotlin/com/github/nwillc/ksvg/elements/LINE.kt
new file mode 100644 (file)
index 0000000..e39f78c
--- /dev/null
@@ -0,0 +1,47 @@
+/*
+ * Copyright (c) 2020, nwillc@gmail.com
+ *
+ * Permission to use, copy, modify, and/or distribute this software for any
+ * purpose with or without fee is hereby granted, provided that the above
+ * copyright notice and this permission notice appear in all copies.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
+ * WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
+ * MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
+ * ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
+ * WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
+ * ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
+ * OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
+ */
+
+package com.github.nwillc.ksvg.elements
+
+import com.github.nwillc.ksvg.attributes.*
+
+/**
+ * An SVG line element.
+ */
+class LINE(validation: Boolean = false, hasAttributes: HasAttributes = HasAttributesImpl(validation)) :
+       Element("line", validation, hasAttributes),
+       HasStroke by HasStrokeImpl(hasAttributes) {
+       
+       /**
+        * The X1 coordinate of the line.
+        */
+       var x1: String? by AttributeProperty(type = AttributeType.LengthOrPercentage)
+       
+       /**
+        * The Y1 coordinate of the line.
+        */
+       var y1: String? by AttributeProperty(type = AttributeType.LengthOrPercentage)
+       
+       /**
+        * The X2 coordinate of the line.
+        */
+       var x2: String? by AttributeProperty(type = AttributeType.LengthOrPercentage)
+       
+       /**
+        * The Y2 coordinate of the line.
+        */
+       var y2: String? by AttributeProperty(type = AttributeType.LengthOrPercentage)
+}
diff --git a/src/mapMain/kotlin/com/github/nwillc/ksvg/elements/PATH.kt b/src/mapMain/kotlin/com/github/nwillc/ksvg/elements/PATH.kt
new file mode 100644 (file)
index 0000000..677f24d
--- /dev/null
@@ -0,0 +1,30 @@
+/*
+ * Copyright (c) 2020, nwillc@gmail.com
+ *
+ * Permission to use, copy, modify, and/or distribute this software for any
+ * purpose with or without fee is hereby granted, provided that the above
+ * copyright notice and this permission notice appear in all copies.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
+ * WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
+ * MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
+ * ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
+ * WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
+ * ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
+ * OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
+ */
+
+package com.github.nwillc.ksvg.elements
+
+import com.github.nwillc.ksvg.attributes.AttributeProperty
+import com.github.nwillc.ksvg.attributes.AttributeType
+
+/**
+ * An SVG path element.
+ */
+class PATH(validation: Boolean = false) : Region("path", validation) {
+       /**
+        * The path definition.
+        */
+       var d: String? by AttributeProperty(type = AttributeType.Path)
+}
diff --git a/src/mapMain/kotlin/com/github/nwillc/ksvg/elements/POLYGON.kt b/src/mapMain/kotlin/com/github/nwillc/ksvg/elements/POLYGON.kt
new file mode 100644 (file)
index 0000000..bfe89b9
--- /dev/null
@@ -0,0 +1,30 @@
+/*
+ * Copyright (c) 2020, nwillc@gmail.com
+ *
+ * Permission to use, copy, modify, and/or distribute this software for any
+ * purpose with or without fee is hereby granted, provided that the above
+ * copyright notice and this permission notice appear in all copies.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
+ * WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
+ * MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
+ * ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
+ * WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
+ * ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
+ * OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
+ */
+
+package com.github.nwillc.ksvg.elements
+
+import com.github.nwillc.ksvg.attributes.AttributeProperty
+import com.github.nwillc.ksvg.attributes.AttributeType
+
+/**
+ * An SVG polygon element.
+ */
+class POLYGON(validation: Boolean = false) : Region("polygon", validation) {
+       /**
+        * The points defining the x and y coordinates for each corner of the polygon.
+        */
+       var points: String? by AttributeProperty(type = AttributeType.Path)
+}
diff --git a/src/mapMain/kotlin/com/github/nwillc/ksvg/elements/RECT.kt b/src/mapMain/kotlin/com/github/nwillc/ksvg/elements/RECT.kt
new file mode 100644 (file)
index 0000000..136701c
--- /dev/null
@@ -0,0 +1,32 @@
+/*
+ * Copyright (c) 2020, nwillc@gmail.com
+ *
+ * Permission to use, copy, modify, and/or distribute this software for any
+ * purpose with or without fee is hereby granted, provided that the above
+ * copyright notice and this permission notice appear in all copies.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
+ * WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
+ * MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
+ * ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
+ * WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
+ * ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
+ * OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
+ */
+
+package com.github.nwillc.ksvg.elements
+
+import com.github.nwillc.ksvg.attributes.*
+
+/**
+ * An SVG rect element.
+ */
+class RECT(validation: Boolean = false, hasAttributes: HasAttributes = HasAttributesImpl(validation)) :
+       Region("rect", validation, hasAttributes),
+       HasOrigin by HasOriginImpl(hasAttributes),
+       HasDimensions by HasDimensionsImpl(hasAttributes) {
+       /**
+        * Add a title to the rect.
+        */
+       fun title(block: TITLE.() -> Unit): TITLE = add(TITLE(validation), block)
+}
diff --git a/src/mapMain/kotlin/com/github/nwillc/ksvg/elements/Region.kt b/src/mapMain/kotlin/com/github/nwillc/ksvg/elements/Region.kt
new file mode 100644 (file)
index 0000000..e595644
--- /dev/null
@@ -0,0 +1,32 @@
+/*
+ * Copyright (c) 2020, nwillc@gmail.com
+ *
+ * Permission to use, copy, modify, and/or distribute this software for any
+ * purpose with or without fee is hereby granted, provided that the above
+ * copyright notice and this permission notice appear in all copies.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
+ * WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
+ * MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
+ * ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
+ * WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
+ * ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
+ * OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
+ */
+
+package com.github.nwillc.ksvg.elements
+
+import com.github.nwillc.ksvg.attributes.*
+
+/**
+ * An abstract element that is a region and therefore has stroke and fill.
+ */
+abstract class Region(
+       name: String,
+       validation: Boolean,
+       hasAttributes: HasAttributes = HasAttributesImpl(validation)
+) :
+       Element(name, validation, hasAttributes),
+       HasStroke by HasStrokeImpl(hasAttributes),
+       HasFill by HasFillImpl(hasAttributes),
+       HasClipPath by HasClipPathImpl(hasAttributes)
diff --git a/src/mapMain/kotlin/com/github/nwillc/ksvg/elements/STYLE.kt b/src/mapMain/kotlin/com/github/nwillc/ksvg/elements/STYLE.kt
new file mode 100644 (file)
index 0000000..a0def8b
--- /dev/null
@@ -0,0 +1,22 @@
+/*
+ * Copyright (c) 2020, nwillc@gmail.com
+ *
+ * Permission to use, copy, modify, and/or distribute this software for any
+ * purpose with or without fee is hereby granted, provided that the above
+ * copyright notice and this permission notice appear in all copies.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
+ * WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
+ * MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
+ * ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
+ * WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
+ * ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
+ * OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
+ */
+
+package com.github.nwillc.ksvg.elements
+
+/**
+ * An SVG style element.
+ */
+class STYLE(validation: Boolean) : Element("style", validation)
diff --git a/src/mapMain/kotlin/com/github/nwillc/ksvg/elements/SVG.kt b/src/mapMain/kotlin/com/github/nwillc/ksvg/elements/SVG.kt
new file mode 100644 (file)
index 0000000..6c6cc98
--- /dev/null
@@ -0,0 +1,70 @@
+/*
+ * Copyright (c) 2020, nwillc@gmail.com
+ *
+ * Permission to use, copy, modify, and/or distribute this software for any
+ * purpose with or without fee is hereby granted, provided that the above
+ * copyright notice and this permission notice appear in all copies.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
+ * WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
+ * MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
+ * ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
+ * WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
+ * ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
+ * OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
+ */
+
+package com.github.nwillc.ksvg.elements
+
+import com.github.nwillc.ksvg.RenderMode
+import com.github.nwillc.ksvg.attributes.*
+
+/**
+ * The SVG element itself.
+ */
+class SVG(validation: Boolean = false, hasAttributes: HasAttributes = HasAttributesImpl(validation)) :
+       Container("svg", validation, hasAttributes),
+       HasDimensions by HasDimensionsImpl(hasAttributes) {
+       /**
+        * Top level functions.
+        */
+       companion object {
+               /**
+                * Create an SVG element.
+                */
+               inline fun svg(validation: Boolean = false, block: SVG.() -> Unit): SVG = SVG(validation).apply(block)
+       }
+       
+       /**
+        * The viewBox attribute.
+        */
+       var viewBox: String? by AttributeProperty("viewBox", AttributeType.NumberList)
+       
+       /**
+        * Create a group element in this svg.
+        */
+       fun defs(block: DEFS.() -> Unit): DEFS = add(DEFS(validation), block)
+       
+       /**
+        * Create a style element.
+        */
+       fun style(block: STYLE.() -> Unit): STYLE = add(STYLE(validation), block)
+       
+       override fun getAttributes(renderMode: RenderMode): Map<String, String> = if (renderMode == RenderMode.FILE) {
+               mutableMapOf(
+                       "xmlns" to "http://www.w3.org/2000/svg",
+                       "xmlns:xlink" to "http://www.w3.org/1999/xlink",
+               ).also {
+                       it.putAll(attributes)
+               }
+       } else {
+               super.getAttributes(renderMode)
+       }
+       
+       override fun render(appendable: Appendable, renderMode: RenderMode) {
+               if (renderMode == RenderMode.FILE) {
+                       appendable.append("<?xml version=\"1.0\" encoding=\"UTF-8\" ?>\n")
+               }
+               super.render(appendable, renderMode)
+       }
+}
diff --git a/src/mapMain/kotlin/com/github/nwillc/ksvg/elements/SVGTooltip.kt b/src/mapMain/kotlin/com/github/nwillc/ksvg/elements/SVGTooltip.kt
new file mode 100644 (file)
index 0000000..52b98de
--- /dev/null
@@ -0,0 +1,3 @@
+package com.github.nwillc.ksvg.elements
+
+data class SVGTooltip(val id: String, val innerHTML: String)
diff --git a/src/mapMain/kotlin/com/github/nwillc/ksvg/elements/SvgTagMarker.kt b/src/mapMain/kotlin/com/github/nwillc/ksvg/elements/SvgTagMarker.kt
new file mode 100644 (file)
index 0000000..94bca6d
--- /dev/null
@@ -0,0 +1,23 @@
+/*
+ * Copyright (c) 2020, nwillc@gmail.com
+ *
+ * Permission to use, copy, modify, and/or distribute this software for any
+ * purpose with or without fee is hereby granted, provided that the above
+ * copyright notice and this permission notice appear in all copies.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
+ * WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
+ * MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
+ * ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
+ * WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
+ * ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
+ * OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
+ */
+
+package com.github.nwillc.ksvg.elements
+
+/**
+ * Indicates something is an SVG DSL marker.
+ */
+@DslMarker
+annotation class SvgTagMarker
diff --git a/src/mapMain/kotlin/com/github/nwillc/ksvg/elements/TEXT.kt b/src/mapMain/kotlin/com/github/nwillc/ksvg/elements/TEXT.kt
new file mode 100644 (file)
index 0000000..3749140
--- /dev/null
@@ -0,0 +1,50 @@
+/*
+ * Copyright (c) 2020, nwillc@gmail.com
+ *
+ * Permission to use, copy, modify, and/or distribute this software for any
+ * purpose with or without fee is hereby granted, provided that the above
+ * copyright notice and this permission notice appear in all copies.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
+ * WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
+ * MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
+ * ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
+ * WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
+ * ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
+ * OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
+ */
+
+package com.github.nwillc.ksvg.elements
+
+import com.github.nwillc.ksvg.attributes.*
+
+/**
+ * An SVG text element.
+ */
+class TEXT(validation: Boolean = false, hasAttributes: HasAttributes = HasAttributesImpl(validation)) :
+       Element("text", validation, hasAttributes),
+       HasOrigin by HasOriginImpl(hasAttributes),
+       HasFill by HasFillImpl(hasAttributes),
+       HasStroke by HasStrokeImpl(hasAttributes),
+       HasClipPath by HasClipPathImpl(hasAttributes) {
+       
+       /**
+        * The font size attributes.
+        */
+       var fontSize: String? by AttributeProperty(type = AttributeType.Length)
+       
+       /**
+        * The font family.
+        */
+       var fontFamily: String? by AttributeProperty()
+       
+       /**
+        * The textLength attribute.
+        */
+       var textLength: String? by AttributeProperty(renamed = "textLength", type = AttributeType.LengthOrPercentage)
+       
+       /**
+        * The text-anchor attribute.
+        */
+       var textAnchor: String? by AttributeProperty(type = AttributeType.TextAnchor)
+}
diff --git a/src/mapMain/kotlin/com/github/nwillc/ksvg/elements/TITLE.kt b/src/mapMain/kotlin/com/github/nwillc/ksvg/elements/TITLE.kt
new file mode 100644 (file)
index 0000000..20b18e5
--- /dev/null
@@ -0,0 +1,22 @@
+/*
+ * Copyright (c) 2020, nwillc@gmail.com
+ *
+ * Permission to use, copy, modify, and/or distribute this software for any
+ * purpose with or without fee is hereby granted, provided that the above
+ * copyright notice and this permission notice appear in all copies.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
+ * WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
+ * MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
+ * ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
+ * WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
+ * ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
+ * OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
+ */
+
+package com.github.nwillc.ksvg.elements
+
+/**
+ * An SVG title element.
+ */
+class TITLE(validation: Boolean = false) : Element("title", validation)
diff --git a/src/mapMain/kotlin/com/github/nwillc/ksvg/elements/USE.kt b/src/mapMain/kotlin/com/github/nwillc/ksvg/elements/USE.kt
new file mode 100644 (file)
index 0000000..01b0279
--- /dev/null
@@ -0,0 +1,43 @@
+/*
+ * Copyright (c) 2020, nwillc@gmail.com
+ *
+ * Permission to use, copy, modify, and/or distribute this software for any
+ * purpose with or without fee is hereby granted, provided that the above
+ * copyright notice and this permission notice appear in all copies.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
+ * WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
+ * MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
+ * ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
+ * WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
+ * ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
+ * OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
+ */
+
+package com.github.nwillc.ksvg.elements
+
+import com.github.nwillc.ksvg.RenderMode
+import com.github.nwillc.ksvg.attributes.*
+
+/**
+ * An SVG use element.
+ */
+class USE(validation: Boolean = false, hasAttributes: HasAttributes = HasAttributesImpl(validation)) :
+       Element("use", validation, hasAttributes),
+       HasOrigin by HasOriginImpl(hasAttributes),
+       HasDimensions by HasDimensionsImpl(hasAttributes) {
+       
+       /**
+        * The reference URL.
+        */
+       var href: String? by AttributeProperty()
+       
+       override fun getAttributes(renderMode: RenderMode): Map<String, String> =
+               if (renderMode == RenderMode.INLINE) HashMap(attributes).apply {
+                       remove("href")?.let { href ->
+                               put("xlink:href", href)
+                       }
+               } else {
+                       attributes
+               }
+}
diff --git a/src/mapMain/kotlin/externals/hammer/HammerJS.kt b/src/mapMain/kotlin/externals/hammer/HammerJS.kt
new file mode 100644 (file)
index 0000000..1a62312
--- /dev/null
@@ -0,0 +1,270 @@
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS", "EXTERNAL_DELEGATION", "unused", "UNUSED_PARAMETER", "NOTHING_TO_INLINE", "PropertyName")
+
+package externals.hammer
+
+import org.w3c.dom.HTMLElement
+import org.w3c.dom.events.EventTarget
+import org.w3c.dom.svg.SVGElement
+
+external val Hammer: HammerStatic
+
+external interface HammerStatic {
+       var defaults: HammerDefaults
+       var VERSION: Number
+       var INPUT_START: String /* 1 */
+       var INPUT_MOVE: String /* 2 */
+       var INPUT_END: String /* 4 */
+       var INPUT_CANCEL: String /* 8 */
+       var STATE_POSSIBLE: String /* 1 */
+       var STATE_BEGAN: String /* 2 */
+       var STATE_CHANGED: String /* 4 */
+       var STATE_ENDED: String /* 8 */
+       var STATE_RECOGNIZED: String /* 8 */
+       var STATE_CANCELLED: String /* 16 */
+       var STATE_FAILED: String /* 32 */
+       var DIRECTION_NONE: String /* 1 */
+       var DIRECTION_LEFT: String /* 2 */
+       var DIRECTION_RIGHT: String /* 4 */
+       var DIRECTION_UP: String /* 8 */
+       var DIRECTION_DOWN: String /* 16 */
+       var DIRECTION_HORIZONTAL: String /* 6 */
+       var DIRECTION_VERTICAL: String /* 24 */
+       var DIRECTION_ALL: String /* 30 */
+       var Manager: HammerManagerConstructor
+       var Input: HammerInput
+       var TouchAction: TouchAction
+       var TouchInput: TouchInput
+       var MouseInput: MouseInput
+       var PointerEventInput: PointerEventInput
+       var TouchMouseInput: TouchMouseInput
+       var SingleTouchInput: SingleTouchInput
+       var Recognizer: RecognizerStatic
+       var AttrRecognizer: AttrRecognizerStatic
+       var Tap: TapRecognizerStatic
+       var Pan: PanRecognizerStatic
+       var Swipe: SwipeRecognizerStatic
+       var Pinch: PinchRecognizerStatic
+       var Rotate: RotateRecognizerStatic
+       var Press: PressRecognizerStatic
+       fun on(target: EventTarget, types: String, handler: Function<*>)
+       fun off(target: EventTarget, types: String, handler: Function<*>)
+       fun each(obj: Any, iterator: Function<*>, context: Any)
+       fun merge(dest: Any, src: Any): Any
+       fun extend(dest: Any, src: Any, merge: Boolean): Any
+       fun inherit(child: Function<*>, base: Function<*>, properties: Any): Any
+       fun bindFn(fn: Function<*>, context: Any): Function<*>
+       fun prefixed(obj: Any, property: String): String
+}
+
+inline operator fun HammerStatic.invoke(element: HTMLElement) = js("new Hammer(element)").unsafeCast<HammerManager>()
+inline operator fun HammerStatic.invoke(element: HTMLElement, options: HammerOptions) = js("new Hammer(element, options)").unsafeCast<HammerManager>()
+
+inline operator fun HammerStatic.invoke(element: SVGElement) = js("new Hammer(element)").unsafeCast<HammerManager>()
+inline operator fun HammerStatic.invoke(element: SVGElement, options: HammerOptions) = js("new Hammer(element, options)").unsafeCast<HammerManager>()
+
+external interface HammerDefaults : HammerOptions {
+       override var enable: Boolean
+}
+
+external interface CssProps {
+       var contentZooming: String
+       var tapHighlightColor: String
+       var touchCallout: String
+       var touchSelect: String
+       var userDrag: String
+       var userSelect: String
+}
+
+external interface HammerOptions {
+       var cssProps: CssProps?
+               get() = definedExternally
+               set(value) = definedExternally
+       var domEvents: Boolean?
+               get() = definedExternally
+               set(value) = definedExternally
+       var enable: dynamic /* Boolean | (manager: HammerManager) -> Boolean | Nothing? */
+               get() = definedExternally
+               set(value) = definedExternally
+       var preset: Array<dynamic /* dynamic | dynamic | dynamic | dynamic */>?
+               get() = definedExternally
+               set(value) = definedExternally
+       var touchAction: String?
+               get() = definedExternally
+               set(value) = definedExternally
+       var recognizers: Array<dynamic /* dynamic | dynamic | dynamic | dynamic */>?
+               get() = definedExternally
+               set(value) = definedExternally
+       var inputClass: HammerInput?
+               get() = definedExternally
+               set(value) = definedExternally
+       var inputTarget: EventTarget?
+               get() = definedExternally
+               set(value) = definedExternally
+}
+
+external interface HammerManagerConstructor
+
+external interface HammerManager {
+       fun add(recogniser: Recognizer): dynamic
+       fun add(recogniser: Array<Recognizer>): dynamic
+       fun destroy()
+       fun emit(event: String, data: Any)
+       fun get(recogniser: Recognizer): Recognizer
+       fun get(recogniser: String): Recognizer
+       fun off(events: String, handler: (HammerInput) -> Unit = definedExternally)
+       fun on(events: String, handler: (HammerInput) -> Unit)
+       fun recognize(inputData: Any)
+       fun remove(recogniser: Recognizer): HammerManager
+       fun remove(recogniser: String): HammerManager
+       fun set(options: HammerOptions): HammerManager
+       fun stop(force: Boolean)
+}
+
+open external class HammerInput(manager: HammerManager, callback: Function<*>) {
+       open fun destroy()
+       open fun handler()
+       open fun init()
+       open fun preventDefault()
+       open var type: String
+       open var deltaX: Number
+       open var deltaY: Number
+       open var deltaTime: Number
+       open var distance: Number
+       open var angle: Number
+       open var velocityX: Number
+       open var velocityY: Number
+       open var velocity: Number
+       open var overallVelocity: Number
+       open var overallVelocityX: Number
+       open var overallVelocityY: Number
+       open var direction: Number
+       open var offsetDirection: Number
+       open var scale: Number
+       open var rotation: Number
+       open var center: HammerPoint
+       open var srcEvent: dynamic /* TouchEvent | MouseEvent | PointerEvent */
+       open var target: HTMLElement
+       open var pointerType: String
+       open var eventType: dynamic /* Any */
+       open var isFirst: Boolean
+       open var isFinal: Boolean
+       open var pointers: Array<Any>
+       open var changedPointers: Array<Any>
+       open var maxPointers: Number
+       open var timeStamp: Number
+}
+
+open external class MouseInput(manager: HammerManager, callback: Function<*>) : HammerInput
+
+open external class PointerEventInput(manager: HammerManager, callback: Function<*>) : HammerInput
+
+open external class SingleTouchInput(manager: HammerManager, callback: Function<*>) : HammerInput
+
+open external class TouchInput(manager: HammerManager, callback: Function<*>) : HammerInput
+
+open external class TouchMouseInput(manager: HammerManager, callback: Function<*>) : HammerInput
+
+external interface RecognizerOptions {
+       var direction: dynamic
+               get() = definedExternally
+               set(value) = definedExternally
+       var enable: dynamic /* Boolean | (recognizer: Recognizer, inputData: HammerInput) -> Boolean | Nothing? */
+               get() = definedExternally
+               set(value) = definedExternally
+       var event: String?
+               get() = definedExternally
+               set(value) = definedExternally
+       var interval: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+       var pointers: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+       var posThreshold: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+       var taps: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+       var threshold: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+       var time: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+       var velocity: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+}
+
+external interface RecognizerStatic
+
+external interface Recognizer {
+       var defaults: Any
+       fun canEmit(): Boolean
+       fun canRecognizeWith(otherRecognizer: Recognizer): Boolean
+       fun dropRecognizeWith(otherRecognizer: Recognizer): Recognizer
+       fun dropRecognizeWith(otherRecognizer: Array<Recognizer>): Recognizer
+       fun dropRecognizeWith(otherRecognizer: String): Recognizer
+       fun dropRequireFailure(otherRecognizer: Recognizer): Recognizer
+       fun dropRequireFailure(otherRecognizer: Array<Recognizer>): Recognizer
+       fun dropRequireFailure(otherRecognizer: String): Recognizer
+       fun emit(input: HammerInput)
+       fun getTouchAction(): Array<Any>
+       fun hasRequireFailures(): Boolean
+       fun process(inputData: HammerInput): String
+       fun recognize(inputData: HammerInput)
+       fun recognizeWith(otherRecognizer: Recognizer): Recognizer
+       fun recognizeWith(otherRecognizer: Array<Recognizer>): Recognizer
+       fun recognizeWith(otherRecognizer: String): Recognizer
+       fun requireFailure(otherRecognizer: Recognizer): Recognizer
+       fun requireFailure(otherRecognizer: Array<Recognizer>): Recognizer
+       fun requireFailure(otherRecognizer: String): Recognizer
+       fun reset()
+       fun set(options: RecognizerOptions = definedExternally): Recognizer
+       fun tryEmit(input: HammerInput)
+}
+
+external interface AttrRecognizerStatic {
+       fun attrTest(input: HammerInput): Boolean
+       fun process(input: HammerInput): Any
+}
+
+external interface AttrRecognizer : Recognizer
+
+external interface PanRecognizerStatic
+
+external interface PanRecognizer : AttrRecognizer
+
+external interface PinchRecognizerStatic
+
+external interface PinchRecognizer : AttrRecognizer
+
+external interface PressRecognizerStatic
+
+external interface PressRecognizer : AttrRecognizer
+
+external interface RotateRecognizerStatic
+
+external interface RotateRecognizer : AttrRecognizer
+
+external interface SwipeRecognizerStatic
+
+external interface SwipeRecognizer : AttrRecognizer
+
+external interface TapRecognizerStatic
+
+external interface TapRecognizer : AttrRecognizer
+
+open external class TouchAction(manager: HammerManager, value: String) {
+       open fun compute(): String
+       open fun preventDefaults(input: HammerInput)
+       open fun preventSrc(srcEvent: Any)
+       open fun set(value: String)
+       open fun update()
+}
+
+external interface HammerPoint {
+       var x: Number
+       var y: Number
+}
diff --git a/src/mapMain/kotlin/externals/threejs/0_extraDefs.module_three.kt b/src/mapMain/kotlin/externals/threejs/0_extraDefs.module_three.kt
new file mode 100644 (file)
index 0000000..9421115
--- /dev/null
@@ -0,0 +1,19 @@
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS", "DEPRECATION")
+
+package externals.threejs
+
+external interface StringDict<Type> {
+       @nativeGetter
+       operator fun get(key: String): Type?
+       
+       @nativeSetter
+       operator fun set(key: String, value: Type)
+}
+
+external interface ArrayLike<Type> {
+       @nativeGetter
+       operator fun get(key: Number): Type?
+       
+       @nativeSetter
+       operator fun set(key: Number, value: Type)
+}
diff --git a/src/mapMain/kotlin/externals/threejs/AmbientLight.module_three.kt b/src/mapMain/kotlin/externals/threejs/AmbientLight.module_three.kt
new file mode 100644 (file)
index 0000000..75fd964
--- /dev/null
@@ -0,0 +1,17 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class AmbientLight : Light {
+       constructor(color: Color = definedExternally, intensity: Number = definedExternally)
+       constructor()
+       constructor(color: Color = definedExternally)
+       constructor(color: String = definedExternally, intensity: Number = definedExternally)
+       constructor(color: String = definedExternally)
+       constructor(color: Number = definedExternally, intensity: Number = definedExternally)
+       constructor(color: Number = definedExternally)
+       
+       override var type: String
+       open var isAmbientLight: Boolean
+}
diff --git a/src/mapMain/kotlin/externals/threejs/AmbientLightProbe.module_three.kt b/src/mapMain/kotlin/externals/threejs/AmbientLightProbe.module_three.kt
new file mode 100644 (file)
index 0000000..a810a15
--- /dev/null
@@ -0,0 +1,16 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class AmbientLightProbe : LightProbe {
+       constructor(color: Color = definedExternally, intensity: Number = definedExternally)
+       constructor()
+       constructor(color: Color = definedExternally)
+       constructor(color: String = definedExternally, intensity: Number = definedExternally)
+       constructor(color: String = definedExternally)
+       constructor(color: Number = definedExternally, intensity: Number = definedExternally)
+       constructor(color: Number = definedExternally)
+       
+       open var isAmbientLightProbe: Boolean
+}
diff --git a/src/mapMain/kotlin/externals/threejs/AnimationAction.module_three.kt b/src/mapMain/kotlin/externals/threejs/AnimationAction.module_three.kt
new file mode 100644 (file)
index 0000000..05a22fd
--- /dev/null
@@ -0,0 +1,42 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class AnimationAction(mixer: AnimationMixer, clip: AnimationClip, localRoot: Object3D = definedExternally, blendMode: AnimationBlendMode = definedExternally) {
+       open var blendMode: AnimationBlendMode
+       open var loop: AnimationActionLoopStyles
+       open var time: Number
+       open var timeScale: Number
+       open var weight: Number
+       open var repetitions: Number
+       open var paused: Boolean
+       open var enabled: Boolean
+       open var clampWhenFinished: Boolean
+       open var zeroSlopeAtStart: Boolean
+       open var zeroSlopeAtEnd: Boolean
+       open fun play(): AnimationAction
+       open fun stop(): AnimationAction
+       open fun reset(): AnimationAction
+       open fun isRunning(): Boolean
+       open fun isScheduled(): Boolean
+       open fun startAt(time: Number): AnimationAction
+       open fun setLoop(mode: AnimationActionLoopStyles, repetitions: Number): AnimationAction
+       open fun setEffectiveWeight(weight: Number): AnimationAction
+       open fun getEffectiveWeight(): Number
+       open fun fadeIn(duration: Number): AnimationAction
+       open fun fadeOut(duration: Number): AnimationAction
+       open fun crossFadeFrom(fadeOutAction: AnimationAction, duration: Number, warp: Boolean): AnimationAction
+       open fun crossFadeTo(fadeInAction: AnimationAction, duration: Number, warp: Boolean): AnimationAction
+       open fun stopFading(): AnimationAction
+       open fun setEffectiveTimeScale(timeScale: Number): AnimationAction
+       open fun getEffectiveTimeScale(): Number
+       open fun setDuration(duration: Number): AnimationAction
+       open fun syncWith(action: AnimationAction): AnimationAction
+       open fun halt(duration: Number): AnimationAction
+       open fun warp(statTimeScale: Number, endTimeScale: Number, duration: Number): AnimationAction
+       open fun stopWarping(): AnimationAction
+       open fun getMixer(): AnimationMixer
+       open fun getClip(): AnimationClip
+       open fun getRoot(): Object3D
+}
diff --git a/src/mapMain/kotlin/externals/threejs/AnimationClip.module_three.kt b/src/mapMain/kotlin/externals/threejs/AnimationClip.module_three.kt
new file mode 100644 (file)
index 0000000..32792aa
--- /dev/null
@@ -0,0 +1,33 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external interface MorphTarget {
+       var name: String
+       var vertices: Array<Vector3>
+}
+
+external open class AnimationClip(name: String = definedExternally, duration: Number = definedExternally, tracks: Array<KeyframeTrack> = definedExternally, blendMode: AnimationBlendMode = definedExternally) {
+       open var name: String
+       open var tracks: Array<KeyframeTrack>
+       open var blendMode: AnimationBlendMode
+       open var duration: Number
+       open var uuid: String
+       open var results: Array<Any>
+       open fun resetDuration(): AnimationClip
+       open fun trim(): AnimationClip
+       open fun validate(): Boolean
+       open fun optimize(): AnimationClip
+       open fun clone(): AnimationClip /* this */
+       open fun toJSON(clip: AnimationClip): Any
+       
+       companion object {
+               fun CreateFromMorphTargetSequence(name: String, morphTargetSequence: Array<MorphTarget>, fps: Number, noLoop: Boolean): AnimationClip
+               fun findByName(clipArray: Array<AnimationClip>, name: String): AnimationClip
+               fun CreateClipsFromMorphTargetSequences(morphTargets: Array<MorphTarget>, fps: Number, noLoop: Boolean): Array<AnimationClip>
+               fun parse(json: Any): AnimationClip
+               fun parseAnimation(animation: Any, bones: Array<Bone>): AnimationClip
+               fun toJSON(clip: AnimationClip): Any
+       }
+}
diff --git a/src/mapMain/kotlin/externals/threejs/AnimationLoader.module_three.kt b/src/mapMain/kotlin/externals/threejs/AnimationLoader.module_three.kt
new file mode 100644 (file)
index 0000000..e1fac41
--- /dev/null
@@ -0,0 +1,12 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+import org.w3c.dom.ErrorEvent
+import org.w3c.xhr.ProgressEvent
+
+external open class AnimationLoader(manager: LoadingManager = definedExternally) : Loader<Array<AnimationClip>> {
+       open fun load(url: String, onLoad: (response: Array<AnimationClip>) -> Unit, onProgress: (request: ProgressEvent) -> Unit = definedExternally, onError: (event: ErrorEvent) -> Unit = definedExternally)
+       open fun parse(json: Any): Array<AnimationClip>
+}
diff --git a/src/mapMain/kotlin/externals/threejs/AnimationMixer.module_three.kt b/src/mapMain/kotlin/externals/threejs/AnimationMixer.module_three.kt
new file mode 100644 (file)
index 0000000..db9ebfe
--- /dev/null
@@ -0,0 +1,32 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+import org.w3c.dom.events.EventTarget
+
+external open class AnimationMixer : EventTarget {
+       constructor(root: Object3D)
+       constructor(root: AnimationObjectGroup)
+       
+       open var time: Number
+       open var timeScale: Number
+       open fun clipAction(clip: AnimationClip, root: Object3D = definedExternally, blendMode: AnimationBlendMode = definedExternally): AnimationAction
+       open fun clipAction(clip: AnimationClip): AnimationAction
+       open fun clipAction(clip: AnimationClip, root: Object3D = definedExternally): AnimationAction
+       open fun clipAction(clip: AnimationClip, root: AnimationObjectGroup = definedExternally, blendMode: AnimationBlendMode = definedExternally): AnimationAction
+       open fun clipAction(clip: AnimationClip, root: AnimationObjectGroup = definedExternally): AnimationAction
+       open fun existingAction(clip: AnimationClip, root: Object3D = definedExternally): AnimationAction?
+       open fun existingAction(clip: AnimationClip): AnimationAction?
+       open fun existingAction(clip: AnimationClip, root: AnimationObjectGroup = definedExternally): AnimationAction?
+       open fun stopAllAction(): AnimationMixer
+       open fun update(deltaTime: Number): AnimationMixer
+       open fun setTime(timeInSeconds: Number): AnimationMixer
+       open fun getRoot(): dynamic /* Object3D | AnimationObjectGroup */
+       open fun uncacheClip(clip: AnimationClip)
+       open fun uncacheRoot(root: Object3D)
+       open fun uncacheRoot(root: AnimationObjectGroup)
+       open fun uncacheAction(clip: AnimationClip, root: Object3D = definedExternally)
+       open fun uncacheAction(clip: AnimationClip)
+       open fun uncacheAction(clip: AnimationClip, root: AnimationObjectGroup = definedExternally)
+}
diff --git a/src/mapMain/kotlin/externals/threejs/AnimationObjectGroup.module_three.kt b/src/mapMain/kotlin/externals/threejs/AnimationObjectGroup.module_three.kt
new file mode 100644 (file)
index 0000000..8aa71de
--- /dev/null
@@ -0,0 +1,23 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external interface AnonymousStruct56 {
+       var total: Number
+       var inUse: Number
+}
+
+external interface AnonymousStruct57 {
+       var bindingsPerObject: Number
+       var objects: AnonymousStruct56
+}
+
+external open class AnimationObjectGroup(vararg args: Any) {
+       open var uuid: String
+       open var stats: AnonymousStruct57
+       open var isAnimationObjectGroup: Boolean
+       open fun add(vararg args: Any)
+       open fun remove(vararg args: Any)
+       open fun uncache(vararg args: Any)
+}
diff --git a/src/mapMain/kotlin/externals/threejs/AnimationUtils.AnimationUtils.module_three.kt b/src/mapMain/kotlin/externals/threejs/AnimationUtils.AnimationUtils.module_three.kt
new file mode 100644 (file)
index 0000000..b8c0eb2
--- /dev/null
@@ -0,0 +1,22 @@
+@file:JsQualifier("THREE.AnimationUtils")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs.AnimationUtils
+
+import externals.threejs.AnimationClip
+
+external fun arraySlice(array: Any, from: Number, to: Number): Any
+
+external fun convertArray(array: Any, type: Any, forceClone: Boolean): Any
+
+external fun isTypedArray(obj: Any): Boolean
+
+external fun getKeyFrameOrder(times: Array<Number>): Array<Number>
+
+external fun sortedArray(values: Array<Any>, stride: Number, order: Array<Number>): Array<Any>
+
+external fun flattenJSON(jsonKeys: Array<String>, times: Array<Any>, values: Array<Any>, valuePropertyName: String)
+
+external fun subclip(sourceClip: AnimationClip, name: String, startFrame: Number, endFrame: Number, fps: Number = definedExternally): AnimationClip
+
+external fun makeClipAdditive(targetClip: AnimationClip, referenceFrame: Number = definedExternally, referenceClip: AnimationClip = definedExternally, fps: Number = definedExternally): AnimationClip
diff --git a/src/mapMain/kotlin/externals/threejs/ArcCurve.module_three.kt b/src/mapMain/kotlin/externals/threejs/ArcCurve.module_three.kt
new file mode 100644 (file)
index 0000000..41f5ccc
--- /dev/null
@@ -0,0 +1,8 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class ArcCurve(aX: Number, aY: Number, aRadius: Number, aStartAngle: Number, aEndAngle: Number, aClockwise: Boolean) : EllipseCurve {
+       override var type: String
+}
diff --git a/src/mapMain/kotlin/externals/threejs/ArrayCamera.module_three.kt b/src/mapMain/kotlin/externals/threejs/ArrayCamera.module_three.kt
new file mode 100644 (file)
index 0000000..037eca9
--- /dev/null
@@ -0,0 +1,9 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class ArrayCamera(cameras: Array<PerspectiveCamera> = definedExternally) : PerspectiveCamera {
+       open var cameras: Array<PerspectiveCamera>
+       open var isArrayCamera: Boolean
+}
diff --git a/src/mapMain/kotlin/externals/threejs/ArrowHelper.module_three.kt b/src/mapMain/kotlin/externals/threejs/ArrowHelper.module_three.kt
new file mode 100644 (file)
index 0000000..840c2db
--- /dev/null
@@ -0,0 +1,29 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class ArrowHelper : Object3D {
+       constructor(dir: Vector3 = definedExternally, origin: Vector3 = definedExternally, length: Number = definedExternally, color: Color = definedExternally, headLength: Number = definedExternally, headWidth: Number = definedExternally)
+       constructor()
+       constructor(dir: Vector3 = definedExternally)
+       constructor(dir: Vector3 = definedExternally, origin: Vector3 = definedExternally)
+       constructor(dir: Vector3 = definedExternally, origin: Vector3 = definedExternally, length: Number = definedExternally)
+       constructor(dir: Vector3 = definedExternally, origin: Vector3 = definedExternally, length: Number = definedExternally, color: Color = definedExternally)
+       constructor(dir: Vector3 = definedExternally, origin: Vector3 = definedExternally, length: Number = definedExternally, color: Color = definedExternally, headLength: Number = definedExternally)
+       constructor(dir: Vector3 = definedExternally, origin: Vector3 = definedExternally, length: Number = definedExternally, color: String = definedExternally, headLength: Number = definedExternally, headWidth: Number = definedExternally)
+       constructor(dir: Vector3 = definedExternally, origin: Vector3 = definedExternally, length: Number = definedExternally, color: String = definedExternally)
+       constructor(dir: Vector3 = definedExternally, origin: Vector3 = definedExternally, length: Number = definedExternally, color: String = definedExternally, headLength: Number = definedExternally)
+       constructor(dir: Vector3 = definedExternally, origin: Vector3 = definedExternally, length: Number = definedExternally, color: Number = definedExternally, headLength: Number = definedExternally, headWidth: Number = definedExternally)
+       constructor(dir: Vector3 = definedExternally, origin: Vector3 = definedExternally, length: Number = definedExternally, color: Number = definedExternally)
+       constructor(dir: Vector3 = definedExternally, origin: Vector3 = definedExternally, length: Number = definedExternally, color: Number = definedExternally, headLength: Number = definedExternally)
+       
+       override var type: String
+       open var line: Line
+       open var cone: Mesh
+       open fun setDirection(dir: Vector3)
+       open fun setLength(length: Number, headLength: Number = definedExternally, headWidth: Number = definedExternally)
+       open fun setColor(color: Color)
+       open fun setColor(color: String)
+       open fun setColor(color: Number)
+}
diff --git a/src/mapMain/kotlin/externals/threejs/AxesHelper.module_three.kt b/src/mapMain/kotlin/externals/threejs/AxesHelper.module_three.kt
new file mode 100644 (file)
index 0000000..ed6df88
--- /dev/null
@@ -0,0 +1,10 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class AxesHelper(size: Number = definedExternally) : LineSegments {
+       override var type: String
+       open fun setColors(xAxisColor: Color, yAxisColor: Color, zAxisColor: Color): AxesHelper /* this */
+       open fun dispose()
+}
diff --git a/src/mapMain/kotlin/externals/threejs/BattleCameraControls.module.kt b/src/mapMain/kotlin/externals/threejs/BattleCameraControls.module.kt
new file mode 100644 (file)
index 0000000..628808b
--- /dev/null
@@ -0,0 +1,60 @@
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+import org.w3c.dom.events.EventTarget
+
+external interface BattleCameraControlsSettings {
+       var panSpeed: Number?
+       
+       var zoomSpeed: Number?
+       
+       var rotationSpeed: Number?
+       
+       var minZoom: Number?
+       var maxZoom: Number?
+       
+       var rotationTop: Number?
+       var rotationBottom: Number?
+       
+       var cameraXBound: Number?
+       var cameraZBound: Number?
+       
+       var rotateMouseButton: Int?
+       var panForwardsKey: String?
+       var panLeftwardsKey: String?
+       var panBackwardsKey: String?
+       var panRightwardsKey: String?
+       
+       var domElement: EventTarget?
+       var keyDomElement: EventTarget?
+}
+
+external open class BattleCameraControls(camera: Camera, settings: BattleCameraControlsSettings) {
+       open fun update(dt: Double)
+       open fun dispose()
+       
+       open val camera: Camera
+       open val cameraParent: Group
+       
+       open var panSpeed: Number
+       open var zoomSpeed: Number
+       open var rotationSpeed: Number
+       open var minZoom: Number
+       open var maxZoom: Number
+       open var rotationTop: Number
+       open var rotationBottom: Number
+       open var cameraXBound: Number
+       open var cameraZBound: Number
+       open var rotateMouseButton: Int
+       open var panForwardsKey: String
+       open var panLeftwardsKey: String
+       open var panBackwardsKey: String
+       open var panRightwardsKey: String
+       
+       open var domElement: EventTarget
+       open var keyDomElement: EventTarget
+       
+       open var verticalRotation: Double
+       open var horizontalRotation: Double
+}
diff --git a/src/mapMain/kotlin/externals/threejs/Bone.module_three.kt b/src/mapMain/kotlin/externals/threejs/Bone.module_three.kt
new file mode 100644 (file)
index 0000000..0297a27
--- /dev/null
@@ -0,0 +1,9 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class Bone : Object3D {
+       open var isBone: Boolean
+       override var type: String /* "Bone" */
+}
diff --git a/src/mapMain/kotlin/externals/threejs/BooleanKeyframeTrack.module_three.kt b/src/mapMain/kotlin/externals/threejs/BooleanKeyframeTrack.module_three.kt
new file mode 100644 (file)
index 0000000..e199c44
--- /dev/null
@@ -0,0 +1,8 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class BooleanKeyframeTrack(name: String, times: Array<Any>, values: Array<Any>) : KeyframeTrack {
+       override var ValueTypeName: String
+}
diff --git a/src/mapMain/kotlin/externals/threejs/Box2.module_three.kt b/src/mapMain/kotlin/externals/threejs/Box2.module_three.kt
new file mode 100644 (file)
index 0000000..76efe87
--- /dev/null
@@ -0,0 +1,33 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class Box2(min: Vector2 = definedExternally, max: Vector2 = definedExternally) {
+       open var min: Vector2
+       open var max: Vector2
+       open fun set(min: Vector2, max: Vector2): Box2
+       open fun setFromPoints(points: Array<Vector2>): Box2
+       open fun setFromCenterAndSize(center: Vector2, size: Vector2): Box2
+       open fun clone(): Box2 /* this */
+       open fun copy(box: Box2): Box2 /* this */
+       open fun makeEmpty(): Box2
+       open fun isEmpty(): Boolean
+       open fun getCenter(target: Vector2): Vector2
+       open fun getSize(target: Vector2): Vector2
+       open fun expandByPoint(point: Vector2): Box2
+       open fun expandByVector(vector: Vector2): Box2
+       open fun expandByScalar(scalar: Number): Box2
+       open fun containsPoint(point: Vector2): Boolean
+       open fun containsBox(box: Box2): Boolean
+       open fun getParameter(point: Vector2, target: Vector2): Vector2
+       open fun intersectsBox(box: Box2): Boolean
+       open fun clampPoint(point: Vector2, target: Vector2): Vector2
+       open fun distanceToPoint(point: Vector2): Number
+       open fun intersect(box: Box2): Box2
+       open fun union(box: Box2): Box2
+       open fun translate(offset: Vector2): Box2
+       open fun equals(box: Box2): Boolean
+       open fun empty(): Any
+       open fun isIntersectionBox(b: Any): Any
+}
diff --git a/src/mapMain/kotlin/externals/threejs/Box3.module_three.kt b/src/mapMain/kotlin/externals/threejs/Box3.module_three.kt
new file mode 100644 (file)
index 0000000..dfa76f2
--- /dev/null
@@ -0,0 +1,44 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class Box3(min: Vector3 = definedExternally, max: Vector3 = definedExternally) {
+       open var min: Vector3
+       open var max: Vector3
+       open var isBox3: Boolean
+       open fun set(min: Vector3, max: Vector3): Box3 /* this */
+       open fun setFromArray(array: ArrayLike<Number>): Box3 /* this */
+       open fun setFromBufferAttribute(bufferAttribute: BufferAttribute): Box3 /* this */
+       open fun setFromPoints(points: Array<Vector3>): Box3 /* this */
+       open fun setFromCenterAndSize(center: Vector3, size: Vector3): Box3 /* this */
+       open fun setFromObject(obj: Object3D): Box3 /* this */
+       open fun clone(): Box3 /* this */
+       open fun copy(box: Box3): Box3 /* this */
+       open fun makeEmpty(): Box3 /* this */
+       open fun isEmpty(): Boolean
+       open fun getCenter(target: Vector3): Vector3
+       open fun getSize(target: Vector3): Vector3
+       open fun expandByPoint(point: Vector3): Box3 /* this */
+       open fun expandByVector(vector: Vector3): Box3 /* this */
+       open fun expandByScalar(scalar: Number): Box3 /* this */
+       open fun expandByObject(obj: Object3D): Box3 /* this */
+       open fun containsPoint(point: Vector3): Boolean
+       open fun containsBox(box: Box3): Boolean
+       open fun getParameter(point: Vector3, target: Vector3): Vector3
+       open fun intersectsBox(box: Box3): Boolean
+       open fun intersectsSphere(sphere: Sphere): Boolean
+       open fun intersectsPlane(plane: Plane): Boolean
+       open fun intersectsTriangle(triangle: Triangle): Boolean
+       open fun clampPoint(point: Vector3, target: Vector3): Vector3
+       open fun distanceToPoint(point: Vector3): Number
+       open fun getBoundingSphere(target: Sphere): Sphere
+       open fun intersect(box: Box3): Box3 /* this */
+       open fun union(box: Box3): Box3 /* this */
+       open fun applyMatrix4(matrix: Matrix4): Box3 /* this */
+       open fun translate(offset: Vector3): Box3 /* this */
+       open fun equals(box: Box3): Boolean
+       open fun empty(): Any
+       open fun isIntersectionBox(b: Any): Any
+       open fun isIntersectionSphere(s: Any): Any
+}
diff --git a/src/mapMain/kotlin/externals/threejs/Box3Helper.module_three.kt b/src/mapMain/kotlin/externals/threejs/Box3Helper.module_three.kt
new file mode 100644 (file)
index 0000000..4a2b8d4
--- /dev/null
@@ -0,0 +1,9 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class Box3Helper(box: Box3, color: Color = definedExternally) : LineSegments {
+       override var type: String
+       open var box: Box3
+}
diff --git a/src/mapMain/kotlin/externals/threejs/BoxGeometry.module_three.kt b/src/mapMain/kotlin/externals/threejs/BoxGeometry.module_three.kt
new file mode 100644 (file)
index 0000000..b06dba9
--- /dev/null
@@ -0,0 +1,22 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external interface AnonymousStruct62 {
+       var width: Number
+       var height: Number
+       var depth: Number
+       var widthSegments: Number
+       var heightSegments: Number
+       var depthSegments: Number
+}
+
+external open class BoxGeometry(width: Number = definedExternally, height: Number = definedExternally, depth: Number = definedExternally, widthSegments: Number = definedExternally, heightSegments: Number = definedExternally, depthSegments: Number = definedExternally) : BufferGeometry {
+       override var type: String
+       open var parameters: AnonymousStruct62
+       
+       companion object {
+               fun fromJSON(data: Any): BoxGeometry
+       }
+}
diff --git a/src/mapMain/kotlin/externals/threejs/BoxHelper.module_three.kt b/src/mapMain/kotlin/externals/threejs/BoxHelper.module_three.kt
new file mode 100644 (file)
index 0000000..db07780
--- /dev/null
@@ -0,0 +1,15 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class BoxHelper : LineSegments {
+       constructor(obj: Object3D, color: Color = definedExternally)
+       constructor(obj: Object3D)
+       constructor(obj: Object3D, color: String = definedExternally)
+       constructor(obj: Object3D, color: Number = definedExternally)
+       
+       override var type: String
+       open fun update(obj: Object3D = definedExternally)
+       open fun setFromObject(obj: Object3D): BoxHelper /* this */
+}
diff --git a/src/mapMain/kotlin/externals/threejs/BufferAttribute.module_three.kt b/src/mapMain/kotlin/externals/threejs/BufferAttribute.module_three.kt
new file mode 100644 (file)
index 0000000..c33769b
--- /dev/null
@@ -0,0 +1,214 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+import org.khronos.webgl.ArrayBuffer
+import org.khronos.webgl.ArrayBufferView
+
+external interface AnonymousStruct0 {
+       var offset: Number
+       var count: Number
+}
+
+external interface AnonymousStruct1 {
+       var r: Number
+       var g: Number
+       var b: Number
+}
+
+external interface AnonymousStruct2 {
+       var x: Number
+       var y: Number
+}
+
+external interface AnonymousStruct3 {
+       var x: Number
+       var y: Number
+       var z: Number
+}
+
+external interface AnonymousStruct4 {
+       var x: Number
+       var y: Number
+       var z: Number
+       var w: Number
+}
+
+external interface AnonymousStruct5 {
+       var itemSize: Number
+       var type: String
+       var array: Array<Number>
+       var normalized: Boolean
+}
+
+external open class BufferAttribute(array: ArrayLike<Number>, itemSize: Number, normalized: Boolean = definedExternally) {
+       open var name: String
+       open var array: ArrayLike<Number>
+       open var itemSize: Number
+       open var usage: Usage
+       open var updateRange: AnonymousStruct0
+       open var version: Number
+       open var normalized: Boolean
+       open var count: Number
+       open var isBufferAttribute: Boolean
+       open var onUploadCallback: () -> Unit
+       open fun onUpload(callback: () -> Unit): BufferAttribute /* this */
+       open fun setUsage(usage: Usage): BufferAttribute /* this */
+       open fun clone(): BufferAttribute /* this */
+       open fun copy(source: BufferAttribute): BufferAttribute /* this */
+       open fun copyAt(index1: Number, attribute: BufferAttribute, index2: Number): BufferAttribute /* this */
+       open fun copyArray(array: ArrayLike<Number>): BufferAttribute /* this */
+       open fun copyColorsArray(colors: Array<AnonymousStruct1>): BufferAttribute /* this */
+       open fun copyVector2sArray(vectors: Array<AnonymousStruct2>): BufferAttribute /* this */
+       open fun copyVector3sArray(vectors: Array<AnonymousStruct3>): BufferAttribute /* this */
+       open fun copyVector4sArray(vectors: Array<AnonymousStruct4>): BufferAttribute /* this */
+       open fun applyMatrix3(m: Matrix3): BufferAttribute /* this */
+       open fun applyMatrix4(m: Matrix4): BufferAttribute /* this */
+       open fun applyNormalMatrix(m: Matrix3): BufferAttribute /* this */
+       open fun transformDirection(m: Matrix4): BufferAttribute /* this */
+       open fun set(value: ArrayLike<Number>, offset: Number = definedExternally): BufferAttribute /* this */
+       open fun set(value: ArrayLike<Number>): BufferAttribute /* this */
+       open fun set(value: ArrayBufferView, offset: Number = definedExternally): BufferAttribute /* this */
+       open fun set(value: ArrayBufferView): BufferAttribute /* this */
+       open fun getX(index: Number): Number
+       open fun setX(index: Number, x: Number): BufferAttribute /* this */
+       open fun getY(index: Number): Number
+       open fun setY(index: Number, y: Number): BufferAttribute /* this */
+       open fun getZ(index: Number): Number
+       open fun setZ(index: Number, z: Number): BufferAttribute /* this */
+       open fun getW(index: Number): Number
+       open fun setW(index: Number, z: Number): BufferAttribute /* this */
+       open fun setXY(index: Number, x: Number, y: Number): BufferAttribute /* this */
+       open fun setXYZ(index: Number, x: Number, y: Number, z: Number): BufferAttribute /* this */
+       open fun setXYZW(index: Number, x: Number, y: Number, z: Number, w: Number): BufferAttribute /* this */
+       open fun toJSON(): AnonymousStruct5
+}
+
+external open class Int8Attribute(array: Any, itemSize: Number) : BufferAttribute
+
+external open class Uint8Attribute(array: Any, itemSize: Number) : BufferAttribute
+
+external open class Uint8ClampedAttribute(array: Any, itemSize: Number) : BufferAttribute
+
+external open class Int16Attribute(array: Any, itemSize: Number) : BufferAttribute
+
+external open class Uint16Attribute(array: Any, itemSize: Number) : BufferAttribute
+
+external open class Int32Attribute(array: Any, itemSize: Number) : BufferAttribute
+
+external open class Uint32Attribute(array: Any, itemSize: Number) : BufferAttribute
+
+external open class Float32Attribute(array: Any, itemSize: Number) : BufferAttribute
+
+external open class Float64Attribute(array: Any, itemSize: Number) : BufferAttribute
+
+external open class Int8BufferAttribute : BufferAttribute {
+       constructor(array: Iterable<Number>, itemSize: Number, normalized: Boolean = definedExternally)
+       constructor(array: Iterable<Number>, itemSize: Number)
+       constructor(array: ArrayLike<Number>, itemSize: Number, normalized: Boolean = definedExternally)
+       constructor(array: ArrayLike<Number>, itemSize: Number)
+       constructor(array: ArrayBuffer, itemSize: Number, normalized: Boolean = definedExternally)
+       constructor(array: ArrayBuffer, itemSize: Number)
+       constructor(array: Number, itemSize: Number, normalized: Boolean = definedExternally)
+       constructor(array: Number, itemSize: Number)
+}
+
+external open class Uint8BufferAttribute : BufferAttribute {
+       constructor(array: Iterable<Number>, itemSize: Number, normalized: Boolean = definedExternally)
+       constructor(array: Iterable<Number>, itemSize: Number)
+       constructor(array: ArrayLike<Number>, itemSize: Number, normalized: Boolean = definedExternally)
+       constructor(array: ArrayLike<Number>, itemSize: Number)
+       constructor(array: ArrayBuffer, itemSize: Number, normalized: Boolean = definedExternally)
+       constructor(array: ArrayBuffer, itemSize: Number)
+       constructor(array: Number, itemSize: Number, normalized: Boolean = definedExternally)
+       constructor(array: Number, itemSize: Number)
+}
+
+external open class Uint8ClampedBufferAttribute : BufferAttribute {
+       constructor(array: Iterable<Number>, itemSize: Number, normalized: Boolean = definedExternally)
+       constructor(array: Iterable<Number>, itemSize: Number)
+       constructor(array: ArrayLike<Number>, itemSize: Number, normalized: Boolean = definedExternally)
+       constructor(array: ArrayLike<Number>, itemSize: Number)
+       constructor(array: ArrayBuffer, itemSize: Number, normalized: Boolean = definedExternally)
+       constructor(array: ArrayBuffer, itemSize: Number)
+       constructor(array: Number, itemSize: Number, normalized: Boolean = definedExternally)
+       constructor(array: Number, itemSize: Number)
+}
+
+external open class Int16BufferAttribute : BufferAttribute {
+       constructor(array: Iterable<Number>, itemSize: Number, normalized: Boolean = definedExternally)
+       constructor(array: Iterable<Number>, itemSize: Number)
+       constructor(array: ArrayLike<Number>, itemSize: Number, normalized: Boolean = definedExternally)
+       constructor(array: ArrayLike<Number>, itemSize: Number)
+       constructor(array: ArrayBuffer, itemSize: Number, normalized: Boolean = definedExternally)
+       constructor(array: ArrayBuffer, itemSize: Number)
+       constructor(array: Number, itemSize: Number, normalized: Boolean = definedExternally)
+       constructor(array: Number, itemSize: Number)
+}
+
+external open class Uint16BufferAttribute : BufferAttribute {
+       constructor(array: Iterable<Number>, itemSize: Number, normalized: Boolean = definedExternally)
+       constructor(array: Iterable<Number>, itemSize: Number)
+       constructor(array: ArrayLike<Number>, itemSize: Number, normalized: Boolean = definedExternally)
+       constructor(array: ArrayLike<Number>, itemSize: Number)
+       constructor(array: ArrayBuffer, itemSize: Number, normalized: Boolean = definedExternally)
+       constructor(array: ArrayBuffer, itemSize: Number)
+       constructor(array: Number, itemSize: Number, normalized: Boolean = definedExternally)
+       constructor(array: Number, itemSize: Number)
+}
+
+external open class Int32BufferAttribute : BufferAttribute {
+       constructor(array: Iterable<Number>, itemSize: Number, normalized: Boolean = definedExternally)
+       constructor(array: Iterable<Number>, itemSize: Number)
+       constructor(array: ArrayLike<Number>, itemSize: Number, normalized: Boolean = definedExternally)
+       constructor(array: ArrayLike<Number>, itemSize: Number)
+       constructor(array: ArrayBuffer, itemSize: Number, normalized: Boolean = definedExternally)
+       constructor(array: ArrayBuffer, itemSize: Number)
+       constructor(array: Number, itemSize: Number, normalized: Boolean = definedExternally)
+       constructor(array: Number, itemSize: Number)
+}
+
+external open class Uint32BufferAttribute : BufferAttribute {
+       constructor(array: Iterable<Number>, itemSize: Number, normalized: Boolean = definedExternally)
+       constructor(array: Iterable<Number>, itemSize: Number)
+       constructor(array: ArrayLike<Number>, itemSize: Number, normalized: Boolean = definedExternally)
+       constructor(array: ArrayLike<Number>, itemSize: Number)
+       constructor(array: ArrayBuffer, itemSize: Number, normalized: Boolean = definedExternally)
+       constructor(array: ArrayBuffer, itemSize: Number)
+       constructor(array: Number, itemSize: Number, normalized: Boolean = definedExternally)
+       constructor(array: Number, itemSize: Number)
+}
+
+external open class Float16BufferAttribute : BufferAttribute {
+       constructor(array: Iterable<Number>, itemSize: Number, normalized: Boolean = definedExternally)
+       constructor(array: Iterable<Number>, itemSize: Number)
+       constructor(array: ArrayLike<Number>, itemSize: Number, normalized: Boolean = definedExternally)
+       constructor(array: ArrayLike<Number>, itemSize: Number)
+       constructor(array: ArrayBuffer, itemSize: Number, normalized: Boolean = definedExternally)
+       constructor(array: ArrayBuffer, itemSize: Number)
+       constructor(array: Number, itemSize: Number, normalized: Boolean = definedExternally)
+       constructor(array: Number, itemSize: Number)
+}
+
+external open class Float32BufferAttribute : BufferAttribute {
+       constructor(array: Iterable<Number>, itemSize: Number, normalized: Boolean = definedExternally)
+       constructor(array: Iterable<Number>, itemSize: Number)
+       constructor(array: ArrayLike<Number>, itemSize: Number, normalized: Boolean = definedExternally)
+       constructor(array: ArrayLike<Number>, itemSize: Number)
+       constructor(array: ArrayBuffer, itemSize: Number, normalized: Boolean = definedExternally)
+       constructor(array: ArrayBuffer, itemSize: Number)
+       constructor(array: Number, itemSize: Number, normalized: Boolean = definedExternally)
+       constructor(array: Number, itemSize: Number)
+}
+
+external open class Float64BufferAttribute : BufferAttribute {
+       constructor(array: Iterable<Number>, itemSize: Number, normalized: Boolean = definedExternally)
+       constructor(array: Iterable<Number>, itemSize: Number)
+       constructor(array: ArrayLike<Number>, itemSize: Number, normalized: Boolean = definedExternally)
+       constructor(array: ArrayLike<Number>, itemSize: Number)
+       constructor(array: ArrayBuffer, itemSize: Number, normalized: Boolean = definedExternally)
+       constructor(array: ArrayBuffer, itemSize: Number)
+       constructor(array: Number, itemSize: Number, normalized: Boolean = definedExternally)
+       constructor(array: Number, itemSize: Number)
+}
diff --git a/src/mapMain/kotlin/externals/threejs/BufferGeometry.module_three.kt b/src/mapMain/kotlin/externals/threejs/BufferGeometry.module_three.kt
new file mode 100644 (file)
index 0000000..94c9185
--- /dev/null
@@ -0,0 +1,100 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+import org.w3c.dom.events.EventTarget
+
+external interface AnonymousStruct44 {
+       @nativeGetter
+       operator fun get(name: String): dynamic /* BufferAttribute? | InterleavedBufferAttribute? */
+       
+       @nativeSetter
+       operator fun set(name: String, value: BufferAttribute)
+       
+       @nativeSetter
+       operator fun set(name: String, value: InterleavedBufferAttribute)
+}
+
+external interface AnonymousStruct45 {
+       @nativeGetter
+       operator fun get(name: String): Array<dynamic /* BufferAttribute | InterleavedBufferAttribute */>?
+       
+       @nativeSetter
+       operator fun set(name: String, value: Array<dynamic /* BufferAttribute | InterleavedBufferAttribute */>)
+}
+
+external interface AnonymousStruct46 {
+       var start: Number
+       var count: Number
+       var materialIndex: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+}
+
+external interface AnonymousStruct47 {
+       var start: Number
+       var count: Number
+}
+
+external open class BufferGeometry : EventTarget {
+       open var id: Number
+       open var uuid: String
+       open var name: String
+       open var type: String
+       open var index: BufferAttribute?
+       open var attributes: AnonymousStruct44
+       open var morphAttributes: AnonymousStruct45
+       open var morphTargetsRelative: Boolean
+       open var groups: Array<AnonymousStruct46>
+       open var boundingBox: Box3?
+       open var boundingSphere: Sphere?
+       open var drawRange: AnonymousStruct47
+       open var userData: dynamic
+       open var isBufferGeometry: Boolean
+       open fun getIndex(): BufferAttribute?
+       open fun setIndex(index: BufferAttribute?): BufferGeometry
+       open fun setIndex(index: Array<Number>?): BufferGeometry
+       open fun setAttribute(name: String /* "position" | "normal" | "uv" | "color" | "skinIndex" | "skinWeight" | "instanceMatrix" | "morphTarget0" | "morphTarget1" | "morphTarget2" | "morphTarget3" | "morphTarget4" | "morphTarget5" | "morphTarget6" | "morphTarget7" | "morphNormal0" | "morphNormal1" | "morphNormal2" | "morphNormal3" | String & Any */, attribute: Any /* BufferAttribute | InterleavedBufferAttribute */): BufferGeometry
+       open fun getAttribute(name: String /* "position" | "normal" | "uv" | "color" | "skinIndex" | "skinWeight" | "instanceMatrix" | "morphTarget0" | "morphTarget1" | "morphTarget2" | "morphTarget3" | "morphTarget4" | "morphTarget5" | "morphTarget6" | "morphTarget7" | "morphNormal0" | "morphNormal1" | "morphNormal2" | "morphNormal3" | String & Any */): dynamic /* BufferAttribute | InterleavedBufferAttribute */
+       open fun deleteAttribute(name: String /* "position" | "normal" | "uv" | "color" | "skinIndex" | "skinWeight" | "instanceMatrix" | "morphTarget0" | "morphTarget1" | "morphTarget2" | "morphTarget3" | "morphTarget4" | "morphTarget5" | "morphTarget6" | "morphTarget7" | "morphNormal0" | "morphNormal1" | "morphNormal2" | "morphNormal3" | String & Any */): BufferGeometry
+       open fun hasAttribute(name: String /* "position" | "normal" | "uv" | "color" | "skinIndex" | "skinWeight" | "instanceMatrix" | "morphTarget0" | "morphTarget1" | "morphTarget2" | "morphTarget3" | "morphTarget4" | "morphTarget5" | "morphTarget6" | "morphTarget7" | "morphNormal0" | "morphNormal1" | "morphNormal2" | "morphNormal3" | String & Any */): Boolean
+       open fun addGroup(start: Number, count: Number, materialIndex: Number = definedExternally)
+       open fun clearGroups()
+       open fun setDrawRange(start: Number, count: Number)
+       open fun applyMatrix4(matrix: Matrix4): BufferGeometry
+       open fun applyQuaternion(q: Quaternion): BufferGeometry
+       open fun rotateX(angle: Number): BufferGeometry
+       open fun rotateY(angle: Number): BufferGeometry
+       open fun rotateZ(angle: Number): BufferGeometry
+       open fun translate(x: Number, y: Number, z: Number): BufferGeometry
+       open fun scale(x: Number, y: Number, z: Number): BufferGeometry
+       open fun lookAt(v: Vector3)
+       open fun center(): BufferGeometry
+       open fun setFromPoints(points: Array<Vector3>): BufferGeometry
+       open fun setFromPoints(points: Array<Vector2>): BufferGeometry
+       open fun computeBoundingBox()
+       open fun computeBoundingSphere()
+       open fun computeTangents()
+       open fun computeVertexNormals()
+       open fun merge(geometry: BufferGeometry, offset: Number = definedExternally): BufferGeometry
+       open fun normalizeNormals()
+       open fun toNonIndexed(): BufferGeometry
+       open fun toJSON(): Any
+       open fun clone(): BufferGeometry
+       open fun copy(source: BufferGeometry): BufferGeometry /* this */
+       open fun dispose()
+       open var drawcalls: Any
+       open var offsets: Any
+       open fun addIndex(index: Any)
+       open fun addDrawCall(start: Any, count: Any, indexOffset: Any = definedExternally)
+       open fun clearDrawCalls()
+       open fun addAttribute(name: String, attribute: BufferAttribute): BufferGeometry
+       open fun addAttribute(name: String, attribute: InterleavedBufferAttribute): BufferGeometry
+       open fun addAttribute(name: Any, array: Any, itemSize: Any): Any
+       open fun removeAttribute(name: String): BufferGeometry
+       
+       companion object {
+               var MaxIndex: Number
+       }
+}
diff --git a/src/mapMain/kotlin/externals/threejs/BufferGeometryLoader.module_three.kt b/src/mapMain/kotlin/externals/threejs/BufferGeometryLoader.module_three.kt
new file mode 100644 (file)
index 0000000..931f364
--- /dev/null
@@ -0,0 +1,12 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+import org.w3c.dom.ErrorEvent
+import org.w3c.xhr.ProgressEvent
+
+external open class BufferGeometryLoader(manager: LoadingManager = definedExternally) : Loader<Any> {
+       open fun load(url: String, onLoad: (bufferGeometry: Any /* InstancedBufferGeometry | BufferGeometry */) -> Unit, onProgress: (request: ProgressEvent) -> Unit = definedExternally, onError: (event: ErrorEvent) -> Unit = definedExternally)
+       open fun parse(json: Any): dynamic /* InstancedBufferGeometry | BufferGeometry */
+}
diff --git a/src/mapMain/kotlin/externals/threejs/CSS3DObject.module_three.kt b/src/mapMain/kotlin/externals/threejs/CSS3DObject.module_three.kt
new file mode 100644 (file)
index 0000000..79935c8
--- /dev/null
@@ -0,0 +1,10 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+import org.w3c.dom.HTMLElement
+
+external open class CSS3DObject(element: HTMLElement) : Object3D {
+       open var element: HTMLElement
+}
diff --git a/src/mapMain/kotlin/externals/threejs/CSS3DRenderer.module_three.kt b/src/mapMain/kotlin/externals/threejs/CSS3DRenderer.module_three.kt
new file mode 100644 (file)
index 0000000..014860b
--- /dev/null
@@ -0,0 +1,18 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+import org.w3c.dom.HTMLElement
+
+external interface CSS3DRendererParameters {
+       var element: HTMLElement?
+               get() = definedExternally
+               set(value) = definedExternally
+}
+
+external open class CSS3DRenderer(parameters: CSS3DRendererParameters = definedExternally) : Renderer {
+       override var domElement: HTMLElement
+       override fun render(scene: Object3D, camera: Camera)
+       override fun setSize(width: Number, height: Number, updateStyle: Boolean)
+}
diff --git a/src/mapMain/kotlin/externals/threejs/CSS3DSprite.module_three.kt b/src/mapMain/kotlin/externals/threejs/CSS3DSprite.module_three.kt
new file mode 100644 (file)
index 0000000..b8d11cb
--- /dev/null
@@ -0,0 +1,10 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+import org.w3c.dom.HTMLElement
+
+external open class CSS3DSprite(element: HTMLElement) : Object3D {
+       open var element: HTMLElement
+}
diff --git a/src/mapMain/kotlin/externals/threejs/Cache.Cache.module_three.kt b/src/mapMain/kotlin/externals/threejs/Cache.Cache.module_three.kt
new file mode 100644 (file)
index 0000000..ac12214
--- /dev/null
@@ -0,0 +1,16 @@
+@file:JsQualifier("THREE.Cache")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs.Cache
+
+external var enabled: Boolean
+
+external var files: Any
+
+external fun add(key: String, file: Any)
+
+external fun get(key: String): Any
+
+external fun remove(key: String)
+
+external fun clear()
diff --git a/src/mapMain/kotlin/externals/threejs/Camera.module_three.kt b/src/mapMain/kotlin/externals/threejs/Camera.module_three.kt
new file mode 100644 (file)
index 0000000..003f25b
--- /dev/null
@@ -0,0 +1,13 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class Camera : Object3D {
+       open var matrixWorldInverse: Matrix4
+       open var projectionMatrix: Matrix4
+       open var projectionMatrixInverse: Matrix4
+       open var isCamera: Boolean
+       override fun getWorldDirection(target: Vector3): Vector3
+       override fun updateMatrixWorld(force: Boolean)
+}
diff --git a/src/mapMain/kotlin/externals/threejs/CameraHelper.module_three.kt b/src/mapMain/kotlin/externals/threejs/CameraHelper.module_three.kt
new file mode 100644 (file)
index 0000000..c5bd704
--- /dev/null
@@ -0,0 +1,20 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external interface AnonymousStruct76 {
+       @nativeGetter
+       operator fun get(id: String): Array<Number>?
+       
+       @nativeSetter
+       operator fun set(id: String, value: Array<Number>)
+}
+
+external open class CameraHelper(camera: Camera) : LineSegments {
+       open var camera: Camera
+       open var pointMap: AnonymousStruct76
+       override var type: String
+       open fun update()
+       open fun dispose()
+}
diff --git a/src/mapMain/kotlin/externals/threejs/CampaignCameraControls.module.kt b/src/mapMain/kotlin/externals/threejs/CampaignCameraControls.module.kt
new file mode 100644 (file)
index 0000000..4469c3c
--- /dev/null
@@ -0,0 +1,54 @@
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+import org.w3c.dom.events.EventTarget
+
+external interface CampaignCameraControlsSettings {
+       var panSpeed: Number?
+       
+       var zoomSpeed: Number?
+       
+       var minZoom: Number?
+       var maxZoom: Number?
+       
+       var cameraXMin: Number?
+       var cameraZMin: Number?
+       var cameraXMax: Number?
+       var cameraZMax: Number?
+       
+       var panForwardsKey: String?
+       var panLeftwardsKey: String?
+       var panBackwardsKey: String?
+       var panRightwardsKey: String?
+       
+       var domElement: EventTarget?
+       var keyDomElement: EventTarget?
+}
+
+external open class CampaignCameraControls(camera: Camera, settings: CampaignCameraControlsSettings) {
+       open fun update(dt: Double)
+       open fun dispose()
+       
+       open val camera: Camera
+       open val cameraParent: Group
+       
+       open var panSpeed: Number
+       open var zoomSpeed: Number
+       open var minZoom: Number
+       open var maxZoom: Number
+       open var cameraXMin: Number
+       open var cameraZMin: Number
+       open var cameraXMax: Number
+       open var cameraZMax: Number
+       open var panForwardsKey: String
+       open var panLeftwardsKey: String
+       open var panBackwardsKey: String
+       open var panRightwardsKey: String
+       
+       open var domElement: EventTarget
+       open var keyDomElement: EventTarget
+       
+       open var verticalRotation: Double
+       open var horizontalRotation: Double
+}
diff --git a/src/mapMain/kotlin/externals/threejs/CanvasTexture.module_three.kt b/src/mapMain/kotlin/externals/threejs/CanvasTexture.module_three.kt
new file mode 100644 (file)
index 0000000..6ae797f
--- /dev/null
@@ -0,0 +1,50 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+import org.w3c.dom.HTMLCanvasElement
+import org.w3c.dom.HTMLImageElement
+import org.w3c.dom.HTMLVideoElement
+import org.w3c.dom.ImageBitmap
+
+external open class CanvasTexture : Texture {
+       constructor(canvas: HTMLImageElement, mapping: Mapping = definedExternally, wrapS: Wrapping = definedExternally, wrapT: Wrapping = definedExternally, magFilter: TextureFilter = definedExternally, minFilter: TextureFilter = definedExternally, format: PixelFormat = definedExternally, type: TextureDataType = definedExternally, anisotropy: Number = definedExternally)
+       constructor(canvas: HTMLImageElement)
+       constructor(canvas: HTMLImageElement, mapping: Mapping = definedExternally)
+       constructor(canvas: HTMLImageElement, mapping: Mapping = definedExternally, wrapS: Wrapping = definedExternally)
+       constructor(canvas: HTMLImageElement, mapping: Mapping = definedExternally, wrapS: Wrapping = definedExternally, wrapT: Wrapping = definedExternally)
+       constructor(canvas: HTMLImageElement, mapping: Mapping = definedExternally, wrapS: Wrapping = definedExternally, wrapT: Wrapping = definedExternally, magFilter: TextureFilter = definedExternally)
+       constructor(canvas: HTMLImageElement, mapping: Mapping = definedExternally, wrapS: Wrapping = definedExternally, wrapT: Wrapping = definedExternally, magFilter: TextureFilter = definedExternally, minFilter: TextureFilter = definedExternally)
+       constructor(canvas: HTMLImageElement, mapping: Mapping = definedExternally, wrapS: Wrapping = definedExternally, wrapT: Wrapping = definedExternally, magFilter: TextureFilter = definedExternally, minFilter: TextureFilter = definedExternally, format: PixelFormat = definedExternally)
+       constructor(canvas: HTMLImageElement, mapping: Mapping = definedExternally, wrapS: Wrapping = definedExternally, wrapT: Wrapping = definedExternally, magFilter: TextureFilter = definedExternally, minFilter: TextureFilter = definedExternally, format: PixelFormat = definedExternally, type: TextureDataType = definedExternally)
+       constructor(canvas: HTMLCanvasElement, mapping: Mapping = definedExternally, wrapS: Wrapping = definedExternally, wrapT: Wrapping = definedExternally, magFilter: TextureFilter = definedExternally, minFilter: TextureFilter = definedExternally, format: PixelFormat = definedExternally, type: TextureDataType = definedExternally, anisotropy: Number = definedExternally)
+       constructor(canvas: HTMLCanvasElement)
+       constructor(canvas: HTMLCanvasElement, mapping: Mapping = definedExternally)
+       constructor(canvas: HTMLCanvasElement, mapping: Mapping = definedExternally, wrapS: Wrapping = definedExternally)
+       constructor(canvas: HTMLCanvasElement, mapping: Mapping = definedExternally, wrapS: Wrapping = definedExternally, wrapT: Wrapping = definedExternally)
+       constructor(canvas: HTMLCanvasElement, mapping: Mapping = definedExternally, wrapS: Wrapping = definedExternally, wrapT: Wrapping = definedExternally, magFilter: TextureFilter = definedExternally)
+       constructor(canvas: HTMLCanvasElement, mapping: Mapping = definedExternally, wrapS: Wrapping = definedExternally, wrapT: Wrapping = definedExternally, magFilter: TextureFilter = definedExternally, minFilter: TextureFilter = definedExternally)
+       constructor(canvas: HTMLCanvasElement, mapping: Mapping = definedExternally, wrapS: Wrapping = definedExternally, wrapT: Wrapping = definedExternally, magFilter: TextureFilter = definedExternally, minFilter: TextureFilter = definedExternally, format: PixelFormat = definedExternally)
+       constructor(canvas: HTMLCanvasElement, mapping: Mapping = definedExternally, wrapS: Wrapping = definedExternally, wrapT: Wrapping = definedExternally, magFilter: TextureFilter = definedExternally, minFilter: TextureFilter = definedExternally, format: PixelFormat = definedExternally, type: TextureDataType = definedExternally)
+       constructor(canvas: HTMLVideoElement, mapping: Mapping = definedExternally, wrapS: Wrapping = definedExternally, wrapT: Wrapping = definedExternally, magFilter: TextureFilter = definedExternally, minFilter: TextureFilter = definedExternally, format: PixelFormat = definedExternally, type: TextureDataType = definedExternally, anisotropy: Number = definedExternally)
+       constructor(canvas: HTMLVideoElement)
+       constructor(canvas: HTMLVideoElement, mapping: Mapping = definedExternally)
+       constructor(canvas: HTMLVideoElement, mapping: Mapping = definedExternally, wrapS: Wrapping = definedExternally)
+       constructor(canvas: HTMLVideoElement, mapping: Mapping = definedExternally, wrapS: Wrapping = definedExternally, wrapT: Wrapping = definedExternally)
+       constructor(canvas: HTMLVideoElement, mapping: Mapping = definedExternally, wrapS: Wrapping = definedExternally, wrapT: Wrapping = definedExternally, magFilter: TextureFilter = definedExternally)
+       constructor(canvas: HTMLVideoElement, mapping: Mapping = definedExternally, wrapS: Wrapping = definedExternally, wrapT: Wrapping = definedExternally, magFilter: TextureFilter = definedExternally, minFilter: TextureFilter = definedExternally)
+       constructor(canvas: HTMLVideoElement, mapping: Mapping = definedExternally, wrapS: Wrapping = definedExternally, wrapT: Wrapping = definedExternally, magFilter: TextureFilter = definedExternally, minFilter: TextureFilter = definedExternally, format: PixelFormat = definedExternally)
+       constructor(canvas: HTMLVideoElement, mapping: Mapping = definedExternally, wrapS: Wrapping = definedExternally, wrapT: Wrapping = definedExternally, magFilter: TextureFilter = definedExternally, minFilter: TextureFilter = definedExternally, format: PixelFormat = definedExternally, type: TextureDataType = definedExternally)
+       constructor(canvas: ImageBitmap, mapping: Mapping = definedExternally, wrapS: Wrapping = definedExternally, wrapT: Wrapping = definedExternally, magFilter: TextureFilter = definedExternally, minFilter: TextureFilter = definedExternally, format: PixelFormat = definedExternally, type: TextureDataType = definedExternally, anisotropy: Number = definedExternally)
+       constructor(canvas: ImageBitmap)
+       constructor(canvas: ImageBitmap, mapping: Mapping = definedExternally)
+       constructor(canvas: ImageBitmap, mapping: Mapping = definedExternally, wrapS: Wrapping = definedExternally)
+       constructor(canvas: ImageBitmap, mapping: Mapping = definedExternally, wrapS: Wrapping = definedExternally, wrapT: Wrapping = definedExternally)
+       constructor(canvas: ImageBitmap, mapping: Mapping = definedExternally, wrapS: Wrapping = definedExternally, wrapT: Wrapping = definedExternally, magFilter: TextureFilter = definedExternally)
+       constructor(canvas: ImageBitmap, mapping: Mapping = definedExternally, wrapS: Wrapping = definedExternally, wrapT: Wrapping = definedExternally, magFilter: TextureFilter = definedExternally, minFilter: TextureFilter = definedExternally)
+       constructor(canvas: ImageBitmap, mapping: Mapping = definedExternally, wrapS: Wrapping = definedExternally, wrapT: Wrapping = definedExternally, magFilter: TextureFilter = definedExternally, minFilter: TextureFilter = definedExternally, format: PixelFormat = definedExternally)
+       constructor(canvas: ImageBitmap, mapping: Mapping = definedExternally, wrapS: Wrapping = definedExternally, wrapT: Wrapping = definedExternally, magFilter: TextureFilter = definedExternally, minFilter: TextureFilter = definedExternally, format: PixelFormat = definedExternally, type: TextureDataType = definedExternally)
+       
+       open var isCanvasTexture: Boolean
+}
diff --git a/src/mapMain/kotlin/externals/threejs/CatmullRomCurve3.module_three.kt b/src/mapMain/kotlin/externals/threejs/CatmullRomCurve3.module_three.kt
new file mode 100644 (file)
index 0000000..50160f1
--- /dev/null
@@ -0,0 +1,9 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class CatmullRomCurve3(points: Array<Vector3> = definedExternally, closed: Boolean = definedExternally, curveType: String = definedExternally, tension: Number = definedExternally) : Curve<Vector3> {
+       override var type: String
+       open var points: Array<Vector3>
+}
diff --git a/src/mapMain/kotlin/externals/threejs/CircleGeometry.module_three.kt b/src/mapMain/kotlin/externals/threejs/CircleGeometry.module_three.kt
new file mode 100644 (file)
index 0000000..1fb0e2b
--- /dev/null
@@ -0,0 +1,20 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external interface AnonymousStruct63 {
+       var radius: Number
+       var segments: Number
+       var thetaStart: Number
+       var thetaLength: Number
+}
+
+external open class CircleGeometry(radius: Number = definedExternally, segments: Number = definedExternally, thetaStart: Number = definedExternally, thetaLength: Number = definedExternally) : BufferGeometry {
+       override var type: String
+       open var parameters: AnonymousStruct63
+       
+       companion object {
+               fun fromJSON(data: Any): CircleGeometry
+       }
+}
diff --git a/src/mapMain/kotlin/externals/threejs/Clock.module_three.kt b/src/mapMain/kotlin/externals/threejs/Clock.module_three.kt
new file mode 100644 (file)
index 0000000..8b0590e
--- /dev/null
@@ -0,0 +1,16 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class Clock(autoStart: Boolean = definedExternally) {
+       open var autoStart: Boolean
+       open var startTime: Number
+       open var oldTime: Number
+       open var elapsedTime: Number
+       open var running: Boolean
+       open fun start()
+       open fun stop()
+       open fun getElapsedTime(): Number
+       open fun getDelta(): Number
+}
diff --git a/src/mapMain/kotlin/externals/threejs/Color.module_three.kt b/src/mapMain/kotlin/externals/threejs/Color.module_three.kt
new file mode 100644 (file)
index 0000000..358b9c6
--- /dev/null
@@ -0,0 +1,71 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external interface HSL {
+       var h: Number
+       var s: Number
+       var l: Number
+}
+
+external open class Color {
+       constructor(color: Color = definedExternally)
+       constructor()
+       constructor(color: String = definedExternally)
+       constructor(color: Number = definedExternally)
+       constructor(r: Number, g: Number, b: Number)
+       
+       open var isColor: Boolean
+       open var r: Number
+       open var g: Number
+       open var b: Number
+       open fun set(color: Color): Color
+       open fun set(color: String): Color
+       open fun set(color: Number): Color
+       open fun setScalar(scalar: Number): Color
+       open fun setHex(hex: Number): Color
+       open fun setRGB(r: Number, g: Number, b: Number): Color
+       open fun setHSL(h: Number, s: Number, l: Number): Color
+       open fun setStyle(style: String): Color
+       open fun setColorName(style: String): Color
+       open fun clone(): Color /* this */
+       open fun copy(color: Color): Color /* this */
+       open fun copyGammaToLinear(color: Color, gammaFactor: Number = definedExternally): Color
+       open fun copyLinearToGamma(color: Color, gammaFactor: Number = definedExternally): Color
+       open fun convertGammaToLinear(gammaFactor: Number = definedExternally): Color
+       open fun convertLinearToGamma(gammaFactor: Number = definedExternally): Color
+       open fun copySRGBToLinear(color: Color): Color
+       open fun copyLinearToSRGB(color: Color): Color
+       open fun convertSRGBToLinear(): Color
+       open fun convertLinearToSRGB(): Color
+       open fun getHex(): Number
+       open fun getHexString(): String
+       open fun getHSL(target: HSL): HSL
+       open fun getStyle(): String
+       open fun offsetHSL(h: Number, s: Number, l: Number): Color /* this */
+       open fun add(color: Color): Color /* this */
+       open fun addColors(color1: Color, color2: Color): Color /* this */
+       open fun addScalar(s: Number): Color /* this */
+       open fun sub(color: Color): Color /* this */
+       open fun multiply(color: Color): Color /* this */
+       open fun multiplyScalar(s: Number): Color /* this */
+       open fun lerp(color: Color, alpha: Number): Color /* this */
+       open fun lerpColors(color1: Color, color2: Color, alpha: Number): Color /* this */
+       open fun lerpHSL(color: Color, alpha: Number): Color /* this */
+       open fun equals(color: Color): Boolean
+       open fun fromArray(array: Array<Number>, offset: Number = definedExternally): Color /* this */
+       open fun fromArray(array: Array<Number>): Color /* this */
+       open fun fromArray(array: ArrayLike<Number>, offset: Number = definedExternally): Color /* this */
+       open fun fromArray(array: ArrayLike<Number>): Color /* this */
+       open fun toArray(array: Array<Number> = definedExternally, offset: Number = definedExternally): Array<Number>
+       open fun toArray(): Array<Number>
+       open fun toArray(array: Array<Number> = definedExternally): Array<Number>
+       open fun toArray(xyz: ArrayLike<Number>, offset: Number = definedExternally): ArrayLike<Number>
+       open fun toArray(xyz: ArrayLike<Number>): ArrayLike<Number>
+       open fun fromBufferAttribute(attribute: BufferAttribute, index: Number): Color /* this */
+       
+       companion object {
+               var NAMES: StringDict<Number>
+       }
+}
diff --git a/src/mapMain/kotlin/externals/threejs/ColorKeyframeTrack.module_three.kt b/src/mapMain/kotlin/externals/threejs/ColorKeyframeTrack.module_three.kt
new file mode 100644 (file)
index 0000000..5cfd86d
--- /dev/null
@@ -0,0 +1,8 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class ColorKeyframeTrack(name: String, times: Array<Any>, values: Array<Any>, interpolation: InterpolationModes = definedExternally) : KeyframeTrack {
+       override var ValueTypeName: String
+}
diff --git a/src/mapMain/kotlin/externals/threejs/CompressedTexture.module_three.kt b/src/mapMain/kotlin/externals/threejs/CompressedTexture.module_three.kt
new file mode 100644 (file)
index 0000000..252c832
--- /dev/null
@@ -0,0 +1,14 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+import org.w3c.dom.ImageData
+
+external open class CompressedTexture(mipmaps: Array<ImageData>, width: Number, height: Number, format: CompressedPixelFormat = definedExternally, type: TextureDataType = definedExternally, mapping: Mapping = definedExternally, wrapS: Wrapping = definedExternally, wrapT: Wrapping = definedExternally, magFilter: TextureFilter = definedExternally, minFilter: TextureFilter = definedExternally, anisotropy: Number = definedExternally, encoding: TextureEncoding = definedExternally) : Texture {
+       override var image: Any
+       override var mipmaps: Array<Any>
+       override var flipY: Boolean
+       override var generateMipmaps: Boolean
+       open var isCompressedTexture: Boolean
+}
diff --git a/src/mapMain/kotlin/externals/threejs/CompressedTextureLoader.module_three.kt b/src/mapMain/kotlin/externals/threejs/CompressedTextureLoader.module_three.kt
new file mode 100644 (file)
index 0000000..4e875a4
--- /dev/null
@@ -0,0 +1,11 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+import org.w3c.dom.ErrorEvent
+import org.w3c.xhr.ProgressEvent
+
+external open class CompressedTextureLoader(manager: LoadingManager = definedExternally) : Loader<CompressedTexture> {
+       open fun load(url: String, onLoad: (texture: CompressedTexture) -> Unit, onProgress: (event: ProgressEvent) -> Unit = definedExternally, onError: (event: ErrorEvent) -> Unit = definedExternally): CompressedTexture
+}
diff --git a/src/mapMain/kotlin/externals/threejs/ConeGeometry.module_three.kt b/src/mapMain/kotlin/externals/threejs/ConeGeometry.module_three.kt
new file mode 100644 (file)
index 0000000..de9bf12
--- /dev/null
@@ -0,0 +1,12 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class ConeGeometry(radius: Number = definedExternally, height: Number = definedExternally, radialSegments: Number = definedExternally, heightSegments: Number = definedExternally, openEnded: Boolean = definedExternally, thetaStart: Number = definedExternally, thetaLength: Number = definedExternally) : CylinderGeometry {
+       override var type: String
+       
+       companion object {
+               fun fromJSON(data: Any): ConeGeometry
+       }
+}
diff --git a/src/mapMain/kotlin/externals/threejs/CubeCamera.module_three.kt b/src/mapMain/kotlin/externals/threejs/CubeCamera.module_three.kt
new file mode 100644 (file)
index 0000000..17b1367
--- /dev/null
@@ -0,0 +1,10 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class CubeCamera(near: Number, far: Number, renderTarget: WebGLCubeRenderTarget) : Object3D {
+       override var type: String /* "CubeCamera" */
+       open var renderTarget: WebGLCubeRenderTarget
+       open fun update(renderer: WebGLRenderer, scene: Scene)
+}
diff --git a/src/mapMain/kotlin/externals/threejs/CubeTexture.module_three.kt b/src/mapMain/kotlin/externals/threejs/CubeTexture.module_three.kt
new file mode 100644 (file)
index 0000000..79a2387
--- /dev/null
@@ -0,0 +1,10 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class CubeTexture(images: Array<Any> = definedExternally, mapping: Mapping = definedExternally, wrapS: Wrapping = definedExternally, wrapT: Wrapping = definedExternally, magFilter: TextureFilter = definedExternally, minFilter: TextureFilter = definedExternally, format: PixelFormat = definedExternally, type: TextureDataType = definedExternally, anisotropy: Number = definedExternally, encoding: TextureEncoding = definedExternally) : Texture {
+       open var images: Any
+       override var flipY: Boolean
+       open var isCubeTexture: Boolean
+}
diff --git a/src/mapMain/kotlin/externals/threejs/CubeTextureLoader.module_three.kt b/src/mapMain/kotlin/externals/threejs/CubeTextureLoader.module_three.kt
new file mode 100644 (file)
index 0000000..9a50ea2
--- /dev/null
@@ -0,0 +1,13 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+import org.w3c.dom.ErrorEvent
+import org.w3c.xhr.ProgressEvent
+import kotlin.js.Promise
+
+external open class CubeTextureLoader(manager: LoadingManager = definedExternally) : Loader<CubeTexture> {
+       open fun load(urls: Array<String>, onLoad: (texture: CubeTexture) -> Unit = definedExternally, onProgress: (event: ProgressEvent) -> Unit = definedExternally, onError: (event: ErrorEvent) -> Unit = definedExternally): CubeTexture
+       open fun loadAsync(urls: Array<String>, onProgress: (event: ProgressEvent) -> Unit = definedExternally): Promise<CubeTexture>
+}
diff --git a/src/mapMain/kotlin/externals/threejs/CubicBezierCurve.module_three.kt b/src/mapMain/kotlin/externals/threejs/CubicBezierCurve.module_three.kt
new file mode 100644 (file)
index 0000000..9e8402c
--- /dev/null
@@ -0,0 +1,12 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class CubicBezierCurve(v0: Vector2, v1: Vector2, v2: Vector2, v3: Vector2) : Curve<Vector2> {
+       override var type: String
+       open var v0: Vector2
+       open var v1: Vector2
+       open var v2: Vector2
+       open var v3: Vector2
+}
diff --git a/src/mapMain/kotlin/externals/threejs/CubicBezierCurve3.module_three.kt b/src/mapMain/kotlin/externals/threejs/CubicBezierCurve3.module_three.kt
new file mode 100644 (file)
index 0000000..96a72b5
--- /dev/null
@@ -0,0 +1,12 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class CubicBezierCurve3(v0: Vector3, v1: Vector3, v2: Vector3, v3: Vector3) : Curve<Vector3> {
+       override var type: String
+       open var v0: Vector3
+       open var v1: Vector3
+       open var v2: Vector3
+       open var v3: Vector3
+}
diff --git a/src/mapMain/kotlin/externals/threejs/CubicInterpolant.module_three.kt b/src/mapMain/kotlin/externals/threejs/CubicInterpolant.module_three.kt
new file mode 100644 (file)
index 0000000..38d05ee
--- /dev/null
@@ -0,0 +1,8 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class CubicInterpolant(parameterPositions: Any, samplesValues: Any, sampleSize: Number, resultBuffer: Any = definedExternally) : Interpolant {
+       open fun interpolate_(i1: Number, t0: Number, t: Number, t1: Number): Any
+}
diff --git a/src/mapMain/kotlin/externals/threejs/Curve.module_three.kt b/src/mapMain/kotlin/externals/threejs/Curve.module_three.kt
new file mode 100644 (file)
index 0000000..1cc84a2
--- /dev/null
@@ -0,0 +1,34 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external interface AnonymousStruct60 {
+       var tangents: Array<Vector3>
+       var normals: Array<Vector3>
+       var binormals: Array<Vector3>
+}
+
+external open class Curve<T : Vector> {
+       open var type: String
+       open var arcLengthDivisions: Number
+       open fun getPoint(t: Number, optionalTarget: T = definedExternally): T
+       open fun getPointAt(u: Number, optionalTarget: T = definedExternally): T
+       open fun getPoints(divisions: Number = definedExternally): Array<T>
+       open fun getSpacedPoints(divisions: Number = definedExternally): Array<T>
+       open fun getLength(): Number
+       open fun getLengths(divisions: Number = definedExternally): Array<Number>
+       open fun updateArcLengths()
+       open fun getUtoTmapping(u: Number, distance: Number): Number
+       open fun getTangent(t: Number, optionalTarget: T = definedExternally): T
+       open fun getTangentAt(u: Number, optionalTarget: T = definedExternally): T
+       open fun computeFrenetFrames(segments: Number, closed: Boolean = definedExternally): AnonymousStruct60
+       open fun clone(): Curve<T> /* this */
+       open fun copy(source: Curve<T>): Curve<T> /* this */
+       open fun toJSON(): Any?
+       open fun fromJSON(json: Any?): Curve<T> /* this */
+       
+       companion object {
+               fun create(constructorFunc: () -> Unit, getPointFunc: () -> Unit): () -> Unit
+       }
+}
diff --git a/src/mapMain/kotlin/externals/threejs/CurvePath.module_three.kt b/src/mapMain/kotlin/externals/threejs/CurvePath.module_three.kt
new file mode 100644 (file)
index 0000000..0513a80
--- /dev/null
@@ -0,0 +1,14 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class CurvePath<T : Vector> : Curve<T> {
+       override var type: String
+       open var curves: Array<Curve<T>>
+       open var autoClose: Boolean
+       open fun add(curve: Curve<T>)
+       open fun closePath()
+       open fun getPoint(t: Number): T
+       open fun getCurveLengths(): Array<Number>
+}
diff --git a/src/mapMain/kotlin/externals/threejs/CylinderGeometry.module_three.kt b/src/mapMain/kotlin/externals/threejs/CylinderGeometry.module_three.kt
new file mode 100644 (file)
index 0000000..f2ba4ab
--- /dev/null
@@ -0,0 +1,24 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external interface AnonymousStruct64 {
+       var radiusTop: Number
+       var radiusBottom: Number
+       var height: Number
+       var radialSegments: Number
+       var heightSegments: Number
+       var openEnded: Boolean
+       var thetaStart: Number
+       var thetaLength: Number
+}
+
+external open class CylinderGeometry(radiusTop: Number = definedExternally, radiusBottom: Number = definedExternally, height: Number = definedExternally, radialSegments: Number = definedExternally, heightSegments: Number = definedExternally, openEnded: Boolean = definedExternally, thetaStart: Number = definedExternally, thetaLength: Number = definedExternally) : BufferGeometry {
+       override var type: String
+       open var parameters: AnonymousStruct64
+       
+       companion object {
+               fun fromJSON(data: Any): CylinderGeometry
+       }
+}
diff --git a/src/mapMain/kotlin/externals/threejs/Cylindrical.module_three.kt b/src/mapMain/kotlin/externals/threejs/Cylindrical.module_three.kt
new file mode 100644 (file)
index 0000000..3f6616a
--- /dev/null
@@ -0,0 +1,15 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class Cylindrical(radius: Number = definedExternally, theta: Number = definedExternally, y: Number = definedExternally) {
+       open var radius: Number
+       open var theta: Number
+       open var y: Number
+       open fun clone(): Cylindrical /* this */
+       open fun copy(other: Cylindrical): Cylindrical /* this */
+       open fun set(radius: Number, theta: Number, y: Number): Cylindrical /* this */
+       open fun setFromVector3(vec3: Vector3): Cylindrical /* this */
+       open fun setFromCartesianCoords(x: Number, y: Number, z: Number): Cylindrical /* this */
+}
diff --git a/src/mapMain/kotlin/externals/threejs/DataTexture.module_three.kt b/src/mapMain/kotlin/externals/threejs/DataTexture.module_three.kt
new file mode 100644 (file)
index 0000000..b2b2611
--- /dev/null
@@ -0,0 +1,37 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+import org.khronos.webgl.ArrayBuffer
+import org.khronos.webgl.ArrayBufferView
+
+external open class DataTexture : Texture {
+       constructor(data: ArrayBufferView, width: Number, height: Number, format: PixelFormat = definedExternally, type: TextureDataType = definedExternally, mapping: Mapping = definedExternally, wrapS: Wrapping = definedExternally, wrapT: Wrapping = definedExternally, magFilter: TextureFilter = definedExternally, minFilter: TextureFilter = definedExternally, anisotropy: Number = definedExternally, encoding: TextureEncoding = definedExternally)
+       constructor(data: ArrayBufferView, width: Number, height: Number)
+       constructor(data: ArrayBufferView, width: Number, height: Number, format: PixelFormat = definedExternally)
+       constructor(data: ArrayBufferView, width: Number, height: Number, format: PixelFormat = definedExternally, type: TextureDataType = definedExternally)
+       constructor(data: ArrayBufferView, width: Number, height: Number, format: PixelFormat = definedExternally, type: TextureDataType = definedExternally, mapping: Mapping = definedExternally)
+       constructor(data: ArrayBufferView, width: Number, height: Number, format: PixelFormat = definedExternally, type: TextureDataType = definedExternally, mapping: Mapping = definedExternally, wrapS: Wrapping = definedExternally)
+       constructor(data: ArrayBufferView, width: Number, height: Number, format: PixelFormat = definedExternally, type: TextureDataType = definedExternally, mapping: Mapping = definedExternally, wrapS: Wrapping = definedExternally, wrapT: Wrapping = definedExternally)
+       constructor(data: ArrayBufferView, width: Number, height: Number, format: PixelFormat = definedExternally, type: TextureDataType = definedExternally, mapping: Mapping = definedExternally, wrapS: Wrapping = definedExternally, wrapT: Wrapping = definedExternally, magFilter: TextureFilter = definedExternally)
+       constructor(data: ArrayBufferView, width: Number, height: Number, format: PixelFormat = definedExternally, type: TextureDataType = definedExternally, mapping: Mapping = definedExternally, wrapS: Wrapping = definedExternally, wrapT: Wrapping = definedExternally, magFilter: TextureFilter = definedExternally, minFilter: TextureFilter = definedExternally)
+       constructor(data: ArrayBufferView, width: Number, height: Number, format: PixelFormat = definedExternally, type: TextureDataType = definedExternally, mapping: Mapping = definedExternally, wrapS: Wrapping = definedExternally, wrapT: Wrapping = definedExternally, magFilter: TextureFilter = definedExternally, minFilter: TextureFilter = definedExternally, anisotropy: Number = definedExternally)
+       constructor(data: ArrayBuffer, width: Number, height: Number, format: PixelFormat = definedExternally, type: TextureDataType = definedExternally, mapping: Mapping = definedExternally, wrapS: Wrapping = definedExternally, wrapT: Wrapping = definedExternally, magFilter: TextureFilter = definedExternally, minFilter: TextureFilter = definedExternally, anisotropy: Number = definedExternally, encoding: TextureEncoding = definedExternally)
+       constructor(data: ArrayBuffer, width: Number, height: Number)
+       constructor(data: ArrayBuffer, width: Number, height: Number, format: PixelFormat = definedExternally)
+       constructor(data: ArrayBuffer, width: Number, height: Number, format: PixelFormat = definedExternally, type: TextureDataType = definedExternally)
+       constructor(data: ArrayBuffer, width: Number, height: Number, format: PixelFormat = definedExternally, type: TextureDataType = definedExternally, mapping: Mapping = definedExternally)
+       constructor(data: ArrayBuffer, width: Number, height: Number, format: PixelFormat = definedExternally, type: TextureDataType = definedExternally, mapping: Mapping = definedExternally, wrapS: Wrapping = definedExternally)
+       constructor(data: ArrayBuffer, width: Number, height: Number, format: PixelFormat = definedExternally, type: TextureDataType = definedExternally, mapping: Mapping = definedExternally, wrapS: Wrapping = definedExternally, wrapT: Wrapping = definedExternally)
+       constructor(data: ArrayBuffer, width: Number, height: Number, format: PixelFormat = definedExternally, type: TextureDataType = definedExternally, mapping: Mapping = definedExternally, wrapS: Wrapping = definedExternally, wrapT: Wrapping = definedExternally, magFilter: TextureFilter = definedExternally)
+       constructor(data: ArrayBuffer, width: Number, height: Number, format: PixelFormat = definedExternally, type: TextureDataType = definedExternally, mapping: Mapping = definedExternally, wrapS: Wrapping = definedExternally, wrapT: Wrapping = definedExternally, magFilter: TextureFilter = definedExternally, minFilter: TextureFilter = definedExternally)
+       constructor(data: ArrayBuffer, width: Number, height: Number, format: PixelFormat = definedExternally, type: TextureDataType = definedExternally, mapping: Mapping = definedExternally, wrapS: Wrapping = definedExternally, wrapT: Wrapping = definedExternally, magFilter: TextureFilter = definedExternally, minFilter: TextureFilter = definedExternally, anisotropy: Number = definedExternally)
+       
+       override var image: Any
+       override var flipY: Boolean
+       override var generateMipmaps: Boolean
+       override var unpackAlignment: Number
+       override var format: PixelFormat
+       open var isDataTexture: Boolean
+}
diff --git a/src/mapMain/kotlin/externals/threejs/DataTexture2DArray.module_three.kt b/src/mapMain/kotlin/externals/threejs/DataTexture2DArray.module_three.kt
new file mode 100644 (file)
index 0000000..d7946b1
--- /dev/null
@@ -0,0 +1,26 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+import org.khronos.webgl.ArrayBuffer
+import org.khronos.webgl.ArrayBufferView
+
+external open class DataTexture2DArray : Texture {
+       constructor(data: ArrayBufferView = definedExternally, width: Number = definedExternally, height: Number = definedExternally, depth: Number = definedExternally)
+       constructor()
+       constructor(data: ArrayBufferView = definedExternally)
+       constructor(data: ArrayBufferView = definedExternally, width: Number = definedExternally)
+       constructor(data: ArrayBufferView = definedExternally, width: Number = definedExternally, height: Number = definedExternally)
+       constructor(data: ArrayBuffer = definedExternally, width: Number = definedExternally, height: Number = definedExternally, depth: Number = definedExternally)
+       constructor(data: ArrayBuffer = definedExternally)
+       constructor(data: ArrayBuffer = definedExternally, width: Number = definedExternally)
+       constructor(data: ArrayBuffer = definedExternally, width: Number = definedExternally, height: Number = definedExternally)
+       
+       override var magFilter: TextureFilter
+       override var minFilter: TextureFilter
+       open var wrapR: Boolean
+       override var flipY: Boolean
+       override var generateMipmaps: Boolean
+       open var isDataTexture2DArray: Boolean
+}
diff --git a/src/mapMain/kotlin/externals/threejs/DataTexture3D.module_three.kt b/src/mapMain/kotlin/externals/threejs/DataTexture3D.module_three.kt
new file mode 100644 (file)
index 0000000..45eada1
--- /dev/null
@@ -0,0 +1,19 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+import org.khronos.webgl.ArrayBuffer
+import org.khronos.webgl.ArrayBufferView
+
+external open class DataTexture3D : Texture {
+       constructor(data: ArrayBufferView, width: Number, height: Number, depth: Number)
+       constructor(data: ArrayBuffer, width: Number, height: Number, depth: Number)
+       
+       override var magFilter: TextureFilter
+       override var minFilter: TextureFilter
+       open var wrapR: Boolean
+       override var flipY: Boolean
+       override var generateMipmaps: Boolean
+       open var isDataTexture3D: Boolean
+}
diff --git a/src/mapMain/kotlin/externals/threejs/DataTextureLoader.module_three.kt b/src/mapMain/kotlin/externals/threejs/DataTextureLoader.module_three.kt
new file mode 100644 (file)
index 0000000..d822596
--- /dev/null
@@ -0,0 +1,11 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+import org.w3c.dom.ErrorEvent
+import org.w3c.xhr.ProgressEvent
+
+external open class DataTextureLoader(manager: LoadingManager = definedExternally) : Loader<DataTexture> {
+       open fun load(url: String, onLoad: (dataTexture: DataTexture, texData: Any?) -> Unit, onProgress: (event: ProgressEvent) -> Unit = definedExternally, onError: (event: ErrorEvent) -> Unit = definedExternally): DataTexture
+}
diff --git a/src/mapMain/kotlin/externals/threejs/DataUtils.DataUtils.module_three.kt b/src/mapMain/kotlin/externals/threejs/DataUtils.DataUtils.module_three.kt
new file mode 100644 (file)
index 0000000..7ea51e3
--- /dev/null
@@ -0,0 +1,6 @@
+@file:JsQualifier("THREE.DataUtils")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs.DataUtils
+
+external fun toHalfFloat(param_val: Number): Number
diff --git a/src/mapMain/kotlin/externals/threejs/DepthTexture.module_three.kt b/src/mapMain/kotlin/externals/threejs/DepthTexture.module_three.kt
new file mode 100644 (file)
index 0000000..3a017d6
--- /dev/null
@@ -0,0 +1,16 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external interface AnonymousStruct50 {
+       var width: Number
+       var height: Number
+}
+
+external open class DepthTexture(width: Number, height: Number, type: TextureDataType = definedExternally, mapping: Mapping = definedExternally, wrapS: Wrapping = definedExternally, wrapT: Wrapping = definedExternally, magFilter: TextureFilter = definedExternally, minFilter: TextureFilter = definedExternally, anisotropy: Number = definedExternally) : Texture {
+       override var image: Any
+       override var flipY: Boolean
+       override var generateMipmaps: Boolean
+       open var isDepthTexture: Boolean
+}
diff --git a/src/mapMain/kotlin/externals/threejs/DirectionalLight.module_three.kt b/src/mapMain/kotlin/externals/threejs/DirectionalLight.module_three.kt
new file mode 100644 (file)
index 0000000..527b7a8
--- /dev/null
@@ -0,0 +1,21 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class DirectionalLight : Light {
+       constructor(color: Color = definedExternally, intensity: Number = definedExternally)
+       constructor()
+       constructor(color: Color = definedExternally)
+       constructor(color: String = definedExternally, intensity: Number = definedExternally)
+       constructor(color: String = definedExternally)
+       constructor(color: Number = definedExternally, intensity: Number = definedExternally)
+       constructor(color: Number = definedExternally)
+       
+       override var type: String
+       override var position: Vector3
+       open var target: Object3D
+       override var intensity: Number
+       override var shadow: LightShadow
+       open var isDirectionalLight: Boolean
+}
diff --git a/src/mapMain/kotlin/externals/threejs/DirectionalLightHelper.module_three.kt b/src/mapMain/kotlin/externals/threejs/DirectionalLightHelper.module_three.kt
new file mode 100644 (file)
index 0000000..fd4d1d2
--- /dev/null
@@ -0,0 +1,21 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class DirectionalLightHelper : Object3D {
+       constructor(light: DirectionalLight, size: Number = definedExternally, color: Color = definedExternally)
+       constructor(light: DirectionalLight)
+       constructor(light: DirectionalLight, size: Number = definedExternally)
+       constructor(light: DirectionalLight, size: Number = definedExternally, color: String = definedExternally)
+       constructor(light: DirectionalLight, size: Number = definedExternally, color: Number = definedExternally)
+       
+       open var light: DirectionalLight
+       open var lightPlane: Line
+       open var targetLine: Line
+       open var color: dynamic /* Color? | String? | Number? */
+       override var matrix: Matrix4
+       override var matrixAutoUpdate: Boolean
+       open fun dispose()
+       open fun update()
+}
diff --git a/src/mapMain/kotlin/externals/threejs/DirectionalLightShadow.module_three.kt b/src/mapMain/kotlin/externals/threejs/DirectionalLightShadow.module_three.kt
new file mode 100644 (file)
index 0000000..2dac275
--- /dev/null
@@ -0,0 +1,9 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class DirectionalLightShadow(camera: Camera) : LightShadow {
+       override var camera: Camera
+       open var isDirectionalLightShadow: Boolean
+}
diff --git a/src/mapMain/kotlin/externals/threejs/DiscreteInterpolant.module_three.kt b/src/mapMain/kotlin/externals/threejs/DiscreteInterpolant.module_three.kt
new file mode 100644 (file)
index 0000000..f7e126b
--- /dev/null
@@ -0,0 +1,8 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class DiscreteInterpolant(parameterPositions: Any, samplesValues: Any, sampleSize: Number, resultBuffer: Any = definedExternally) : Interpolant {
+       open fun interpolate_(i1: Number, t0: Number, t: Number, t1: Number): Any
+}
diff --git a/src/mapMain/kotlin/externals/threejs/DodecahedronGeometry.module_three.kt b/src/mapMain/kotlin/externals/threejs/DodecahedronGeometry.module_three.kt
new file mode 100644 (file)
index 0000000..c1da716
--- /dev/null
@@ -0,0 +1,12 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class DodecahedronGeometry(radius: Number = definedExternally, detail: Number = definedExternally) : PolyhedronGeometry {
+       override var type: String
+       
+       companion object {
+               fun fromJSON(data: Any): DodecahedronGeometry
+       }
+}
diff --git a/src/mapMain/kotlin/externals/threejs/EdgesGeometry.module_three.kt b/src/mapMain/kotlin/externals/threejs/EdgesGeometry.module_three.kt
new file mode 100644 (file)
index 0000000..7dd10b2
--- /dev/null
@@ -0,0 +1,13 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external interface AnonymousStruct66 {
+       var thresholdAngle: Number
+}
+
+external open class EdgesGeometry(geometry: BufferGeometry, thresholdAngle: Number = definedExternally) : BufferGeometry {
+       override var type: String
+       open var parameters: AnonymousStruct66
+}
diff --git a/src/mapMain/kotlin/externals/threejs/EllipseCurve.module_three.kt b/src/mapMain/kotlin/externals/threejs/EllipseCurve.module_three.kt
new file mode 100644 (file)
index 0000000..237ce21
--- /dev/null
@@ -0,0 +1,16 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class EllipseCurve(aX: Number, aY: Number, xRadius: Number, yRadius: Number, aStartAngle: Number, aEndAngle: Number, aClockwise: Boolean, aRotation: Number) : Curve<Vector2> {
+       override var type: String
+       open var aX: Number
+       open var aY: Number
+       open var xRadius: Number
+       open var yRadius: Number
+       open var aStartAngle: Number
+       open var aEndAngle: Number
+       open var aClockwise: Boolean
+       open var aRotation: Number
+}
diff --git a/src/mapMain/kotlin/externals/threejs/Euler.module_three.kt b/src/mapMain/kotlin/externals/threejs/Euler.module_three.kt
new file mode 100644 (file)
index 0000000..28c12bf
--- /dev/null
@@ -0,0 +1,30 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class Euler(x: Number = definedExternally, y: Number = definedExternally, z: Number = definedExternally, order: String = definedExternally) {
+       open var x: Number
+       open var y: Number
+       open var z: Number
+       open var order: String
+       open var isEuler: Boolean
+       open var _onChangeCallback: () -> Unit
+       open fun set(x: Number, y: Number, z: Number, order: String = definedExternally): Euler
+       open fun clone(): Euler /* this */
+       open fun copy(euler: Euler): Euler /* this */
+       open fun setFromRotationMatrix(m: Matrix4, order: String = definedExternally, update: Boolean = definedExternally): Euler
+       open fun setFromQuaternion(q: Quaternion, order: String = definedExternally, update: Boolean = definedExternally): Euler
+       open fun setFromVector3(v: Vector3, order: String = definedExternally): Euler
+       open fun reorder(newOrder: String): Euler
+       open fun equals(euler: Euler): Boolean
+       open fun fromArray(xyzo: Array<Any>): Euler
+       open fun toArray(array: Array<Number> = definedExternally, offset: Number = definedExternally): Array<Number>
+       open fun toVector3(optionalResult: Vector3 = definedExternally): Vector3
+       open fun _onChange(callback: () -> Unit): Euler /* this */
+       
+       companion object {
+               var RotationOrders: Array<String>
+               var DefaultOrder: String
+       }
+}
diff --git a/src/mapMain/kotlin/externals/threejs/ExtrudeGeometry.module_three.kt b/src/mapMain/kotlin/externals/threejs/ExtrudeGeometry.module_three.kt
new file mode 100644 (file)
index 0000000..de1de73
--- /dev/null
@@ -0,0 +1,57 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external interface ExtrudeGeometryOptions {
+       var curveSegments: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+       var steps: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+       var depth: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+       var bevelEnabled: Boolean?
+               get() = definedExternally
+               set(value) = definedExternally
+       var bevelThickness: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+       var bevelSize: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+       var bevelOffset: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+       var bevelSegments: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+       var extrudePath: Curve<Vector3>?
+               get() = definedExternally
+               set(value) = definedExternally
+       var UVGenerator: UVGenerator?
+               get() = definedExternally
+               set(value) = definedExternally
+}
+
+external interface UVGenerator {
+       fun generateTopUV(geometry: ExtrudeGeometry, vertices: Array<Number>, indexA: Number, indexB: Number, indexC: Number): Array<Vector2>
+       fun generateSideWallUV(geometry: ExtrudeGeometry, vertices: Array<Number>, indexA: Number, indexB: Number, indexC: Number, indexD: Number): Array<Vector2>
+}
+
+external open class ExtrudeGeometry : BufferGeometry {
+       constructor(shapes: Shape, options: ExtrudeGeometryOptions = definedExternally)
+       constructor(shapes: Shape)
+       constructor(shapes: Array<Shape>, options: ExtrudeGeometryOptions = definedExternally)
+       constructor(shapes: Array<Shape>)
+       
+       override var type: String
+       open fun addShapeList(shapes: Array<Shape>, options: Any = definedExternally)
+       open fun addShape(shape: Shape, options: Any = definedExternally)
+       
+       companion object {
+               fun fromJSON(data: Any): ExtrudeGeometry
+       }
+}
diff --git a/src/mapMain/kotlin/externals/threejs/FileLoader.module_three.kt b/src/mapMain/kotlin/externals/threejs/FileLoader.module_three.kt
new file mode 100644 (file)
index 0000000..5f85353
--- /dev/null
@@ -0,0 +1,16 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+import org.w3c.dom.ErrorEvent
+import org.w3c.dom.MimeType
+import org.w3c.xhr.ProgressEvent
+
+external open class FileLoader(manager: LoadingManager = definedExternally) : Loader<Any> {
+       open var mimeType: MimeType?
+       open var responseType: String?
+       open fun load(url: String, onLoad: (response: Any /* String | ArrayBuffer */) -> Unit = definedExternally, onProgress: (request: ProgressEvent) -> Unit = definedExternally, onError: (event: ErrorEvent) -> Unit = definedExternally): Any
+       open fun setMimeType(mimeType: MimeType): FileLoader
+       open fun setResponseType(responseType: String): FileLoader
+}
diff --git a/src/mapMain/kotlin/externals/threejs/Fog.module_three.kt b/src/mapMain/kotlin/externals/threejs/Fog.module_three.kt
new file mode 100644 (file)
index 0000000..2105e7e
--- /dev/null
@@ -0,0 +1,31 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external interface FogBase {
+       var name: String
+       var color: Color
+       fun clone(): FogBase
+       fun toJSON(): Any
+}
+
+external open class Fog : FogBase {
+       constructor(color: Color, near: Number = definedExternally, far: Number = definedExternally)
+       constructor(color: Color)
+       constructor(color: Color, near: Number = definedExternally)
+       constructor(color: String, near: Number = definedExternally, far: Number = definedExternally)
+       constructor(color: String)
+       constructor(color: String, near: Number = definedExternally)
+       constructor(color: Number, near: Number = definedExternally, far: Number = definedExternally)
+       constructor(color: Number)
+       constructor(color: Number, near: Number = definedExternally)
+       
+       override var name: String
+       override var color: Color
+       open var near: Number
+       open var far: Number
+       open var isFog: Boolean
+       override fun clone(): Fog
+       override fun toJSON(): Any
+}
diff --git a/src/mapMain/kotlin/externals/threejs/FogExp2.module_three.kt b/src/mapMain/kotlin/externals/threejs/FogExp2.module_three.kt
new file mode 100644 (file)
index 0000000..6203b44
--- /dev/null
@@ -0,0 +1,18 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class FogExp2 : FogBase {
+       constructor(hex: Number, density: Number = definedExternally)
+       constructor(hex: Number)
+       constructor(hex: String, density: Number = definedExternally)
+       constructor(hex: String)
+       
+       override var name: String
+       override var color: Color
+       open var density: Number
+       open var isFogExp2: Boolean
+       override fun clone(): FogExp2
+       override fun toJSON(): Any
+}
diff --git a/src/mapMain/kotlin/externals/threejs/Font.module_three.kt b/src/mapMain/kotlin/externals/threejs/Font.module_three.kt
new file mode 100644 (file)
index 0000000..63526d6
--- /dev/null
@@ -0,0 +1,10 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class Font(jsondata: Any) {
+       open var type: String
+       open var data: String
+       open fun generateShapes(text: String, size: Number): Array<Shape>
+}
diff --git a/src/mapMain/kotlin/externals/threejs/FontLoader.module_three.kt b/src/mapMain/kotlin/externals/threejs/FontLoader.module_three.kt
new file mode 100644 (file)
index 0000000..c1763da
--- /dev/null
@@ -0,0 +1,12 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+import org.w3c.dom.ErrorEvent
+import org.w3c.xhr.ProgressEvent
+
+external open class FontLoader(manager: LoadingManager = definedExternally) : Loader<Font> {
+       open fun load(url: String, onLoad: (responseFont: Font) -> Unit = definedExternally, onProgress: (event: ProgressEvent) -> Unit = definedExternally, onError: (event: ErrorEvent) -> Unit = definedExternally)
+       open fun parse(json: Any): Font
+}
diff --git a/src/mapMain/kotlin/externals/threejs/Frustum.module_three.kt b/src/mapMain/kotlin/externals/threejs/Frustum.module_three.kt
new file mode 100644 (file)
index 0000000..c269f10
--- /dev/null
@@ -0,0 +1,17 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class Frustum(p0: Plane = definedExternally, p1: Plane = definedExternally, p2: Plane = definedExternally, p3: Plane = definedExternally, p4: Plane = definedExternally, p5: Plane = definedExternally) {
+       open var planes: Array<Plane>
+       open fun set(p0: Plane, p1: Plane, p2: Plane, p3: Plane, p4: Plane, p5: Plane): Frustum
+       open fun clone(): Frustum /* this */
+       open fun copy(frustum: Frustum): Frustum /* this */
+       open fun setFromProjectionMatrix(m: Matrix4): Frustum /* this */
+       open fun intersectsObject(obj: Object3D): Boolean
+       open fun intersectsSprite(sprite: Sprite): Boolean
+       open fun intersectsSphere(sphere: Sphere): Boolean
+       open fun intersectsBox(box: Box3): Boolean
+       open fun containsPoint(point: Vector3): Boolean
+}
diff --git a/src/mapMain/kotlin/externals/threejs/GLBufferAttribute.module_three.kt b/src/mapMain/kotlin/externals/threejs/GLBufferAttribute.module_three.kt
new file mode 100644 (file)
index 0000000..faa4358
--- /dev/null
@@ -0,0 +1,20 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+import org.khronos.webgl.WebGLBuffer
+
+external open class GLBufferAttribute(buffer: WebGLBuffer, type: Number, itemSize: Number, elementSize: Number /* 1 | 2 | 4 */, count: Number) {
+       open var buffer: WebGLBuffer
+       open var type: Number
+       open var itemSize: Number
+       open var elementSize: Number /* 1 | 2 | 4 */
+       open var count: Number
+       open var version: Number
+       open var isGLBufferAttribute: Boolean
+       open fun setBuffer(buffer: WebGLBuffer): GLBufferAttribute /* this */
+       open fun setType(type: Number, elementSize: Number /* 1 | 2 | 4 */): GLBufferAttribute /* this */
+       open fun setItemSize(itemSize: Number): GLBufferAttribute /* this */
+       open fun setCount(count: Number): GLBufferAttribute /* this */
+}
diff --git a/src/mapMain/kotlin/externals/threejs/GridHelper.module_three.kt b/src/mapMain/kotlin/externals/threejs/GridHelper.module_three.kt
new file mode 100644 (file)
index 0000000..518ee57
--- /dev/null
@@ -0,0 +1,37 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class GridHelper : LineSegments {
+       constructor(size: Number = definedExternally, divisions: Number = definedExternally, color1: Color = definedExternally, color2: Color = definedExternally)
+       constructor()
+       constructor(size: Number = definedExternally)
+       constructor(size: Number = definedExternally, divisions: Number = definedExternally)
+       constructor(size: Number = definedExternally, divisions: Number = definedExternally, color1: Color = definedExternally)
+       constructor(size: Number = definedExternally, divisions: Number = definedExternally, color1: Color = definedExternally, color2: String = definedExternally)
+       constructor(size: Number = definedExternally, divisions: Number = definedExternally, color1: Color = definedExternally, color2: Number = definedExternally)
+       constructor(size: Number = definedExternally, divisions: Number = definedExternally, color1: String = definedExternally, color2: Color = definedExternally)
+       constructor(size: Number = definedExternally, divisions: Number = definedExternally, color1: String = definedExternally)
+       constructor(size: Number = definedExternally, divisions: Number = definedExternally, color1: String = definedExternally, color2: String = definedExternally)
+       constructor(size: Number = definedExternally, divisions: Number = definedExternally, color1: String = definedExternally, color2: Number = definedExternally)
+       constructor(size: Number = definedExternally, divisions: Number = definedExternally, color1: Number = definedExternally, color2: Color = definedExternally)
+       constructor(size: Number = definedExternally, divisions: Number = definedExternally, color1: Number = definedExternally)
+       constructor(size: Number = definedExternally, divisions: Number = definedExternally, color1: Number = definedExternally, color2: String = definedExternally)
+       constructor(size: Number = definedExternally, divisions: Number = definedExternally, color1: Number = definedExternally, color2: Number = definedExternally)
+       
+       override var type: String
+       open fun setColors(color1: Color = definedExternally, color2: Color = definedExternally)
+       open fun setColors()
+       open fun setColors(color1: Color = definedExternally)
+       open fun setColors(color1: Color = definedExternally, color2: String = definedExternally)
+       open fun setColors(color1: Color = definedExternally, color2: Number = definedExternally)
+       open fun setColors(color1: String = definedExternally, color2: Color = definedExternally)
+       open fun setColors(color1: String = definedExternally)
+       open fun setColors(color1: String = definedExternally, color2: String = definedExternally)
+       open fun setColors(color1: String = definedExternally, color2: Number = definedExternally)
+       open fun setColors(color1: Number = definedExternally, color2: Color = definedExternally)
+       open fun setColors(color1: Number = definedExternally)
+       open fun setColors(color1: Number = definedExternally, color2: String = definedExternally)
+       open fun setColors(color1: Number = definedExternally, color2: Number = definedExternally)
+}
diff --git a/src/mapMain/kotlin/externals/threejs/Group.module_three.kt b/src/mapMain/kotlin/externals/threejs/Group.module_three.kt
new file mode 100644 (file)
index 0000000..5238c41
--- /dev/null
@@ -0,0 +1,9 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class Group : Object3D {
+       override var type: String /* "Group" */
+       open var isGroup: Boolean
+}
diff --git a/src/mapMain/kotlin/externals/threejs/HemisphereLight.module_three.kt b/src/mapMain/kotlin/externals/threejs/HemisphereLight.module_three.kt
new file mode 100644 (file)
index 0000000..1432b3f
--- /dev/null
@@ -0,0 +1,34 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class HemisphereLight : Light {
+       constructor(skyColor: Color = definedExternally, groundColor: Color = definedExternally, intensity: Number = definedExternally)
+       constructor()
+       constructor(skyColor: Color = definedExternally)
+       constructor(skyColor: Color = definedExternally, groundColor: Color = definedExternally)
+       constructor(skyColor: Color = definedExternally, groundColor: String = definedExternally, intensity: Number = definedExternally)
+       constructor(skyColor: Color = definedExternally, groundColor: String = definedExternally)
+       constructor(skyColor: Color = definedExternally, groundColor: Number = definedExternally, intensity: Number = definedExternally)
+       constructor(skyColor: Color = definedExternally, groundColor: Number = definedExternally)
+       constructor(skyColor: String = definedExternally, groundColor: Color = definedExternally, intensity: Number = definedExternally)
+       constructor(skyColor: String = definedExternally)
+       constructor(skyColor: String = definedExternally, groundColor: Color = definedExternally)
+       constructor(skyColor: String = definedExternally, groundColor: String = definedExternally, intensity: Number = definedExternally)
+       constructor(skyColor: String = definedExternally, groundColor: String = definedExternally)
+       constructor(skyColor: String = definedExternally, groundColor: Number = definedExternally, intensity: Number = definedExternally)
+       constructor(skyColor: String = definedExternally, groundColor: Number = definedExternally)
+       constructor(skyColor: Number = definedExternally, groundColor: Color = definedExternally, intensity: Number = definedExternally)
+       constructor(skyColor: Number = definedExternally)
+       constructor(skyColor: Number = definedExternally, groundColor: Color = definedExternally)
+       constructor(skyColor: Number = definedExternally, groundColor: String = definedExternally, intensity: Number = definedExternally)
+       constructor(skyColor: Number = definedExternally, groundColor: String = definedExternally)
+       constructor(skyColor: Number = definedExternally, groundColor: Number = definedExternally, intensity: Number = definedExternally)
+       constructor(skyColor: Number = definedExternally, groundColor: Number = definedExternally)
+       
+       override var type: String
+       override var position: Vector3
+       open var groundColor: Color
+       open var isHemisphereLight: Boolean
+}
diff --git a/src/mapMain/kotlin/externals/threejs/HemisphereLightHelper.module_three.kt b/src/mapMain/kotlin/externals/threejs/HemisphereLightHelper.module_three.kt
new file mode 100644 (file)
index 0000000..8c4501d
--- /dev/null
@@ -0,0 +1,19 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class HemisphereLightHelper : Object3D {
+       constructor(light: HemisphereLight, size: Number, color: Color = definedExternally)
+       constructor(light: HemisphereLight, size: Number)
+       constructor(light: HemisphereLight, size: Number, color: String = definedExternally)
+       constructor(light: HemisphereLight, size: Number, color: Number = definedExternally)
+       
+       open var light: HemisphereLight
+       override var matrix: Matrix4
+       override var matrixAutoUpdate: Boolean
+       open var material: MeshBasicMaterial
+       open var color: dynamic /* Color? | String? | Number? */
+       open fun dispose()
+       open fun update()
+}
diff --git a/src/mapMain/kotlin/externals/threejs/HemisphereLightProbe.module_three.kt b/src/mapMain/kotlin/externals/threejs/HemisphereLightProbe.module_three.kt
new file mode 100644 (file)
index 0000000..c505532
--- /dev/null
@@ -0,0 +1,31 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class HemisphereLightProbe : LightProbe {
+       constructor(skyColor: Color = definedExternally, groundColor: Color = definedExternally, intensity: Number = definedExternally)
+       constructor()
+       constructor(skyColor: Color = definedExternally)
+       constructor(skyColor: Color = definedExternally, groundColor: Color = definedExternally)
+       constructor(skyColor: Color = definedExternally, groundColor: String = definedExternally, intensity: Number = definedExternally)
+       constructor(skyColor: Color = definedExternally, groundColor: String = definedExternally)
+       constructor(skyColor: Color = definedExternally, groundColor: Number = definedExternally, intensity: Number = definedExternally)
+       constructor(skyColor: Color = definedExternally, groundColor: Number = definedExternally)
+       constructor(skyColor: String = definedExternally, groundColor: Color = definedExternally, intensity: Number = definedExternally)
+       constructor(skyColor: String = definedExternally)
+       constructor(skyColor: String = definedExternally, groundColor: Color = definedExternally)
+       constructor(skyColor: String = definedExternally, groundColor: String = definedExternally, intensity: Number = definedExternally)
+       constructor(skyColor: String = definedExternally, groundColor: String = definedExternally)
+       constructor(skyColor: String = definedExternally, groundColor: Number = definedExternally, intensity: Number = definedExternally)
+       constructor(skyColor: String = definedExternally, groundColor: Number = definedExternally)
+       constructor(skyColor: Number = definedExternally, groundColor: Color = definedExternally, intensity: Number = definedExternally)
+       constructor(skyColor: Number = definedExternally)
+       constructor(skyColor: Number = definedExternally, groundColor: Color = definedExternally)
+       constructor(skyColor: Number = definedExternally, groundColor: String = definedExternally, intensity: Number = definedExternally)
+       constructor(skyColor: Number = definedExternally, groundColor: String = definedExternally)
+       constructor(skyColor: Number = definedExternally, groundColor: Number = definedExternally, intensity: Number = definedExternally)
+       constructor(skyColor: Number = definedExternally, groundColor: Number = definedExternally)
+       
+       open var isHemisphereLightProbe: Boolean
+}
diff --git a/src/mapMain/kotlin/externals/threejs/IcosahedronGeometry.module_three.kt b/src/mapMain/kotlin/externals/threejs/IcosahedronGeometry.module_three.kt
new file mode 100644 (file)
index 0000000..8777f01
--- /dev/null
@@ -0,0 +1,12 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class IcosahedronGeometry(radius: Number = definedExternally, detail: Number = definedExternally) : PolyhedronGeometry {
+       override var type: String
+       
+       companion object {
+               fun fromJSON(data: Any): IcosahedronGeometry
+       }
+}
diff --git a/src/mapMain/kotlin/externals/threejs/ImageBitmapLoader.module_three.kt b/src/mapMain/kotlin/externals/threejs/ImageBitmapLoader.module_three.kt
new file mode 100644 (file)
index 0000000..ecfe23e
--- /dev/null
@@ -0,0 +1,15 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+import org.w3c.dom.ErrorEvent
+import org.w3c.dom.ImageBitmap
+import org.w3c.xhr.ProgressEvent
+
+external open class ImageBitmapLoader(manager: LoadingManager = definedExternally) : Loader<ImageBitmapLoader> {
+       open var options: Any?
+       open var isImageBitmapLoader: Boolean
+       open fun setOptions(options: Any?): ImageBitmapLoader
+       open fun load(url: String, onLoad: (response: ImageBitmap) -> Unit = definedExternally, onProgress: (request: ProgressEvent) -> Unit = definedExternally, onError: (event: ErrorEvent) -> Unit = definedExternally): Any
+}
diff --git a/src/mapMain/kotlin/externals/threejs/ImageLoader.module_three.kt b/src/mapMain/kotlin/externals/threejs/ImageLoader.module_three.kt
new file mode 100644 (file)
index 0000000..ff668cd
--- /dev/null
@@ -0,0 +1,12 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+import org.w3c.dom.ErrorEvent
+import org.w3c.dom.HTMLImageElement
+import org.w3c.xhr.ProgressEvent
+
+external open class ImageLoader(manager: LoadingManager = definedExternally) : Loader<HTMLImageElement> {
+       open fun load(url: String, onLoad: (image: HTMLImageElement) -> Unit = definedExternally, onProgress: (event: ProgressEvent) -> Unit = definedExternally, onError: (event: ErrorEvent) -> Unit = definedExternally): HTMLImageElement
+}
diff --git a/src/mapMain/kotlin/externals/threejs/ImageUtils.ImageUtils.module_three.kt b/src/mapMain/kotlin/externals/threejs/ImageUtils.ImageUtils.module_three.kt
new file mode 100644 (file)
index 0000000..5182b39
--- /dev/null
@@ -0,0 +1,15 @@
+@file:JsQualifier("THREE.ImageUtils")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs.ImageUtils
+
+import externals.threejs.Mapping
+import externals.threejs.Texture
+
+external fun getDataURL(image: Any): String
+
+external var crossOrigin: String
+
+external fun loadTexture(url: String, mapping: Mapping = definedExternally, onLoad: (texture: Texture) -> Unit = definedExternally, onError: (message: String) -> Unit = definedExternally): Texture
+
+external fun loadTextureCube(array: Array<String>, mapping: Mapping = definedExternally, onLoad: (texture: Texture) -> Unit = definedExternally, onError: (message: String) -> Unit = definedExternally): Texture
diff --git a/src/mapMain/kotlin/externals/threejs/ImmediateRenderObject.module_three.kt b/src/mapMain/kotlin/externals/threejs/ImmediateRenderObject.module_three.kt
new file mode 100644 (file)
index 0000000..520472c
--- /dev/null
@@ -0,0 +1,21 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+import org.khronos.webgl.Float32Array
+
+external open class ImmediateRenderObject(material: Material) : Object3D {
+       open var isImmediateRenderObject: Boolean
+       open var material: Material
+       open var hasPositions: Boolean
+       open var hasNormals: Boolean
+       open var hasColors: Boolean
+       open var hasUvs: Boolean
+       open var positionArray: Float32Array?
+       open var normalArray: Float32Array?
+       open var colorArray: Float32Array?
+       open var uvArray: Float32Array?
+       open var count: Number
+       open fun render(renderCallback: () -> Unit)
+}
diff --git a/src/mapMain/kotlin/externals/threejs/InstancedBufferAttribute.module_three.kt b/src/mapMain/kotlin/externals/threejs/InstancedBufferAttribute.module_three.kt
new file mode 100644 (file)
index 0000000..dc54969
--- /dev/null
@@ -0,0 +1,8 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class InstancedBufferAttribute(array: ArrayLike<Number>, itemSize: Number, normalized: Boolean = definedExternally, meshPerAttribute: Number = definedExternally) : BufferAttribute {
+       open var meshPerAttribute: Number
+}
diff --git a/src/mapMain/kotlin/externals/threejs/InstancedBufferGeometry.module_three.kt b/src/mapMain/kotlin/externals/threejs/InstancedBufferGeometry.module_three.kt
new file mode 100644 (file)
index 0000000..60193f7
--- /dev/null
@@ -0,0 +1,11 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class InstancedBufferGeometry : BufferGeometry {
+       override var type: String
+       open var isInstancedBufferGeometry: Boolean
+       open var instanceCount: Number
+       override fun addGroup(start: Number, count: Number, instances: Number)
+}
diff --git a/src/mapMain/kotlin/externals/threejs/InstancedInterleavedBuffer.module_three.kt b/src/mapMain/kotlin/externals/threejs/InstancedInterleavedBuffer.module_three.kt
new file mode 100644 (file)
index 0000000..7c70dc3
--- /dev/null
@@ -0,0 +1,8 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class InstancedInterleavedBuffer(array: ArrayLike<Number>, stride: Number, meshPerAttribute: Number = definedExternally) : InterleavedBuffer {
+       open var meshPerAttribute: Number
+}
diff --git a/src/mapMain/kotlin/externals/threejs/InstancedMesh.module_three.kt b/src/mapMain/kotlin/externals/threejs/InstancedMesh.module_three.kt
new file mode 100644 (file)
index 0000000..4248ab5
--- /dev/null
@@ -0,0 +1,16 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class InstancedMesh(geometry: BufferGeometry?, material: dynamic, count: Number) : Mesh {
+       open var count: Number
+       open var instanceColor: BufferAttribute?
+       open var instanceMatrix: BufferAttribute
+       open var isInstancedMesh: Boolean
+       open fun getColorAt(index: Number, color: Color)
+       open fun getMatrixAt(index: Number, matrix: Matrix4)
+       open fun setColorAt(index: Number, color: Color)
+       open fun setMatrixAt(index: Number, matrix: Matrix4)
+       open fun dispose()
+}
diff --git a/src/mapMain/kotlin/externals/threejs/InterleavedBuffer.module_three.kt b/src/mapMain/kotlin/externals/threejs/InterleavedBuffer.module_three.kt
new file mode 100644 (file)
index 0000000..2fc569b
--- /dev/null
@@ -0,0 +1,29 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external interface AnonymousStruct49 {
+       var uuid: String
+       var buffer: String
+       var type: String
+       var stride: Number
+}
+
+external open class InterleavedBuffer(array: ArrayLike<Number>, stride: Number) {
+       open var array: ArrayLike<Number>
+       open var stride: Number
+       open var usage: Usage
+       open var updateRange: AnonymousStruct0
+       open var version: Number
+       open var length: Number
+       open var count: Number
+       open var needsUpdate: Boolean
+       open var uuid: String
+       open fun setUsage(usage: Usage): InterleavedBuffer
+       open fun clone(data: Any?): InterleavedBuffer
+       open fun copy(source: InterleavedBuffer): InterleavedBuffer /* this */
+       open fun copyAt(index1: Number, attribute: InterleavedBufferAttribute, index2: Number): InterleavedBuffer
+       open fun set(value: ArrayLike<Number>, index: Number): InterleavedBuffer
+       open fun toJSON(data: Any?): AnonymousStruct49
+}
diff --git a/src/mapMain/kotlin/externals/threejs/InterleavedBufferAttribute.module_three.kt b/src/mapMain/kotlin/externals/threejs/InterleavedBufferAttribute.module_three.kt
new file mode 100644 (file)
index 0000000..325ccca
--- /dev/null
@@ -0,0 +1,37 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external interface AnonymousStruct48 {
+       var isInterleavedBufferAttribute: Boolean
+       var itemSize: Number
+       var data: String
+       var offset: Number
+       var normalized: Boolean
+}
+
+external open class InterleavedBufferAttribute(interleavedBuffer: InterleavedBuffer, itemSize: Number, offset: Number, normalized: Boolean = definedExternally) {
+       open var name: String
+       open var data: InterleavedBuffer
+       open var itemSize: Number
+       open var offset: Number
+       open var normalized: Boolean
+       open var isInterleavedBufferAttribute: Boolean
+       open fun applyMatrix4(m: Matrix4): InterleavedBufferAttribute /* this */
+       open fun clone(data: Any? = definedExternally): BufferAttribute
+       open fun getX(index: Number): Number
+       open fun setX(index: Number, x: Number): InterleavedBufferAttribute /* this */
+       open fun getY(index: Number): Number
+       open fun setY(index: Number, y: Number): InterleavedBufferAttribute /* this */
+       open fun getZ(index: Number): Number
+       open fun setZ(index: Number, z: Number): InterleavedBufferAttribute /* this */
+       open fun getW(index: Number): Number
+       open fun setW(index: Number, z: Number): InterleavedBufferAttribute /* this */
+       open fun setXY(index: Number, x: Number, y: Number): InterleavedBufferAttribute /* this */
+       open fun setXYZ(index: Number, x: Number, y: Number, z: Number): InterleavedBufferAttribute /* this */
+       open fun setXYZW(index: Number, x: Number, y: Number, z: Number, w: Number): InterleavedBufferAttribute /* this */
+       open fun toJSON(data: Any? = definedExternally): AnonymousStruct48
+       open fun applyNormalMatrix(matrix: Matrix): InterleavedBufferAttribute /* this */
+       open fun transformDirection(matrix: Matrix): InterleavedBufferAttribute /* this */
+}
diff --git a/src/mapMain/kotlin/externals/threejs/Interpolant.module_three.kt b/src/mapMain/kotlin/externals/threejs/Interpolant.module_three.kt
new file mode 100644 (file)
index 0000000..5ef823f
--- /dev/null
@@ -0,0 +1,12 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class Interpolant(parameterPositions: Any, sampleValues: Any, sampleSize: Number, resultBuffer: Any = definedExternally) {
+       open var parameterPositions: Any
+       open var sampleValues: Any
+       open var valueSize: Number
+       open var resultBuffer: Any
+       open fun evaluate(time: Number): Any
+}
diff --git a/src/mapMain/kotlin/externals/threejs/KeyframeTrack.module_three.kt b/src/mapMain/kotlin/externals/threejs/KeyframeTrack.module_three.kt
new file mode 100644 (file)
index 0000000..b633416
--- /dev/null
@@ -0,0 +1,32 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+import org.khronos.webgl.Float32Array
+
+external open class KeyframeTrack(name: String, times: ArrayLike<Any>, values: ArrayLike<Any>, interpolation: InterpolationModes = definedExternally) {
+       open var name: String
+       open var times: Float32Array
+       open var values: Float32Array
+       open var ValueTypeName: String
+       open var TimeBufferType: Float32Array
+       open var ValueBufferType: Float32Array
+       open var DefaultInterpolation: InterpolationModes
+       open fun InterpolantFactoryMethodDiscrete(result: Any): DiscreteInterpolant
+       open fun InterpolantFactoryMethodLinear(result: Any): LinearInterpolant
+       open fun InterpolantFactoryMethodSmooth(result: Any): CubicInterpolant
+       open fun setInterpolation(interpolation: InterpolationModes): KeyframeTrack
+       open fun getInterpolation(): InterpolationModes
+       open fun getValueSize(): Number
+       open fun shift(timeOffset: Number): KeyframeTrack
+       open fun scale(timeScale: Number): KeyframeTrack
+       open fun trim(startTime: Number, endTime: Number): KeyframeTrack
+       open fun validate(): Boolean
+       open fun optimize(): KeyframeTrack
+       open fun clone(): KeyframeTrack /* this */
+       
+       companion object {
+               fun toJSON(track: KeyframeTrack): Any
+       }
+}
diff --git a/src/mapMain/kotlin/externals/threejs/LOD.module_three.kt b/src/mapMain/kotlin/externals/threejs/LOD.module_three.kt
new file mode 100644 (file)
index 0000000..61b597d
--- /dev/null
@@ -0,0 +1,24 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external interface AnonymousStruct83 {
+       var distance: Number
+       var `object`: Object3D
+}
+
+external open class LOD : Object3D {
+       override var type: String /* "LOD" */
+       open var levels: Array<AnonymousStruct83>
+       open var autoUpdate: Boolean
+       open var isLOD: Boolean
+       open fun addLevel(obj: Object3D, distance: Number = definedExternally): LOD /* this */
+       open fun getCurrentLevel(): Number
+       open fun getObjectForDistance(distance: Number): Object3D?
+       override fun raycast(raycaster: Raycaster, intersects: Array<Intersection>)
+       open fun update(camera: Camera)
+       open fun toJSON(meta: Any): Any
+       override fun toJSON(meta: AnonymousStruct6): Any
+       open var objects: Array<Any>
+}
diff --git a/src/mapMain/kotlin/externals/threejs/LatheGeometry.module_three.kt b/src/mapMain/kotlin/externals/threejs/LatheGeometry.module_three.kt
new file mode 100644 (file)
index 0000000..d5232d0
--- /dev/null
@@ -0,0 +1,20 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external interface AnonymousStruct67 {
+       var points: Array<Vector2>
+       var segments: Number
+       var phiStart: Number
+       var phiLength: Number
+}
+
+external open class LatheGeometry(points: Array<Vector2>, segments: Number = definedExternally, phiStart: Number = definedExternally, phiLength: Number = definedExternally) : BufferGeometry {
+       override var type: String
+       open var parameters: AnonymousStruct67
+       
+       companion object {
+               fun fromJSON(data: Any): LatheGeometry
+       }
+}
diff --git a/src/mapMain/kotlin/externals/threejs/Layers.module_three.kt b/src/mapMain/kotlin/externals/threejs/Layers.module_three.kt
new file mode 100644 (file)
index 0000000..b51ec8c
--- /dev/null
@@ -0,0 +1,15 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class Layers {
+       open var mask: Number
+       open fun set(channel: Number)
+       open fun enable(channel: Number)
+       open fun enableAll()
+       open fun toggle(channel: Number)
+       open fun disable(channel: Number)
+       open fun disableAll()
+       open fun test(layers: Layers): Boolean
+}
diff --git a/src/mapMain/kotlin/externals/threejs/Light.module_three.kt b/src/mapMain/kotlin/externals/threejs/Light.module_three.kt
new file mode 100644 (file)
index 0000000..75c5da2
--- /dev/null
@@ -0,0 +1,29 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class Light : Object3D {
+       constructor(hex: Number = definedExternally, intensity: Number = definedExternally)
+       constructor()
+       constructor(hex: Number = definedExternally)
+       constructor(hex: String = definedExternally, intensity: Number = definedExternally)
+       constructor(hex: String = definedExternally)
+       
+       override var type: String
+       open var color: Color
+       open var intensity: Number
+       open var isLight: Boolean
+       open var shadow: LightShadow
+       open var shadowCameraFov: Any
+       open var shadowCameraLeft: Any
+       open var shadowCameraRight: Any
+       open var shadowCameraTop: Any
+       open var shadowCameraBottom: Any
+       open var shadowCameraNear: Any
+       open var shadowCameraFar: Any
+       open var shadowBias: Any
+       open var shadowMapWidth: Any
+       open var shadowMapHeight: Any
+       open fun dispose()
+}
diff --git a/src/mapMain/kotlin/externals/threejs/LightProbe.module_three.kt b/src/mapMain/kotlin/externals/threejs/LightProbe.module_three.kt
new file mode 100644 (file)
index 0000000..e03fff9
--- /dev/null
@@ -0,0 +1,11 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class LightProbe(sh: SphericalHarmonics3 = definedExternally, intensity: Number = definedExternally) : Light {
+       override var type: String
+       open var isLightProbe: Boolean
+       open var sh: SphericalHarmonics3
+       open fun fromJSON(json: Any?): LightProbe
+}
diff --git a/src/mapMain/kotlin/externals/threejs/LightShadow.module_three.kt b/src/mapMain/kotlin/externals/threejs/LightShadow.module_three.kt
new file mode 100644 (file)
index 0000000..e0ea41d
--- /dev/null
@@ -0,0 +1,25 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class LightShadow(camera: Camera) {
+       open var camera: Camera
+       open var bias: Number
+       open var normalBias: Number
+       open var radius: Number
+       open var mapSize: Vector2
+       open var map: RenderTarget
+       open var mapPass: RenderTarget
+       open var matrix: Matrix4
+       open var autoUpdate: Boolean
+       open var needsUpdate: Boolean
+       open fun copy(source: LightShadow): LightShadow /* this */
+       open fun clone(recursive: Boolean = definedExternally): LightShadow /* this */
+       open fun toJSON(): Any
+       open fun getFrustum(): Number
+       open fun updateMatrices(light: Light, viewportIndex: Number = definedExternally)
+       open fun getViewport(viewportIndex: Number): Vector4
+       open fun getFrameExtents(): Vector2
+       open fun dispose()
+}
diff --git a/src/mapMain/kotlin/externals/threejs/Line.module_three.kt b/src/mapMain/kotlin/externals/threejs/Line.module_three.kt
new file mode 100644 (file)
index 0000000..5f40a2a
--- /dev/null
@@ -0,0 +1,16 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class Line(geometry: BufferGeometry = definedExternally, material: dynamic = definedExternally) : Object3D {
+       open var geometry: BufferGeometry
+       open var material: dynamic
+       override var type: String /* "Line" | "LineLoop" | "LineSegments" | String */
+       open var isLine: Boolean
+       open var morphTargetInfluences: Array<Number>?
+       open var morphTargetDictionary: AnonymousStruct55?
+       open fun computeLineDistances(): Line /* this */
+       override fun raycast(raycaster: Raycaster, intersects: Array<Intersection>)
+       open fun updateMorphTargets()
+}
diff --git a/src/mapMain/kotlin/externals/threejs/Line3.module_three.kt b/src/mapMain/kotlin/externals/threejs/Line3.module_three.kt
new file mode 100644 (file)
index 0000000..8dfc38b
--- /dev/null
@@ -0,0 +1,21 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class Line3(start: Vector3 = definedExternally, end: Vector3 = definedExternally) {
+       open var start: Vector3
+       open var end: Vector3
+       open fun set(start: Vector3 = definedExternally, end: Vector3 = definedExternally): Line3
+       open fun clone(): Line3 /* this */
+       open fun copy(line: Line3): Line3 /* this */
+       open fun getCenter(target: Vector3): Vector3
+       open fun delta(target: Vector3): Vector3
+       open fun distanceSq(): Number
+       open fun distance(): Number
+       open fun at(t: Number, target: Vector3): Vector3
+       open fun closestPointToPointParameter(point: Vector3, clampToLine: Boolean = definedExternally): Number
+       open fun closestPointToPoint(point: Vector3, clampToLine: Boolean, target: Vector3): Vector3
+       open fun applyMatrix4(matrix: Matrix4): Line3
+       open fun equals(line: Line3): Boolean
+}
diff --git a/src/mapMain/kotlin/externals/threejs/LineBasicMaterial.module_three.kt b/src/mapMain/kotlin/externals/threejs/LineBasicMaterial.module_three.kt
new file mode 100644 (file)
index 0000000..b8a79b7
--- /dev/null
@@ -0,0 +1,29 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external interface LineBasicMaterialParameters : MaterialParameters {
+       var color: dynamic /* Color? | String? | Number? */
+               get() = definedExternally
+               set(value) = definedExternally
+       var linewidth: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+       var linecap: String?
+               get() = definedExternally
+               set(value) = definedExternally
+       var linejoin: String?
+               get() = definedExternally
+               set(value) = definedExternally
+}
+
+external open class LineBasicMaterial(parameters: LineBasicMaterialParameters = definedExternally) : Material {
+       override var type: String
+       open var color: Color
+       open var linewidth: Number
+       open var linecap: String
+       open var linejoin: String
+       open fun setValues(parameters: LineBasicMaterialParameters)
+       override fun setValues(values: MaterialParameters)
+}
diff --git a/src/mapMain/kotlin/externals/threejs/LineCurve.module_three.kt b/src/mapMain/kotlin/externals/threejs/LineCurve.module_three.kt
new file mode 100644 (file)
index 0000000..d100b5c
--- /dev/null
@@ -0,0 +1,10 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class LineCurve(v1: Vector2, v2: Vector2) : Curve<Vector2> {
+       override var type: String
+       open var v1: Vector2
+       open var v2: Vector2
+}
diff --git a/src/mapMain/kotlin/externals/threejs/LineCurve3.module_three.kt b/src/mapMain/kotlin/externals/threejs/LineCurve3.module_three.kt
new file mode 100644 (file)
index 0000000..147fc41
--- /dev/null
@@ -0,0 +1,10 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class LineCurve3(v1: Vector3, v2: Vector3) : Curve<Vector3> {
+       override var type: String
+       open var v1: Vector3
+       open var v2: Vector3
+}
diff --git a/src/mapMain/kotlin/externals/threejs/LineDashedMaterial.module_three.kt b/src/mapMain/kotlin/externals/threejs/LineDashedMaterial.module_three.kt
new file mode 100644 (file)
index 0000000..b5322f9
--- /dev/null
@@ -0,0 +1,27 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external interface LineDashedMaterialParameters : LineBasicMaterialParameters {
+       var scale: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+       var dashSize: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+       var gapSize: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+}
+
+external open class LineDashedMaterial(parameters: LineDashedMaterialParameters = definedExternally) : LineBasicMaterial {
+       override var type: String
+       open var scale: Number
+       open var dashSize: Number
+       open var gapSize: Number
+       open var isLineDashedMaterial: Boolean
+       open fun setValues(parameters: LineDashedMaterialParameters)
+       override fun setValues(parameters: LineBasicMaterialParameters)
+       override fun setValues(values: MaterialParameters)
+}
diff --git a/src/mapMain/kotlin/externals/threejs/LineLoop.module_three.kt b/src/mapMain/kotlin/externals/threejs/LineLoop.module_three.kt
new file mode 100644 (file)
index 0000000..2209b4d
--- /dev/null
@@ -0,0 +1,9 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class LineLoop(geometry: BufferGeometry = definedExternally, material: dynamic = definedExternally) : Line {
+       override var type: String /* "LineLoop" */
+       open var isLineLoop: Boolean
+}
diff --git a/src/mapMain/kotlin/externals/threejs/LineSegments.module_three.kt b/src/mapMain/kotlin/externals/threejs/LineSegments.module_three.kt
new file mode 100644 (file)
index 0000000..686c6aa
--- /dev/null
@@ -0,0 +1,13 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external var LineStrip: Number
+
+external var LinePieces: Number
+
+external open class LineSegments(geometry: BufferGeometry = definedExternally, material: dynamic = definedExternally) : Line {
+       override var type: String /* "LineSegments" | String */
+       open var isLineSegments: Boolean
+}
diff --git a/src/mapMain/kotlin/externals/threejs/LinearInterpolant.module_three.kt b/src/mapMain/kotlin/externals/threejs/LinearInterpolant.module_three.kt
new file mode 100644 (file)
index 0000000..de55f02
--- /dev/null
@@ -0,0 +1,8 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class LinearInterpolant(parameterPositions: Any, samplesValues: Any, sampleSize: Number, resultBuffer: Any = definedExternally) : Interpolant {
+       open fun interpolate_(i1: Number, t0: Number, t: Number, t1: Number): Any
+}
diff --git a/src/mapMain/kotlin/externals/threejs/Loader.module_three.kt b/src/mapMain/kotlin/externals/threejs/Loader.module_three.kt
new file mode 100644 (file)
index 0000000..f414281
--- /dev/null
@@ -0,0 +1,30 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+import org.w3c.xhr.ProgressEvent
+import kotlin.js.Promise
+
+external interface AnonymousStruct77 {
+       @nativeGetter
+       operator fun get(header: String): String?
+       
+       @nativeSetter
+       operator fun set(header: String, value: String)
+}
+
+external open class Loader<T : Any>(manager: LoadingManager = definedExternally) {
+       open var crossOrigin: String
+       open var withCredentials: Boolean
+       open var path: String
+       open var resourcePath: String
+       open var manager: LoadingManager
+       open var requestHeader: AnonymousStruct77
+       open fun loadAsync(url: String, onProgress: (event: ProgressEvent) -> Unit = definedExternally): Promise<T>
+       open fun setCrossOrigin(crossOrigin: String): Loader<T> /* this */
+       open fun setWithCredentials(value: Boolean): Loader<T> /* this */
+       open fun setPath(path: String): Loader<T> /* this */
+       open fun setResourcePath(resourcePath: String): Loader<T> /* this */
+       open fun setRequestHeader(requestHeader: AnonymousStruct77): Loader<T> /* this */
+}
diff --git a/src/mapMain/kotlin/externals/threejs/LoaderUtils.module_three.kt b/src/mapMain/kotlin/externals/threejs/LoaderUtils.module_three.kt
new file mode 100644 (file)
index 0000000..db23078
--- /dev/null
@@ -0,0 +1,16 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+import org.khronos.webgl.ArrayBuffer
+import org.khronos.webgl.ArrayBufferView
+
+@Suppress("EXTERNAL_DELEGATION", "NESTED_CLASS_IN_EXTERNAL_INTERFACE")
+external interface LoaderUtils {
+       fun decodeText(array: ArrayBufferView): String
+       fun decodeText(array: ArrayBuffer): String
+       fun extractUrlBase(url: String): String
+       
+       companion object : LoaderUtils by definedExternally
+}
diff --git a/src/mapMain/kotlin/externals/threejs/LoadingManager.module_three.kt b/src/mapMain/kotlin/externals/threejs/LoadingManager.module_three.kt
new file mode 100644 (file)
index 0000000..3c0f128
--- /dev/null
@@ -0,0 +1,23 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+import kotlin.js.RegExp
+
+external var DefaultLoadingManager: LoadingManager
+
+external open class LoadingManager(onLoad: () -> Unit = definedExternally, onProgress: (url: String, loaded: Number, total: Number) -> Unit = definedExternally, onError: (url: String) -> Unit = definedExternally) {
+       open var onStart: ((url: String, loaded: Number, total: Number) -> Unit)?
+       open var onLoad: () -> Unit
+       open var onProgress: (url: String, loaded: Number, total: Number) -> Unit
+       open var onError: (url: String) -> Unit
+       open fun setURLModifier(callback: (url: String) -> String = definedExternally): LoadingManager /* this */
+       open fun resolveURL(url: String): String
+       open fun itemStart(url: String)
+       open fun itemEnd(url: String)
+       open fun itemError(url: String)
+       open fun addHandler(regex: RegExp, loader: Loader<*>): LoadingManager /* this */
+       open fun removeHandler(regex: RegExp): LoadingManager /* this */
+       open fun getHandler(file: String): Loader<*>?
+}
diff --git a/src/mapMain/kotlin/externals/threejs/MTLLoader.module_three.kt b/src/mapMain/kotlin/externals/threejs/MTLLoader.module_three.kt
new file mode 100644 (file)
index 0000000..f782ef2
--- /dev/null
@@ -0,0 +1,17 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+import org.w3c.dom.ErrorEvent
+import org.w3c.xhr.ProgressEvent
+
+external class MaterialCreator {
+       fun preload()
+       val materials: StringDict<Material>
+}
+
+external open class MTLLoader(manager: LoadingManager = definedExternally) : Loader<MaterialCreator> {
+       open fun load(url: String, onLoad: (mesh: MaterialCreator) -> Unit = definedExternally, onProgress: (event: ProgressEvent) -> Unit = definedExternally, onError: (event: ErrorEvent) -> Unit = definedExternally)
+       open fun parse(text: String, path: String): MaterialCreator
+}
diff --git a/src/mapMain/kotlin/externals/threejs/Material.module_three.kt b/src/mapMain/kotlin/externals/threejs/Material.module_three.kt
new file mode 100644 (file)
index 0000000..bfb3575
--- /dev/null
@@ -0,0 +1,189 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+import org.w3c.dom.events.EventTarget
+
+external interface MaterialParameters {
+       var alphaTest: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+       var alphaToCoverage: Boolean?
+               get() = definedExternally
+               set(value) = definedExternally
+       var blendDst: BlendingDstFactor?
+               get() = definedExternally
+               set(value) = definedExternally
+       var blendDstAlpha: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+       var blendEquation: BlendingEquation?
+               get() = definedExternally
+               set(value) = definedExternally
+       var blendEquationAlpha: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+       var blending: Blending?
+               get() = definedExternally
+               set(value) = definedExternally
+       var blendSrc: dynamic /* BlendingSrcFactor? | BlendingDstFactor? */
+               get() = definedExternally
+               set(value) = definedExternally
+       var blendSrcAlpha: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+       var clipIntersection: Boolean?
+               get() = definedExternally
+               set(value) = definedExternally
+       var clippingPlanes: Array<Plane>?
+               get() = definedExternally
+               set(value) = definedExternally
+       var clipShadows: Boolean?
+               get() = definedExternally
+               set(value) = definedExternally
+       var colorWrite: Boolean?
+               get() = definedExternally
+               set(value) = definedExternally
+       var defines: Any?
+               get() = definedExternally
+               set(value) = definedExternally
+       var depthFunc: DepthModes?
+               get() = definedExternally
+               set(value) = definedExternally
+       var depthTest: Boolean?
+               get() = definedExternally
+               set(value) = definedExternally
+       var depthWrite: Boolean?
+               get() = definedExternally
+               set(value) = definedExternally
+       var fog: Boolean?
+               get() = definedExternally
+               set(value) = definedExternally
+       var name: String?
+               get() = definedExternally
+               set(value) = definedExternally
+       var opacity: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+       var polygonOffset: Boolean?
+               get() = definedExternally
+               set(value) = definedExternally
+       var polygonOffsetFactor: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+       var polygonOffsetUnits: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+       var precision: String? /* "highp" | "mediump" | "lowp" */
+               get() = definedExternally
+               set(value) = definedExternally
+       var premultipliedAlpha: Boolean?
+               get() = definedExternally
+               set(value) = definedExternally
+       var dithering: Boolean?
+               get() = definedExternally
+               set(value) = definedExternally
+       var side: Side?
+               get() = definedExternally
+               set(value) = definedExternally
+       var shadowSide: Side?
+               get() = definedExternally
+               set(value) = definedExternally
+       var toneMapped: Boolean?
+               get() = definedExternally
+               set(value) = definedExternally
+       var transparent: Boolean?
+               get() = definedExternally
+               set(value) = definedExternally
+       var vertexColors: Boolean?
+               get() = definedExternally
+               set(value) = definedExternally
+       var visible: Boolean?
+               get() = definedExternally
+               set(value) = definedExternally
+       var stencilWrite: Boolean?
+               get() = definedExternally
+               set(value) = definedExternally
+       var stencilFunc: StencilFunc?
+               get() = definedExternally
+               set(value) = definedExternally
+       var stencilRef: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+       var stencilWriteMask: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+       var stencilFuncMask: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+       var stencilFail: StencilOp?
+               get() = definedExternally
+               set(value) = definedExternally
+       var stencilZFail: StencilOp?
+               get() = definedExternally
+               set(value) = definedExternally
+       var stencilZPass: StencilOp?
+               get() = definedExternally
+               set(value) = definedExternally
+       var userData: dynamic
+               get() = definedExternally
+               set(value) = definedExternally
+}
+
+external open class Material : EventTarget {
+       open var alphaTest: Number
+       open var alphaToCoverage: Boolean
+       open var blendDst: BlendingDstFactor
+       open var blendDstAlpha: Number?
+       open var blendEquation: BlendingEquation
+       open var blendEquationAlpha: Number?
+       open var blending: Blending
+       open var blendSrc: dynamic /* BlendingSrcFactor | BlendingDstFactor */
+       open var blendSrcAlpha: Number?
+       open var clipIntersection: Boolean
+       open var clippingPlanes: Any
+       open var clipShadows: Boolean
+       open var colorWrite: Boolean
+       open var defines: dynamic
+       open var depthFunc: DepthModes
+       open var depthTest: Boolean
+       open var depthWrite: Boolean
+       open var fog: Boolean
+       open var id: Number
+       open var stencilWrite: Boolean
+       open var stencilFunc: StencilFunc
+       open var stencilRef: Number
+       open var stencilWriteMask: Number
+       open var stencilFuncMask: Number
+       open var stencilFail: StencilOp
+       open var stencilZFail: StencilOp
+       open var stencilZPass: StencilOp
+       open var isMaterial: Boolean
+       open var name: String
+       open var needsUpdate: Boolean
+       open var opacity: Number
+       open var polygonOffset: Boolean
+       open var polygonOffsetFactor: Number
+       open var polygonOffsetUnits: Number
+       open var precision: String /* "highp" | "mediump" | "lowp" */
+       open var premultipliedAlpha: Boolean
+       open var dithering: Boolean
+       open var side: Side
+       open var shadowSide: Side
+       open var toneMapped: Boolean
+       open var transparent: Boolean
+       open var type: String
+       open var uuid: String
+       open var vertexColors: Boolean
+       open var visible: Boolean
+       open var userData: dynamic
+       open var version: Number
+       open fun clone(): Material /* this */
+       open fun copy(material: Material): Material /* this */
+       open fun dispose()
+       open fun onBeforeCompile(shader: Shader, renderer: WebGLRenderer)
+       open fun customProgramCacheKey(): String
+       open fun setValues(values: MaterialParameters)
+       open fun toJSON(meta: Any = definedExternally): Any
+}
diff --git a/src/mapMain/kotlin/externals/threejs/MaterialLoader.module_three.kt b/src/mapMain/kotlin/externals/threejs/MaterialLoader.module_three.kt
new file mode 100644 (file)
index 0000000..8d6e97d
--- /dev/null
@@ -0,0 +1,21 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+import org.w3c.xhr.ProgressEvent
+
+external interface AnonymousStruct80 {
+       @nativeGetter
+       operator fun get(key: String): Texture?
+       
+       @nativeSetter
+       operator fun set(key: String, value: Texture)
+}
+
+external open class MaterialLoader(manager: LoadingManager = definedExternally) : Loader<Material> {
+       open var textures: AnonymousStruct80
+       open fun load(url: String, onLoad: (material: Material) -> Unit, onProgress: (event: ProgressEvent) -> Unit = definedExternally, onError: (event: Any /* Error | ErrorEvent */) -> Unit = definedExternally)
+       open fun setTextures(textures: AnonymousStruct80): MaterialLoader /* this */
+       open fun parse(json: Any): Material
+}
diff --git a/src/mapMain/kotlin/externals/threejs/Matrix3.module_three.kt b/src/mapMain/kotlin/externals/threejs/Matrix3.module_three.kt
new file mode 100644 (file)
index 0000000..9c476ba
--- /dev/null
@@ -0,0 +1,57 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external interface Matrix {
+       var elements: Array<Number>
+       fun identity(): Matrix
+       fun copy(m: Matrix /* this */): Matrix /* this */
+       fun multiplyScalar(s: Number): Matrix
+       fun determinant(): Number
+       fun transpose(): Matrix
+       fun invert(): Matrix
+       fun clone(): Matrix
+}
+
+external open class Matrix3 : Matrix {
+       override var elements: Array<Number>
+       open fun set(n11: Number, n12: Number, n13: Number, n21: Number, n22: Number, n23: Number, n31: Number, n32: Number, n33: Number): Matrix3
+       override fun identity(): Matrix3
+       override fun clone(): Matrix3 /* this */
+       open fun copy(m: Matrix3): Matrix3 /* this */
+       override fun copy(m: Matrix /* this */): Matrix /* this */
+       open fun extractBasis(xAxis: Vector3, yAxis: Vector3, zAxis: Vector3): Matrix3
+       open fun setFromMatrix4(m: Matrix4): Matrix3
+       override fun multiplyScalar(s: Number): Matrix3
+       override fun determinant(): Number
+       override fun invert(): Matrix3
+       override fun transpose(): Matrix3
+       open fun getNormalMatrix(matrix4: Matrix4): Matrix3
+       open fun transposeIntoArray(r: Array<Number>): Matrix3
+       open fun setUvTransform(tx: Number, ty: Number, sx: Number, sy: Number, rotation: Number, cx: Number, cy: Number): Matrix3
+       open fun scale(sx: Number, sy: Number): Matrix3
+       open fun rotate(theta: Number): Matrix3
+       open fun translate(tx: Number, ty: Number): Matrix3
+       open fun equals(matrix: Matrix3): Boolean
+       open fun fromArray(array: Array<Number>, offset: Number = definedExternally): Matrix3
+       open fun fromArray(array: Array<Number>): Matrix3
+       open fun fromArray(array: ArrayLike<Number>, offset: Number = definedExternally): Matrix3
+       open fun fromArray(array: ArrayLike<Number>): Matrix3
+       open fun toArray(array: Array<Number> = definedExternally, offset: Number = definedExternally): Array<Number>
+       open fun toArray(): dynamic /* ArrayLike */
+       open fun toArray(array: Array<Number> = definedExternally): Array<Number>
+       open fun toArray(array: Any /* JsTuple<Number, Number, Number, Number, Number, Number, Number, Number, Number> */ = definedExternally, offset: Number /* 0 */ = definedExternally): dynamic /* JsTuple<Number, Number, Number, Number, Number, Number, Number, Number, Number> */
+       open fun toArray(array: Any /* JsTuple<Number, Number, Number, Number, Number, Number, Number, Number, Number> */ = definedExternally): dynamic /* JsTuple<Number, Number, Number, Number, Number, Number, Number, Number, Number> */
+       open fun toArray(array: ArrayLike<Number> = definedExternally, offset: Number = definedExternally): ArrayLike<Number>
+       open fun toArray(array: ArrayLike<Number> = definedExternally): ArrayLike<Number>
+       open fun multiply(m: Matrix3): Matrix3
+       open fun premultiply(m: Matrix3): Matrix3
+       open fun multiplyMatrices(a: Matrix3, b: Matrix3): Matrix3
+       open fun multiplyVector3(vector: Vector3): Any
+       open fun multiplyVector3Array(a: Any): Any
+       open fun getInverse(matrix: Matrix4, throwOnDegenerate: Boolean = definedExternally): Matrix3
+       open fun getInverse(matrix: Matrix4): Matrix3
+       open fun getInverse(matrix: Matrix): Matrix
+       open fun flattenToArrayOffset(array: Array<Number>, offset: Number): Array<Number>
+}
diff --git a/src/mapMain/kotlin/externals/threejs/Matrix4.module_three.kt b/src/mapMain/kotlin/externals/threejs/Matrix4.module_three.kt
new file mode 100644 (file)
index 0000000..fc68c5c
--- /dev/null
@@ -0,0 +1,70 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class Matrix4 : Matrix {
+       override var elements: Array<Number>
+       open fun set(n11: Number, n12: Number, n13: Number, n14: Number, n21: Number, n22: Number, n23: Number, n24: Number, n31: Number, n32: Number, n33: Number, n34: Number, n41: Number, n42: Number, n43: Number, n44: Number): Matrix4
+       override fun identity(): Matrix4
+       override fun clone(): Matrix4
+       open fun copy(m: Matrix4): Matrix4 /* this */
+       override fun copy(m: Matrix /* this */): Matrix /* this */
+       open fun copyPosition(m: Matrix4): Matrix4
+       open fun extractBasis(xAxis: Vector3, yAxis: Vector3, zAxis: Vector3): Matrix4
+       open fun makeBasis(xAxis: Vector3, yAxis: Vector3, zAxis: Vector3): Matrix4
+       open fun extractRotation(m: Matrix4): Matrix4
+       open fun makeRotationFromEuler(euler: Euler): Matrix4
+       open fun makeRotationFromQuaternion(q: Quaternion): Matrix4
+       open fun lookAt(eye: Vector3, target: Vector3, up: Vector3): Matrix4
+       open fun multiply(m: Matrix4): Matrix4
+       open fun premultiply(m: Matrix4): Matrix4
+       open fun multiplyMatrices(a: Matrix4, b: Matrix4): Matrix4
+       open fun multiplyToArray(a: Matrix4, b: Matrix4, r: Array<Number>): Matrix4
+       override fun multiplyScalar(s: Number): Matrix4
+       override fun determinant(): Number
+       override fun transpose(): Matrix4
+       open fun setPosition(v: Vector3, y: Number = definedExternally, z: Number = definedExternally): Matrix4
+       open fun setPosition(v: Vector3): Matrix4
+       open fun setPosition(v: Vector3, y: Number = definedExternally): Matrix4
+       open fun setPosition(v: Number, y: Number = definedExternally, z: Number = definedExternally): Matrix4
+       open fun setPosition(v: Number): Matrix4
+       open fun setPosition(v: Number, y: Number = definedExternally): Matrix4
+       override fun invert(): Matrix4
+       open fun scale(v: Vector3): Matrix4
+       open fun getMaxScaleOnAxis(): Number
+       open fun makeTranslation(x: Number, y: Number, z: Number): Matrix4
+       open fun makeRotationX(theta: Number): Matrix4
+       open fun makeRotationY(theta: Number): Matrix4
+       open fun makeRotationZ(theta: Number): Matrix4
+       open fun makeRotationAxis(axis: Vector3, angle: Number): Matrix4
+       open fun makeScale(x: Number, y: Number, z: Number): Matrix4
+       open fun makeShear(xy: Number, xz: Number, yx: Number, yz: Number, zx: Number, zy: Number): Matrix4
+       open fun compose(translation: Vector3, rotation: Quaternion, scale: Vector3): Matrix4
+       open fun decompose(translation: Vector3, rotation: Quaternion, scale: Vector3): Matrix4
+       open fun makePerspective(left: Number, right: Number, bottom: Number, top: Number, near: Number, far: Number): Matrix4
+       open fun makePerspective(fov: Number, aspect: Number, near: Number, far: Number): Matrix4
+       open fun makeOrthographic(left: Number, right: Number, top: Number, bottom: Number, near: Number, far: Number): Matrix4
+       open fun equals(matrix: Matrix4): Boolean
+       open fun fromArray(array: Array<Number>, offset: Number = definedExternally): Matrix4
+       open fun fromArray(array: Array<Number>): Matrix4
+       open fun fromArray(array: ArrayLike<Number>, offset: Number = definedExternally): Matrix4
+       open fun fromArray(array: ArrayLike<Number>): Matrix4
+       open fun toArray(array: Array<Number> = definedExternally, offset: Number = definedExternally): Array<Number>
+       open fun toArray(): ArrayLike<Number>
+       open fun toArray(array: Array<Number> = definedExternally): Array<Number>
+       open fun toArray(array: Any /* JsTuple<Number, Number, Number, Number, Number, Number, Number, Number, Number, Number, Number, Number, Number, Number, Number, Number> */ = definedExternally, offset: Number /* 0 */ = definedExternally): dynamic /* JsTuple<Number, Number, Number, Number, Number, Number, Number, Number, Number, Number, Number, Number, Number, Number, Number, Number> */
+       open fun toArray(array: Any /* JsTuple<Number, Number, Number, Number, Number, Number, Number, Number, Number, Number, Number, Number, Number, Number, Number, Number> */ = definedExternally): dynamic /* JsTuple<Number, Number, Number, Number, Number, Number, Number, Number, Number, Number, Number, Number, Number, Number, Number, Number> */
+       open fun toArray(array: ArrayLike<Number> = definedExternally, offset: Number = definedExternally): ArrayLike<Number>
+       open fun toArray(array: ArrayLike<Number> = definedExternally): ArrayLike<Number>
+       open fun setFromMatrix3(m: Matrix3): Matrix4
+       open fun extractPosition(m: Matrix4): Matrix4
+       open fun setRotationFromQuaternion(q: Quaternion): Matrix4
+       open fun multiplyVector3(v: Any): Any
+       open fun multiplyVector4(v: Any): Any
+       open fun multiplyVector3Array(array: Array<Number>): Array<Number>
+       open fun rotateAxis(v: Any)
+       open fun crossVector(v: Any)
+       open fun flattenToArrayOffset(array: Array<Number>, offset: Number): Array<Number>
+       open fun getInverse(matrix: Matrix): Matrix
+}
diff --git a/src/mapMain/kotlin/externals/threejs/Mesh.module_three.kt b/src/mapMain/kotlin/externals/threejs/Mesh.module_three.kt
new file mode 100644 (file)
index 0000000..d0b76c2
--- /dev/null
@@ -0,0 +1,15 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class Mesh(geometry: BufferGeometry = definedExternally, material: dynamic = definedExternally) : Object3D {
+       open var geometry: BufferGeometry
+       open var material: dynamic
+       open var morphTargetInfluences: Array<Number>?
+       open var morphTargetDictionary: AnonymousStruct55?
+       open var isMesh: Boolean
+       override var type: String
+       open fun updateMorphTargets()
+       override fun raycast(raycaster: Raycaster, intersects: Array<Intersection>)
+}
diff --git a/src/mapMain/kotlin/externals/threejs/MeshBasicMaterial.module_three.kt b/src/mapMain/kotlin/externals/threejs/MeshBasicMaterial.module_three.kt
new file mode 100644 (file)
index 0000000..880065d
--- /dev/null
@@ -0,0 +1,80 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external interface MeshBasicMaterialParameters : MaterialParameters {
+       var color: dynamic /* Color? | String? | Number? */
+               get() = definedExternally
+               set(value) = definedExternally
+       override var opacity: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+       var map: Texture?
+               get() = definedExternally
+               set(value) = definedExternally
+       var lightMap: Texture?
+               get() = definedExternally
+               set(value) = definedExternally
+       var lightMapIntensity: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+       var aoMap: Texture?
+               get() = definedExternally
+               set(value) = definedExternally
+       var aoMapIntensity: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+       var specularMap: Texture?
+               get() = definedExternally
+               set(value) = definedExternally
+       var alphaMap: Texture?
+               get() = definedExternally
+               set(value) = definedExternally
+       var envMap: Texture?
+               get() = definedExternally
+               set(value) = definedExternally
+       var combine: Combine?
+               get() = definedExternally
+               set(value) = definedExternally
+       var reflectivity: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+       var refractionRatio: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+       var wireframe: Boolean?
+               get() = definedExternally
+               set(value) = definedExternally
+       var wireframeLinewidth: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+       var wireframeLinecap: String?
+               get() = definedExternally
+               set(value) = definedExternally
+       var wireframeLinejoin: String?
+               get() = definedExternally
+               set(value) = definedExternally
+}
+
+external open class MeshBasicMaterial(parameters: MeshBasicMaterialParameters = definedExternally) : Material {
+       override var type: String
+       open var color: Color
+       open var map: Texture?
+       open var lightMap: Texture?
+       open var lightMapIntensity: Number
+       open var aoMap: Texture?
+       open var aoMapIntensity: Number
+       open var specularMap: Texture?
+       open var alphaMap: Texture?
+       open var envMap: Texture?
+       open var combine: Combine
+       open var reflectivity: Number
+       open var refractionRatio: Number
+       open var wireframe: Boolean
+       open var wireframeLinewidth: Number
+       open var wireframeLinecap: String
+       open var wireframeLinejoin: String
+       open fun setValues(parameters: MeshBasicMaterialParameters)
+       override fun setValues(values: MaterialParameters)
+}
diff --git a/src/mapMain/kotlin/externals/threejs/MeshDepthMaterial.module_three.kt b/src/mapMain/kotlin/externals/threejs/MeshDepthMaterial.module_three.kt
new file mode 100644 (file)
index 0000000..d14e05e
--- /dev/null
@@ -0,0 +1,46 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external interface MeshDepthMaterialParameters : MaterialParameters {
+       var map: Texture?
+               get() = definedExternally
+               set(value) = definedExternally
+       var alphaMap: Texture?
+               get() = definedExternally
+               set(value) = definedExternally
+       var depthPacking: DepthPackingStrategies?
+               get() = definedExternally
+               set(value) = definedExternally
+       var displacementMap: Texture?
+               get() = definedExternally
+               set(value) = definedExternally
+       var displacementScale: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+       var displacementBias: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+       var wireframe: Boolean?
+               get() = definedExternally
+               set(value) = definedExternally
+       var wireframeLinewidth: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+}
+
+external open class MeshDepthMaterial(parameters: MeshDepthMaterialParameters = definedExternally) : Material {
+       override var type: String
+       open var map: Texture?
+       open var alphaMap: Texture?
+       open var depthPacking: DepthPackingStrategies
+       open var displacementMap: Texture?
+       open var displacementScale: Number
+       open var displacementBias: Number
+       open var wireframe: Boolean
+       open var wireframeLinewidth: Number
+       override var fog: Boolean
+       open fun setValues(parameters: MeshDepthMaterialParameters)
+       override fun setValues(values: MaterialParameters)
+}
diff --git a/src/mapMain/kotlin/externals/threejs/MeshDistanceMaterial.module_three.kt b/src/mapMain/kotlin/externals/threejs/MeshDistanceMaterial.module_three.kt
new file mode 100644 (file)
index 0000000..2b17951
--- /dev/null
@@ -0,0 +1,46 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external interface MeshDistanceMaterialParameters : MaterialParameters {
+       var map: Texture?
+               get() = definedExternally
+               set(value) = definedExternally
+       var alphaMap: Texture?
+               get() = definedExternally
+               set(value) = definedExternally
+       var displacementMap: Texture?
+               get() = definedExternally
+               set(value) = definedExternally
+       var displacementScale: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+       var displacementBias: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+       var farDistance: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+       var nearDistance: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+       var referencePosition: Vector3?
+               get() = definedExternally
+               set(value) = definedExternally
+}
+
+external open class MeshDistanceMaterial(parameters: MeshDistanceMaterialParameters = definedExternally) : Material {
+       override var type: String
+       open var map: Texture?
+       open var alphaMap: Texture?
+       open var displacementMap: Texture?
+       open var displacementScale: Number
+       open var displacementBias: Number
+       open var farDistance: Number
+       open var nearDistance: Number
+       open var referencePosition: Vector3
+       override var fog: Boolean
+       open fun setValues(parameters: MeshDistanceMaterialParameters)
+       override fun setValues(values: MaterialParameters)
+}
diff --git a/src/mapMain/kotlin/externals/threejs/MeshLambertMaterial.module_three.kt b/src/mapMain/kotlin/externals/threejs/MeshLambertMaterial.module_three.kt
new file mode 100644 (file)
index 0000000..1913ab6
--- /dev/null
@@ -0,0 +1,89 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external interface MeshLambertMaterialParameters : MaterialParameters {
+       var color: dynamic /* Color? | String? | Number? */
+               get() = definedExternally
+               set(value) = definedExternally
+       var emissive: dynamic /* Color? | String? | Number? */
+               get() = definedExternally
+               set(value) = definedExternally
+       var emissiveIntensity: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+       var emissiveMap: Texture?
+               get() = definedExternally
+               set(value) = definedExternally
+       var map: Texture?
+               get() = definedExternally
+               set(value) = definedExternally
+       var lightMap: Texture?
+               get() = definedExternally
+               set(value) = definedExternally
+       var lightMapIntensity: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+       var aoMap: Texture?
+               get() = definedExternally
+               set(value) = definedExternally
+       var aoMapIntensity: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+       var specularMap: Texture?
+               get() = definedExternally
+               set(value) = definedExternally
+       var alphaMap: Texture?
+               get() = definedExternally
+               set(value) = definedExternally
+       var envMap: Texture?
+               get() = definedExternally
+               set(value) = definedExternally
+       var combine: Combine?
+               get() = definedExternally
+               set(value) = definedExternally
+       var reflectivity: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+       var refractionRatio: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+       var wireframe: Boolean?
+               get() = definedExternally
+               set(value) = definedExternally
+       var wireframeLinewidth: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+       var wireframeLinecap: String?
+               get() = definedExternally
+               set(value) = definedExternally
+       var wireframeLinejoin: String?
+               get() = definedExternally
+               set(value) = definedExternally
+}
+
+external open class MeshLambertMaterial(parameters: MeshLambertMaterialParameters = definedExternally) : Material {
+       override var type: String
+       open var color: Color
+       open var emissive: Color
+       open var emissiveIntensity: Number
+       open var emissiveMap: Texture?
+       open var map: Texture?
+       open var lightMap: Texture?
+       open var lightMapIntensity: Number
+       open var aoMap: Texture?
+       open var aoMapIntensity: Number
+       open var specularMap: Texture?
+       open var alphaMap: Texture?
+       open var envMap: Texture?
+       open var combine: Combine
+       open var reflectivity: Number
+       open var refractionRatio: Number
+       open var wireframe: Boolean
+       open var wireframeLinewidth: Number
+       open var wireframeLinecap: String
+       open var wireframeLinejoin: String
+       open fun setValues(parameters: MeshLambertMaterialParameters)
+       override fun setValues(values: MaterialParameters)
+}
diff --git a/src/mapMain/kotlin/externals/threejs/MeshMatcapMaterial.module_three.kt b/src/mapMain/kotlin/externals/threejs/MeshMatcapMaterial.module_three.kt
new file mode 100644 (file)
index 0000000..19285dd
--- /dev/null
@@ -0,0 +1,65 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external interface MeshMatcapMaterialParameters : MaterialParameters {
+       var color: dynamic /* Color? | String? | Number? */
+               get() = definedExternally
+               set(value) = definedExternally
+       var matcap: Texture?
+               get() = definedExternally
+               set(value) = definedExternally
+       var map: Texture?
+               get() = definedExternally
+               set(value) = definedExternally
+       var bumpMap: Texture?
+               get() = definedExternally
+               set(value) = definedExternally
+       var bumpScale: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+       var normalMap: Texture?
+               get() = definedExternally
+               set(value) = definedExternally
+       var normalMapType: NormalMapTypes?
+               get() = definedExternally
+               set(value) = definedExternally
+       var normalScale: Vector2?
+               get() = definedExternally
+               set(value) = definedExternally
+       var displacementMap: Texture?
+               get() = definedExternally
+               set(value) = definedExternally
+       var displacementScale: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+       var displacementBias: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+       var alphaMap: Texture?
+               get() = definedExternally
+               set(value) = definedExternally
+       var flatShading: Boolean?
+               get() = definedExternally
+               set(value) = definedExternally
+}
+
+external open class MeshMatcapMaterial(parameters: MeshMatcapMaterialParameters = definedExternally) : Material {
+       override var type: String
+       open var color: Color
+       open var matcap: Texture?
+       open var map: Texture?
+       open var bumpMap: Texture?
+       open var bumpScale: Number
+       open var normalMap: Texture?
+       open var normalMapType: NormalMapTypes
+       open var normalScale: Vector2
+       open var displacementMap: Texture?
+       open var displacementScale: Number
+       open var displacementBias: Number
+       open var alphaMap: Texture?
+       open var flatShading: Boolean
+       open fun setValues(parameters: MeshMatcapMaterialParameters)
+       override fun setValues(values: MaterialParameters)
+}
diff --git a/src/mapMain/kotlin/externals/threejs/MeshNormalMaterial.module_three.kt b/src/mapMain/kotlin/externals/threejs/MeshNormalMaterial.module_three.kt
new file mode 100644 (file)
index 0000000..a700398
--- /dev/null
@@ -0,0 +1,57 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external interface MeshNormalMaterialParameters : MaterialParameters {
+       var bumpMap: Texture?
+               get() = definedExternally
+               set(value) = definedExternally
+       var bumpScale: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+       var normalMap: Texture?
+               get() = definedExternally
+               set(value) = definedExternally
+       var normalMapType: NormalMapTypes?
+               get() = definedExternally
+               set(value) = definedExternally
+       var normalScale: Vector2?
+               get() = definedExternally
+               set(value) = definedExternally
+       var displacementMap: Texture?
+               get() = definedExternally
+               set(value) = definedExternally
+       var displacementScale: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+       var displacementBias: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+       var wireframe: Boolean?
+               get() = definedExternally
+               set(value) = definedExternally
+       var wireframeLinewidth: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+       var flatShading: Boolean?
+               get() = definedExternally
+               set(value) = definedExternally
+}
+
+external open class MeshNormalMaterial(parameters: MeshNormalMaterialParameters = definedExternally) : Material {
+       override var type: String
+       open var bumpMap: Texture?
+       open var bumpScale: Number
+       open var normalMap: Texture?
+       open var normalMapType: NormalMapTypes
+       open var normalScale: Vector2
+       open var displacementMap: Texture?
+       open var displacementScale: Number
+       open var displacementBias: Number
+       open var wireframe: Boolean
+       open var wireframeLinewidth: Number
+       open var flatShading: Boolean
+       open fun setValues(parameters: MeshNormalMaterialParameters)
+       override fun setValues(values: MaterialParameters)
+}
diff --git a/src/mapMain/kotlin/externals/threejs/MeshPhongMaterial.module_three.kt b/src/mapMain/kotlin/externals/threejs/MeshPhongMaterial.module_three.kt
new file mode 100644 (file)
index 0000000..c8f2b2d
--- /dev/null
@@ -0,0 +1,137 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external interface MeshPhongMaterialParameters : MaterialParameters {
+       var color: dynamic /* Color? | String? | Number? */
+               get() = definedExternally
+               set(value) = definedExternally
+       var specular: dynamic /* Color? | String? | Number? */
+               get() = definedExternally
+               set(value) = definedExternally
+       var shininess: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+       override var opacity: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+       var map: Texture?
+               get() = definedExternally
+               set(value) = definedExternally
+       var lightMap: Texture?
+               get() = definedExternally
+               set(value) = definedExternally
+       var lightMapIntensity: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+       var aoMap: Texture?
+               get() = definedExternally
+               set(value) = definedExternally
+       var aoMapIntensity: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+       var emissive: dynamic /* Color? | String? | Number? */
+               get() = definedExternally
+               set(value) = definedExternally
+       var emissiveIntensity: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+       var emissiveMap: Texture?
+               get() = definedExternally
+               set(value) = definedExternally
+       var bumpMap: Texture?
+               get() = definedExternally
+               set(value) = definedExternally
+       var bumpScale: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+       var normalMap: Texture?
+               get() = definedExternally
+               set(value) = definedExternally
+       var normalMapType: NormalMapTypes?
+               get() = definedExternally
+               set(value) = definedExternally
+       var normalScale: Vector2?
+               get() = definedExternally
+               set(value) = definedExternally
+       var displacementMap: Texture?
+               get() = definedExternally
+               set(value) = definedExternally
+       var displacementScale: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+       var displacementBias: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+       var specularMap: Texture?
+               get() = definedExternally
+               set(value) = definedExternally
+       var alphaMap: Texture?
+               get() = definedExternally
+               set(value) = definedExternally
+       var envMap: Texture?
+               get() = definedExternally
+               set(value) = definedExternally
+       var combine: Combine?
+               get() = definedExternally
+               set(value) = definedExternally
+       var reflectivity: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+       var refractionRatio: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+       var wireframe: Boolean?
+               get() = definedExternally
+               set(value) = definedExternally
+       var wireframeLinewidth: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+       var wireframeLinecap: String?
+               get() = definedExternally
+               set(value) = definedExternally
+       var wireframeLinejoin: String?
+               get() = definedExternally
+               set(value) = definedExternally
+       var flatShading: Boolean?
+               get() = definedExternally
+               set(value) = definedExternally
+}
+
+external open class MeshPhongMaterial(parameters: MeshPhongMaterialParameters = definedExternally) : Material {
+       override var type: String
+       open var color: Color
+       open var specular: Color
+       open var shininess: Number
+       open var map: Texture?
+       open var lightMap: Texture?
+       open var lightMapIntensity: Number
+       open var aoMap: Texture?
+       open var aoMapIntensity: Number
+       open var emissive: Color
+       open var emissiveIntensity: Number
+       open var emissiveMap: Texture?
+       open var bumpMap: Texture?
+       open var bumpScale: Number
+       open var normalMap: Texture?
+       open var normalMapType: NormalMapTypes
+       open var normalScale: Vector2
+       open var displacementMap: Texture?
+       open var displacementScale: Number
+       open var displacementBias: Number
+       open var specularMap: Texture?
+       open var alphaMap: Texture?
+       open var envMap: Texture?
+       open var combine: Combine
+       open var reflectivity: Number
+       open var refractionRatio: Number
+       open var wireframe: Boolean
+       open var wireframeLinewidth: Number
+       open var wireframeLinecap: String
+       open var wireframeLinejoin: String
+       open var flatShading: Boolean
+       open var metal: Boolean
+       open fun setValues(parameters: MeshPhongMaterialParameters)
+       override fun setValues(values: MaterialParameters)
+}
diff --git a/src/mapMain/kotlin/externals/threejs/MeshPhysicalMaterial.module_three.kt b/src/mapMain/kotlin/externals/threejs/MeshPhysicalMaterial.module_three.kt
new file mode 100644 (file)
index 0000000..7771aee
--- /dev/null
@@ -0,0 +1,82 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external interface MeshPhysicalMaterialParameters : MeshStandardMaterialParameters {
+       var clearcoat: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+       var clearcoatMap: Texture?
+               get() = definedExternally
+               set(value) = definedExternally
+       var clearcoatRoughness: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+       var clearcoatRoughnessMap: Texture?
+               get() = definedExternally
+               set(value) = definedExternally
+       var clearcoatNormalScale: Vector2?
+               get() = definedExternally
+               set(value) = definedExternally
+       var clearcoatNormalMap: Texture?
+               get() = definedExternally
+               set(value) = definedExternally
+       var reflectivity: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+       var ior: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+       var sheen: Color?
+               get() = definedExternally
+               set(value) = definedExternally
+       var transmission: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+       var transmissionMap: Texture?
+               get() = definedExternally
+               set(value) = definedExternally
+       var attenuationDistance: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+       var attenuationTint: Color?
+               get() = definedExternally
+               set(value) = definedExternally
+       var specularIntensity: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+       var specularTint: Color?
+               get() = definedExternally
+               set(value) = definedExternally
+       var specularIntensityMap: Texture?
+               get() = definedExternally
+               set(value) = definedExternally
+       var specularTintMap: Texture?
+               get() = definedExternally
+               set(value) = definedExternally
+}
+
+external open class MeshPhysicalMaterial(parameters: MeshPhysicalMaterialParameters = definedExternally) : MeshStandardMaterial {
+       override var type: String
+       override var defines: dynamic
+       open var clearcoat: Number
+       open var clearcoatMap: Texture?
+       open var clearcoatRoughness: Number
+       open var clearcoatRoughnessMap: Texture?
+       open var clearcoatNormalScale: Vector2
+       open var clearcoatNormalMap: Texture?
+       open var reflectivity: Number
+       open var ior: Number
+       open var sheen: Color?
+       open var transmission: Number
+       open var transmissionMap: Texture?
+       open var thickness: Number
+       open var thicknessMap: Texture?
+       open var attenuationDistance: Number
+       open var attenuationColor: Color
+       open var specularIntensity: Number
+       open var specularTint: Color
+       open var specularIntensityMap: Texture?
+       open var specularTintMap: Texture?
+}
diff --git a/src/mapMain/kotlin/externals/threejs/MeshStandardMaterial.module_three.kt b/src/mapMain/kotlin/externals/threejs/MeshStandardMaterial.module_three.kt
new file mode 100644 (file)
index 0000000..58826de
--- /dev/null
@@ -0,0 +1,128 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external interface MeshStandardMaterialParameters : MaterialParameters {
+       var color: dynamic /* Color? | String? | Number? */
+               get() = definedExternally
+               set(value) = definedExternally
+       var roughness: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+       var metalness: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+       var map: Texture?
+               get() = definedExternally
+               set(value) = definedExternally
+       var lightMap: Texture?
+               get() = definedExternally
+               set(value) = definedExternally
+       var lightMapIntensity: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+       var aoMap: Texture?
+               get() = definedExternally
+               set(value) = definedExternally
+       var aoMapIntensity: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+       var emissive: dynamic /* Color? | String? | Number? */
+               get() = definedExternally
+               set(value) = definedExternally
+       var emissiveIntensity: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+       var emissiveMap: Texture?
+               get() = definedExternally
+               set(value) = definedExternally
+       var bumpMap: Texture?
+               get() = definedExternally
+               set(value) = definedExternally
+       var bumpScale: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+       var normalMap: Texture?
+               get() = definedExternally
+               set(value) = definedExternally
+       var normalMapType: NormalMapTypes?
+               get() = definedExternally
+               set(value) = definedExternally
+       var normalScale: Vector2?
+               get() = definedExternally
+               set(value) = definedExternally
+       var displacementMap: Texture?
+               get() = definedExternally
+               set(value) = definedExternally
+       var displacementScale: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+       var displacementBias: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+       var roughnessMap: Texture?
+               get() = definedExternally
+               set(value) = definedExternally
+       var metalnessMap: Texture?
+               get() = definedExternally
+               set(value) = definedExternally
+       var alphaMap: Texture?
+               get() = definedExternally
+               set(value) = definedExternally
+       var envMap: Texture?
+               get() = definedExternally
+               set(value) = definedExternally
+       var envMapIntensity: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+       var refractionRatio: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+       var wireframe: Boolean?
+               get() = definedExternally
+               set(value) = definedExternally
+       var wireframeLinewidth: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+       var flatShading: Boolean?
+               get() = definedExternally
+               set(value) = definedExternally
+}
+
+external open class MeshStandardMaterial(parameters: MeshStandardMaterialParameters = definedExternally) : Material {
+       override var type: String
+       open var color: Color
+       open var roughness: Number
+       open var metalness: Number
+       open var map: Texture?
+       open var lightMap: Texture?
+       open var lightMapIntensity: Number
+       open var aoMap: Texture?
+       open var aoMapIntensity: Number
+       open var emissive: Color
+       open var emissiveIntensity: Number
+       open var emissiveMap: Texture?
+       open var bumpMap: Texture?
+       open var bumpScale: Number
+       open var normalMap: Texture?
+       open var normalMapType: NormalMapTypes
+       open var normalScale: Vector2
+       open var displacementMap: Texture?
+       open var displacementScale: Number
+       open var displacementBias: Number
+       open var roughnessMap: Texture?
+       open var metalnessMap: Texture?
+       open var alphaMap: Texture?
+       open var envMap: Texture?
+       open var envMapIntensity: Number
+       open var refractionRatio: Number
+       open var wireframe: Boolean
+       open var wireframeLinewidth: Number
+       open var wireframeLinecap: String
+       open var wireframeLinejoin: String
+       open var flatShading: Boolean
+       open var isMeshStandardMaterial: Boolean
+       open fun setValues(parameters: MeshStandardMaterialParameters)
+       override fun setValues(values: MaterialParameters)
+}
diff --git a/src/mapMain/kotlin/externals/threejs/MeshToonMaterial.module_three.kt b/src/mapMain/kotlin/externals/threejs/MeshToonMaterial.module_three.kt
new file mode 100644 (file)
index 0000000..a5778e6
--- /dev/null
@@ -0,0 +1,108 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external interface MeshToonMaterialParameters : MaterialParameters {
+       var color: dynamic /* Color? | String? | Number? */
+               get() = definedExternally
+               set(value) = definedExternally
+       override var opacity: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+       var gradientMap: Texture?
+               get() = definedExternally
+               set(value) = definedExternally
+       var map: Texture?
+               get() = definedExternally
+               set(value) = definedExternally
+       var lightMap: Texture?
+               get() = definedExternally
+               set(value) = definedExternally
+       var lightMapIntensity: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+       var aoMap: Texture?
+               get() = definedExternally
+               set(value) = definedExternally
+       var aoMapIntensity: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+       var emissive: dynamic /* Color? | String? | Number? */
+               get() = definedExternally
+               set(value) = definedExternally
+       var emissiveIntensity: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+       var emissiveMap: Texture?
+               get() = definedExternally
+               set(value) = definedExternally
+       var bumpMap: Texture?
+               get() = definedExternally
+               set(value) = definedExternally
+       var bumpScale: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+       var normalMap: Texture?
+               get() = definedExternally
+               set(value) = definedExternally
+       var normalMapType: NormalMapTypes?
+               get() = definedExternally
+               set(value) = definedExternally
+       var normalScale: Vector2?
+               get() = definedExternally
+               set(value) = definedExternally
+       var displacementMap: Texture?
+               get() = definedExternally
+               set(value) = definedExternally
+       var displacementScale: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+       var displacementBias: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+       var alphaMap: Texture?
+               get() = definedExternally
+               set(value) = definedExternally
+       var wireframe: Boolean?
+               get() = definedExternally
+               set(value) = definedExternally
+       var wireframeLinewidth: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+       var wireframeLinecap: String?
+               get() = definedExternally
+               set(value) = definedExternally
+       var wireframeLinejoin: String?
+               get() = definedExternally
+               set(value) = definedExternally
+}
+
+external open class MeshToonMaterial(parameters: MeshToonMaterialParameters = definedExternally) : Material {
+       override var type: String
+       open var color: Color
+       open var gradientMap: Texture?
+       open var map: Texture?
+       open var lightMap: Texture?
+       open var lightMapIntensity: Number
+       open var aoMap: Texture?
+       open var aoMapIntensity: Number
+       open var emissive: Color
+       open var emissiveIntensity: Number
+       open var emissiveMap: Texture?
+       open var bumpMap: Texture?
+       open var bumpScale: Number
+       open var normalMap: Texture?
+       open var normalMapType: NormalMapTypes
+       open var normalScale: Vector2
+       open var displacementMap: Texture?
+       open var displacementScale: Number
+       open var displacementBias: Number
+       open var alphaMap: Texture?
+       open var wireframe: Boolean
+       open var wireframeLinewidth: Number
+       open var wireframeLinecap: String
+       open var wireframeLinejoin: String
+       open fun setValues(parameters: MeshToonMaterialParameters)
+       override fun setValues(values: MaterialParameters)
+}
diff --git a/src/mapMain/kotlin/externals/threejs/NumberKeyframeTrack.module_three.kt b/src/mapMain/kotlin/externals/threejs/NumberKeyframeTrack.module_three.kt
new file mode 100644 (file)
index 0000000..e501b9d
--- /dev/null
@@ -0,0 +1,8 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class NumberKeyframeTrack(name: String, times: Array<Any>, values: Array<Any>, interpolation: InterpolationModes = definedExternally) : KeyframeTrack {
+       override var ValueTypeName: String
+}
diff --git a/src/mapMain/kotlin/externals/threejs/OBJLoader.module_three.kt b/src/mapMain/kotlin/externals/threejs/OBJLoader.module_three.kt
new file mode 100644 (file)
index 0000000..7b53144
--- /dev/null
@@ -0,0 +1,13 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+import org.w3c.dom.ErrorEvent
+import org.w3c.xhr.ProgressEvent
+
+external open class OBJLoader(manager: LoadingManager = definedExternally) : Loader<Object3D> {
+       open fun load(url: String, onLoad: (mesh: Object3D) -> Unit = definedExternally, onProgress: (event: ProgressEvent) -> Unit = definedExternally, onError: (event: ErrorEvent) -> Unit = definedExternally)
+       open fun parse(text: String): Object3D
+       open fun setMaterials(materialCreator: MaterialCreator): OBJLoader
+}
diff --git a/src/mapMain/kotlin/externals/threejs/Object3D.module_three.kt b/src/mapMain/kotlin/externals/threejs/Object3D.module_three.kt
new file mode 100644 (file)
index 0000000..950cbe0
--- /dev/null
@@ -0,0 +1,96 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+import org.w3c.dom.events.EventTarget
+
+external interface AnonymousStruct6 {
+       var geometries: Any
+       var materials: Any
+       var textures: Any
+       var images: Any
+}
+
+external open class Object3D : EventTarget {
+       open var id: Number
+       open var uuid: String
+       open var name: String
+       open var type: String
+       open var parent: Object3D?
+       open var children: Array<Object3D>
+       open var up: Vector3
+       open var position: Vector3
+       open var rotation: Euler
+       open var quaternion: Quaternion
+       open var scale: Vector3
+       open var modelViewMatrix: Matrix4
+       open var normalMatrix: Matrix3
+       open var matrix: Matrix4
+       open var matrixWorld: Matrix4
+       open var matrixAutoUpdate: Boolean
+       open var matrixWorldNeedsUpdate: Boolean
+       open var layers: Layers
+       open var visible: Boolean
+       open var castShadow: Boolean
+       open var receiveShadow: Boolean
+       open var frustumCulled: Boolean
+       open var renderOrder: Number
+       open var animations: Array<AnimationClip>
+       open var userData: dynamic
+       open var customDepthMaterial: Material
+       open var customDistanceMaterial: Material
+       open var isObject3D: Boolean
+       open var onBeforeRender: (renderer: WebGLRenderer, scene: Scene, camera: Camera, geometry: BufferGeometry, material: Material, group: Group) -> Unit
+       open var onAfterRender: (renderer: WebGLRenderer, scene: Scene, camera: Camera, geometry: BufferGeometry, material: Material, group: Group) -> Unit
+       open fun applyMatrix4(matrix: Matrix4)
+       open fun applyQuaternion(quaternion: Quaternion): Object3D /* this */
+       open fun setRotationFromAxisAngle(axis: Vector3, angle: Number)
+       open fun setRotationFromEuler(euler: Euler)
+       open fun setRotationFromMatrix(m: Matrix4)
+       open fun setRotationFromQuaternion(q: Quaternion)
+       open fun rotateOnAxis(axis: Vector3, angle: Number): Object3D /* this */
+       open fun rotateOnWorldAxis(axis: Vector3, angle: Number): Object3D /* this */
+       open fun rotateX(angle: Number): Object3D /* this */
+       open fun rotateY(angle: Number): Object3D /* this */
+       open fun rotateZ(angle: Number): Object3D /* this */
+       open fun translateOnAxis(axis: Vector3, distance: Number): Object3D /* this */
+       open fun translateX(distance: Number): Object3D /* this */
+       open fun translateY(distance: Number): Object3D /* this */
+       open fun translateZ(distance: Number): Object3D /* this */
+       open fun localToWorld(vector: Vector3): Vector3
+       open fun worldToLocal(vector: Vector3): Vector3
+       open fun lookAt(vector: Vector3, y: Number = definedExternally, z: Number = definedExternally)
+       open fun lookAt(vector: Vector3)
+       open fun lookAt(vector: Vector3, y: Number = definedExternally)
+       open fun lookAt(vector: Number, y: Number = definedExternally, z: Number = definedExternally)
+       open fun lookAt(vector: Number)
+       open fun lookAt(vector: Number, y: Number = definedExternally)
+       open fun add(vararg obj: Object3D): Object3D /* this */
+       open fun remove(vararg obj: Object3D): Object3D /* this */
+       open fun removeFromParent(): Object3D /* this */
+       open fun clear(): Object3D /* this */
+       open fun attach(obj: Object3D): Object3D /* this */
+       open fun getObjectById(id: Number): Object3D?
+       open fun getObjectByName(name: String): Object3D?
+       open fun getObjectByProperty(name: String, value: String): Object3D?
+       open fun getWorldPosition(target: Vector3): Vector3
+       open fun getWorldQuaternion(target: Quaternion): Quaternion
+       open fun getWorldScale(target: Vector3): Vector3
+       open fun getWorldDirection(target: Vector3): Vector3
+       open fun raycast(raycaster: Raycaster, intersects: Array<Intersection>)
+       open fun traverse(callback: (obj: Object3D) -> Unit)
+       open fun traverseVisible(callback: (obj: Object3D) -> Unit)
+       open fun traverseAncestors(callback: (obj: Object3D) -> Unit)
+       open fun updateMatrix()
+       open fun updateMatrixWorld(force: Boolean = definedExternally)
+       open fun updateWorldMatrix(updateParents: Boolean, updateChildren: Boolean)
+       open fun toJSON(meta: AnonymousStruct6 = definedExternally): Any
+       open fun clone(recursive: Boolean = definedExternally): Object3D /* this */
+       open fun copy(source: Object3D /* this */, recursive: Boolean = definedExternally): Object3D /* this */
+       
+       companion object {
+               var DefaultUp: Vector3
+               var DefaultMatrixAutoUpdate: Boolean
+       }
+}
diff --git a/src/mapMain/kotlin/externals/threejs/ObjectLoader.module_three.kt b/src/mapMain/kotlin/externals/threejs/ObjectLoader.module_three.kt
new file mode 100644 (file)
index 0000000..328390e
--- /dev/null
@@ -0,0 +1,41 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+import org.w3c.dom.HTMLImageElement
+import org.w3c.xhr.ProgressEvent
+import kotlin.js.Promise
+
+external interface AnonymousStruct78 {
+       @nativeGetter
+       operator fun get(key: String): dynamic /* InstancedBufferGeometry? | BufferGeometry? */
+       
+       @nativeSetter
+       operator fun set(key: String, value: InstancedBufferGeometry)
+       
+       @nativeSetter
+       operator fun set(key: String, value: BufferGeometry)
+}
+
+external interface AnonymousStruct79 {
+       @nativeGetter
+       operator fun get(key: String): HTMLImageElement?
+       
+       @nativeSetter
+       operator fun set(key: String, value: HTMLImageElement)
+}
+
+external open class ObjectLoader(manager: LoadingManager = definedExternally) : Loader<Object3D> {
+       open fun <ObjectType : Object3D> load(url: String, onLoad: (obj: ObjectType) -> Unit = definedExternally, onProgress: (event: ProgressEvent) -> Unit = definedExternally, onError: (event: Any /* Error | ErrorEvent */) -> Unit = definedExternally)
+       open fun <ObjectType : Object3D> loadAsync(url: String, onProgress: (event: ProgressEvent) -> Unit = definedExternally): Promise<ObjectType>
+       open fun <T : Object3D> parse(json: Any, onLoad: (obj: Object3D) -> Unit = definedExternally): T
+       open fun <T : Object3D> parseAsync(json: Any): Promise<T>
+       open fun parseGeometries(json: Any): AnonymousStruct78
+       open fun parseMaterials(json: Any, textures: Array<Texture>): Array<Material>
+       open fun parseAnimations(json: Any): Array<AnimationClip>
+       open fun parseImages(json: Any, onLoad: () -> Unit): AnonymousStruct79
+       open fun parseImagesAsync(json: Any): Promise<AnonymousStruct79>
+       open fun parseTextures(json: Any, images: Any): Array<Texture>
+       open fun <T : Object3D> parseObject(data: Any, geometries: Array<Any>, materials: Array<Material>, animations: Array<AnimationClip>): T
+}
diff --git a/src/mapMain/kotlin/externals/threejs/OctahedronGeometry.module_three.kt b/src/mapMain/kotlin/externals/threejs/OctahedronGeometry.module_three.kt
new file mode 100644 (file)
index 0000000..27bc36f
--- /dev/null
@@ -0,0 +1,12 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class OctahedronGeometry(radius: Number = definedExternally, detail: Number = definedExternally) : PolyhedronGeometry {
+       override var type: String
+       
+       companion object {
+               fun fromJSON(data: Any): OctahedronGeometry
+       }
+}
diff --git a/src/mapMain/kotlin/externals/threejs/OrthographicCamera.module_three.kt b/src/mapMain/kotlin/externals/threejs/OrthographicCamera.module_three.kt
new file mode 100644 (file)
index 0000000..4b0b670
--- /dev/null
@@ -0,0 +1,22 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class OrthographicCamera(left: Number, right: Number, top: Number, bottom: Number, near: Number = definedExternally, far: Number = definedExternally) : Camera {
+       override var type: String /* "OrthographicCamera" */
+       open var isOrthographicCamera: Boolean
+       open var zoom: Number
+       open var view: AnonymousStruct58?
+       open var left: Number
+       open var right: Number
+       open var top: Number
+       open var bottom: Number
+       open var near: Number
+       open var far: Number
+       open fun updateProjectionMatrix()
+       open fun setViewOffset(fullWidth: Number, fullHeight: Number, offsetX: Number, offsetY: Number, width: Number, height: Number)
+       open fun clearViewOffset()
+       open fun toJSON(meta: Any = definedExternally): Any
+       override fun toJSON(meta: AnonymousStruct6): Any
+}
diff --git a/src/mapMain/kotlin/externals/threejs/PMREMGenerator.module_three.kt b/src/mapMain/kotlin/externals/threejs/PMREMGenerator.module_three.kt
new file mode 100644 (file)
index 0000000..8bbacf8
--- /dev/null
@@ -0,0 +1,13 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class PMREMGenerator(renderer: WebGLRenderer) {
+       open fun fromScene(scene: Scene, sigma: Number = definedExternally, near: Number = definedExternally, far: Number = definedExternally): WebGLRenderTarget
+       open fun fromEquirectangular(equirectangular: Texture): WebGLRenderTarget
+       open fun fromCubemap(cubemap: CubeTexture): WebGLRenderTarget
+       open fun compileCubemapShader()
+       open fun compileEquirectangularShader()
+       open fun dispose()
+}
diff --git a/src/mapMain/kotlin/externals/threejs/ParametricGeometry.module_three.kt b/src/mapMain/kotlin/externals/threejs/ParametricGeometry.module_three.kt
new file mode 100644 (file)
index 0000000..76ed7c6
--- /dev/null
@@ -0,0 +1,15 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external interface AnonymousStruct68 {
+       var func: (u: Number, v: Number, dest: Vector3) -> Unit
+       var slices: Number
+       var stacks: Number
+}
+
+external open class ParametricGeometry(func: (u: Number, v: Number, dest: Vector3) -> Unit, slices: Number, stacks: Number) : BufferGeometry {
+       override var type: String
+       open var parameters: AnonymousStruct68
+}
diff --git a/src/mapMain/kotlin/externals/threejs/Path.module_three.kt b/src/mapMain/kotlin/externals/threejs/Path.module_three.kt
new file mode 100644 (file)
index 0000000..bf32ba2
--- /dev/null
@@ -0,0 +1,20 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class Path(points: Array<Vector2> = definedExternally) : CurvePath<Vector2> {
+       override var type: String
+       open var currentPoint: Vector2
+       open fun fromPoints(vectors: Array<Vector2>): Path /* this */
+       open fun setFromPoints(vectors: Array<Vector2>): Path /* this */
+       open fun moveTo(x: Number, y: Number): Path /* this */
+       open fun lineTo(x: Number, y: Number): Path /* this */
+       open fun quadraticCurveTo(aCPx: Number, aCPy: Number, aX: Number, aY: Number): Path /* this */
+       open fun bezierCurveTo(aCP1x: Number, aCP1y: Number, aCP2x: Number, aCP2y: Number, aX: Number, aY: Number): Path /* this */
+       open fun splineThru(pts: Array<Vector2>): Path /* this */
+       open fun arc(aX: Number, aY: Number, aRadius: Number, aStartAngle: Number, aEndAngle: Number, aClockwise: Boolean): Path /* this */
+       open fun absarc(aX: Number, aY: Number, aRadius: Number, aStartAngle: Number, aEndAngle: Number, aClockwise: Boolean): Path /* this */
+       open fun ellipse(aX: Number, aY: Number, xRadius: Number, yRadius: Number, aStartAngle: Number, aEndAngle: Number, aClockwise: Boolean, aRotation: Number): Path /* this */
+       open fun absellipse(aX: Number, aY: Number, xRadius: Number, yRadius: Number, aStartAngle: Number, aEndAngle: Number, aClockwise: Boolean, aRotation: Number): Path /* this */
+}
diff --git a/src/mapMain/kotlin/externals/threejs/PerspectiveCamera.module_three.kt b/src/mapMain/kotlin/externals/threejs/PerspectiveCamera.module_three.kt
new file mode 100644 (file)
index 0000000..e85e2fa
--- /dev/null
@@ -0,0 +1,39 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external interface AnonymousStruct58 {
+       var enabled: Boolean
+       var fullWidth: Number
+       var fullHeight: Number
+       var offsetX: Number
+       var offsetY: Number
+       var width: Number
+       var height: Number
+}
+
+external open class PerspectiveCamera(fov: Number = definedExternally, aspect: Number = definedExternally, near: Number = definedExternally, far: Number = definedExternally) : Camera {
+       override var type: String /* "PerspectiveCamera" */
+       open var isPerspectiveCamera: Boolean
+       open var zoom: Number
+       open var fov: Number
+       open var aspect: Number
+       open var near: Number
+       open var far: Number
+       open var focus: Number
+       open var view: AnonymousStruct58?
+       open var filmGauge: Number
+       open var filmOffset: Number
+       open fun setFocalLength(focalLength: Number)
+       open fun getFocalLength(): Number
+       open fun getEffectiveFOV(): Number
+       open fun getFilmWidth(): Number
+       open fun getFilmHeight(): Number
+       open fun setViewOffset(fullWidth: Number, fullHeight: Number, x: Number, y: Number, width: Number, height: Number)
+       open fun clearViewOffset()
+       open fun updateProjectionMatrix()
+       open fun toJSON(meta: Any = definedExternally): Any
+       override fun toJSON(meta: AnonymousStruct6): Any
+       open fun setLens(focalLength: Number, frameHeight: Number = definedExternally)
+}
diff --git a/src/mapMain/kotlin/externals/threejs/Plane.module_three.kt b/src/mapMain/kotlin/externals/threejs/Plane.module_three.kt
new file mode 100644 (file)
index 0000000..9fa45a3
--- /dev/null
@@ -0,0 +1,31 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class Plane(normal: Vector3 = definedExternally, constant: Number = definedExternally) {
+       open var normal: Vector3
+       open var constant: Number
+       open var isPlane: Boolean
+       open fun set(normal: Vector3, constant: Number): Plane
+       open fun setComponents(x: Number, y: Number, z: Number, w: Number): Plane
+       open fun setFromNormalAndCoplanarPoint(normal: Vector3, point: Vector3): Plane
+       open fun setFromCoplanarPoints(a: Vector3, b: Vector3, c: Vector3): Plane
+       open fun clone(): Plane /* this */
+       open fun copy(plane: Plane): Plane /* this */
+       open fun normalize(): Plane
+       open fun negate(): Plane
+       open fun distanceToPoint(point: Vector3): Number
+       open fun distanceToSphere(sphere: Sphere): Number
+       open fun projectPoint(point: Vector3, target: Vector3): Vector3
+       open fun orthoPoint(point: Vector3, target: Vector3): Vector3
+       open fun intersectLine(line: Line3, target: Vector3): Vector3?
+       open fun intersectsLine(line: Line3): Boolean
+       open fun intersectsBox(box: Box3): Boolean
+       open fun intersectsSphere(sphere: Sphere): Boolean
+       open fun coplanarPoint(target: Vector3): Vector3
+       open fun applyMatrix4(matrix: Matrix4, optionalNormalMatrix: Matrix3 = definedExternally): Plane
+       open fun translate(offset: Vector3): Plane
+       open fun equals(plane: Plane): Boolean
+       open fun isIntersectionLine(l: Any): Any
+}
diff --git a/src/mapMain/kotlin/externals/threejs/PlaneGeometry.module_three.kt b/src/mapMain/kotlin/externals/threejs/PlaneGeometry.module_three.kt
new file mode 100644 (file)
index 0000000..1d1f492
--- /dev/null
@@ -0,0 +1,20 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external interface AnonymousStruct69 {
+       var width: Number
+       var height: Number
+       var widthSegments: Number
+       var heightSegments: Number
+}
+
+external open class PlaneGeometry(width: Number = definedExternally, height: Number = definedExternally, widthSegments: Number = definedExternally, heightSegments: Number = definedExternally) : BufferGeometry {
+       override var type: String
+       open var parameters: AnonymousStruct69
+       
+       companion object {
+               fun fromJSON(data: Any): PlaneGeometry
+       }
+}
diff --git a/src/mapMain/kotlin/externals/threejs/PlaneHelper.module_three.kt b/src/mapMain/kotlin/externals/threejs/PlaneHelper.module_three.kt
new file mode 100644 (file)
index 0000000..0551250
--- /dev/null
@@ -0,0 +1,11 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class PlaneHelper(plane: Plane, size: Number = definedExternally, hex: Number = definedExternally) : LineSegments {
+       override var type: String
+       open var plane: Plane
+       open var size: Number
+       override fun updateMatrixWorld(force: Boolean)
+}
diff --git a/src/mapMain/kotlin/externals/threejs/PointLight.module_three.kt b/src/mapMain/kotlin/externals/threejs/PointLight.module_three.kt
new file mode 100644 (file)
index 0000000..c650e0e
--- /dev/null
@@ -0,0 +1,27 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class PointLight : Light {
+       constructor(color: Color = definedExternally, intensity: Number = definedExternally, distance: Number = definedExternally, decay: Number = definedExternally)
+       constructor()
+       constructor(color: Color = definedExternally)
+       constructor(color: Color = definedExternally, intensity: Number = definedExternally)
+       constructor(color: Color = definedExternally, intensity: Number = definedExternally, distance: Number = definedExternally)
+       constructor(color: String = definedExternally, intensity: Number = definedExternally, distance: Number = definedExternally, decay: Number = definedExternally)
+       constructor(color: String = definedExternally)
+       constructor(color: String = definedExternally, intensity: Number = definedExternally)
+       constructor(color: String = definedExternally, intensity: Number = definedExternally, distance: Number = definedExternally)
+       constructor(color: Number = definedExternally, intensity: Number = definedExternally, distance: Number = definedExternally, decay: Number = definedExternally)
+       constructor(color: Number = definedExternally)
+       constructor(color: Number = definedExternally, intensity: Number = definedExternally)
+       constructor(color: Number = definedExternally, intensity: Number = definedExternally, distance: Number = definedExternally)
+       
+       override var type: String
+       override var intensity: Number
+       open var distance: Number
+       open var decay: Number
+       override var shadow: LightShadow
+       open var power: Number
+}
diff --git a/src/mapMain/kotlin/externals/threejs/PointLightHelper.module_three.kt b/src/mapMain/kotlin/externals/threejs/PointLightHelper.module_three.kt
new file mode 100644 (file)
index 0000000..68c3315
--- /dev/null
@@ -0,0 +1,20 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class PointLightHelper : Object3D {
+       constructor(light: PointLight, sphereSize: Number = definedExternally, color: Color = definedExternally)
+       constructor(light: PointLight)
+       constructor(light: PointLight, sphereSize: Number = definedExternally)
+       constructor(light: PointLight, sphereSize: Number = definedExternally, color: String = definedExternally)
+       constructor(light: PointLight, sphereSize: Number = definedExternally, color: Number = definedExternally)
+       
+       override var type: String
+       open var light: PointLight
+       open var color: dynamic /* Color? | String? | Number? */
+       override var matrix: Matrix4
+       override var matrixAutoUpdate: Boolean
+       open fun dispose()
+       open fun update()
+}
diff --git a/src/mapMain/kotlin/externals/threejs/PointLightShadow.module_three.kt b/src/mapMain/kotlin/externals/threejs/PointLightShadow.module_three.kt
new file mode 100644 (file)
index 0000000..c6cf2c9
--- /dev/null
@@ -0,0 +1,8 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class PointLightShadow(camera: Camera) : LightShadow {
+       override var camera: Camera
+}
diff --git a/src/mapMain/kotlin/externals/threejs/Points.module_three.kt b/src/mapMain/kotlin/externals/threejs/Points.module_three.kt
new file mode 100644 (file)
index 0000000..0541e6b
--- /dev/null
@@ -0,0 +1,15 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class Points<TGeometry : BufferGeometry, TMaterial>(geometry: TGeometry = definedExternally, material: TMaterial = definedExternally) : Object3D {
+       override var type: String /* "Points" */
+       open var morphTargetInfluences: Array<Number>?
+       open var morphTargetDictionary: AnonymousStruct55?
+       open var isPoints: Boolean
+       open var geometry: TGeometry
+       open var material: TMaterial
+       override fun raycast(raycaster: Raycaster, intersects: Array<Intersection>)
+       open fun updateMorphTargets()
+}
diff --git a/src/mapMain/kotlin/externals/threejs/PointsMaterial.module_three.kt b/src/mapMain/kotlin/externals/threejs/PointsMaterial.module_three.kt
new file mode 100644 (file)
index 0000000..d6e8cdb
--- /dev/null
@@ -0,0 +1,33 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external interface PointsMaterialParameters : MaterialParameters {
+       var color: dynamic /* Color? | String? | Number? */
+               get() = definedExternally
+               set(value) = definedExternally
+       var map: Texture?
+               get() = definedExternally
+               set(value) = definedExternally
+       var alphaMap: Texture?
+               get() = definedExternally
+               set(value) = definedExternally
+       var size: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+       var sizeAttenuation: Boolean?
+               get() = definedExternally
+               set(value) = definedExternally
+}
+
+external open class PointsMaterial(parameters: PointsMaterialParameters = definedExternally) : Material {
+       override var type: String
+       open var color: Color
+       open var map: Texture?
+       open var alphaMap: Texture?
+       open var size: Number
+       open var sizeAttenuation: Boolean
+       open fun setValues(parameters: PointsMaterialParameters)
+       override fun setValues(values: MaterialParameters)
+}
diff --git a/src/mapMain/kotlin/externals/threejs/PolarGridHelper.module_three.kt b/src/mapMain/kotlin/externals/threejs/PolarGridHelper.module_three.kt
new file mode 100644 (file)
index 0000000..197563f
--- /dev/null
@@ -0,0 +1,26 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class PolarGridHelper : LineSegments {
+       constructor(radius: Number = definedExternally, radials: Number = definedExternally, circles: Number = definedExternally, divisions: Number = definedExternally, color1: Color = definedExternally, color2: Color = definedExternally)
+       constructor()
+       constructor(radius: Number = definedExternally)
+       constructor(radius: Number = definedExternally, radials: Number = definedExternally)
+       constructor(radius: Number = definedExternally, radials: Number = definedExternally, circles: Number = definedExternally)
+       constructor(radius: Number = definedExternally, radials: Number = definedExternally, circles: Number = definedExternally, divisions: Number = definedExternally)
+       constructor(radius: Number = definedExternally, radials: Number = definedExternally, circles: Number = definedExternally, divisions: Number = definedExternally, color1: Color = definedExternally)
+       constructor(radius: Number = definedExternally, radials: Number = definedExternally, circles: Number = definedExternally, divisions: Number = definedExternally, color1: Color = definedExternally, color2: String = definedExternally)
+       constructor(radius: Number = definedExternally, radials: Number = definedExternally, circles: Number = definedExternally, divisions: Number = definedExternally, color1: Color = definedExternally, color2: Number = definedExternally)
+       constructor(radius: Number = definedExternally, radials: Number = definedExternally, circles: Number = definedExternally, divisions: Number = definedExternally, color1: String = definedExternally, color2: Color = definedExternally)
+       constructor(radius: Number = definedExternally, radials: Number = definedExternally, circles: Number = definedExternally, divisions: Number = definedExternally, color1: String = definedExternally)
+       constructor(radius: Number = definedExternally, radials: Number = definedExternally, circles: Number = definedExternally, divisions: Number = definedExternally, color1: String = definedExternally, color2: String = definedExternally)
+       constructor(radius: Number = definedExternally, radials: Number = definedExternally, circles: Number = definedExternally, divisions: Number = definedExternally, color1: String = definedExternally, color2: Number = definedExternally)
+       constructor(radius: Number = definedExternally, radials: Number = definedExternally, circles: Number = definedExternally, divisions: Number = definedExternally, color1: Number = definedExternally, color2: Color = definedExternally)
+       constructor(radius: Number = definedExternally, radials: Number = definedExternally, circles: Number = definedExternally, divisions: Number = definedExternally, color1: Number = definedExternally)
+       constructor(radius: Number = definedExternally, radials: Number = definedExternally, circles: Number = definedExternally, divisions: Number = definedExternally, color1: Number = definedExternally, color2: String = definedExternally)
+       constructor(radius: Number = definedExternally, radials: Number = definedExternally, circles: Number = definedExternally, divisions: Number = definedExternally, color1: Number = definedExternally, color2: Number = definedExternally)
+       
+       override var type: String
+}
diff --git a/src/mapMain/kotlin/externals/threejs/PolyhedronGeometry.module_three.kt b/src/mapMain/kotlin/externals/threejs/PolyhedronGeometry.module_three.kt
new file mode 100644 (file)
index 0000000..44755e6
--- /dev/null
@@ -0,0 +1,20 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external interface AnonymousStruct65 {
+       var vertices: Array<Number>
+       var indices: Array<Number>
+       var radius: Number
+       var detail: Number
+}
+
+external open class PolyhedronGeometry(vertices: Array<Number>, indices: Array<Number>, radius: Number = definedExternally, detail: Number = definedExternally) : BufferGeometry {
+       override var type: String
+       open var parameters: AnonymousStruct65
+       
+       companion object {
+               fun fromJSON(data: Any): PolyhedronGeometry
+       }
+}
diff --git a/src/mapMain/kotlin/externals/threejs/PropertyBinding.module_three.kt b/src/mapMain/kotlin/externals/threejs/PropertyBinding.module_three.kt
new file mode 100644 (file)
index 0000000..d6d701d
--- /dev/null
@@ -0,0 +1,49 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external interface ParseTrackNameResults {
+       var nodeName: String
+       var objectName: String
+       var objectIndex: String
+       var propertyName: String
+       var propertyIndex: String
+}
+
+external interface AnonymousStruct55 {
+       @nativeGetter
+       operator fun get(bindingType: String): Number?
+       
+       @nativeSetter
+       operator fun set(bindingType: String, value: Number)
+}
+
+external open class PropertyBinding(rootNode: Any, path: String, parsedPath: Any = definedExternally) {
+       open var path: String
+       open var parsedPath: Any
+       open var node: Any
+       open var rootNode: Any
+       open fun getValue(targetArray: Any, offset: Number): Any
+       open fun setValue(sourceArray: Any, offset: Number)
+       open fun bind()
+       open fun unbind()
+       open var BindingType: AnonymousStruct55
+       open var Versioning: AnonymousStruct55
+       open var GetterByBindingType: Array<() -> Unit>
+       open var SetterByBindingTypeAndVersioning: Array<Array<() -> Unit>>
+       
+       open class Composite(targetGroup: Any, path: Any, parsedPath: Any = definedExternally) {
+               open fun getValue(array: Any, offset: Number): Any
+               open fun setValue(array: Any, offset: Number)
+               open fun bind()
+               open fun unbind()
+       }
+       
+       companion object {
+               fun create(root: Any, path: Any, parsedPath: Any = definedExternally): dynamic /* PropertyBinding | PropertyBinding.Composite */
+               fun sanitizeNodeName(name: String): String
+               fun parseTrackName(trackName: String): ParseTrackNameResults
+               fun findNode(root: Any, nodeName: String): Any
+       }
+}
diff --git a/src/mapMain/kotlin/externals/threejs/PropertyMixer.module_three.kt b/src/mapMain/kotlin/externals/threejs/PropertyMixer.module_three.kt
new file mode 100644 (file)
index 0000000..7947107
--- /dev/null
@@ -0,0 +1,19 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class PropertyMixer(binding: Any, typeName: String, valueSize: Number) {
+       open var binding: Any
+       open var valueSize: Number
+       open var buffer: Any
+       open var cumulativeWeight: Number
+       open var cumulativeWeightAdditive: Number
+       open var useCount: Number
+       open var referenceCount: Number
+       open fun accumulate(accuIndex: Number, weight: Number)
+       open fun accumulateAdditive(weight: Number)
+       open fun apply(accuIndex: Number)
+       open fun saveOriginalState()
+       open fun restoreOriginalState()
+}
diff --git a/src/mapMain/kotlin/externals/threejs/QuadraticBezierCurve.module_three.kt b/src/mapMain/kotlin/externals/threejs/QuadraticBezierCurve.module_three.kt
new file mode 100644 (file)
index 0000000..0c6c3dd
--- /dev/null
@@ -0,0 +1,11 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class QuadraticBezierCurve(v0: Vector2, v1: Vector2, v2: Vector2) : Curve<Vector2> {
+       override var type: String
+       open var v0: Vector2
+       open var v1: Vector2
+       open var v2: Vector2
+}
diff --git a/src/mapMain/kotlin/externals/threejs/QuadraticBezierCurve3.module_three.kt b/src/mapMain/kotlin/externals/threejs/QuadraticBezierCurve3.module_three.kt
new file mode 100644 (file)
index 0000000..6412e0c
--- /dev/null
@@ -0,0 +1,11 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class QuadraticBezierCurve3(v0: Vector3, v1: Vector3, v2: Vector3) : Curve<Vector3> {
+       override var type: String
+       open var v0: Vector3
+       open var v1: Vector3
+       open var v2: Vector3
+}
diff --git a/src/mapMain/kotlin/externals/threejs/Quaternion.module_three.kt b/src/mapMain/kotlin/externals/threejs/Quaternion.module_three.kt
new file mode 100644 (file)
index 0000000..1d74133
--- /dev/null
@@ -0,0 +1,53 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class Quaternion(x: Number = definedExternally, y: Number = definedExternally, z: Number = definedExternally, w: Number = definedExternally) {
+       open var x: Number
+       open var y: Number
+       open var z: Number
+       open var w: Number
+       open var isQuaternion: Boolean
+       open fun set(x: Number, y: Number, z: Number, w: Number): Quaternion
+       open fun clone(): Quaternion /* this */
+       open fun copy(q: Quaternion): Quaternion /* this */
+       open fun setFromEuler(euler: Euler, update: Boolean = definedExternally): Quaternion
+       open fun setFromAxisAngle(axis: Vector3, angle: Number): Quaternion
+       open fun setFromRotationMatrix(m: Matrix4): Quaternion
+       open fun setFromUnitVectors(vFrom: Vector3, vTo: Vector3): Quaternion
+       open fun angleTo(q: Quaternion): Number
+       open fun rotateTowards(q: Quaternion, step: Number): Quaternion
+       open fun identity(): Quaternion
+       open fun invert(): Quaternion
+       open fun conjugate(): Quaternion
+       open fun dot(v: Quaternion): Number
+       open fun lengthSq(): Number
+       open fun length(): Number
+       open fun normalize(): Quaternion
+       open fun multiply(q: Quaternion): Quaternion
+       open fun premultiply(q: Quaternion): Quaternion
+       open fun multiplyQuaternions(a: Quaternion, b: Quaternion): Quaternion
+       open fun slerp(qb: Quaternion, t: Number): Quaternion
+       open fun slerpQuaternions(qa: Quaternion, qb: Quaternion, t: Number): Quaternion
+       open fun equals(v: Quaternion): Boolean
+       open fun fromArray(array: Array<Number>, offset: Number = definedExternally): Quaternion /* this */
+       open fun fromArray(array: Array<Number>): Quaternion /* this */
+       open fun fromArray(array: ArrayLike<Number>, offset: Number = definedExternally): Quaternion /* this */
+       open fun fromArray(array: ArrayLike<Number>): Quaternion /* this */
+       open fun toArray(array: Array<Number> = definedExternally, offset: Number = definedExternally): Array<Number>
+       open fun toArray(): Array<Number>
+       open fun toArray(array: Array<Number> = definedExternally): Array<Number>
+       open fun toArray(array: ArrayLike<Number>, offset: Number = definedExternally): ArrayLike<Number>
+       open fun toArray(array: ArrayLike<Number>): ArrayLike<Number>
+       open fun _onChange(callback: () -> Unit): Quaternion
+       open var _onChangeCallback: () -> Unit
+       open fun multiplyVector3(v: Any): Any
+       open fun inverse(): Quaternion
+       
+       companion object {
+               fun slerpFlat(dst: Array<Number>, dstOffset: Number, src0: Array<Number>, srcOffset: Number, src1: Array<Number>, stcOffset1: Number, t: Number): Quaternion
+               fun multiplyQuaternionsFlat(dst: Array<Number>, dstOffset: Number, src0: Array<Number>, srcOffset: Number, src1: Array<Number>, stcOffset1: Number): Array<Number>
+               fun slerp(qa: Quaternion, qb: Quaternion, qm: Quaternion, t: Number): Number
+       }
+}
diff --git a/src/mapMain/kotlin/externals/threejs/QuaternionKeyframeTrack.module_three.kt b/src/mapMain/kotlin/externals/threejs/QuaternionKeyframeTrack.module_three.kt
new file mode 100644 (file)
index 0000000..d19de9e
--- /dev/null
@@ -0,0 +1,8 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class QuaternionKeyframeTrack(name: String, times: Array<Any>, values: Array<Any>, interpolation: InterpolationModes = definedExternally) : KeyframeTrack {
+       override var ValueTypeName: String
+}
diff --git a/src/mapMain/kotlin/externals/threejs/QuaternionLinearInterpolant.module_three.kt b/src/mapMain/kotlin/externals/threejs/QuaternionLinearInterpolant.module_three.kt
new file mode 100644 (file)
index 0000000..452da6b
--- /dev/null
@@ -0,0 +1,8 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class QuaternionLinearInterpolant(parameterPositions: Any, samplesValues: Any, sampleSize: Number, resultBuffer: Any = definedExternally) : Interpolant {
+       open fun interpolate_(i1: Number, t0: Number, t: Number, t1: Number): Any
+}
diff --git a/src/mapMain/kotlin/externals/threejs/RawShaderMaterial.module_three.kt b/src/mapMain/kotlin/externals/threejs/RawShaderMaterial.module_three.kt
new file mode 100644 (file)
index 0000000..b8d68b1
--- /dev/null
@@ -0,0 +1,6 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class RawShaderMaterial(parameters: ShaderMaterialParameters = definedExternally) : ShaderMaterial
diff --git a/src/mapMain/kotlin/externals/threejs/Ray.module_three.kt b/src/mapMain/kotlin/externals/threejs/Ray.module_three.kt
new file mode 100644 (file)
index 0000000..c244381
--- /dev/null
@@ -0,0 +1,32 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class Ray(origin: Vector3 = definedExternally, direction: Vector3 = definedExternally) {
+       open var origin: Vector3
+       open var direction: Vector3
+       open fun set(origin: Vector3, direction: Vector3): Ray
+       open fun clone(): Ray /* this */
+       open fun copy(ray: Ray): Ray /* this */
+       open fun at(t: Number, target: Vector3): Vector3
+       open fun lookAt(v: Vector3): Ray
+       open fun recast(t: Number): Ray
+       open fun closestPointToPoint(point: Vector3, target: Vector3): Vector3
+       open fun distanceToPoint(point: Vector3): Number
+       open fun distanceSqToPoint(point: Vector3): Number
+       open fun distanceSqToSegment(v0: Vector3, v1: Vector3, optionalPointOnRay: Vector3 = definedExternally, optionalPointOnSegment: Vector3 = definedExternally): Number
+       open fun intersectSphere(sphere: Sphere, target: Vector3): Vector3?
+       open fun intersectsSphere(sphere: Sphere): Boolean
+       open fun distanceToPlane(plane: Plane): Number
+       open fun intersectPlane(plane: Plane, target: Vector3): Vector3?
+       open fun intersectsPlane(plane: Plane): Boolean
+       open fun intersectBox(box: Box3, target: Vector3): Vector3?
+       open fun intersectsBox(box: Box3): Boolean
+       open fun intersectTriangle(a: Vector3, b: Vector3, c: Vector3, backfaceCulling: Boolean, target: Vector3): Vector3?
+       open fun applyMatrix4(matrix4: Matrix4): Ray
+       open fun equals(ray: Ray): Boolean
+       open fun isIntersectionBox(b: Any): Any
+       open fun isIntersectionPlane(p: Any): Any
+       open fun isIntersectionSphere(s: Any): Any
+}
diff --git a/src/mapMain/kotlin/externals/threejs/Raycaster.module_three.kt b/src/mapMain/kotlin/externals/threejs/Raycaster.module_three.kt
new file mode 100644 (file)
index 0000000..b019da3
--- /dev/null
@@ -0,0 +1,71 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external interface Face {
+       var a: Number
+       var b: Number
+       var c: Number
+       var normal: Vector3
+       var materialIndex: Number
+}
+
+external interface Intersection {
+       var distance: Number
+       var distanceToRay: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+       var point: Vector3
+       var index: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+       var face: Face?
+               get() = definedExternally
+               set(value) = definedExternally
+       var faceIndex: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+       var `object`: Object3D
+       var uv: Vector2?
+               get() = definedExternally
+               set(value) = definedExternally
+       var instanceId: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+}
+
+external interface AnonymousStruct54 {
+       var threshold: Number
+}
+
+external interface RaycasterParameters {
+       var Mesh: Any?
+               get() = definedExternally
+               set(value) = definedExternally
+       var Line: AnonymousStruct54?
+               get() = definedExternally
+               set(value) = definedExternally
+       var LOD: Any?
+               get() = definedExternally
+               set(value) = definedExternally
+       var Points: AnonymousStruct54?
+               get() = definedExternally
+               set(value) = definedExternally
+       var Sprite: Any?
+               get() = definedExternally
+               set(value) = definedExternally
+}
+
+external open class Raycaster(origin: Vector3 = definedExternally, direction: Vector3 = definedExternally, near: Number = definedExternally, far: Number = definedExternally) {
+       open var ray: Ray
+       open var near: Number
+       open var far: Number
+       open var camera: Camera
+       open var layers: Layers
+       open var params: RaycasterParameters
+       open fun set(origin: Vector3, direction: Vector3)
+       open fun setFromCamera(coords: AnonymousStruct2, camera: Camera)
+       open fun intersectObject(obj: Object3D, recursive: Boolean = definedExternally, optionalTarget: Array<Intersection> = definedExternally): Array<Intersection>
+       open fun intersectObjects(objects: Array<Object3D>, recursive: Boolean = definedExternally, optionalTarget: Array<Intersection> = definedExternally): Array<Intersection>
+}
diff --git a/src/mapMain/kotlin/externals/threejs/RectAreaLight.module_three.kt b/src/mapMain/kotlin/externals/threejs/RectAreaLight.module_three.kt
new file mode 100644 (file)
index 0000000..6d9850e
--- /dev/null
@@ -0,0 +1,26 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class RectAreaLight : Light {
+       constructor(color: Color = definedExternally, intensity: Number = definedExternally, width: Number = definedExternally, height: Number = definedExternally)
+       constructor()
+       constructor(color: Color = definedExternally)
+       constructor(color: Color = definedExternally, intensity: Number = definedExternally)
+       constructor(color: Color = definedExternally, intensity: Number = definedExternally, width: Number = definedExternally)
+       constructor(color: String = definedExternally, intensity: Number = definedExternally, width: Number = definedExternally, height: Number = definedExternally)
+       constructor(color: String = definedExternally)
+       constructor(color: String = definedExternally, intensity: Number = definedExternally)
+       constructor(color: String = definedExternally, intensity: Number = definedExternally, width: Number = definedExternally)
+       constructor(color: Number = definedExternally, intensity: Number = definedExternally, width: Number = definedExternally, height: Number = definedExternally)
+       constructor(color: Number = definedExternally)
+       constructor(color: Number = definedExternally, intensity: Number = definedExternally)
+       constructor(color: Number = definedExternally, intensity: Number = definedExternally, width: Number = definedExternally)
+       
+       override var type: String
+       open var width: Number
+       open var height: Number
+       override var intensity: Number
+       open var isRectAreaLight: Boolean
+}
diff --git a/src/mapMain/kotlin/externals/threejs/RingGeometry.module_three.kt b/src/mapMain/kotlin/externals/threejs/RingGeometry.module_three.kt
new file mode 100644 (file)
index 0000000..8abc53e
--- /dev/null
@@ -0,0 +1,22 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external interface AnonymousStruct70 {
+       var innerRadius: Number
+       var outerRadius: Number
+       var thetaSegments: Number
+       var phiSegments: Number
+       var thetaStart: Number
+       var thetaLength: Number
+}
+
+external open class RingGeometry(innerRadius: Number = definedExternally, outerRadius: Number = definedExternally, thetaSegments: Number = definedExternally, phiSegments: Number = definedExternally, thetaStart: Number = definedExternally, thetaLength: Number = definedExternally) : BufferGeometry {
+       override var type: String
+       open var parameters: AnonymousStruct70
+       
+       companion object {
+               fun fromJSON(data: Any): RingGeometry
+       }
+}
diff --git a/src/mapMain/kotlin/externals/threejs/Scene.module_three.kt b/src/mapMain/kotlin/externals/threejs/Scene.module_three.kt
new file mode 100644 (file)
index 0000000..6ef568e
--- /dev/null
@@ -0,0 +1,16 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class Scene : Object3D {
+       override var type: String /* "Scene" */
+       open var fog: FogBase?
+       open var overrideMaterial: Material?
+       open var autoUpdate: Boolean
+       open var background: dynamic /* Color? | Texture? */
+       open var environment: Texture?
+       open var isScene: Boolean
+       open fun toJSON(meta: Any = definedExternally): Any
+       override fun toJSON(meta: AnonymousStruct6): Any
+}
diff --git a/src/mapMain/kotlin/externals/threejs/ShaderChunk.module_three.kt b/src/mapMain/kotlin/externals/threejs/ShaderChunk.module_three.kt
new file mode 100644 (file)
index 0000000..bd9c6ce
--- /dev/null
@@ -0,0 +1,126 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external object ShaderChunk {
+       @nativeGetter
+       operator fun get(name: String): String?
+       
+       @nativeSetter
+       operator fun set(name: String, value: String)
+       var alphamap_fragment: String
+       var alphamap_pars_fragment: String
+       var alphatest_fragment: String
+       var aomap_fragment: String
+       var aomap_pars_fragment: String
+       var begin_vertex: String
+       var beginnormal_vertex: String
+       var bsdfs: String
+       var bumpmap_pars_fragment: String
+       var clipping_planes_fragment: String
+       var clipping_planes_pars_fragment: String
+       var clipping_planes_pars_vertex: String
+       var clipping_planes_vertex: String
+       var color_fragment: String
+       var color_pars_fragment: String
+       var color_pars_vertex: String
+       var color_vertex: String
+       var common: String
+       var cube_frag: String
+       var cube_vert: String
+       var cube_uv_reflection_fragment: String
+       var defaultnormal_vertex: String
+       var depth_frag: String
+       var depth_vert: String
+       var distanceRGBA_frag: String
+       var distanceRGBA_vert: String
+       var displacementmap_vertex: String
+       var displacementmap_pars_vertex: String
+       var emissivemap_fragment: String
+       var emissivemap_pars_fragment: String
+       var encodings_pars_fragment: String
+       var encodings_fragment: String
+       var envmap_fragment: String
+       var envmap_common_pars_fragment: String
+       var envmap_pars_fragment: String
+       var envmap_pars_vertex: String
+       var envmap_vertex: String
+       var equirect_frag: String
+       var equirect_vert: String
+       var fog_fragment: String
+       var fog_pars_fragment: String
+       var linedashed_frag: String
+       var linedashed_vert: String
+       var lightmap_fragment: String
+       var lightmap_pars_fragment: String
+       var lights_lambert_vertex: String
+       var lights_pars_begin: String
+       var envmap_physical_pars_fragment: String
+       var lights_pars_map: String
+       var lights_phong_fragment: String
+       var lights_phong_pars_fragment: String
+       var lights_physical_fragment: String
+       var lights_physical_pars_fragment: String
+       var lights_fragment_begin: String
+       var lights_fragment_maps: String
+       var lights_fragment_end: String
+       var logdepthbuf_fragment: String
+       var logdepthbuf_pars_fragment: String
+       var logdepthbuf_pars_vertex: String
+       var logdepthbuf_vertex: String
+       var map_fragment: String
+       var map_pars_fragment: String
+       var map_particle_fragment: String
+       var map_particle_pars_fragment: String
+       var meshbasic_frag: String
+       var meshbasic_vert: String
+       var meshlambert_frag: String
+       var meshlambert_vert: String
+       var meshphong_frag: String
+       var meshphong_vert: String
+       var meshphysical_frag: String
+       var meshphysical_vert: String
+       var metalnessmap_fragment: String
+       var metalnessmap_pars_fragment: String
+       var morphnormal_vertex: String
+       var morphtarget_pars_vertex: String
+       var morphtarget_vertex: String
+       var normal_flip: String
+       var normal_frag: String
+       var normal_fragment_begin: String
+       var normal_fragment_maps: String
+       var normal_vert: String
+       var normalmap_pars_fragment: String
+       var clearcoat_normal_fragment_begin: String
+       var clearcoat_normal_fragment_maps: String
+       var clearcoat_pars_fragment: String
+       var packing: String
+       var points_frag: String
+       var points_vert: String
+       var shadow_frag: String
+       var shadow_vert: String
+       var premultiplied_alpha_fragment: String
+       var project_vertex: String
+       var roughnessmap_fragment: String
+       var roughnessmap_pars_fragment: String
+       var shadowmap_pars_fragment: String
+       var shadowmap_pars_vertex: String
+       var shadowmap_vertex: String
+       var shadowmask_pars_fragment: String
+       var skinbase_vertex: String
+       var skinning_pars_vertex: String
+       var skinning_vertex: String
+       var skinnormal_vertex: String
+       var specularmap_fragment: String
+       var specularmap_pars_fragment: String
+       var tonemapping_fragment: String
+       var tonemapping_pars_fragment: String
+       var uv2_pars_fragment: String
+       var uv2_pars_vertex: String
+       var uv2_vertex: String
+       var uv_pars_fragment: String
+       var uv_pars_vertex: String
+       var uv_vertex: String
+       var worldpos_vertex: String
+}
diff --git a/src/mapMain/kotlin/externals/threejs/ShaderLib.module_three.kt b/src/mapMain/kotlin/externals/threejs/ShaderLib.module_three.kt
new file mode 100644 (file)
index 0000000..3984084
--- /dev/null
@@ -0,0 +1,42 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external interface AnonymousStruct8 {
+       @nativeGetter
+       operator fun get(uniform: String): IUniform__0?
+       
+       @nativeSetter
+       operator fun set(uniform: String, value: IUniform__0)
+}
+
+external interface Shader {
+       var uniforms: AnonymousStruct8
+       var vertexShader: String
+       var fragmentShader: String
+}
+
+external object ShaderLib {
+       @nativeGetter
+       operator fun get(name: String): Shader?
+       
+       @nativeSetter
+       operator fun set(name: String, value: Shader)
+       var basic: Shader
+       var lambert: Shader
+       var phong: Shader
+       var standard: Shader
+       var matcap: Shader
+       var points: Shader
+       var dashed: Shader
+       var depth: Shader
+       var normal: Shader
+       var sprite: Shader
+       var background: Shader
+       var cube: Shader
+       var equirect: Shader
+       var distanceRGBA: Shader
+       var shadow: Shader
+       var physical: Shader
+}
diff --git a/src/mapMain/kotlin/externals/threejs/ShaderMaterial.module_three.kt b/src/mapMain/kotlin/externals/threejs/ShaderMaterial.module_three.kt
new file mode 100644 (file)
index 0000000..6348878
--- /dev/null
@@ -0,0 +1,82 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external interface AnonymousStruct81 {
+       var derivatives: Boolean?
+               get() = definedExternally
+               set(value) = definedExternally
+       var fragDepth: Boolean?
+               get() = definedExternally
+               set(value) = definedExternally
+       var drawBuffers: Boolean?
+               get() = definedExternally
+               set(value) = definedExternally
+       var shaderTextureLOD: Boolean?
+               get() = definedExternally
+               set(value) = definedExternally
+}
+
+external interface ShaderMaterialParameters : MaterialParameters {
+       var uniforms: AnonymousStruct8?
+               get() = definedExternally
+               set(value) = definedExternally
+       var vertexShader: String?
+               get() = definedExternally
+               set(value) = definedExternally
+       var fragmentShader: String?
+               get() = definedExternally
+               set(value) = definedExternally
+       var linewidth: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+       var wireframe: Boolean?
+               get() = definedExternally
+               set(value) = definedExternally
+       var wireframeLinewidth: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+       var lights: Boolean?
+               get() = definedExternally
+               set(value) = definedExternally
+       var clipping: Boolean?
+               get() = definedExternally
+               set(value) = definedExternally
+       var extensions: AnonymousStruct81?
+               get() = definedExternally
+               set(value) = definedExternally
+       var glslVersion: GLSLVersion?
+               get() = definedExternally
+               set(value) = definedExternally
+}
+
+external interface AnonymousStruct82 {
+       var derivatives: Boolean
+       var fragDepth: Boolean
+       var drawBuffers: Boolean
+       var shaderTextureLOD: Boolean
+}
+
+external open class ShaderMaterial(parameters: ShaderMaterialParameters = definedExternally) : Material {
+       override var type: String
+       open var uniforms: AnonymousStruct8
+       open var vertexShader: String
+       open var fragmentShader: String
+       open var linewidth: Number
+       open var wireframe: Boolean
+       open var wireframeLinewidth: Number
+       override var fog: Boolean
+       open var lights: Boolean
+       open var clipping: Boolean
+       open var derivatives: Any
+       open var extensions: AnonymousStruct82
+       open var defaultAttributeValues: Any
+       open var index0AttributeName: String?
+       open var uniformsNeedUpdate: Boolean
+       open var glslVersion: GLSLVersion?
+       open var isShaderMaterial: Boolean
+       open fun setValues(parameters: ShaderMaterialParameters)
+       override fun setValues(values: MaterialParameters)
+       override fun toJSON(meta: Any): Any
+}
diff --git a/src/mapMain/kotlin/externals/threejs/ShadowMaterial.module_three.kt b/src/mapMain/kotlin/externals/threejs/ShadowMaterial.module_three.kt
new file mode 100644 (file)
index 0000000..d131ce5
--- /dev/null
@@ -0,0 +1,16 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external interface ShadowMaterialParameters : MaterialParameters {
+       var color: dynamic /* Color? | String? | Number? */
+               get() = definedExternally
+               set(value) = definedExternally
+}
+
+external open class ShadowMaterial(parameters: ShadowMaterialParameters = definedExternally) : Material {
+       override var type: String
+       open var color: Color
+       override var transparent: Boolean
+}
diff --git a/src/mapMain/kotlin/externals/threejs/Shape.module_three.kt b/src/mapMain/kotlin/externals/threejs/Shape.module_three.kt
new file mode 100644 (file)
index 0000000..6a1be02
--- /dev/null
@@ -0,0 +1,17 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external interface AnonymousStruct61 {
+       var shape: Array<Vector2>
+       var holes: Array<Array<Vector2>>
+}
+
+external open class Shape(points: Array<Vector2> = definedExternally) : Path {
+       override var type: String
+       open var uuid: String
+       open var holes: Array<Path>
+       open fun getPointsHoles(divisions: Number): Array<Array<Vector2>>
+       open fun extractPoints(divisions: Number): AnonymousStruct61
+}
diff --git a/src/mapMain/kotlin/externals/threejs/ShapeGeometry.module_three.kt b/src/mapMain/kotlin/externals/threejs/ShapeGeometry.module_three.kt
new file mode 100644 (file)
index 0000000..2ed5968
--- /dev/null
@@ -0,0 +1,17 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class ShapeGeometry : BufferGeometry {
+       constructor(shapes: Shape, curveSegments: Number = definedExternally)
+       constructor(shapes: Shape)
+       constructor(shapes: Array<Shape>, curveSegments: Number = definedExternally)
+       constructor(shapes: Array<Shape>)
+       
+       override var type: String
+       
+       companion object {
+               fun fromJSON(data: Any): ShapeGeometry
+       }
+}
diff --git a/src/mapMain/kotlin/externals/threejs/ShapePath.module_three.kt b/src/mapMain/kotlin/externals/threejs/ShapePath.module_three.kt
new file mode 100644 (file)
index 0000000..c22806f
--- /dev/null
@@ -0,0 +1,17 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class ShapePath {
+       open var type: String
+       open var color: Color
+       open var subPaths: Array<Any>
+       open var currentPath: Any
+       open fun moveTo(x: Number, y: Number): ShapePath /* this */
+       open fun lineTo(x: Number, y: Number): ShapePath /* this */
+       open fun quadraticCurveTo(aCPx: Number, aCPy: Number, aX: Number, aY: Number): ShapePath /* this */
+       open fun bezierCurveTo(aCP1x: Number, aCP1y: Number, aCP2x: Number, aCP2y: Number, aX: Number, aY: Number): ShapePath /* this */
+       open fun splineThru(pts: Array<Vector2>): ShapePath /* this */
+       open fun toShapes(isCCW: Boolean, noHoles: Boolean = definedExternally): Array<Shape>
+}
diff --git a/src/mapMain/kotlin/externals/threejs/ShapeUtils.ShapeUtils.module_three.kt b/src/mapMain/kotlin/externals/threejs/ShapeUtils.ShapeUtils.module_three.kt
new file mode 100644 (file)
index 0000000..71b1908
--- /dev/null
@@ -0,0 +1,12 @@
+@file:JsQualifier("THREE.ShapeUtils")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs.ShapeUtils
+
+import externals.threejs.VecXY
+
+external fun area(contour: Array<VecXY>): Number
+
+external fun triangulateShape(contour: Array<VecXY>, holes: Array<Array<VecXY>>): Array<Array<Number>>
+
+external fun isClockWise(pts: Array<VecXY>): Boolean
diff --git a/src/mapMain/kotlin/externals/threejs/ShapeUtils.module_three.kt b/src/mapMain/kotlin/externals/threejs/ShapeUtils.module_three.kt
new file mode 100644 (file)
index 0000000..f849829
--- /dev/null
@@ -0,0 +1,9 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external interface VecXY {
+       var x: Number
+       var y: Number
+}
diff --git a/src/mapMain/kotlin/externals/threejs/Skeleton.module_three.kt b/src/mapMain/kotlin/externals/threejs/Skeleton.module_three.kt
new file mode 100644 (file)
index 0000000..a8da35a
--- /dev/null
@@ -0,0 +1,25 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+import org.khronos.webgl.Float32Array
+
+external open class Skeleton(bones: Array<Bone>, boneInverses: Array<Matrix4> = definedExternally) {
+       open var uuid: String
+       open var bones: Array<Bone>
+       open var boneInverses: Array<Matrix4>
+       open var boneMatrices: Float32Array
+       open var boneTexture: DataTexture?
+       open var boneTextureSize: Number
+       open var frame: Number
+       open fun init()
+       open fun calculateInverses()
+       open fun computeBoneTexture(): Skeleton /* this */
+       open fun pose()
+       open fun update()
+       open fun clone(): Skeleton
+       open fun getBoneByName(name: String): Bone?
+       open fun dispose()
+       open var useVertexTexture: Boolean
+}
diff --git a/src/mapMain/kotlin/externals/threejs/SkeletonHelper.module_three.kt b/src/mapMain/kotlin/externals/threejs/SkeletonHelper.module_three.kt
new file mode 100644 (file)
index 0000000..4a67b5f
--- /dev/null
@@ -0,0 +1,15 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class SkeletonHelper(obj: Object3D) : LineSegments {
+       override var type: String
+       open var bones: Array<Bone>
+       open var root: Object3D
+       open var isSkeletonHelper: Boolean
+       override var matrix: Matrix4
+       override var matrixAutoUpdate: Boolean
+       open fun getBoneList(obj: Object3D): Array<Bone>
+       open fun update()
+}
diff --git a/src/mapMain/kotlin/externals/threejs/SkinnedMesh.module_three.kt b/src/mapMain/kotlin/externals/threejs/SkinnedMesh.module_three.kt
new file mode 100644 (file)
index 0000000..fb44259
--- /dev/null
@@ -0,0 +1,17 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class SkinnedMesh(geometry: BufferGeometry = definedExternally, material: dynamic = definedExternally, useVertexTexture: Boolean = definedExternally) : Mesh {
+       open var bindMode: String
+       open var bindMatrix: Matrix4
+       open var bindMatrixInverse: Matrix4
+       open var skeleton: Skeleton
+       open var isSkinnedMesh: Boolean
+       open fun bind(skeleton: Skeleton, bindMatrix: Matrix4 = definedExternally)
+       open fun pose()
+       open fun normalizeSkinWeights()
+       override fun updateMatrixWorld(force: Boolean)
+       open fun boneTransform(index: Number, target: Vector3): Vector3
+}
diff --git a/src/mapMain/kotlin/externals/threejs/Sphere.module_three.kt b/src/mapMain/kotlin/externals/threejs/Sphere.module_three.kt
new file mode 100644 (file)
index 0000000..cd5668b
--- /dev/null
@@ -0,0 +1,28 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class Sphere(center: Vector3 = definedExternally, radius: Number = definedExternally) {
+       open var center: Vector3
+       open var radius: Number
+       open fun set(center: Vector3, radius: Number): Sphere
+       open fun setFromPoints(points: Array<Vector3>, optionalCenter: Vector3 = definedExternally): Sphere
+       open fun clone(): Sphere /* this */
+       open fun copy(sphere: Sphere): Sphere /* this */
+       open fun expandByPoint(point: Vector3): Sphere /* this */
+       open fun isEmpty(): Boolean
+       open fun makeEmpty(): Sphere /* this */
+       open fun containsPoint(point: Vector3): Boolean
+       open fun distanceToPoint(point: Vector3): Number
+       open fun intersectsSphere(sphere: Sphere): Boolean
+       open fun intersectsBox(box: Box3): Boolean
+       open fun intersectsPlane(plane: Plane): Boolean
+       open fun clampPoint(point: Vector3, target: Vector3): Vector3
+       open fun getBoundingBox(target: Box3): Box3
+       open fun applyMatrix4(matrix: Matrix4): Sphere
+       open fun translate(offset: Vector3): Sphere
+       open fun equals(sphere: Sphere): Boolean
+       open fun union(sphere: Sphere): Sphere /* this */
+       open fun empty(): Any
+}
diff --git a/src/mapMain/kotlin/externals/threejs/SphereGeometry.module_three.kt b/src/mapMain/kotlin/externals/threejs/SphereGeometry.module_three.kt
new file mode 100644 (file)
index 0000000..227744d
--- /dev/null
@@ -0,0 +1,23 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external interface AnonymousStruct71 {
+       var radius: Number
+       var widthSegments: Number
+       var heightSegments: Number
+       var phiStart: Number
+       var phiLength: Number
+       var thetaStart: Number
+       var thetaLength: Number
+}
+
+external open class SphereGeometry(radius: Number = definedExternally, widthSegments: Number = definedExternally, heightSegments: Number = definedExternally, phiStart: Number = definedExternally, phiLength: Number = definedExternally, thetaStart: Number = definedExternally, thetaLength: Number = definedExternally) : BufferGeometry {
+       override var type: String
+       open var parameters: AnonymousStruct71
+       
+       companion object {
+               fun fromJSON(data: Any): SphereGeometry
+       }
+}
diff --git a/src/mapMain/kotlin/externals/threejs/Spherical.module_three.kt b/src/mapMain/kotlin/externals/threejs/Spherical.module_three.kt
new file mode 100644 (file)
index 0000000..4bb3768
--- /dev/null
@@ -0,0 +1,16 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class Spherical(radius: Number = definedExternally, phi: Number = definedExternally, theta: Number = definedExternally) {
+       open var radius: Number
+       open var phi: Number
+       open var theta: Number
+       open fun set(radius: Number, phi: Number, theta: Number): Spherical /* this */
+       open fun clone(): Spherical /* this */
+       open fun copy(other: Spherical): Spherical /* this */
+       open fun makeSafe(): Spherical /* this */
+       open fun setFromVector3(v: Vector3): Spherical /* this */
+       open fun setFromCartesianCoords(x: Number, y: Number, z: Number): Spherical /* this */
+}
diff --git a/src/mapMain/kotlin/externals/threejs/SphericalHarmonics3.module_three.kt b/src/mapMain/kotlin/externals/threejs/SphericalHarmonics3.module_three.kt
new file mode 100644 (file)
index 0000000..f68a214
--- /dev/null
@@ -0,0 +1,33 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class SphericalHarmonics3 {
+       open var coefficients: Array<Vector3>
+       open var isSphericalHarmonics3: Boolean
+       open fun set(coefficients: Array<Vector3>): SphericalHarmonics3
+       open fun zero(): SphericalHarmonics3
+       open fun add(sh: SphericalHarmonics3): SphericalHarmonics3
+       open fun addScaledSH(sh: SphericalHarmonics3, s: Number): SphericalHarmonics3
+       open fun scale(s: Number): SphericalHarmonics3
+       open fun lerp(sh: SphericalHarmonics3, alpha: Number): SphericalHarmonics3
+       open fun equals(sh: SphericalHarmonics3): Boolean
+       open fun copy(sh: SphericalHarmonics3): SphericalHarmonics3
+       open fun clone(): SphericalHarmonics3 /* this */
+       open fun fromArray(array: Array<Number>, offset: Number = definedExternally): SphericalHarmonics3 /* this */
+       open fun fromArray(array: Array<Number>): SphericalHarmonics3 /* this */
+       open fun fromArray(array: ArrayLike<Number>, offset: Number = definedExternally): SphericalHarmonics3 /* this */
+       open fun fromArray(array: ArrayLike<Number>): SphericalHarmonics3 /* this */
+       open fun toArray(array: Array<Number> = definedExternally, offset: Number = definedExternally): Array<Number>
+       open fun toArray(): Array<Number>
+       open fun toArray(array: Array<Number> = definedExternally): Array<Number>
+       open fun toArray(array: ArrayLike<Number>, offset: Number = definedExternally): ArrayLike<Number>
+       open fun toArray(array: ArrayLike<Number>): ArrayLike<Number>
+       open fun getAt(normal: Vector3, target: Vector3): Vector3
+       open fun getIrradianceAt(normal: Vector3, target: Vector3): Vector3
+       
+       companion object {
+               fun getBasisAt(normal: Vector3, shBasis: Array<Number>)
+       }
+}
diff --git a/src/mapMain/kotlin/externals/threejs/SplineCurve.module_three.kt b/src/mapMain/kotlin/externals/threejs/SplineCurve.module_three.kt
new file mode 100644 (file)
index 0000000..8f6324a
--- /dev/null
@@ -0,0 +1,9 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class SplineCurve(points: Array<Vector2> = definedExternally) : Curve<Vector2> {
+       override var type: String
+       open var points: Array<Vector2>
+}
diff --git a/src/mapMain/kotlin/externals/threejs/SpotLight.module_three.kt b/src/mapMain/kotlin/externals/threejs/SpotLight.module_three.kt
new file mode 100644 (file)
index 0000000..57f49dc
--- /dev/null
@@ -0,0 +1,38 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class SpotLight : Light {
+       constructor(color: Color = definedExternally, intensity: Number = definedExternally, distance: Number = definedExternally, angle: Number = definedExternally, penumbra: Number = definedExternally, decay: Number = definedExternally)
+       constructor()
+       constructor(color: Color = definedExternally)
+       constructor(color: Color = definedExternally, intensity: Number = definedExternally)
+       constructor(color: Color = definedExternally, intensity: Number = definedExternally, distance: Number = definedExternally)
+       constructor(color: Color = definedExternally, intensity: Number = definedExternally, distance: Number = definedExternally, angle: Number = definedExternally)
+       constructor(color: Color = definedExternally, intensity: Number = definedExternally, distance: Number = definedExternally, angle: Number = definedExternally, penumbra: Number = definedExternally)
+       constructor(color: String = definedExternally, intensity: Number = definedExternally, distance: Number = definedExternally, angle: Number = definedExternally, penumbra: Number = definedExternally, decay: Number = definedExternally)
+       constructor(color: String = definedExternally)
+       constructor(color: String = definedExternally, intensity: Number = definedExternally)
+       constructor(color: String = definedExternally, intensity: Number = definedExternally, distance: Number = definedExternally)
+       constructor(color: String = definedExternally, intensity: Number = definedExternally, distance: Number = definedExternally, angle: Number = definedExternally)
+       constructor(color: String = definedExternally, intensity: Number = definedExternally, distance: Number = definedExternally, angle: Number = definedExternally, penumbra: Number = definedExternally)
+       constructor(color: Number = definedExternally, intensity: Number = definedExternally, distance: Number = definedExternally, angle: Number = definedExternally, penumbra: Number = definedExternally, decay: Number = definedExternally)
+       constructor(color: Number = definedExternally)
+       constructor(color: Number = definedExternally, intensity: Number = definedExternally)
+       constructor(color: Number = definedExternally, intensity: Number = definedExternally, distance: Number = definedExternally)
+       constructor(color: Number = definedExternally, intensity: Number = definedExternally, distance: Number = definedExternally, angle: Number = definedExternally)
+       constructor(color: Number = definedExternally, intensity: Number = definedExternally, distance: Number = definedExternally, angle: Number = definedExternally, penumbra: Number = definedExternally)
+       
+       override var type: String
+       override var position: Vector3
+       open var target: Object3D
+       override var intensity: Number
+       open var distance: Number
+       open var angle: Number
+       open var decay: Number
+       override var shadow: LightShadow
+       open var power: Number
+       open var penumbra: Number
+       open var isSpotLight: Boolean
+}
diff --git a/src/mapMain/kotlin/externals/threejs/SpotLightHelper.module_three.kt b/src/mapMain/kotlin/externals/threejs/SpotLightHelper.module_three.kt
new file mode 100644 (file)
index 0000000..fbd7085
--- /dev/null
@@ -0,0 +1,19 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class SpotLightHelper : Object3D {
+       constructor(light: Light, color: Color = definedExternally)
+       constructor(light: Light)
+       constructor(light: Light, color: String = definedExternally)
+       constructor(light: Light, color: Number = definedExternally)
+       
+       open var light: Light
+       override var matrix: Matrix4
+       override var matrixAutoUpdate: Boolean
+       open var color: dynamic /* Color? | String? | Number? */
+       open var cone: LineSegments
+       open fun dispose()
+       open fun update()
+}
diff --git a/src/mapMain/kotlin/externals/threejs/SpotLightShadow.module_three.kt b/src/mapMain/kotlin/externals/threejs/SpotLightShadow.module_three.kt
new file mode 100644 (file)
index 0000000..ced555a
--- /dev/null
@@ -0,0 +1,10 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class SpotLightShadow(camera: Camera) : LightShadow {
+       override var camera: Camera
+       open var isSpotLightShadow: Boolean
+       open var focus: Number
+}
diff --git a/src/mapMain/kotlin/externals/threejs/Sprite.module_three.kt b/src/mapMain/kotlin/externals/threejs/Sprite.module_three.kt
new file mode 100644 (file)
index 0000000..ad138b6
--- /dev/null
@@ -0,0 +1,14 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class Sprite(material: SpriteMaterial = definedExternally) : Object3D {
+       override var type: String /* "Sprite" */
+       open var isSprite: Boolean
+       open var geometry: BufferGeometry
+       open var material: SpriteMaterial
+       open var center: Vector2
+       override fun raycast(raycaster: Raycaster, intersects: Array<Intersection>)
+       open fun copy(source: Sprite /* this */): Sprite /* this */
+}
diff --git a/src/mapMain/kotlin/externals/threejs/SpriteMaterial.module_three.kt b/src/mapMain/kotlin/externals/threejs/SpriteMaterial.module_three.kt
new file mode 100644 (file)
index 0000000..85aba9d
--- /dev/null
@@ -0,0 +1,37 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external interface SpriteMaterialParameters : MaterialParameters {
+       var color: dynamic /* Color? | String? | Number? */
+               get() = definedExternally
+               set(value) = definedExternally
+       var map: Texture?
+               get() = definedExternally
+               set(value) = definedExternally
+       var alphaMap: Texture?
+               get() = definedExternally
+               set(value) = definedExternally
+       var rotation: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+       var sizeAttenuation: Boolean?
+               get() = definedExternally
+               set(value) = definedExternally
+}
+
+external open class SpriteMaterial(parameters: SpriteMaterialParameters = definedExternally) : Material {
+       override var type: String
+       open var color: Color
+       open var map: Texture?
+       open var alphaMap: Texture?
+       open var rotation: Number
+       open var sizeAttenuation: Boolean
+       override var transparent: Boolean
+       open var isSpriteMaterial: Boolean
+       open fun setValues(parameters: SpriteMaterialParameters)
+       override fun setValues(values: MaterialParameters)
+       open fun copy(source: SpriteMaterial): SpriteMaterial /* this */
+       override fun copy(material: Material): Material /* this */
+}
diff --git a/src/mapMain/kotlin/externals/threejs/StereoCamera.module_three.kt b/src/mapMain/kotlin/externals/threejs/StereoCamera.module_three.kt
new file mode 100644 (file)
index 0000000..04b7c55
--- /dev/null
@@ -0,0 +1,13 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class StereoCamera : Camera {
+       override var type: String /* "StereoCamera" */
+       open var aspect: Number
+       open var eyeSep: Number
+       open var cameraL: PerspectiveCamera
+       open var cameraR: PerspectiveCamera
+       open fun update(camera: PerspectiveCamera)
+}
diff --git a/src/mapMain/kotlin/externals/threejs/StringKeyframeTrack.module_three.kt b/src/mapMain/kotlin/externals/threejs/StringKeyframeTrack.module_three.kt
new file mode 100644 (file)
index 0000000..d0af785
--- /dev/null
@@ -0,0 +1,8 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class StringKeyframeTrack(name: String, times: Array<Any>, values: Array<Any>, interpolation: InterpolationModes = definedExternally) : KeyframeTrack {
+       override var ValueTypeName: String
+}
diff --git a/src/mapMain/kotlin/externals/threejs/TetrahedronGeometry.module_three.kt b/src/mapMain/kotlin/externals/threejs/TetrahedronGeometry.module_three.kt
new file mode 100644 (file)
index 0000000..21706fd
--- /dev/null
@@ -0,0 +1,12 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class TetrahedronGeometry(radius: Number = definedExternally, detail: Number = definedExternally) : PolyhedronGeometry {
+       override var type: String
+       
+       companion object {
+               fun fromJSON(data: Any): TetrahedronGeometry
+       }
+}
diff --git a/src/mapMain/kotlin/externals/threejs/TextGeometry.module_three.kt b/src/mapMain/kotlin/externals/threejs/TextGeometry.module_three.kt
new file mode 100644 (file)
index 0000000..a4dc7f1
--- /dev/null
@@ -0,0 +1,49 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external interface TextGeometryParameters {
+       var font: Font
+       var size: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+       var height: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+       var curveSegments: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+       var bevelEnabled: Boolean?
+               get() = definedExternally
+               set(value) = definedExternally
+       var bevelThickness: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+       var bevelSize: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+       var bevelOffset: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+       var bevelSegments: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+}
+
+external interface AnonymousStruct72 {
+       var font: Font
+       var size: Number
+       var height: Number
+       var curveSegments: Number
+       var bevelEnabled: Boolean
+       var bevelThickness: Number
+       var bevelSize: Number
+       var bevelOffset: Number
+       var bevelSegments: Number
+}
+
+external open class TextGeometry(text: String, parameters: TextGeometryParameters) : ExtrudeGeometry {
+       override var type: String
+       open var parameters: AnonymousStruct72
+}
diff --git a/src/mapMain/kotlin/externals/threejs/Texture.module_three.kt b/src/mapMain/kotlin/externals/threejs/Texture.module_three.kt
new file mode 100644 (file)
index 0000000..8a4de7e
--- /dev/null
@@ -0,0 +1,86 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+import org.w3c.dom.HTMLCanvasElement
+import org.w3c.dom.HTMLImageElement
+import org.w3c.dom.HTMLVideoElement
+import org.w3c.dom.events.EventTarget
+
+external open class Texture : EventTarget {
+       constructor(image: HTMLImageElement = definedExternally, mapping: Mapping = definedExternally, wrapS: Wrapping = definedExternally, wrapT: Wrapping = definedExternally, magFilter: TextureFilter = definedExternally, minFilter: TextureFilter = definedExternally, format: PixelFormat = definedExternally, type: TextureDataType = definedExternally, anisotropy: Number = definedExternally, encoding: TextureEncoding = definedExternally)
+       constructor()
+       constructor(image: HTMLImageElement = definedExternally)
+       constructor(image: HTMLImageElement = definedExternally, mapping: Mapping = definedExternally)
+       constructor(image: HTMLImageElement = definedExternally, mapping: Mapping = definedExternally, wrapS: Wrapping = definedExternally)
+       constructor(image: HTMLImageElement = definedExternally, mapping: Mapping = definedExternally, wrapS: Wrapping = definedExternally, wrapT: Wrapping = definedExternally)
+       constructor(image: HTMLImageElement = definedExternally, mapping: Mapping = definedExternally, wrapS: Wrapping = definedExternally, wrapT: Wrapping = definedExternally, magFilter: TextureFilter = definedExternally)
+       constructor(image: HTMLImageElement = definedExternally, mapping: Mapping = definedExternally, wrapS: Wrapping = definedExternally, wrapT: Wrapping = definedExternally, magFilter: TextureFilter = definedExternally, minFilter: TextureFilter = definedExternally)
+       constructor(image: HTMLImageElement = definedExternally, mapping: Mapping = definedExternally, wrapS: Wrapping = definedExternally, wrapT: Wrapping = definedExternally, magFilter: TextureFilter = definedExternally, minFilter: TextureFilter = definedExternally, format: PixelFormat = definedExternally)
+       constructor(image: HTMLImageElement = definedExternally, mapping: Mapping = definedExternally, wrapS: Wrapping = definedExternally, wrapT: Wrapping = definedExternally, magFilter: TextureFilter = definedExternally, minFilter: TextureFilter = definedExternally, format: PixelFormat = definedExternally, type: TextureDataType = definedExternally)
+       constructor(image: HTMLImageElement = definedExternally, mapping: Mapping = definedExternally, wrapS: Wrapping = definedExternally, wrapT: Wrapping = definedExternally, magFilter: TextureFilter = definedExternally, minFilter: TextureFilter = definedExternally, format: PixelFormat = definedExternally, type: TextureDataType = definedExternally, anisotropy: Number = definedExternally)
+       constructor(image: HTMLCanvasElement = definedExternally, mapping: Mapping = definedExternally, wrapS: Wrapping = definedExternally, wrapT: Wrapping = definedExternally, magFilter: TextureFilter = definedExternally, minFilter: TextureFilter = definedExternally, format: PixelFormat = definedExternally, type: TextureDataType = definedExternally, anisotropy: Number = definedExternally, encoding: TextureEncoding = definedExternally)
+       constructor(image: HTMLCanvasElement = definedExternally)
+       constructor(image: HTMLCanvasElement = definedExternally, mapping: Mapping = definedExternally)
+       constructor(image: HTMLCanvasElement = definedExternally, mapping: Mapping = definedExternally, wrapS: Wrapping = definedExternally)
+       constructor(image: HTMLCanvasElement = definedExternally, mapping: Mapping = definedExternally, wrapS: Wrapping = definedExternally, wrapT: Wrapping = definedExternally)
+       constructor(image: HTMLCanvasElement = definedExternally, mapping: Mapping = definedExternally, wrapS: Wrapping = definedExternally, wrapT: Wrapping = definedExternally, magFilter: TextureFilter = definedExternally)
+       constructor(image: HTMLCanvasElement = definedExternally, mapping: Mapping = definedExternally, wrapS: Wrapping = definedExternally, wrapT: Wrapping = definedExternally, magFilter: TextureFilter = definedExternally, minFilter: TextureFilter = definedExternally)
+       constructor(image: HTMLCanvasElement = definedExternally, mapping: Mapping = definedExternally, wrapS: Wrapping = definedExternally, wrapT: Wrapping = definedExternally, magFilter: TextureFilter = definedExternally, minFilter: TextureFilter = definedExternally, format: PixelFormat = definedExternally)
+       constructor(image: HTMLCanvasElement = definedExternally, mapping: Mapping = definedExternally, wrapS: Wrapping = definedExternally, wrapT: Wrapping = definedExternally, magFilter: TextureFilter = definedExternally, minFilter: TextureFilter = definedExternally, format: PixelFormat = definedExternally, type: TextureDataType = definedExternally)
+       constructor(image: HTMLCanvasElement = definedExternally, mapping: Mapping = definedExternally, wrapS: Wrapping = definedExternally, wrapT: Wrapping = definedExternally, magFilter: TextureFilter = definedExternally, minFilter: TextureFilter = definedExternally, format: PixelFormat = definedExternally, type: TextureDataType = definedExternally, anisotropy: Number = definedExternally)
+       constructor(image: HTMLVideoElement = definedExternally, mapping: Mapping = definedExternally, wrapS: Wrapping = definedExternally, wrapT: Wrapping = definedExternally, magFilter: TextureFilter = definedExternally, minFilter: TextureFilter = definedExternally, format: PixelFormat = definedExternally, type: TextureDataType = definedExternally, anisotropy: Number = definedExternally, encoding: TextureEncoding = definedExternally)
+       constructor(image: HTMLVideoElement = definedExternally)
+       constructor(image: HTMLVideoElement = definedExternally, mapping: Mapping = definedExternally)
+       constructor(image: HTMLVideoElement = definedExternally, mapping: Mapping = definedExternally, wrapS: Wrapping = definedExternally)
+       constructor(image: HTMLVideoElement = definedExternally, mapping: Mapping = definedExternally, wrapS: Wrapping = definedExternally, wrapT: Wrapping = definedExternally)
+       constructor(image: HTMLVideoElement = definedExternally, mapping: Mapping = definedExternally, wrapS: Wrapping = definedExternally, wrapT: Wrapping = definedExternally, magFilter: TextureFilter = definedExternally)
+       constructor(image: HTMLVideoElement = definedExternally, mapping: Mapping = definedExternally, wrapS: Wrapping = definedExternally, wrapT: Wrapping = definedExternally, magFilter: TextureFilter = definedExternally, minFilter: TextureFilter = definedExternally)
+       constructor(image: HTMLVideoElement = definedExternally, mapping: Mapping = definedExternally, wrapS: Wrapping = definedExternally, wrapT: Wrapping = definedExternally, magFilter: TextureFilter = definedExternally, minFilter: TextureFilter = definedExternally, format: PixelFormat = definedExternally)
+       constructor(image: HTMLVideoElement = definedExternally, mapping: Mapping = definedExternally, wrapS: Wrapping = definedExternally, wrapT: Wrapping = definedExternally, magFilter: TextureFilter = definedExternally, minFilter: TextureFilter = definedExternally, format: PixelFormat = definedExternally, type: TextureDataType = definedExternally)
+       constructor(image: HTMLVideoElement = definedExternally, mapping: Mapping = definedExternally, wrapS: Wrapping = definedExternally, wrapT: Wrapping = definedExternally, magFilter: TextureFilter = definedExternally, minFilter: TextureFilter = definedExternally, format: PixelFormat = definedExternally, type: TextureDataType = definedExternally, anisotropy: Number = definedExternally)
+       
+       open var id: Number
+       open var uuid: String
+       open var name: String
+       open var sourceFile: String
+       open var image: Any
+       open var mipmaps: Array<Any>
+       open var mapping: Mapping
+       open var wrapS: Wrapping
+       open var wrapT: Wrapping
+       open var magFilter: TextureFilter
+       open var minFilter: TextureFilter
+       open var anisotropy: Number
+       open var format: PixelFormat
+       open var internalFormat: String /* "ALPHA" | "RGB" | "RGBA" | "LUMINANCE" | "LUMINANCE_ALPHA" | "RED_INTEGER" | "R8" | "R8_SNORM" | "R8I" | "R8UI" | "R16I" | "R16UI" | "R16F" | "R32I" | "R32UI" | "R32F" | "RG8" | "RG8_SNORM" | "RG8I" | "RG8UI" | "RG16I" | "RG16UI" | "RG16F" | "RG32I" | "RG32UI" | "RG32F" | "RGB565" | "RGB8" | "RGB8_SNORM" | "RGB8I" | "RGB8UI" | "RGB16I" | "RGB16UI" | "RGB16F" | "RGB32I" | "RGB32UI" | "RGB32F" | "RGB9_E5" | "SRGB8" | "R11F_G11F_B10F" | "RGBA4" | "RGBA8" | "RGBA8_SNORM" | "RGBA8I" | "RGBA8UI" | "RGBA16I" | "RGBA16UI" | "RGBA16F" | "RGBA32I" | "RGBA32UI" | "RGBA32F" | "RGB5_A1" | "RGB10_A2" | "RGB10_A2UI" | "SRGB8_ALPHA8" | "DEPTH_COMPONENT16" | "DEPTH_COMPONENT24" | "DEPTH_COMPONENT32F" | "DEPTH24_STENCIL8" | "DEPTH32F_STENCIL8" */
+       open var type: TextureDataType
+       open var matrix: Matrix3
+       open var matrixAutoUpdate: Boolean
+       open var offset: Vector2
+       open var repeat: Vector2
+       open var center: Vector2
+       open var rotation: Number
+       open var generateMipmaps: Boolean
+       open var premultiplyAlpha: Boolean
+       open var flipY: Boolean
+       open var unpackAlignment: Number
+       open var encoding: TextureEncoding
+       open var isRenderTargetTexture: Boolean
+       open var version: Number
+       open var needsUpdate: Boolean
+       open var isTexture: Boolean
+       open var onUpdate: () -> Unit
+       open fun clone(): Texture /* this */
+       open fun copy(source: Texture): Texture /* this */
+       open fun toJSON(meta: Any): Any
+       open fun dispose()
+       open fun transformUv(uv: Vector2): Vector2
+       open fun updateMatrix()
+       
+       companion object {
+               var DEFAULT_IMAGE: Any
+               var DEFAULT_MAPPING: Any
+       }
+}
diff --git a/src/mapMain/kotlin/externals/threejs/TextureLoader.module_three.kt b/src/mapMain/kotlin/externals/threejs/TextureLoader.module_three.kt
new file mode 100644 (file)
index 0000000..3c0b0d1
--- /dev/null
@@ -0,0 +1,11 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+import org.w3c.dom.ErrorEvent
+import org.w3c.xhr.ProgressEvent
+
+external open class TextureLoader(manager: LoadingManager = definedExternally) : Loader<Texture> {
+       open fun load(url: String, onLoad: (texture: Texture) -> Unit = definedExternally, onProgress: (event: ProgressEvent) -> Unit = definedExternally, onError: (event: ErrorEvent) -> Unit = definedExternally): Texture
+}
diff --git a/src/mapMain/kotlin/externals/threejs/TorusGeometry.module_three.kt b/src/mapMain/kotlin/externals/threejs/TorusGeometry.module_three.kt
new file mode 100644 (file)
index 0000000..f16f618
--- /dev/null
@@ -0,0 +1,21 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external interface AnonymousStruct73 {
+       var radius: Number
+       var tube: Number
+       var radialSegments: Number
+       var tubularSegments: Number
+       var arc: Number
+}
+
+external open class TorusGeometry(radius: Number = definedExternally, tube: Number = definedExternally, radialSegments: Number = definedExternally, tubularSegments: Number = definedExternally, arc: Number = definedExternally) : BufferGeometry {
+       override var type: String
+       open var parameters: AnonymousStruct73
+       
+       companion object {
+               fun fromJSON(data: Any): TorusGeometry
+       }
+}
diff --git a/src/mapMain/kotlin/externals/threejs/TorusKnotGeometry.module_three.kt b/src/mapMain/kotlin/externals/threejs/TorusKnotGeometry.module_three.kt
new file mode 100644 (file)
index 0000000..18e5bb1
--- /dev/null
@@ -0,0 +1,22 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external interface AnonymousStruct74 {
+       var radius: Number
+       var tube: Number
+       var tubularSegments: Number
+       var radialSegments: Number
+       var p: Number
+       var q: Number
+}
+
+external open class TorusKnotGeometry(radius: Number = definedExternally, tube: Number = definedExternally, tubularSegments: Number = definedExternally, radialSegments: Number = definedExternally, p: Number = definedExternally, q: Number = definedExternally) : BufferGeometry {
+       override var type: String
+       open var parameters: AnonymousStruct74
+       
+       companion object {
+               fun fromJSON(data: Any): TorusKnotGeometry
+       }
+}
diff --git a/src/mapMain/kotlin/externals/threejs/Triangle.module_three.kt b/src/mapMain/kotlin/externals/threejs/Triangle.module_three.kt
new file mode 100644 (file)
index 0000000..0c418c7
--- /dev/null
@@ -0,0 +1,33 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class Triangle(a: Vector3 = definedExternally, b: Vector3 = definedExternally, c: Vector3 = definedExternally) {
+       open var a: Vector3
+       open var b: Vector3
+       open var c: Vector3
+       open fun set(a: Vector3, b: Vector3, c: Vector3): Triangle
+       open fun setFromPointsAndIndices(points: Array<Vector3>, i0: Number, i1: Number, i2: Number): Triangle
+       open fun clone(): Triangle /* this */
+       open fun copy(triangle: Triangle): Triangle /* this */
+       open fun getArea(): Number
+       open fun getMidpoint(target: Vector3): Vector3
+       open fun getNormal(target: Vector3): Vector3
+       open fun getPlane(target: Plane): Plane
+       open fun getBarycoord(point: Vector3, target: Vector3): Vector3
+       open fun getUV(point: Vector3, uv1: Vector2, uv2: Vector2, uv3: Vector2, target: Vector2): Vector2
+       open fun containsPoint(point: Vector3): Boolean
+       open fun intersectsBox(box: Box3): Boolean
+       open fun isFrontFacing(direction: Vector3): Boolean
+       open fun closestPointToPoint(point: Vector3, target: Vector3): Vector3
+       open fun equals(triangle: Triangle): Boolean
+       
+       companion object {
+               fun getNormal(a: Vector3, b: Vector3, c: Vector3, target: Vector3): Vector3
+               fun getBarycoord(point: Vector3, a: Vector3, b: Vector3, c: Vector3, target: Vector3): Vector3
+               fun containsPoint(point: Vector3, a: Vector3, b: Vector3, c: Vector3): Boolean
+               fun getUV(point: Vector3, p1: Vector3, p2: Vector3, p3: Vector3, uv1: Vector2, uv2: Vector2, uv3: Vector2, target: Vector2): Vector2
+               fun isFrontFacing(a: Vector3, b: Vector3, c: Vector3, direction: Vector3): Boolean
+       }
+}
diff --git a/src/mapMain/kotlin/externals/threejs/TubeGeometry.module_three.kt b/src/mapMain/kotlin/externals/threejs/TubeGeometry.module_three.kt
new file mode 100644 (file)
index 0000000..22b7fa4
--- /dev/null
@@ -0,0 +1,24 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external interface AnonymousStruct75 {
+       var path: Curve<Vector3>
+       var tubularSegments: Number
+       var radius: Number
+       var radialSegments: Number
+       var closed: Boolean
+}
+
+external open class TubeGeometry(path: Curve<Vector3>, tubularSegments: Number = definedExternally, radius: Number = definedExternally, radiusSegments: Number = definedExternally, closed: Boolean = definedExternally) : BufferGeometry {
+       override var type: String
+       open var parameters: AnonymousStruct75
+       open var tangents: Array<Vector3>
+       open var normals: Array<Vector3>
+       open var binormals: Array<Vector3>
+       
+       companion object {
+               fun fromJSON(data: Any): TubeGeometry
+       }
+}
diff --git a/src/mapMain/kotlin/externals/threejs/Uniform.module_three.kt b/src/mapMain/kotlin/externals/threejs/Uniform.module_three.kt
new file mode 100644 (file)
index 0000000..68e0f9e
--- /dev/null
@@ -0,0 +1,15 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class Uniform {
+       constructor(value: Any)
+       constructor(type: String, value: Any)
+       
+       open var type: String
+       open var value: Any
+       open var dynamic: Boolean
+       open var onUpdateCallback: () -> Unit
+       open fun onUpdate(callback: () -> Unit): Uniform
+}
diff --git a/src/mapMain/kotlin/externals/threejs/UniformsLib.module_three.kt b/src/mapMain/kotlin/externals/threejs/UniformsLib.module_three.kt
new file mode 100644 (file)
index 0000000..572521c
--- /dev/null
@@ -0,0 +1,207 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external interface IUniform<TValue> {
+       var value: TValue
+}
+
+external interface IUniform__0 : IUniform<Any>
+
+external interface AnonymousStruct9 {
+       var diffuse: IUniform__0
+       var opacity: IUniform__0
+       var map: IUniform__0
+       var uvTransform: IUniform__0
+       var uv2Transform: IUniform__0
+       var alphaMap: IUniform__0
+}
+
+external interface AnonymousStruct10 {
+       var specularMap: IUniform__0
+}
+
+external interface AnonymousStruct11 {
+       var envMap: IUniform__0
+       var flipEnvMap: IUniform__0
+       var reflectivity: IUniform__0
+       var refractionRatio: IUniform__0
+       var maxMipLevel: IUniform__0
+}
+
+external interface AnonymousStruct12 {
+       var aoMap: IUniform__0
+       var aoMapIntensity: IUniform__0
+}
+
+external interface AnonymousStruct13 {
+       var lightMap: IUniform__0
+       var lightMapIntensity: IUniform__0
+}
+
+external interface AnonymousStruct14 {
+       var emissiveMap: IUniform__0
+}
+
+external interface AnonymousStruct15 {
+       var bumpMap: IUniform__0
+       var bumpScale: IUniform__0
+}
+
+external interface AnonymousStruct16 {
+       var normalMap: IUniform__0
+       var normalScale: IUniform__0
+}
+
+external interface AnonymousStruct17 {
+       var displacementMap: IUniform__0
+       var displacementScale: IUniform__0
+       var displacementBias: IUniform__0
+}
+
+external interface AnonymousStruct18 {
+       var roughnessMap: IUniform__0
+}
+
+external interface AnonymousStruct19 {
+       var metalnessMap: IUniform__0
+}
+
+external interface AnonymousStruct20 {
+       var gradientMap: IUniform__0
+}
+
+external interface AnonymousStruct21 {
+       var fogDensity: IUniform__0
+       var fogNear: IUniform__0
+       var fogFar: IUniform__0
+       var fogColor: IUniform__0
+}
+
+external interface AnonymousStruct22 {
+       var direction: Any
+       var color: Any
+}
+
+external interface AnonymousStruct23 {
+       var value: Array<Any>
+       var properties: AnonymousStruct22
+}
+
+external interface AnonymousStruct24 {
+       var shadowBias: Any
+       var shadowNormalBias: Any
+       var shadowRadius: Any
+       var shadowMapSize: Any
+}
+
+external interface AnonymousStruct25 {
+       var value: Array<Any>
+       var properties: AnonymousStruct24
+}
+
+external interface AnonymousStruct26 {
+       var color: Any
+       var position: Any
+       var direction: Any
+       var distance: Any
+       var coneCos: Any
+       var penumbraCos: Any
+       var decay: Any
+}
+
+external interface AnonymousStruct27 {
+       var value: Array<Any>
+       var properties: AnonymousStruct26
+}
+
+external interface AnonymousStruct28 {
+       var value: Array<Any>
+       var properties: AnonymousStruct24
+}
+
+external interface AnonymousStruct29 {
+       var color: Any
+       var position: Any
+       var decay: Any
+       var distance: Any
+}
+
+external interface AnonymousStruct30 {
+       var value: Array<Any>
+       var properties: AnonymousStruct29
+}
+
+external interface AnonymousStruct31 {
+       var value: Array<Any>
+       var properties: AnonymousStruct24
+}
+
+external interface AnonymousStruct32 {
+       var direction: Any
+       var skycolor: Any
+       var groundColor: Any
+}
+
+external interface AnonymousStruct33 {
+       var value: Array<Any>
+       var properties: AnonymousStruct32
+}
+
+external interface AnonymousStruct34 {
+       var color: Any
+       var position: Any
+       var width: Any
+       var height: Any
+}
+
+external interface AnonymousStruct35 {
+       var value: Array<Any>
+       var properties: AnonymousStruct34
+}
+
+external interface AnonymousStruct36 {
+       var ambientLightColor: IUniform__0
+       var directionalLights: AnonymousStruct23
+       var directionalLightShadows: AnonymousStruct25
+       var directionalShadowMap: IUniform__0
+       var directionalShadowMatrix: IUniform__0
+       var spotLights: AnonymousStruct27
+       var spotLightShadows: AnonymousStruct28
+       var spotShadowMap: IUniform__0
+       var spotShadowMatrix: IUniform__0
+       var pointLights: AnonymousStruct30
+       var pointLightShadows: AnonymousStruct31
+       var pointShadowMap: IUniform__0
+       var pointShadowMatrix: IUniform__0
+       var hemisphereLights: AnonymousStruct33
+       var rectAreaLights: AnonymousStruct35
+}
+
+external interface AnonymousStruct37 {
+       var diffuse: IUniform__0
+       var opacity: IUniform__0
+       var size: IUniform__0
+       var scale: IUniform__0
+       var map: IUniform__0
+       var uvTransform: IUniform__0
+}
+
+external object UniformsLib {
+       var common: AnonymousStruct9
+       var specularmap: AnonymousStruct10
+       var envmap: AnonymousStruct11
+       var aomap: AnonymousStruct12
+       var lightmap: AnonymousStruct13
+       var emissivemap: AnonymousStruct14
+       var bumpmap: AnonymousStruct15
+       var normalmap: AnonymousStruct16
+       var displacementmap: AnonymousStruct17
+       var roughnessmap: AnonymousStruct18
+       var metalnessmap: AnonymousStruct19
+       var gradientmap: AnonymousStruct20
+       var fog: AnonymousStruct21
+       var lights: AnonymousStruct36
+       var points: AnonymousStruct37
+}
diff --git a/src/mapMain/kotlin/externals/threejs/UniformsUtils.module_three.kt b/src/mapMain/kotlin/externals/threejs/UniformsUtils.module_three.kt
new file mode 100644 (file)
index 0000000..62aa3bd
--- /dev/null
@@ -0,0 +1,9 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external object UniformsUtils {
+       fun clone(uniforms_src: Any): Any
+       fun merge(uniforms: Array<Any>): Any
+}
diff --git a/src/mapMain/kotlin/externals/threejs/Vector2.module_three.kt b/src/mapMain/kotlin/externals/threejs/Vector2.module_three.kt
new file mode 100644 (file)
index 0000000..66cde88
--- /dev/null
@@ -0,0 +1,82 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external interface Vector
+
+external open class Vector2(x: Number = definedExternally, y: Number = definedExternally) : Vector {
+       open var x: Number
+       open var y: Number
+       open var width: Number
+       open var height: Number
+       open var isVector2: Boolean
+       open fun set(x: Number, y: Number): Vector2 /* this */
+       open fun setScalar(scalar: Number): Vector2 /* this */
+       open fun setX(x: Number): Vector2 /* this */
+       open fun setY(y: Number): Vector2 /* this */
+       open fun setComponent(index: Number, value: Number): Vector2 /* this */
+       open fun getComponent(index: Number): Number
+       open fun clone(): Vector2 /* this */
+       open fun copy(v: Vector2): Vector2 /* this */
+       open fun copy(v: Vector): Vector /* this */
+       open fun add(v: Vector2, w: Vector2 = definedExternally): Vector2 /* this */
+       open fun addScalar(s: Number): Vector2 /* this */
+       open fun addVectors(a: Vector2, b: Vector2): Vector2 /* this */
+       open fun addVectors(a: Vector, b: Vector): Vector /* this */
+       open fun addScaledVector(v: Vector2, s: Number): Vector2 /* this */
+       open fun addScaledVector(vector: Vector, scale: Number): Vector /* this */
+       open fun sub(v: Vector2): Vector2 /* this */
+       open fun sub(v: Vector): Vector /* this */
+       open fun subScalar(s: Number): Vector2 /* this */
+       open fun subVectors(a: Vector2, b: Vector2): Vector2 /* this */
+       open fun subVectors(a: Vector, b: Vector): Vector /* this */
+       open fun multiply(v: Vector2): Vector2 /* this */
+       open fun multiplyScalar(scalar: Number): Vector2 /* this */
+       open fun divide(v: Vector2): Vector2 /* this */
+       open fun divideScalar(s: Number): Vector2 /* this */
+       open fun applyMatrix3(m: Matrix3): Vector2 /* this */
+       open fun min(v: Vector2): Vector2 /* this */
+       open fun max(v: Vector2): Vector2 /* this */
+       open fun clamp(min: Vector2, max: Vector2): Vector2 /* this */
+       open fun clampScalar(min: Number, max: Number): Vector2 /* this */
+       open fun clampLength(min: Number, max: Number): Vector2 /* this */
+       open fun floor(): Vector2 /* this */
+       open fun ceil(): Vector2 /* this */
+       open fun round(): Vector2 /* this */
+       open fun roundToZero(): Vector2 /* this */
+       open fun negate(): Vector2 /* this */
+       open fun dot(v: Vector2): Number
+       open fun dot(v: Vector): Number
+       open fun cross(v: Vector2): Number
+       open fun lengthSq(): Number
+       open fun length(): Number
+       open fun lengthManhattan(): Number
+       open fun manhattanLength(): Number
+       open fun normalize(): Vector2 /* this */
+       open fun angle(): Number
+       open fun distanceTo(v: Vector2): Number
+       open fun distanceToSquared(v: Vector2): Number
+       open fun distanceToManhattan(v: Vector2): Number
+       open fun manhattanDistanceTo(v: Vector2): Number
+       open fun setLength(length: Number): Vector2 /* this */
+       open fun lerp(v: Vector2, alpha: Number): Vector2 /* this */
+       open fun lerp(v: Vector, alpha: Number): Vector /* this */
+       open fun lerpVectors(v1: Vector2, v2: Vector2, alpha: Number): Vector2 /* this */
+       open fun equals(v: Vector2): Boolean
+       open fun equals(v: Vector): Boolean
+       open fun fromArray(array: Array<Number>, offset: Number = definedExternally): Vector2 /* this */
+       open fun fromArray(array: Array<Number>): Vector2 /* this */
+       open fun fromArray(array: ArrayLike<Number>, offset: Number = definedExternally): Vector2 /* this */
+       open fun fromArray(array: ArrayLike<Number>): Vector2 /* this */
+       open fun toArray(array: Array<Number> = definedExternally, offset: Number = definedExternally): Array<Number>
+       open fun toArray(): dynamic /* Array */
+       open fun toArray(array: Array<Number> = definedExternally): Array<Number>
+       open fun toArray(array: Any /* JsTuple<Number, Number> */ = definedExternally, offset: Number /* 0 */ = definedExternally): dynamic /* JsTuple<Number, Number> */
+       open fun toArray(array: Any /* JsTuple<Number, Number> */ = definedExternally): dynamic /* JsTuple<Number, Number> */
+       open fun toArray(array: ArrayLike<Number>, offset: Number = definedExternally): ArrayLike<Number>
+       open fun toArray(array: ArrayLike<Number>): ArrayLike<Number>
+       open fun fromBufferAttribute(attribute: BufferAttribute, index: Number): Vector2 /* this */
+       open fun rotateAround(center: Vector2, angle: Number): Vector2 /* this */
+       open fun random(): Vector2 /* this */
+}
diff --git a/src/mapMain/kotlin/externals/threejs/Vector3.module_three.kt b/src/mapMain/kotlin/externals/threejs/Vector3.module_three.kt
new file mode 100644 (file)
index 0000000..4a9a358
--- /dev/null
@@ -0,0 +1,102 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class Vector3(x: Number = definedExternally, y: Number = definedExternally, z: Number = definedExternally) : Vector {
+       open var x: Number
+       open var y: Number
+       open var z: Number
+       open var isVector3: Boolean
+       open fun set(x: Number, y: Number, z: Number): Vector3 /* this */
+       open fun setScalar(scalar: Number): Vector3 /* this */
+       open fun setX(x: Number): Vector3
+       open fun setY(y: Number): Vector3
+       open fun setZ(z: Number): Vector3
+       open fun setComponent(index: Number, value: Number): Vector3 /* this */
+       open fun getComponent(index: Number): Number
+       open fun clone(): Vector3 /* this */
+       open fun copy(v: Vector3): Vector3 /* this */
+       open fun copy(v: Vector): Vector /* this */
+       open fun add(v: Vector3): Vector3 /* this */
+       open fun add(v: Vector): Vector /* this */
+       open fun addScalar(s: Number): Vector3 /* this */
+       open fun addScaledVector(v: Vector3, s: Number): Vector3 /* this */
+       open fun addScaledVector(vector: Vector, scale: Number): Vector /* this */
+       open fun addVectors(a: Vector3, b: Vector3): Vector3 /* this */
+       open fun addVectors(a: Vector, b: Vector): Vector /* this */
+       open fun sub(a: Vector3): Vector3 /* this */
+       open fun sub(v: Vector): Vector /* this */
+       open fun subScalar(s: Number): Vector3 /* this */
+       open fun subVectors(a: Vector3, b: Vector3): Vector3 /* this */
+       open fun subVectors(a: Vector, b: Vector): Vector /* this */
+       open fun multiply(v: Vector3): Vector3 /* this */
+       open fun multiplyScalar(s: Number): Vector3 /* this */
+       open fun multiplyVectors(a: Vector3, b: Vector3): Vector3 /* this */
+       open fun applyEuler(euler: Euler): Vector3 /* this */
+       open fun applyAxisAngle(axis: Vector3, angle: Number): Vector3 /* this */
+       open fun applyMatrix3(m: Matrix3): Vector3 /* this */
+       open fun applyNormalMatrix(m: Matrix3): Vector3 /* this */
+       open fun applyMatrix4(m: Matrix4): Vector3 /* this */
+       open fun applyQuaternion(q: Quaternion): Vector3 /* this */
+       open fun project(camera: Camera): Vector3 /* this */
+       open fun unproject(camera: Camera): Vector3 /* this */
+       open fun transformDirection(m: Matrix4): Vector3 /* this */
+       open fun divide(v: Vector3): Vector3 /* this */
+       open fun divideScalar(s: Number): Vector3 /* this */
+       open fun min(v: Vector3): Vector3 /* this */
+       open fun max(v: Vector3): Vector3 /* this */
+       open fun clamp(min: Vector3, max: Vector3): Vector3 /* this */
+       open fun clampScalar(min: Number, max: Number): Vector3 /* this */
+       open fun clampLength(min: Number, max: Number): Vector3 /* this */
+       open fun floor(): Vector3 /* this */
+       open fun ceil(): Vector3 /* this */
+       open fun round(): Vector3 /* this */
+       open fun roundToZero(): Vector3 /* this */
+       open fun negate(): Vector3 /* this */
+       open fun dot(v: Vector3): Number
+       open fun dot(v: Vector): Number
+       open fun lengthSq(): Number
+       open fun length(): Number
+       open fun lengthManhattan(): Number
+       open fun manhattanLength(): Number
+       open fun manhattanDistanceTo(v: Vector3): Number
+       open fun normalize(): Vector3 /* this */
+       open fun setLength(l: Number): Vector3 /* this */
+       open fun lerp(v: Vector3, alpha: Number): Vector3 /* this */
+       open fun lerp(v: Vector, alpha: Number): Vector /* this */
+       open fun lerpVectors(v1: Vector3, v2: Vector3, alpha: Number): Vector3 /* this */
+       open fun cross(a: Vector3): Vector3 /* this */
+       open fun crossVectors(a: Vector3, b: Vector3): Vector3 /* this */
+       open fun projectOnVector(v: Vector3): Vector3 /* this */
+       open fun projectOnPlane(planeNormal: Vector3): Vector3 /* this */
+       open fun reflect(vector: Vector3): Vector3 /* this */
+       open fun angleTo(v: Vector3): Number
+       open fun distanceTo(v: Vector3): Number
+       open fun distanceToSquared(v: Vector3): Number
+       open fun distanceToManhattan(v: Vector3): Number
+       open fun setFromSpherical(s: Spherical): Vector3 /* this */
+       open fun setFromSphericalCoords(r: Number, phi: Number, theta: Number): Vector3 /* this */
+       open fun setFromCylindrical(s: Cylindrical): Vector3 /* this */
+       open fun setFromCylindricalCoords(radius: Number, theta: Number, y: Number): Vector3 /* this */
+       open fun setFromMatrixPosition(m: Matrix4): Vector3 /* this */
+       open fun setFromMatrixScale(m: Matrix4): Vector3 /* this */
+       open fun setFromMatrixColumn(matrix: Matrix4, index: Number): Vector3 /* this */
+       open fun setFromMatrix3Column(matrix: Matrix3, index: Number): Vector3 /* this */
+       open fun equals(v: Vector3): Boolean
+       open fun equals(v: Vector): Boolean
+       open fun fromArray(array: Array<Number>, offset: Number = definedExternally): Vector3 /* this */
+       open fun fromArray(array: Array<Number>): Vector3 /* this */
+       open fun fromArray(array: ArrayLike<Number>, offset: Number = definedExternally): Vector3 /* this */
+       open fun fromArray(array: ArrayLike<Number>): Vector3 /* this */
+       open fun toArray(array: Array<Number> = definedExternally, offset: Number = definedExternally): Array<Number>
+       open fun toArray(): dynamic /* Array */
+       open fun toArray(array: Array<Number> = definedExternally): Array<Number>
+       open fun toArray(array: Any /* JsTuple<Number, Number, Number> */ = definedExternally, offset: Number /* 0 */ = definedExternally): dynamic /* JsTuple<Number, Number, Number> */
+       open fun toArray(array: Any /* JsTuple<Number, Number, Number> */ = definedExternally): dynamic /* JsTuple<Number, Number, Number> */
+       open fun toArray(array: ArrayLike<Number>, offset: Number = definedExternally): ArrayLike<Number>
+       open fun toArray(array: ArrayLike<Number>): ArrayLike<Number>
+       open fun fromBufferAttribute(attribute: BufferAttribute, index: Number): Vector3 /* this */
+       open fun fromBufferAttribute(attribute: InterleavedBufferAttribute, index: Number): Vector3 /* this */
+       open fun random(): Vector3 /* this */
+}
diff --git a/src/mapMain/kotlin/externals/threejs/Vector4.module_three.kt b/src/mapMain/kotlin/externals/threejs/Vector4.module_three.kt
new file mode 100644 (file)
index 0000000..6fed5a7
--- /dev/null
@@ -0,0 +1,77 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class Vector4(x: Number = definedExternally, y: Number = definedExternally, z: Number = definedExternally, w: Number = definedExternally) : Vector {
+       open var x: Number
+       open var y: Number
+       open var z: Number
+       open var w: Number
+       open var width: Number
+       open var height: Number
+       open var isVector4: Boolean
+       open fun set(x: Number, y: Number, z: Number, w: Number): Vector4 /* this */
+       open fun setScalar(scalar: Number): Vector4 /* this */
+       open fun setX(x: Number): Vector4 /* this */
+       open fun setY(y: Number): Vector4 /* this */
+       open fun setZ(z: Number): Vector4 /* this */
+       open fun setW(w: Number): Vector4 /* this */
+       open fun setComponent(index: Number, value: Number): Vector4 /* this */
+       open fun getComponent(index: Number): Number
+       open fun clone(): Vector4 /* this */
+       open fun copy(v: Vector4): Vector4 /* this */
+       open fun copy(v: Vector): Vector /* this */
+       open fun add(v: Vector4): Vector4 /* this */
+       open fun add(v: Vector): Vector /* this */
+       open fun addScalar(scalar: Number): Vector4 /* this */
+       open fun addVectors(a: Vector4, b: Vector4): Vector4 /* this */
+       open fun addVectors(a: Vector, b: Vector): Vector /* this */
+       open fun addScaledVector(v: Vector4, s: Number): Vector4 /* this */
+       open fun addScaledVector(vector: Vector, scale: Number): Vector /* this */
+       open fun sub(v: Vector4): Vector4 /* this */
+       open fun sub(v: Vector): Vector /* this */
+       open fun subScalar(s: Number): Vector4 /* this */
+       open fun subVectors(a: Vector4, b: Vector4): Vector4 /* this */
+       open fun subVectors(a: Vector, b: Vector): Vector /* this */
+       open fun multiply(v: Vector4): Vector4 /* this */
+       open fun multiplyScalar(s: Number): Vector4 /* this */
+       open fun applyMatrix4(m: Matrix4): Vector4 /* this */
+       open fun divideScalar(s: Number): Vector4 /* this */
+       open fun setAxisAngleFromQuaternion(q: Quaternion): Vector4 /* this */
+       open fun setAxisAngleFromRotationMatrix(m: Matrix4): Vector4 /* this */
+       open fun min(v: Vector4): Vector4 /* this */
+       open fun max(v: Vector4): Vector4 /* this */
+       open fun clamp(min: Vector4, max: Vector4): Vector4 /* this */
+       open fun clampScalar(min: Number, max: Number): Vector4 /* this */
+       open fun floor(): Vector4 /* this */
+       open fun ceil(): Vector4 /* this */
+       open fun round(): Vector4 /* this */
+       open fun roundToZero(): Vector4 /* this */
+       open fun negate(): Vector4 /* this */
+       open fun dot(v: Vector4): Number
+       open fun dot(v: Vector): Number
+       open fun lengthSq(): Number
+       open fun length(): Number
+       open fun manhattanLength(): Number
+       open fun normalize(): Vector4 /* this */
+       open fun setLength(length: Number): Vector4 /* this */
+       open fun lerp(v: Vector4, alpha: Number): Vector4 /* this */
+       open fun lerp(v: Vector, alpha: Number): Vector /* this */
+       open fun lerpVectors(v1: Vector4, v2: Vector4, alpha: Number): Vector4 /* this */
+       open fun equals(v: Vector4): Boolean
+       open fun equals(v: Vector): Boolean
+       open fun fromArray(array: Array<Number>, offset: Number = definedExternally): Vector4 /* this */
+       open fun fromArray(array: Array<Number>): Vector4 /* this */
+       open fun fromArray(array: ArrayLike<Number>, offset: Number = definedExternally): Vector4 /* this */
+       open fun fromArray(array: ArrayLike<Number>): Vector4 /* this */
+       open fun toArray(array: Array<Number> = definedExternally, offset: Number = definedExternally): Array<Number>
+       open fun toArray(): dynamic /* Array */
+       open fun toArray(array: Array<Number> = definedExternally): Array<Number>
+       open fun toArray(array: Any /* JsTuple<Number, Number, Number, Number> */ = definedExternally, offset: Number /* 0 */ = definedExternally): dynamic /* JsTuple<Number, Number, Number, Number> */
+       open fun toArray(array: Any /* JsTuple<Number, Number, Number, Number> */ = definedExternally): dynamic /* JsTuple<Number, Number, Number, Number> */
+       open fun toArray(array: ArrayLike<Number>, offset: Number = definedExternally): ArrayLike<Number>
+       open fun toArray(array: ArrayLike<Number>): ArrayLike<Number>
+       open fun fromBufferAttribute(attribute: BufferAttribute, index: Number): Vector4 /* this */
+       open fun random(): Vector4 /* this */
+}
diff --git a/src/mapMain/kotlin/externals/threejs/VectorKeyframeTrack.module_three.kt b/src/mapMain/kotlin/externals/threejs/VectorKeyframeTrack.module_three.kt
new file mode 100644 (file)
index 0000000..b33f268
--- /dev/null
@@ -0,0 +1,8 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class VectorKeyframeTrack(name: String, times: Array<Any>, values: Array<Any>, interpolation: InterpolationModes = definedExternally) : KeyframeTrack {
+       override var ValueTypeName: String
+}
diff --git a/src/mapMain/kotlin/externals/threejs/VideoTexture.module_three.kt b/src/mapMain/kotlin/externals/threejs/VideoTexture.module_three.kt
new file mode 100644 (file)
index 0000000..753ccae
--- /dev/null
@@ -0,0 +1,11 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+import org.w3c.dom.HTMLVideoElement
+
+external open class VideoTexture(video: HTMLVideoElement, mapping: Mapping = definedExternally, wrapS: Wrapping = definedExternally, wrapT: Wrapping = definedExternally, magFilter: TextureFilter = definedExternally, minFilter: TextureFilter = definedExternally, format: PixelFormat = definedExternally, type: TextureDataType = definedExternally, anisotropy: Number = definedExternally) : Texture {
+       open var isVideoTexture: Boolean
+       override var generateMipmaps: Boolean
+}
diff --git a/src/mapMain/kotlin/externals/threejs/WebGL1Renderer.module_three.kt b/src/mapMain/kotlin/externals/threejs/WebGL1Renderer.module_three.kt
new file mode 100644 (file)
index 0000000..f4a78e5
--- /dev/null
@@ -0,0 +1,8 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class WebGL1Renderer(parameters: WebGLRendererParameters = definedExternally) : WebGLRenderer {
+       open var isWebGL1Renderer: Boolean
+}
diff --git a/src/mapMain/kotlin/externals/threejs/WebGLAttributes.module_three.kt b/src/mapMain/kotlin/externals/threejs/WebGLAttributes.module_three.kt
new file mode 100644 (file)
index 0000000..d311cb3
--- /dev/null
@@ -0,0 +1,23 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+import org.khronos.webgl.WebGLBuffer
+import org.khronos.webgl.WebGLRenderingContext
+
+external interface AnonymousStruct85 {
+       var buffer: WebGLBuffer
+       var type: Number
+       var bytesPerElement: Number
+       var version: Number
+}
+
+external open class WebGLAttributes(gl: WebGLRenderingContext, capabilities: WebGLCapabilities) {
+       open fun get(attribute: BufferAttribute): AnonymousStruct85
+       open fun get(attribute: InterleavedBufferAttribute): AnonymousStruct85
+       open fun remove(attribute: BufferAttribute)
+       open fun remove(attribute: InterleavedBufferAttribute)
+       open fun update(attribute: BufferAttribute, bufferType: Number)
+       open fun update(attribute: InterleavedBufferAttribute, bufferType: Number)
+}
diff --git a/src/mapMain/kotlin/externals/threejs/WebGLBindingStates.module_three.kt b/src/mapMain/kotlin/externals/threejs/WebGLBindingStates.module_three.kt
new file mode 100644 (file)
index 0000000..3d63909
--- /dev/null
@@ -0,0 +1,18 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+import org.khronos.webgl.WebGLRenderingContext
+
+external open class WebGLBindingStates(gl: WebGLRenderingContext, extensions: WebGLExtensions, attributes: WebGLAttributes, capabilities: WebGLCapabilities) {
+       open fun setup(obj: Object3D, material: Material, program: WebGLProgram, geometry: BufferGeometry, index: BufferAttribute)
+       open fun reset()
+       open fun resetDefaultState()
+       open fun dispose()
+       open fun releaseStatesOfGeometry()
+       open fun releaseStatesOfProgram()
+       open fun initAttributes()
+       open fun enableAttribute(attribute: Number)
+       open fun disableUnusedAttributes()
+}
diff --git a/src/mapMain/kotlin/externals/threejs/WebGLBufferRenderer.module_three.kt b/src/mapMain/kotlin/externals/threejs/WebGLBufferRenderer.module_three.kt
new file mode 100644 (file)
index 0000000..f743b4f
--- /dev/null
@@ -0,0 +1,12 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+import org.khronos.webgl.WebGLRenderingContext
+
+external open class WebGLBufferRenderer(gl: WebGLRenderingContext, extensions: WebGLExtensions, info: WebGLInfo, capabilities: WebGLCapabilities) {
+       open fun setMode(value: Any)
+       open fun render(start: Any, count: Number)
+       open fun renderInstances(start: Any, count: Number, primcount: Number)
+}
diff --git a/src/mapMain/kotlin/externals/threejs/WebGLCapabilities.module_three.kt b/src/mapMain/kotlin/externals/threejs/WebGLCapabilities.module_three.kt
new file mode 100644 (file)
index 0000000..068e7f5
--- /dev/null
@@ -0,0 +1,34 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+import org.khronos.webgl.WebGLRenderingContext
+
+external interface WebGLCapabilitiesParameters {
+       var precision: String?
+               get() = definedExternally
+               set(value) = definedExternally
+       var logarithmicDepthBuffer: Boolean?
+               get() = definedExternally
+               set(value) = definedExternally
+}
+
+external open class WebGLCapabilities(gl: WebGLRenderingContext, extensions: Any, parameters: WebGLCapabilitiesParameters) {
+       open var isWebGL2: Boolean
+       open var precision: String
+       open var logarithmicDepthBuffer: Boolean
+       open var maxTextures: Number
+       open var maxVertexTextures: Number
+       open var maxTextureSize: Number
+       open var maxCubemapSize: Number
+       open var maxAttributes: Number
+       open var maxVertexUniforms: Number
+       open var maxVaryings: Number
+       open var maxFragmentUniforms: Number
+       open var vertexTextures: Boolean
+       open var floatFragmentTextures: Boolean
+       open var floatVertexTextures: Boolean
+       open fun getMaxAnisotropy(): Number
+       open fun getMaxPrecision(precision: String): String
+}
diff --git a/src/mapMain/kotlin/externals/threejs/WebGLClipping.module_three.kt b/src/mapMain/kotlin/externals/threejs/WebGLClipping.module_three.kt
new file mode 100644 (file)
index 0000000..5f73851
--- /dev/null
@@ -0,0 +1,19 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external interface AnonymousStruct84 {
+       var value: Any
+       var needsUpdate: Boolean
+}
+
+external open class WebGLClipping(properties: WebGLProperties) {
+       open var uniform: AnonymousStruct84
+       open var numPlanes: Number
+       open var numIntersection: Number
+       open fun init(planes: Array<Any>, enableLocalClipping: Boolean, camera: Camera): Boolean
+       open fun beginShadows()
+       open fun endShadows()
+       open fun setState(material: Material, camera: Camera, useCache: Boolean)
+}
diff --git a/src/mapMain/kotlin/externals/threejs/WebGLCubeMaps.module_three.kt b/src/mapMain/kotlin/externals/threejs/WebGLCubeMaps.module_three.kt
new file mode 100644 (file)
index 0000000..484d7e5
--- /dev/null
@@ -0,0 +1,9 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class WebGLCubeMaps(renderer: WebGLRenderer) {
+       open fun get(texture: Any): Any
+       open fun dispose()
+}
diff --git a/src/mapMain/kotlin/externals/threejs/WebGLCubeRenderTarget.module_three.kt b/src/mapMain/kotlin/externals/threejs/WebGLCubeRenderTarget.module_three.kt
new file mode 100644 (file)
index 0000000..f44583f
--- /dev/null
@@ -0,0 +1,10 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class WebGLCubeRenderTarget(size: Number, options: WebGLRenderTargetOptions = definedExternally) : WebGLRenderTarget {
+       override var texture: Texture
+       open fun fromEquirectangularTexture(renderer: WebGLRenderer, texture: Texture): WebGLCubeRenderTarget /* this */
+       open fun clear(renderer: WebGLRenderer, color: Boolean, depth: Boolean, stencil: Boolean)
+}
diff --git a/src/mapMain/kotlin/externals/threejs/WebGLCubeUVMaps.module_three.kt b/src/mapMain/kotlin/externals/threejs/WebGLCubeUVMaps.module_three.kt
new file mode 100644 (file)
index 0000000..17b0563
--- /dev/null
@@ -0,0 +1,9 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class WebGLCubeUVMaps(renderer: WebGLRenderer) {
+       open fun <T> get(texture: T): Any
+       open fun dispose()
+}
diff --git a/src/mapMain/kotlin/externals/threejs/WebGLExtensions.module_three.kt b/src/mapMain/kotlin/externals/threejs/WebGLExtensions.module_three.kt
new file mode 100644 (file)
index 0000000..1720fe5
--- /dev/null
@@ -0,0 +1,12 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+import org.khronos.webgl.WebGLRenderingContext
+
+external open class WebGLExtensions(gl: WebGLRenderingContext) {
+       open fun has(name: String): Boolean
+       open fun init(capabilities: WebGLCapabilities)
+       open fun get(name: String): Any
+}
diff --git a/src/mapMain/kotlin/externals/threejs/WebGLGeometries.module_three.kt b/src/mapMain/kotlin/externals/threejs/WebGLGeometries.module_three.kt
new file mode 100644 (file)
index 0000000..7043140
--- /dev/null
@@ -0,0 +1,12 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+import org.khronos.webgl.WebGLRenderingContext
+
+external open class WebGLGeometries(gl: WebGLRenderingContext, attributes: WebGLAttributes, info: WebGLInfo) {
+       open fun get(obj: Object3D, geometry: BufferGeometry): BufferGeometry
+       open fun update(geometry: BufferGeometry)
+       open fun getWireframeAttribute(geometry: BufferGeometry): BufferAttribute
+}
diff --git a/src/mapMain/kotlin/externals/threejs/WebGLIndexedBufferRenderer.module_three.kt b/src/mapMain/kotlin/externals/threejs/WebGLIndexedBufferRenderer.module_three.kt
new file mode 100644 (file)
index 0000000..d13dc4c
--- /dev/null
@@ -0,0 +1,13 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+import org.khronos.webgl.WebGLRenderingContext
+
+external open class WebGLIndexedBufferRenderer(gl: WebGLRenderingContext, extensions: Any, info: Any, capabilities: Any) {
+       open fun setMode(value: Any)
+       open fun setIndex(index: Any)
+       open fun render(start: Any, count: Number)
+       open fun renderInstances(start: Any, count: Number, primcount: Number)
+}
diff --git a/src/mapMain/kotlin/externals/threejs/WebGLInfo.module_three.kt b/src/mapMain/kotlin/externals/threejs/WebGLInfo.module_three.kt
new file mode 100644 (file)
index 0000000..95361f7
--- /dev/null
@@ -0,0 +1,28 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+import org.khronos.webgl.WebGLRenderingContext
+
+external interface AnonymousStruct41 {
+       var geometries: Number
+       var textures: Number
+}
+
+external interface AnonymousStruct42 {
+       var calls: Number
+       var frame: Number
+       var lines: Number
+       var points: Number
+       var triangles: Number
+}
+
+external open class WebGLInfo(gl: WebGLRenderingContext) {
+       open var autoReset: Boolean
+       open var memory: AnonymousStruct41
+       open var programs: Array<WebGLProgram>?
+       open var render: AnonymousStruct42
+       open fun update(count: Number, mode: Number, instanceCount: Number)
+       open fun reset()
+}
diff --git a/src/mapMain/kotlin/externals/threejs/WebGLLights.module_three.kt b/src/mapMain/kotlin/externals/threejs/WebGLLights.module_three.kt
new file mode 100644 (file)
index 0000000..42a8c15
--- /dev/null
@@ -0,0 +1,43 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external interface AnonymousStruct86 {
+       var directionalLength: Number
+       var pointLength: Number
+       var spotLength: Number
+       var rectAreaLength: Number
+       var hemiLength: Number
+       var numDirectionalShadows: Number
+       var numPointShadows: Number
+       var numSpotShadows: Number
+}
+
+external interface AnonymousStruct87 {
+       var version: Number
+       var hash: AnonymousStruct86
+       var ambient: Array<Number>
+       var probe: Array<Any>
+       var directional: Array<Any>
+       var directionalShadow: Array<Any>
+       var directionalShadowMap: Array<Any>
+       var directionalShadowMatrix: Array<Any>
+       var spot: Array<Any>
+       var spotShadow: Array<Any>
+       var spotShadowMap: Array<Any>
+       var spotShadowMatrix: Array<Any>
+       var rectArea: Array<Any>
+       var point: Array<Any>
+       var pointShadow: Array<Any>
+       var pointShadowMap: Array<Any>
+       var pointShadowMatrix: Array<Any>
+       var hemi: Array<Any>
+}
+
+external open class WebGLLights(extensions: WebGLExtensions, capabilities: WebGLCapabilities) {
+       open var state: AnonymousStruct87
+       open fun get(light: Any): Any
+       open fun setup(lights: Any)
+       open fun setupView(lights: Any, camera: Any)
+}
diff --git a/src/mapMain/kotlin/externals/threejs/WebGLMultipleRenderTargets.module_three.kt b/src/mapMain/kotlin/externals/threejs/WebGLMultipleRenderTargets.module_three.kt
new file mode 100644 (file)
index 0000000..87cdf08
--- /dev/null
@@ -0,0 +1,16 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+import org.w3c.dom.events.EventTarget
+
+external open class WebGLMultipleRenderTargets(width: Number, height: Number, count: Number) : EventTarget {
+       open var texture: Array<Texture>
+       open var isWebGLMultipleRenderTargets: Any
+       open fun setSize(width: Number, height: Number, depth: Number = definedExternally): WebGLMultipleRenderTargets /* this */
+       open fun copy(source: WebGLMultipleRenderTargets): WebGLMultipleRenderTargets /* this */
+       open fun clone(): WebGLMultipleRenderTargets /* this */
+       open fun dispose()
+       open fun setTexture(texture: Texture)
+}
diff --git a/src/mapMain/kotlin/externals/threejs/WebGLMultisampleRenderTarget.module_three.kt b/src/mapMain/kotlin/externals/threejs/WebGLMultisampleRenderTarget.module_three.kt
new file mode 100644 (file)
index 0000000..4d931fa
--- /dev/null
@@ -0,0 +1,9 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class WebGLMultisampleRenderTarget(width: Number, height: Number, options: WebGLRenderTargetOptions = definedExternally) : WebGLRenderTarget {
+       open var isWebGLMultisampleRenderTarget: Boolean
+       open var samples: Number
+}
diff --git a/src/mapMain/kotlin/externals/threejs/WebGLObjects.module_three.kt b/src/mapMain/kotlin/externals/threejs/WebGLObjects.module_three.kt
new file mode 100644 (file)
index 0000000..1ef99a4
--- /dev/null
@@ -0,0 +1,11 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+import org.khronos.webgl.WebGLRenderingContext
+
+external open class WebGLObjects(gl: WebGLRenderingContext, geometries: Any, attributes: Any, info: Any) {
+       open fun update(obj: Any): Any
+       open fun dispose()
+}
diff --git a/src/mapMain/kotlin/externals/threejs/WebGLProgram.module_three.kt b/src/mapMain/kotlin/externals/threejs/WebGLProgram.module_three.kt
new file mode 100644 (file)
index 0000000..4bd7617
--- /dev/null
@@ -0,0 +1,21 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+import org.khronos.webgl.WebGLShader
+
+external open class WebGLProgram(renderer: WebGLRenderer, cacheKey: String, parameters: Any?) {
+       open var name: String
+       open var id: Number
+       open var cacheKey: String
+       open var usedTimes: Number
+       open var program: Any
+       open var vertexShader: WebGLShader
+       open var fragmentShader: WebGLShader
+       open var uniforms: Any
+       open var attributes: Any
+       open fun getUniforms(): WebGLUniforms
+       open fun getAttributes(): Any
+       open fun destroy()
+}
diff --git a/src/mapMain/kotlin/externals/threejs/WebGLPrograms.module_three.kt b/src/mapMain/kotlin/externals/threejs/WebGLPrograms.module_three.kt
new file mode 100644 (file)
index 0000000..b54894c
--- /dev/null
@@ -0,0 +1,13 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class WebGLPrograms(renderer: WebGLRenderer, cubemaps: WebGLCubeMaps, extensions: WebGLExtensions, capabilities: WebGLCapabilities, bindingStates: WebGLBindingStates, clipping: WebGLClipping) {
+       open var programs: Array<WebGLProgram>
+       open fun getParameters(material: Material, lights: Any, shadows: Array<Any?>, scene: Scene, obj: Any): Any
+       open fun getProgramCacheKey(parameters: Any): String
+       open fun getUniforms(material: Material): Any?
+       open fun acquireProgram(parameters: Any, cacheKey: String): WebGLProgram
+       open fun releaseProgram(program: WebGLProgram)
+}
diff --git a/src/mapMain/kotlin/externals/threejs/WebGLProperties.module_three.kt b/src/mapMain/kotlin/externals/threejs/WebGLProperties.module_three.kt
new file mode 100644 (file)
index 0000000..8a6f24a
--- /dev/null
@@ -0,0 +1,11 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class WebGLProperties {
+       open fun get(obj: Any): Any
+       open fun remove(obj: Any)
+       open fun update(obj: Any, key: Any, value: Any): Any
+       open fun dispose()
+}
diff --git a/src/mapMain/kotlin/externals/threejs/WebGLRenderLists.module_three.kt b/src/mapMain/kotlin/externals/threejs/WebGLRenderLists.module_three.kt
new file mode 100644 (file)
index 0000000..c035a9c
--- /dev/null
@@ -0,0 +1,33 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external interface RenderTarget
+
+external interface RenderItem {
+       var id: Number
+       var `object`: Object3D
+       var geometry: BufferGeometry?
+       var material: Material
+       var program: WebGLProgram
+       var groupOrder: Number
+       var renderOrder: Number
+       var z: Number
+       var group: Group?
+}
+
+external open class WebGLRenderList(properties: WebGLProperties) {
+       open var opaque: Array<RenderItem>
+       open var transparent: Array<RenderItem>
+       open fun init()
+       open fun push(obj: Object3D, geometry: BufferGeometry?, material: Material, groupOrder: Number, z: Number, group: Group?)
+       open fun unshift(obj: Object3D, geometry: BufferGeometry?, material: Material, groupOrder: Number, z: Number, group: Group?)
+       open fun sort(opaqueSort: (a: Any, b: Any) -> Number, transparentSort: (a: Any, b: Any) -> Number)
+       open fun finish()
+}
+
+external open class WebGLRenderLists(properties: WebGLProperties) {
+       open fun dispose()
+       open fun get(scene: Scene, camera: Camera): WebGLRenderList
+}
diff --git a/src/mapMain/kotlin/externals/threejs/WebGLRenderTarget.module_three.kt b/src/mapMain/kotlin/externals/threejs/WebGLRenderTarget.module_three.kt
new file mode 100644 (file)
index 0000000..065617a
--- /dev/null
@@ -0,0 +1,75 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+import org.w3c.dom.events.EventTarget
+
+external interface WebGLRenderTargetOptions {
+       var wrapS: Wrapping?
+               get() = definedExternally
+               set(value) = definedExternally
+       var wrapT: Wrapping?
+               get() = definedExternally
+               set(value) = definedExternally
+       var magFilter: TextureFilter?
+               get() = definedExternally
+               set(value) = definedExternally
+       var minFilter: TextureFilter?
+               get() = definedExternally
+               set(value) = definedExternally
+       var format: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+       var type: TextureDataType?
+               get() = definedExternally
+               set(value) = definedExternally
+       var anisotropy: Number?
+               get() = definedExternally
+               set(value) = definedExternally
+       var depthBuffer: Boolean?
+               get() = definedExternally
+               set(value) = definedExternally
+       var stencilBuffer: Boolean?
+               get() = definedExternally
+               set(value) = definedExternally
+       var generateMipmaps: Boolean?
+               get() = definedExternally
+               set(value) = definedExternally
+       var depthTexture: DepthTexture?
+               get() = definedExternally
+               set(value) = definedExternally
+       var encoding: TextureEncoding?
+               get() = definedExternally
+               set(value) = definedExternally
+}
+
+external open class WebGLRenderTarget(width: Number, height: Number, options: WebGLRenderTargetOptions = definedExternally) : EventTarget {
+       open var uuid: String
+       open var width: Number
+       open var height: Number
+       open var depth: Number
+       open var scissor: Vector4
+       open var scissorTest: Boolean
+       open var viewport: Vector4
+       open var texture: Texture
+       open var depthBuffer: Boolean
+       open var stencilBuffer: Boolean
+       open var depthTexture: DepthTexture
+       open var isWebGLRenderTarget: Boolean
+       open var wrapS: Any
+       open var wrapT: Any
+       open var magFilter: Any
+       open var minFilter: Any
+       open var anisotropy: Any
+       open var offset: Any
+       open var repeat: Any
+       open var format: Any
+       open var type: Any
+       open var generateMipmaps: Any
+       open fun setTexture(texture: Texture)
+       open fun setSize(width: Number, height: Number, depth: Number = definedExternally)
+       open fun clone(): WebGLRenderTarget /* this */
+       open fun copy(source: WebGLRenderTarget): WebGLRenderTarget /* this */
+       open fun dispose()
+}
diff --git a/src/mapMain/kotlin/externals/threejs/WebGLRenderer.module_three.kt b/src/mapMain/kotlin/externals/threejs/WebGLRenderer.module_three.kt
new file mode 100644 (file)
index 0000000..32ac73a
--- /dev/null
@@ -0,0 +1,167 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+import org.khronos.webgl.WebGLRenderingContext
+import org.w3c.dom.HTMLElement
+import org.w3c.dom.events.EventTarget
+
+external interface Renderer {
+       var domElement: HTMLElement
+       fun render(scene: Object3D, camera: Camera)
+       fun setSize(width: Number, height: Number, updateStyle: Boolean = definedExternally)
+}
+
+external interface OffscreenCanvas : EventTarget
+
+external interface WebGLRendererParameters {
+       var canvas: dynamic /* HTMLCanvasElement? | OffscreenCanvas? */
+               get() = definedExternally
+               set(value) = definedExternally
+       var context: WebGLRenderingContext?
+               get() = definedExternally
+               set(value) = definedExternally
+       var precision: String?
+               get() = definedExternally
+               set(value) = definedExternally
+       var alpha: Boolean?
+               get() = definedExternally
+               set(value) = definedExternally
+       var premultipliedAlpha: Boolean?
+               get() = definedExternally
+               set(value) = definedExternally
+       var antialias: Boolean?
+               get() = definedExternally
+               set(value) = definedExternally
+       var stencil: Boolean?
+               get() = definedExternally
+               set(value) = definedExternally
+       var preserveDrawingBuffer: Boolean?
+               get() = definedExternally
+               set(value) = definedExternally
+       var powerPreference: String?
+               get() = definedExternally
+               set(value) = definedExternally
+       var depth: Boolean?
+               get() = definedExternally
+               set(value) = definedExternally
+       var logarithmicDepthBuffer: Boolean?
+               get() = definedExternally
+               set(value) = definedExternally
+       var failIfMajorPerformanceCaveat: Boolean?
+               get() = definedExternally
+               set(value) = definedExternally
+}
+
+external interface WebGLDebug {
+       var checkShaderErrors: Boolean
+}
+
+external open class WebGLRenderer(parameters: WebGLRendererParameters = definedExternally) : Renderer {
+       override var domElement: HTMLElement
+       open var context: WebGLRenderingContext
+       open var autoClear: Boolean
+       open var autoClearColor: Boolean
+       open var autoClearDepth: Boolean
+       open var autoClearStencil: Boolean
+       open var debug: WebGLDebug
+       open var sortObjects: Boolean
+       open var clippingPlanes: Array<Any>
+       open var localClippingEnabled: Boolean
+       open var extensions: WebGLExtensions
+       open var outputEncoding: TextureEncoding
+       open var physicallyCorrectLights: Boolean
+       open var toneMapping: ToneMapping
+       open var toneMappingExposure: Number
+       open var info: WebGLInfo
+       open var shadowMap: WebGLShadowMap
+       open var pixelRatio: Number
+       open var capabilities: WebGLCapabilities
+       open var properties: WebGLProperties
+       open var renderLists: WebGLRenderLists
+       open var state: WebGLState
+       open fun getContext(): WebGLRenderingContext
+       open fun getContextAttributes(): Any
+       open fun forceContextLoss()
+       open fun getMaxAnisotropy(): Number
+       open fun getPrecision(): String
+       open fun getPixelRatio(): Number
+       open fun setPixelRatio(value: Number)
+       open fun getDrawingBufferSize(target: Vector2): Vector2
+       open fun setDrawingBufferSize(width: Number, height: Number, pixelRatio: Number)
+       open fun getSize(target: Vector2): Vector2
+       override fun setSize(width: Number, height: Number, updateStyle: Boolean)
+       open fun getCurrentViewport(target: Vector4): Vector4
+       open fun getViewport(target: Vector4): Vector4
+       open fun setViewport(x: Vector4, y: Number = definedExternally, width: Number = definedExternally, height: Number = definedExternally)
+       open fun setViewport(x: Vector4)
+       open fun setViewport(x: Vector4, y: Number = definedExternally)
+       open fun setViewport(x: Vector4, y: Number = definedExternally, width: Number = definedExternally)
+       open fun setViewport(x: Number, y: Number = definedExternally, width: Number = definedExternally, height: Number = definedExternally)
+       open fun setViewport(x: Number)
+       open fun setViewport(x: Number, y: Number = definedExternally)
+       open fun setViewport(x: Number, y: Number = definedExternally, width: Number = definedExternally)
+       open fun getScissor(target: Vector4): Vector4
+       open fun setScissor(x: Vector4, y: Number = definedExternally, width: Number = definedExternally, height: Number = definedExternally)
+       open fun setScissor(x: Vector4)
+       open fun setScissor(x: Vector4, y: Number = definedExternally)
+       open fun setScissor(x: Vector4, y: Number = definedExternally, width: Number = definedExternally)
+       open fun setScissor(x: Number, y: Number = definedExternally, width: Number = definedExternally, height: Number = definedExternally)
+       open fun setScissor(x: Number)
+       open fun setScissor(x: Number, y: Number = definedExternally)
+       open fun setScissor(x: Number, y: Number = definedExternally, width: Number = definedExternally)
+       open fun getScissorTest(): Boolean
+       open fun setScissorTest(enable: Boolean)
+       open fun setOpaqueSort(method: (a: Any, b: Any) -> Number)
+       open fun setTransparentSort(method: (a: Any, b: Any) -> Number)
+       open fun getClearColor(target: Color): Color
+       open fun setClearColor(color: Color, alpha: Number = definedExternally)
+       open fun setClearColor(color: Color)
+       open fun setClearColor(color: String, alpha: Number = definedExternally)
+       open fun setClearColor(color: String)
+       open fun setClearColor(color: Number, alpha: Number = definedExternally)
+       open fun setClearColor(color: Number)
+       open fun getClearAlpha(): Number
+       open fun setClearAlpha(alpha: Number)
+       open fun clear(color: Boolean = definedExternally, depth: Boolean = definedExternally, stencil: Boolean = definedExternally)
+       open fun clearColor()
+       open fun clearDepth()
+       open fun clearStencil()
+       open fun clearTarget(renderTarget: WebGLRenderTarget, color: Boolean, depth: Boolean, stencil: Boolean)
+       open fun resetGLState()
+       open fun dispose()
+       open fun renderBufferImmediate(obj: Object3D, program: WebGLProgram)
+       open fun renderBufferDirect(camera: Camera, scene: Scene, geometry: BufferGeometry, material: Material, obj: Object3D, geometryGroup: Any)
+       open fun animate(callback: () -> Unit)
+       open fun compile(scene: Object3D, camera: Camera)
+       override fun render(scene: Object3D, camera: Camera)
+       open fun getActiveCubeFace(): Number
+       open fun getActiveMipmapLevel(): Number
+       open fun getRenderTarget(): RenderTarget?
+       open fun getCurrentRenderTarget(): RenderTarget?
+       open fun setRenderTarget(renderTarget: RenderTarget?, activeCubeFace: Number = definedExternally, activeMipmapLevel: Number = definedExternally)
+       open fun readRenderTargetPixels(renderTarget: RenderTarget, x: Number, y: Number, width: Number, height: Number, buffer: Any, activeCubeFaceIndex: Number = definedExternally)
+       open fun copyFramebufferToTexture(position: Vector2, texture: Texture, level: Number = definedExternally)
+       open fun copyTextureToTexture(position: Vector2, srcTexture: Texture, dstTexture: Texture, level: Number = definedExternally)
+       open fun copyTextureToTexture3D(sourceBox: Box3, position: Vector3, srcTexture: Texture, dstTexture: DataTexture3D, level: Number = definedExternally)
+       open fun copyTextureToTexture3D(sourceBox: Box3, position: Vector3, srcTexture: Texture, dstTexture: DataTexture3D)
+       open fun copyTextureToTexture3D(sourceBox: Box3, position: Vector3, srcTexture: Texture, dstTexture: DataTexture2DArray, level: Number = definedExternally)
+       open fun copyTextureToTexture3D(sourceBox: Box3, position: Vector3, srcTexture: Texture, dstTexture: DataTexture2DArray)
+       open fun initTexture(texture: Texture)
+       open fun resetState()
+       open var gammaFactor: Number
+       open var vr: Boolean
+       open var shadowMapEnabled: Boolean
+       open var shadowMapType: ShadowMapType
+       open var shadowMapCullFace: CullFace
+       open fun supportsFloatTextures(): Any
+       open fun supportsHalfFloatTextures(): Any
+       open fun supportsStandardDerivatives(): Any
+       open fun supportsCompressedTextureS3TC(): Any
+       open fun supportsCompressedTexturePVRTC(): Any
+       open fun supportsBlendMinMax(): Any
+       open fun supportsVertexTextures(): Any
+       open fun supportsInstancedArrays(): Any
+       open fun enableScissorTest(boolean: Any): Any
+}
diff --git a/src/mapMain/kotlin/externals/threejs/WebGLShader.module_three.kt b/src/mapMain/kotlin/externals/threejs/WebGLShader.module_three.kt
new file mode 100644 (file)
index 0000000..c2d53b8
--- /dev/null
@@ -0,0 +1,9 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+import org.khronos.webgl.WebGLRenderingContext
+import org.khronos.webgl.WebGLShader
+
+external fun WebGLShader(gl: WebGLRenderingContext, type: String, string: String): WebGLShader
diff --git a/src/mapMain/kotlin/externals/threejs/WebGLShadowMap.module_three.kt b/src/mapMain/kotlin/externals/threejs/WebGLShadowMap.module_three.kt
new file mode 100644 (file)
index 0000000..963acbe
--- /dev/null
@@ -0,0 +1,13 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class WebGLShadowMap(_renderer: WebGLRenderer, _objects: WebGLObjects, _capabilities: WebGLCapabilities) {
+       open var enabled: Boolean
+       open var autoUpdate: Boolean
+       open var needsUpdate: Boolean
+       open var type: ShadowMapType
+       open fun render(shadowsArray: Array<Light>, scene: Scene, camera: Camera)
+       open var cullFace: Any
+}
diff --git a/src/mapMain/kotlin/externals/threejs/WebGLState.module_three.kt b/src/mapMain/kotlin/externals/threejs/WebGLState.module_three.kt
new file mode 100644 (file)
index 0000000..5419a9d
--- /dev/null
@@ -0,0 +1,71 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+import org.khronos.webgl.ArrayBufferView
+import org.khronos.webgl.WebGLFramebuffer
+import org.khronos.webgl.WebGLRenderingContext
+
+external open class WebGLColorBuffer {
+       open fun setMask(colorMask: Boolean)
+       open fun setLocked(lock: Boolean)
+       open fun setClear(r: Number, g: Number, b: Number, a: Number, premultipliedAlpha: Boolean)
+       open fun reset()
+}
+
+external open class WebGLDepthBuffer {
+       open fun setTest(depthTest: Boolean)
+       open fun setMask(depthMask: Boolean)
+       open fun setFunc(depthFunc: DepthModes)
+       open fun setLocked(lock: Boolean)
+       open fun setClear(depth: Number)
+       open fun reset()
+}
+
+external open class WebGLStencilBuffer {
+       open fun setTest(stencilTest: Boolean)
+       open fun setMask(stencilMask: Number)
+       open fun setFunc(stencilFunc: Number, stencilRef: Number, stencilMask: Number)
+       open fun setOp(stencilFail: Number, stencilZFail: Number, stencilZPass: Number)
+       open fun setLocked(lock: Boolean)
+       open fun setClear(stencil: Number)
+       open fun reset()
+}
+
+external interface AnonymousStruct43 {
+       var color: WebGLColorBuffer
+       var depth: WebGLDepthBuffer
+       var stencil: WebGLStencilBuffer
+}
+
+external open class WebGLState(gl: WebGLRenderingContext, extensions: WebGLExtensions, capabilities: WebGLCapabilities) {
+       open var buffers: AnonymousStruct43
+       open fun initAttributes()
+       open fun enableAttribute(attribute: Number)
+       open fun enableAttributeAndDivisor(attribute: Number, meshPerAttribute: Number)
+       open fun disableUnusedAttributes()
+       open fun vertexAttribPointer(index: Number, size: Number, type: Number, normalized: Boolean, stride: Number, offset: Number)
+       open fun enable(id: Number)
+       open fun disable(id: Number)
+       open fun bindFramebuffer(target: Number, framebuffer: WebGLFramebuffer?)
+       open fun bindXRFramebuffer(framebuffer: WebGLFramebuffer?)
+       open fun useProgram(program: Any): Boolean
+       open fun setBlending(blending: Blending, blendEquation: BlendingEquation = definedExternally, blendSrc: BlendingSrcFactor = definedExternally, blendDst: BlendingDstFactor = definedExternally, blendEquationAlpha: BlendingEquation = definedExternally, blendSrcAlpha: BlendingSrcFactor = definedExternally, blendDstAlpha: BlendingDstFactor = definedExternally, premultiplyAlpha: Boolean = definedExternally)
+       open fun setMaterial(material: Material, frontFaceCW: Boolean)
+       open fun setFlipSided(flipSided: Boolean)
+       open fun setCullFace(cullFace: CullFace)
+       open fun setLineWidth(width: Number)
+       open fun setPolygonOffset(polygonoffset: Boolean, factor: Number = definedExternally, units: Number = definedExternally)
+       open fun setScissorTest(scissorTest: Boolean)
+       open fun activeTexture(webglSlot: Number)
+       open fun bindTexture(webglType: Number, webglTexture: Any)
+       open fun unbindTexture()
+       open fun compressedTexImage2D(target: Number, level: Number, internalformat: Number, width: Number, height: Number, border: Number, data: ArrayBufferView)
+       open fun texImage2D(target: Number, level: Number, internalformat: Number, width: Number, height: Number, border: Number, format: Number, type: Number, pixels: ArrayBufferView?)
+       open fun texImage2D(target: Number, level: Number, internalformat: Number, format: Number, type: Number, source: Any)
+       open fun texImage3D(target: Number, level: Number, internalformat: Number, width: Number, height: Number, depth: Number, border: Number, format: Number, type: Number, pixels: Any)
+       open fun scissor(scissor: Vector4)
+       open fun viewport(viewport: Vector4)
+       open fun reset()
+}
diff --git a/src/mapMain/kotlin/externals/threejs/WebGLTextures.module_three.kt b/src/mapMain/kotlin/externals/threejs/WebGLTextures.module_three.kt
new file mode 100644 (file)
index 0000000..72ea3e0
--- /dev/null
@@ -0,0 +1,20 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+import org.khronos.webgl.WebGLRenderingContext
+
+external open class WebGLTextures(gl: WebGLRenderingContext, extensions: WebGLExtensions, state: WebGLState, properties: WebGLProperties, capabilities: WebGLCapabilities, utils: WebGLUtils, info: WebGLInfo) {
+       open fun allocateTextureUnit()
+       open fun resetTextureUnits()
+       open fun setTexture2D(texture: Any, slot: Number)
+       open fun setTexture2DArray(texture: Any, slot: Number)
+       open fun setTexture3D(texture: Any, slot: Number)
+       open fun setTextureCube(texture: Any, slot: Number)
+       open fun setupRenderTarget(renderTarget: Any)
+       open fun updateRenderTargetMipmap(renderTarget: Any)
+       open fun updateMultisampleRenderTarget(renderTarget: Any)
+       open fun safeSetTexture2D(texture: Any, slot: Number)
+       open fun safeSetTextureCube(texture: Any, slot: Number)
+}
diff --git a/src/mapMain/kotlin/externals/threejs/WebGLUniforms.module_three.kt b/src/mapMain/kotlin/externals/threejs/WebGLUniforms.module_three.kt
new file mode 100644 (file)
index 0000000..7d1de45
--- /dev/null
@@ -0,0 +1,16 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+import org.khronos.webgl.WebGLRenderingContext
+
+external open class WebGLUniforms(gl: WebGLRenderingContext, program: WebGLProgram) {
+       open fun setValue(gl: WebGLRenderingContext, name: String, value: Any, textures: WebGLTextures)
+       open fun setOptional(gl: WebGLRenderingContext, obj: Any, name: String)
+       
+       companion object {
+               fun upload(gl: WebGLRenderingContext, seq: Any, values: Array<Any>, textures: WebGLTextures)
+               fun seqWithValue(seq: Any, values: Array<Any>): Array<Any>
+       }
+}
diff --git a/src/mapMain/kotlin/externals/threejs/WebGLUtils.module_three.kt b/src/mapMain/kotlin/externals/threejs/WebGLUtils.module_three.kt
new file mode 100644 (file)
index 0000000..4c8a8d1
--- /dev/null
@@ -0,0 +1,10 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+import org.khronos.webgl.WebGLRenderingContext
+
+external open class WebGLUtils(gl: WebGLRenderingContext, extensions: Any, capabilities: Any) {
+       open fun convert(p: Any)
+}
diff --git a/src/mapMain/kotlin/externals/threejs/WireframeGeometry.module_three.kt b/src/mapMain/kotlin/externals/threejs/WireframeGeometry.module_three.kt
new file mode 100644 (file)
index 0000000..7b4c9a2
--- /dev/null
@@ -0,0 +1,8 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS")
+
+package externals.threejs
+
+external open class WireframeGeometry(geometry: BufferGeometry) : BufferGeometry {
+       override var type: String
+}
diff --git a/src/mapMain/kotlin/externals/threejs/constants.module_three.kt b/src/mapMain/kotlin/externals/threejs/constants.module_three.kt
new file mode 100644 (file)
index 0000000..521f43c
--- /dev/null
@@ -0,0 +1,518 @@
+@file:JsQualifier("THREE")
+@file:Suppress("INTERFACE_WITH_SUPERCLASS", "OVERRIDING_FINAL_MEMBER", "RETURN_TYPE_MISMATCH_ON_OVERRIDE", "CONFLICTING_OVERLOADS", "ConvertObjectToDataObject")
+
+package externals.threejs
+
+external var REVISION: String
+
+external sealed class MOUSE {
+       object LEFT : MOUSE /* = 0 */
+       object MIDDLE : MOUSE /* = 1 */
+       object RIGHT : MOUSE /* = 2 */
+       object ROTATE : MOUSE /* = 0 */
+       object DOLLY : MOUSE /* = 1 */
+       object PAN : MOUSE /* = 2 */
+}
+
+external sealed class TOUCH {
+       object ROTATE : TOUCH
+       object PAN : TOUCH
+       object DOLLY_PAN : TOUCH
+       object DOLLY_ROTATE : TOUCH
+}
+
+external sealed class CullFace {
+
+}
+
+external var CullFaceNone: CullFace
+
+external var CullFaceBack: CullFace
+
+external var CullFaceFront: CullFace
+
+external var CullFaceFrontBack: CullFace
+
+external sealed class ShadowMapType {
+
+}
+
+external var BasicShadowMap: ShadowMapType
+
+external var PCFShadowMap: ShadowMapType
+
+external var PCFSoftShadowMap: ShadowMapType
+
+external var VSMShadowMap: ShadowMapType
+
+external sealed class Side {
+
+}
+
+external var FrontSide: Side
+
+external var BackSide: Side
+
+external var DoubleSide: Side
+
+external sealed class Shading {
+
+}
+
+external var FlatShading: Shading
+
+external var SmoothShading: Shading
+
+external sealed class Blending {
+
+}
+
+external var NoBlending: Blending
+
+external var NormalBlending: Blending
+
+external var AdditiveBlending: Blending
+
+external var SubtractiveBlending: Blending
+
+external var MultiplyBlending: Blending
+
+external var CustomBlending: Blending
+
+external sealed class BlendingEquation {
+
+}
+
+external var AddEquation: BlendingEquation
+
+external var SubtractEquation: BlendingEquation
+
+external var ReverseSubtractEquation: BlendingEquation
+
+external var MinEquation: BlendingEquation
+
+external var MaxEquation: BlendingEquation
+
+external sealed class BlendingDstFactor {
+
+}
+
+external var ZeroFactor: BlendingDstFactor
+
+external var OneFactor: BlendingDstFactor
+
+external var SrcColorFactor: BlendingDstFactor
+
+external var OneMinusSrcColorFactor: BlendingDstFactor
+
+external var SrcAlphaFactor: BlendingDstFactor
+
+external var OneMinusSrcAlphaFactor: BlendingDstFactor
+
+external var DstAlphaFactor: BlendingDstFactor
+
+external var OneMinusDstAlphaFactor: BlendingDstFactor
+
+external var DstColorFactor: BlendingDstFactor
+
+external var OneMinusDstColorFactor: BlendingDstFactor
+
+external sealed class BlendingSrcFactor {
+
+}
+
+external var SrcAlphaSaturateFactor: BlendingSrcFactor
+
+external sealed class DepthModes {
+
+}
+
+external var NeverDepth: DepthModes
+
+external var AlwaysDepth: DepthModes
+
+external var LessDepth: DepthModes
+
+external var LessEqualDepth: DepthModes
+
+external var EqualDepth: DepthModes
+
+external var GreaterEqualDepth: DepthModes
+
+external var GreaterDepth: DepthModes
+
+external var NotEqualDepth: DepthModes
+
+external sealed class Combine {
+
+}
+
+external var MultiplyOperation: Combine
+
+external var MixOperation: Combine
+
+external var AddOperation: Combine
+
+external sealed class ToneMapping {
+
+}
+
+external var NoToneMapping: ToneMapping
+
+external var LinearToneMapping: ToneMapping
+
+external var ReinhardToneMapping: ToneMapping
+
+external var CineonToneMapping: ToneMapping
+
+external var ACESFilmicToneMapping: ToneMapping
+
+external sealed class Mapping {
+
+}
+
+external var UVMapping: Mapping
+
+external var CubeReflectionMapping: Mapping
+
+external var CubeRefractionMapping: Mapping
+
+external var EquirectangularReflectionMapping: Mapping
+
+external var EquirectangularRefractionMapping: Mapping
+
+external var CubeUVReflectionMapping: Mapping
+
+external var CubeUVRefractionMapping: Mapping
+
+external sealed class Wrapping {
+
+}
+
+external var RepeatWrapping: Wrapping
+
+external var ClampToEdgeWrapping: Wrapping
+
+external var MirroredRepeatWrapping: Wrapping
+
+external sealed class TextureFilter {
+
+}
+
+external var NearestFilter: TextureFilter
+
+external var NearestMipmapNearestFilter: TextureFilter
+
+external var NearestMipMapNearestFilter: TextureFilter
+
+external var NearestMipmapLinearFilter: TextureFilter
+
+external var NearestMipMapLinearFilter: TextureFilter
+
+external var LinearFilter: TextureFilter
+
+external var LinearMipmapNearestFilter: TextureFilter
+
+external var LinearMipMapNearestFilter: TextureFilter
+
+external var LinearMipmapLinearFilter: TextureFilter
+
+external var LinearMipMapLinearFilter: TextureFilter
+
+external sealed class TextureDataType {
+
+}
+
+external var UnsignedByteType: TextureDataType
+
+external var ByteType: TextureDataType
+
+external var ShortType: TextureDataType
+
+external var UnsignedShortType: TextureDataType
+
+external var IntType: TextureDataType
+
+external var UnsignedIntType: TextureDataType
+
+external var FloatType: TextureDataType
+
+external var HalfFloatType: TextureDataType
+
+external var UnsignedShort4444Type: TextureDataType
+
+external var UnsignedShort5551Type: TextureDataType
+
+external var UnsignedShort565Type: TextureDataType
+
+external var UnsignedInt248Type: TextureDataType
+
+external sealed class PixelFormat {
+
+}
+
+external var AlphaFormat: PixelFormat
+
+external var RGBFormat: PixelFormat
+
+external var RGBAFormat: PixelFormat
+
+external var LuminanceFormat: PixelFormat
+
+external var LuminanceAlphaFormat: PixelFormat
+
+external var RGBEFormat: PixelFormat
+
+external var DepthFormat: PixelFormat
+
+external var DepthStencilFormat: PixelFormat
+
+external var RedFormat: PixelFormat
+
+external var RedIntegerFormat: PixelFormat
+
+external var RGFormat: PixelFormat
+
+external var RGIntegerFormat: PixelFormat
+
+external var RGBIntegerFormat: PixelFormat
+
+external var RGBAIntegerFormat: PixelFormat
+
+external sealed class CompressedPixelFormat {
+
+}
+
+external var RGB_S3TC_DXT1_Format: CompressedPixelFormat
+
+external var RGBA_S3TC_DXT1_Format: CompressedPixelFormat
+
+external var RGBA_S3TC_DXT3_Format: CompressedPixelFormat
+
+external var RGBA_S3TC_DXT5_Format: CompressedPixelFormat
+
+external var RGB_PVRTC_4BPPV1_Format: CompressedPixelFormat
+
+external var RGB_PVRTC_2BPPV1_Format: CompressedPixelFormat
+
+external var RGBA_PVRTC_4BPPV1_Format: CompressedPixelFormat
+
+external var RGBA_PVRTC_2BPPV1_Format: CompressedPixelFormat
+
+external var RGB_ETC1_Format: CompressedPixelFormat
+
+external var RGB_ETC2_Format: CompressedPixelFormat
+
+external var RGBA_ETC2_EAC_Format: CompressedPixelFormat
+
+external var RGBA_ASTC_4x4_Format: CompressedPixelFormat
+
+external var RGBA_ASTC_5x4_Format: CompressedPixelFormat
+
+external var RGBA_ASTC_5x5_Format: CompressedPixelFormat
+
+external var RGBA_ASTC_6x5_Format: CompressedPixelFormat
+
+external var RGBA_ASTC_6x6_Format: CompressedPixelFormat
+
+external var RGBA_ASTC_8x5_Format: CompressedPixelFormat
+
+external var RGBA_ASTC_8x6_Format: CompressedPixelFormat
+
+external var RGBA_ASTC_8x8_Format: CompressedPixelFormat
+
+external var RGBA_ASTC_10x5_Format: CompressedPixelFormat
+
+external var RGBA_ASTC_10x6_Format: CompressedPixelFormat
+
+external var RGBA_ASTC_10x8_Format: CompressedPixelFormat
+
+external var RGBA_ASTC_10x10_Format: CompressedPixelFormat
+
+external var RGBA_ASTC_12x10_Format: CompressedPixelFormat
+
+external var RGBA_ASTC_12x12_Format: CompressedPixelFormat
+
+external var SRGB8_ALPHA8_ASTC_4x4_Format: CompressedPixelFormat
+
+external var SRGB8_ALPHA8_ASTC_5x4_Format: CompressedPixelFormat
+
+external var SRGB8_ALPHA8_ASTC_5x5_Format: CompressedPixelFormat
+
+external var SRGB8_ALPHA8_ASTC_6x5_Format: CompressedPixelFormat
+
+external var SRGB8_ALPHA8_ASTC_6x6_Format: CompressedPixelFormat
+
+external var SRGB8_ALPHA8_ASTC_8x5_Format: CompressedPixelFormat
+
+external var SRGB8_ALPHA8_ASTC_8x6_Format: CompressedPixelFormat
+
+external var SRGB8_ALPHA8_ASTC_8x8_Format: CompressedPixelFormat
+
+external var SRGB8_ALPHA8_ASTC_10x5_Format: CompressedPixelFormat
+
+external var SRGB8_ALPHA8_ASTC_10x6_Format: CompressedPixelFormat
+
+external var SRGB8_ALPHA8_ASTC_10x8_Format: CompressedPixelFormat
+
+external var SRGB8_ALPHA8_ASTC_10x10_Format: CompressedPixelFormat
+
+external var SRGB8_ALPHA8_ASTC_12x10_Format: CompressedPixelFormat
+
+external var SRGB8_ALPHA8_ASTC_12x12_Format: CompressedPixelFormat
+
+external var RGBA_BPTC_Format: CompressedPixelFormat
+
+external sealed class AnimationActionLoopStyles {
+
+}
+
+external var LoopOnce: AnimationActionLoopStyles
+
+external var LoopRepeat: AnimationActionLoopStyles
+
+external var LoopPingPong: AnimationActionLoopStyles
+
+external sealed class InterpolationModes {
+
+}
+
+external var InterpolateDiscrete: InterpolationModes
+
+external var InterpolateLinear: InterpolationModes
+
+external var InterpolateSmooth: InterpolationModes
+
+external sealed class InterpolationEndingModes {
+
+}
+
+external var ZeroCurvatureEnding: InterpolationEndingModes
+
+external var ZeroSlopeEnding: InterpolationEndingModes
+
+external var WrapAroundEnding: InterpolationEndingModes
+
+external sealed class AnimationBlendMode {
+
+}
+
+external var NormalAnimationBlendMode: AnimationBlendMode
+
+external var AdditiveAnimationBlendMode: AnimationBlendMode
+
+external sealed class TrianglesDrawModes {
+
+}
+
+external var TrianglesDrawMode: TrianglesDrawModes
+
+external var TriangleStripDrawMode: TrianglesDrawModes
+
+external var TriangleFanDrawMode: TrianglesDrawModes
+
+external sealed class TextureEncoding {
+
+}
+
+external var LinearEncoding: TextureEncoding
+
+external var sRGBEncoding: TextureEncoding
+
+external var GammaEncoding: TextureEncoding
+
+external var RGBEEncoding: TextureEncoding
+
+external var LogLuvEncoding: TextureEncoding
+
+external var RGBM7Encoding: TextureEncoding
+
+external var RGBM16Encoding: TextureEncoding
+
+external var RGBDEncoding: TextureEncoding
+
+external sealed class DepthPackingStrategies {
+
+}
+
+external var BasicDepthPacking: DepthPackingStrategies
+
+external var RGBADepthPacking: DepthPackingStrategies
+
+external sealed class NormalMapTypes {
+
+}
+
+external var TangentSpaceNormalMap: NormalMapTypes
+
+external var ObjectSpaceNormalMap: NormalMapTypes
+
+external sealed class StencilOp {
+
+}
+
+external var ZeroStencilOp: StencilOp
+
+external var KeepStencilOp: StencilOp
+
+external var ReplaceStencilOp: StencilOp
+
+external var IncrementStencilOp: StencilOp
+
+external var DecrementStencilOp: StencilOp
+
+external var IncrementWrapStencilOp: StencilOp
+
+external var DecrementWrapStencilOp: StencilOp
+
+external var InvertStencilOp: StencilOp
+
+external sealed class StencilFunc {
+
+}
+
+external var NeverStencilFunc: StencilFunc
+
+external var LessStencilFunc: StencilFunc
+
+external var EqualStencilFunc: StencilFunc
+
+external var LessEqualStencilFunc: StencilFunc
+
+external var GreaterStencilFunc: StencilFunc
+
+external var NotEqualStencilFunc: StencilFunc
+
+external var GreaterEqualStencilFunc: StencilFunc
+
+external var AlwaysStencilFunc: StencilFunc
+
+external sealed class Usage {
+
+}
+
+external var StaticDrawUsage: Usage
+
+external var DynamicDrawUsage: Usage
+
+external var StreamDrawUsage: Usage
+
+external var StaticReadUsage: Usage
+
+external var DynamicReadUsage: Usage
+
+external var StreamReadUsage: Usage
+
+external var StaticCopyUsage: Usage
+
+external var DynamicCopyUsage: Usage
+
+external var StreamCopyUsage: Usage
+
+external sealed class GLSLVersion {
+
+}
+
+external var GLSL1: GLSLVersion
+
+external var GLSL3: GLSLVersion
diff --git a/src/mapMain/kotlin/info/mechyrdia/mapviewer/assets.kt b/src/mapMain/kotlin/info/mechyrdia/mapviewer/assets.kt
new file mode 100644 (file)
index 0000000..7195f9e
--- /dev/null
@@ -0,0 +1,451 @@
+package info.mechyrdia.mapviewer
+
+import externals.threejs.*
+import kotlinx.browser.window
+import kotlinx.coroutines.*
+import kotlinx.serialization.DeserializationStrategy
+import kotlinx.serialization.ExperimentalSerializationApi
+import kotlinx.serialization.json.decodeFromDynamic
+import org.w3c.dom.Image
+import kotlin.coroutines.resume
+import kotlin.coroutines.suspendCoroutine
+import kotlin.math.PI
+
+@OptIn(ExperimentalSerializationApi::class)
+suspend fun <T> loadJson(name: String, deserializer: DeserializationStrategy<T>): T {
+       return JsonCodec.decodeFromDynamic(
+               deserializer,
+               window.fetch(name)
+                       .await()
+                       .json()
+                       .await()
+                       .asDynamic()
+       )
+}
+
+private val imageCache = mutableMapOf<String, Image>()
+
+suspend fun cacheImage(url: String) {
+       val image = imageCache.getOrPut(url) { Image().also { it.src = url } }
+       if (!image.complete)
+               suspendCoroutine { continuation ->
+                       image.addEventListener("load", { _ ->
+                               continuation.resume(Unit)
+                       })
+               }
+}
+
+private val uiImages = listOf("sector_back", "sector_front")
+
+suspend fun loadUiImages() {
+       coroutineScope {
+               for (uiImage in uiImages)
+                       launch { cacheImage("/assets/map/images/$uiImage.png") }
+       }
+}
+
+suspend fun loadFlags() {
+       coroutineScope {
+               for (faction in mapViewerData.factions.values)
+                       launch { cacheImage("/assets/images/${faction.flag}.png") }
+       }
+}
+
+private val textureLoader = TextureLoader()
+       .setPath("/assets/map/textures/")
+       .setResourcePath("/assets/map/textures/")
+       .unsafeCast<TextureLoader>()
+
+private val textureCache = mutableMapOf<String, Deferred<Texture>>()
+
+suspend fun loadBgTexture(name: String): Texture = textureCache.getOrPut("bg/$name.png") {
+       textureLoader.loadAsync("bg/$name.png").asDeferred()
+}.await()
+
+suspend fun loadPlanarTexture(name: String): Texture = textureCache.getOrPut("planar/$name.png") {
+       textureLoader.loadAsync("planar/$name.png").asDeferred()
+}.await()
+
+suspend fun loadSphericalTexture(name: String): Texture = textureCache.getOrPut("spherical/$name.png") {
+       textureLoader.loadAsync("spherical/$name.png").asDeferred()
+}.await()
+
+private val cubeTextureLoader = CubeTextureLoader()
+       .setPath("/assets/map/textures/cubemap/")
+       .setResourcePath("/assets/map/textures/cubemap/")
+       .unsafeCast<CubeTextureLoader>()
+
+private val cubeTextureCache = mutableMapOf<String, Deferred<CubeTexture>>()
+
+suspend fun loadCubeTexture(name: String) = cubeTextureCache.getOrPut(name) {
+       cubeTextureLoader.loadAsync(
+               arrayOf(
+                       "${name}_right1.png",
+                       "${name}_left2.png",
+                       "${name}_top3.png",
+                       "${name}_bottom4.png",
+                       "${name}_front5.png",
+                       "${name}_back6.png",
+               )
+       ).asDeferred()
+}.await()
+
+private val sphereGeom = IcosahedronGeometry(1, 5)
+private val sphereInvertedGeom = IcosahedronGeometry(1, 5).apply {
+       scale(-1, -1, -1)
+}
+
+private val ringGeom = CircleGeometry(1, 32)
+
+suspend fun createCelestialBodyFactory(bodyType: BodyTypeData): (Double) -> Object3D {
+       val group = Group()
+       
+       coroutineScope {
+               for (layer in bodyType.sphereLayers) {
+                       layer.diffMap?.let { launch { loadSphericalTexture(it) } }
+                       layer.specMap?.let { launch { loadSphericalTexture(it) } }
+                       layer.glowMap?.let { launch { loadSphericalTexture(it) } }
+               }
+               
+               bodyType.sphereRing?.let { ring ->
+                       launch { loadPlanarTexture(ring.colorMap) }
+               }
+       }
+       
+       for (layer in bodyType.sphereLayers) {
+               val diff = loadSphericalTexture(layer.diffMap ?: "black")
+               val spec = loadSphericalTexture(layer.specMap ?: "black")
+               val glow = loadSphericalTexture(layer.glowMap ?: "black")
+               
+               val sphereMesh = Mesh(if (layer.insideOut) sphereInvertedGeom else sphereGeom, MeshPhongMaterial(
+                       configure {
+                               color = "#BBBBBB"
+                               specular = "#888888"
+                               emissive = "#EEEEEE"
+                               map = diff
+                               specularMap = spec
+                               emissiveMap = glow
+                       }
+               ))
+               sphereMesh.scale.setScalar(layer.radius)
+               
+               group.add(sphereMesh)
+       }
+       
+       bodyType.sphereRing?.let { ring ->
+               val texture = loadPlanarTexture(ring.colorMap)
+               val ringMesh = Mesh(ringGeom, MeshBasicMaterial(
+                       configure {
+                               color = "#CCCCCC"
+                               map = texture
+                               transparent = true
+                               side = DoubleSide
+                       }
+               ))
+               ringMesh.scale.setScalar(ring.radius)
+               ringMesh.rotateX(-PI / 2)
+               
+               group.add(ringMesh)
+       }
+       
+       bodyType.lightColor?.let { lightColor ->
+               group.add(PointLight(lightColor, 1, 50, 1))
+       }
+       
+       return { size ->
+               val clone = group.clone(true)
+               
+               clone.scale.setScalar(size)
+               clone.children.singleOrNull { it.type == "PointLight" }?.let { light ->
+                       light.unsafeCast<PointLight>().intensity = size * size / 12.5
+               }
+               
+               clone
+       }
+}
+
+private val celestialBodyFactories = mutableMapOf<String, (Double) -> Object3D>()
+
+suspend fun loadCelestialBodyFactories() {
+       val factories = coroutineScope {
+               mapViewerData.objectTypes.map { (name, data) ->
+                       async { name to createCelestialBodyFactory(data) }
+               }.awaitAll().toMap()
+       }
+       
+       celestialBodyFactories.putAll(factories)
+}
+
+fun createCelestialBody(bodyType: String, size: Double) = celestialBodyFactories.getValue(bodyType)(size)
+
+private class Spacebox(
+       val mainColor: Color,
+       val texture3d: CubeTexture,
+)
+
+private val spaceboxes = mutableMapOf<String, Spacebox>()
+
+suspend fun loadSpaceboxes() {
+       val boxes = coroutineScope {
+               mapViewerData.spaceboxes.map { (name, color) ->
+                       async { name to Spacebox(color, loadCubeTexture(name)) }
+               }.awaitAll().toMap()
+       }
+       
+       spaceboxes.putAll(boxes)
+}
+
+private val spaceboxMaterial = ShaderMaterial(
+       configure {
+               vertexShader = """
+                       varying vec3 cubeTexCoord;
+                       
+                       void main() {
+                               cubeTexCoord = position;
+                               vec4 pos = projectionMatrix * vec4(mat3(modelViewMatrix) * position, 1);
+                               gl_Position = pos.xyww;
+                       }
+               """.trimIndent()
+               
+               fragmentShader = """
+                       varying vec3 cubeTexCoord;
+                       
+                       uniform samplerCube spacebox;
+                       
+                       uniform vec3 imgMainColor;
+                       uniform vec3 outDodgeColor;
+                       uniform vec3 outBurnColor;
+                       uniform vec3 outStarsColor;
+                       uniform vec3 outMultColor;
+                       
+                       void main() {
+                               vec3 spaceboxColor = texture(spacebox, cubeTexCoord).rgb;
+                               
+                               vec3 spaceboxPrimary = dot(spaceboxColor, imgMainColor) * imgMainColor / dot(imgMainColor, imgMainColor);
+                               vec3 spaceboxSecondary = spaceboxColor - spaceboxPrimary;
+                               
+                               float primaryIntensity = max(spaceboxPrimary.r, max(spaceboxPrimary.g, spaceboxPrimary.b));
+                               float secondaryIntensity = max(spaceboxSecondary.r, max(spaceboxSecondary.g, spaceboxSecondary.b));
+                               
+                               vec3 result = vec3(primaryIntensity);
+                               result /= vec3(1) - outDodgeColor;
+                               result = vec3(1) - (vec3(1) - result) / outBurnColor;
+                               result = clamp(result, vec3(0), vec3(1));
+                               
+                               result = vec3(1) - (vec3(1) - result) * (vec3(1) - (outStarsColor * secondaryIntensity));
+                               result *= outMultColor;
+                               
+                               gl_FragColor = vec4(result, 1);
+                       }
+               """.trimIndent()
+               
+               uniforms = configure {
+                       set("outStarsColor", configure { value = Color("#FFFFFF") })
+                       set("outMultColor", configure { value = Color("#999999") })
+               }
+       }
+)
+
+private fun configureSpaceboxMaterial(spacebox: Spacebox, dodgeColor: SpaceboxColor, burnColor: SpaceboxColor): ShaderMaterial {
+       val material = spaceboxMaterial.clone().unsafeCast<ShaderMaterial>()
+       material.uniforms["spacebox"] = configure { value = spacebox.texture3d }
+       material.uniforms["imgMainColor"] = configure { value = spacebox.mainColor }
+       material.uniforms["outDodgeColor"] = configure { value = dodgeColor.dodgeColor }
+       material.uniforms["outBurnColor"] = configure { value = burnColor.burnColor }
+       return material
+}
+
+fun createSpacebox(bg: SectorMapBackground): Object3D {
+       val spacebox = spaceboxes.getValue(bg.spaceboxName)
+       val material = configureSpaceboxMaterial(spacebox, bg.skyDodgeColor, bg.skyBurnColor)
+       val geometry = BoxGeometry(5000, 5000, 5000)
+       geometry.scale(-1, -1, -1)
+       
+       val mesh = Mesh(geometry, material)
+       mesh.setRotationFromQuaternion(bg.rotation)
+       return mesh
+}
+
+private val bgTextures = mutableMapOf<String, Texture>()
+
+suspend fun loadGalaxyBgTextures(mapBg: GalaxyMapBackground) {
+       val textures = coroutineScope {
+               mapBg.textureUniforms.values.map { texName ->
+                       async { texName to loadBgTexture(texName) }
+               }.awaitAll().toMap()
+       }
+       
+       bgTextures.putAll(textures)
+}
+
+private val galaxyBgGeometry = BufferGeometry().apply {
+       setAttribute(
+               "position", BufferAttribute(
+                       floatArrayOf(
+                               -1f, -1f, 0f,
+                               1f, -1f, 0f,
+                               -1f, 1f, 0f,
+                               
+                               -1f, 1f, 0f,
+                               1f, -1f, 0f,
+                               1f, 1f, 0f,
+                       ).unsafeCast<ArrayLike<Number>>(), 3
+               )
+       )
+       setAttribute(
+               "uv", BufferAttribute(
+                       floatArrayOf(
+                               0f, 0f,
+                               1f, 0f,
+                               0f, 1f,
+                               
+                               0f, 1f,
+                               1f, 0f,
+                               1f, 1f,
+                       ).unsafeCast<ArrayLike<Number>>(), 2
+               )
+       )
+       setAttribute(
+               "normal", BufferAttribute(
+                       floatArrayOf(
+                               0f, 0f, 1f,
+                               0f, 0f, 1f,
+                               0f, 0f, 1f,
+                               
+                               0f, 0f, 1f,
+                               0f, 0f, 1f,
+                               0f, 0f, 1f,
+                       ).unsafeCast<ArrayLike<Number>>(), 3
+               )
+       )
+}
+
+private val galaxyBgMaterial = ShaderMaterial(
+       configure {
+               vertexShader = """
+                       varying vec2 bgTexCoord;
+                       
+                       void main() {
+                               bgTexCoord = uv;
+                               gl_Position = vec4(position, 1);
+                       }
+               """.trimIndent()
+               
+               fragmentShader = """
+                       varying vec2 bgTexCoord;
+                       
+                       uniform sampler2D galaxyMap;
+                       uniform sampler2D noiseMap;
+                       uniform sampler2D blemishMap;
+                       uniform sampler2D borderMap;
+                       
+                       uniform float time;
+                       
+                       const vec3 BURN_COLOR = vec3(0.5, 0.65, 0.8);
+                       const vec3 DODGE_COLOR = vec3(0.4, 0.25, 0.1);
+                       const vec3 VORTEX_COLOR = vec3(0.9, 0.35, 0.55);
+                       
+                       const float TIME_SPEED = 0.1875;
+                       
+                       const float OVERLAY_ALPHA_GALAXY = 0.25;
+                       const float OVERLAY_ALPHA_VORTEX = 0.75;
+                       const float MULTIPLY_BY = 0.5;
+                       
+                       float measureNoise(float divisor) {
+                               vec2 translate = vec2(0.5);
+                               
+                               float rotation = time * TIME_SPEED / divisor;
+                               float rotateCos = cos(rotation);
+                               float rotateSin = sin(rotation);
+                               mat2 noiseRotate = mat2(rotateCos, -rotateSin, rotateSin, rotateCos);
+                               
+                               vec2 noiseCoord = bgTexCoord;
+                               noiseCoord = noiseCoord - translate;
+                               noiseCoord = noiseCoord * 0.707;
+                               noiseCoord = noiseRotate * noiseCoord;
+                               noiseCoord = noiseCoord + translate;
+                               
+                               return texture2D(noiseMap, noiseCoord).r;
+                       }
+                       
+                       float mixClamped(float x, float y, float alpha) {
+                               return mix(x, y, clamp(alpha, 0.0, 1.0));
+                       }
+                       
+                       float ensmallen(float a) {
+                               return a * a;
+                       }
+                       
+                       float embiggen(float a) {
+                               return 1.0 - ensmallen(1.0 - a);
+                       }
+                       
+                       void main() {
+                               vec2 translate = vec2(0.5);
+                               
+                               float galaxyGray = texture2D(galaxyMap, bgTexCoord).r;
+                               
+                               float noiseGrayCore = measureNoise(1.0);
+                               float noiseGrayInner = measureNoise(4.0);
+                               float noiseGrayOuter = measureNoise(16.0);
+                               float noiseRadiusPortion = 1.414 * distance(bgTexCoord, translate);
+                               // 0.0, center, #r0, center -> inner, #r1, inner, #r2, inner -> outer, #r3, outer, 1.0
+                               // solve linear equations @ https://www.desmos.com/calculator/bu96bv4jfy
+                               float noiseGray = mixClamped(noiseGrayCore, mixClamped(noiseGrayInner, noiseGrayOuter, 10.0 * noiseRadiusPortion - 3.5), 10.0 * noiseRadiusPortion - 1.5);
+                               
+                               float galaxyOverlay;
+                               if (galaxyGray < 0.5) {
+                                       galaxyOverlay = 2.0 * galaxyGray * noiseGray;
+                               }
+                               else {
+                                       galaxyOverlay = 1.0 - 2.0 * (1.0 - galaxyGray) * (1.0 - noiseGray);
+                               }
+                               
+                               float gray = mix(galaxyGray, galaxyOverlay, OVERLAY_ALPHA_GALAXY);
+                               vec3 baseColor = vec3(gray);
+                               
+                               baseColor = 1.0 - ((1.0 - baseColor) / BURN_COLOR);
+                               baseColor = clamp(baseColor, 0.0, 1.0);
+                               baseColor = baseColor / (1.0 - DODGE_COLOR);
+                               baseColor = clamp(baseColor, 0.0, 1.0);
+                               
+                               float blemishGray = texture2D(blemishMap, bgTexCoord).r;
+                               float blemishNoiseGray = measureNoise(-8.0);
+                               
+                               float blemishOverlay;
+                               if (blemishGray < 0.5) {
+                                       blemishOverlay = 2.0 * blemishGray * blemishNoiseGray;
+                               }
+                               else {
+                                       blemishOverlay = 1.0 - 2.0 * (1.0 - blemishGray) * (1.0 - blemishNoiseGray);
+                               }
+                               
+                               float blemish = mix(blemishGray, blemishOverlay, OVERLAY_ALPHA_VORTEX);
+                               float blemishBig = embiggen(blemish);
+                               float blemishSmall = ensmallen(blemish);
+                               vec3 galaxyColor = mix(mix(baseColor, VORTEX_COLOR, blemishBig), vec3(1.0), blemishSmall);
+                               
+                               vec4 overlayColor = texture(borderMap, bgTexCoord);
+                               vec3 overlaidColor = (overlayColor.rgb * overlayColor.a) + (galaxyColor * (1.0 - overlayColor.a));
+                               
+                               vec3 result = overlaidColor * MULTIPLY_BY;
+                               gl_FragColor = vec4(result, 1.0);
+                       }
+               """.trimIndent()
+               
+               uniforms = configure {}
+       }
+)
+
+fun createGalaxyBg(bg: GalaxyMapBackground): Object3D {
+       val material = galaxyBgMaterial.clone().unsafeCast<ShaderMaterial>()
+       
+       for ((varName, texName) in bg.textureUniforms)
+               material.uniforms[varName] = configure { value = bgTextures.getValue(texName) }
+       
+       bg.timeUniform?.let { varName ->
+               material.uniforms[varName] = configure { value = 0.0 }
+       }
+       
+       return Mesh(galaxyBgGeometry, material)
+}
diff --git a/src/mapMain/kotlin/info/mechyrdia/mapviewer/codec.kt b/src/mapMain/kotlin/info/mechyrdia/mapviewer/codec.kt
new file mode 100644 (file)
index 0000000..3069bea
--- /dev/null
@@ -0,0 +1,209 @@
+package info.mechyrdia.mapviewer
+
+import externals.threejs.Color
+import externals.threejs.Quaternion
+import externals.threejs.Vector2
+import externals.threejs.Vector3
+import kotlinx.serialization.ExperimentalSerializationApi
+import kotlinx.serialization.KSerializer
+import kotlinx.serialization.Serializable
+import kotlinx.serialization.SerializationException
+import kotlinx.serialization.builtins.ListSerializer
+import kotlinx.serialization.descriptors.SerialDescriptor
+import kotlinx.serialization.encoding.Decoder
+import kotlinx.serialization.encoding.Encoder
+import kotlinx.serialization.json.*
+import kotlinx.serialization.modules.SerializersModule
+
+val JsonCodec = Json {
+       serializersModule = SerializersModule {
+               contextual(Vector2::class, Vector2Serializer)
+               contextual(Vector3::class, Vector3Serializer)
+               contextual(Color::class, ColorSerializer)
+               contextual(Quaternion::class, QuaternionSerializer)
+       }
+       
+       classDiscriminator = "@type"
+       ignoreUnknownKeys = true
+}
+
+@OptIn(ExperimentalSerializationApi::class)
+object Vector2Serializer : KSerializer<Vector2> {
+       override val descriptor: SerialDescriptor
+               get() = SerialDescriptor("Vector2", JsonElement.serializer().descriptor)
+       
+       override fun serialize(encoder: Encoder, value: Vector2) {
+               val jsonElement = buildJsonObject {
+                       put("x", value.x)
+                       put("y", value.y)
+               }
+               
+               (encoder as JsonEncoder).encodeJsonElement(jsonElement)
+       }
+       
+       override fun deserialize(decoder: Decoder): Vector2 {
+               decoder as JsonDecoder
+               
+               return when (val jsonElement = decoder.decodeJsonElement()) {
+                       is JsonArray -> Vector2(
+                               jsonElement[0].jsonPrimitive.double,
+                               jsonElement[1].jsonPrimitive.double,
+                       )
+                       
+                       is JsonObject -> Vector2(
+                               jsonElement.getValue("x").jsonPrimitive.double,
+                               jsonElement.getValue("y").jsonPrimitive.double
+                       )
+                       
+                       else -> throw SerializationException("Invalid JSON value $jsonElement for Vector2")
+               }
+       }
+}
+
+@OptIn(ExperimentalSerializationApi::class)
+object Vector3Serializer : KSerializer<Vector3> {
+       override val descriptor: SerialDescriptor
+               get() = SerialDescriptor("Vector3", JsonElement.serializer().descriptor)
+       
+       override fun serialize(encoder: Encoder, value: Vector3) {
+               val jsonElement = buildJsonObject {
+                       put("x", value.x)
+                       put("y", value.y)
+                       put("z", value.z)
+               }
+               
+               (encoder as JsonEncoder).encodeJsonElement(jsonElement)
+       }
+       
+       override fun deserialize(decoder: Decoder): Vector3 {
+               decoder as JsonDecoder
+               
+               return when (val jsonElement = decoder.decodeJsonElement()) {
+                       is JsonArray -> Vector3(
+                               jsonElement[0].jsonPrimitive.double,
+                               jsonElement[1].jsonPrimitive.double,
+                               jsonElement[2].jsonPrimitive.double,
+                       )
+                       
+                       is JsonObject -> Vector3(
+                               jsonElement.getValue("x").jsonPrimitive.double,
+                               jsonElement.getValue("y").jsonPrimitive.double,
+                               jsonElement.getValue("z").jsonPrimitive.double
+                       )
+                       
+                       else -> throw SerializationException("Invalid JSON value $jsonElement for Vector3")
+               }
+       }
+}
+
+@OptIn(ExperimentalSerializationApi::class)
+object ColorSerializer : KSerializer<Color> {
+       override val descriptor: SerialDescriptor
+               get() = SerialDescriptor("Color", JsonElement.serializer().descriptor)
+       
+       override fun serialize(encoder: Encoder, value: Color) {
+               val jsonElement = buildJsonObject {
+                       put("x", value.r)
+                       put("y", value.g)
+                       put("z", value.b)
+               }
+               
+               (encoder as JsonEncoder).encodeJsonElement(jsonElement)
+       }
+       
+       override fun deserialize(decoder: Decoder): Color {
+               decoder as JsonDecoder
+               
+               return when (val jsonElement = decoder.decodeJsonElement()) {
+                       is JsonPrimitive -> Color(jsonElement.content)
+                       is JsonArray -> Color(
+                               jsonElement[0].jsonPrimitive.int / 255.0,
+                               jsonElement[1].jsonPrimitive.int / 255.0,
+                               jsonElement[2].jsonPrimitive.int / 255.0
+                       )
+                       
+                       is JsonObject -> Color(
+                               jsonElement.getValue("x").jsonPrimitive.double,
+                               jsonElement.getValue("y").jsonPrimitive.double,
+                               jsonElement.getValue("z").jsonPrimitive.double
+                       )
+                       
+                       else -> throw SerializationException("Invalid JSON value $jsonElement for Color")
+               }
+       }
+}
+
+@OptIn(ExperimentalSerializationApi::class)
+object QuaternionSerializer : KSerializer<Quaternion> {
+       override val descriptor: SerialDescriptor
+               get() = SerialDescriptor("Quaternion", JsonElement.serializer().descriptor)
+       
+       override fun serialize(encoder: Encoder, value: Quaternion) {
+               val jsonElement = buildJsonObject {
+                       put("w", value.w)
+                       put("x", value.x)
+                       put("y", value.y)
+                       put("z", value.z)
+               }
+               
+               (encoder as JsonEncoder).encodeJsonElement(jsonElement)
+       }
+       
+       override fun deserialize(decoder: Decoder): Quaternion {
+               decoder as JsonDecoder
+               
+               return when (val jsonElement = decoder.decodeJsonElement()) {
+                       is JsonArray -> Quaternion(
+                               jsonElement[1].jsonPrimitive.double,
+                               jsonElement[2].jsonPrimitive.double,
+                               jsonElement[3].jsonPrimitive.double,
+                               jsonElement[0].jsonPrimitive.double
+                       )
+                       
+                       is JsonObject -> Quaternion(
+                               jsonElement.getValue("x").jsonPrimitive.double,
+                               jsonElement.getValue("y").jsonPrimitive.double,
+                               jsonElement.getValue("z").jsonPrimitive.double,
+                               jsonElement.getValue("w").jsonPrimitive.double
+                       )
+                       
+                       else -> throw SerializationException("Invalid JSON value $jsonElement for Quaternion")
+               }
+       }
+}
+
+@Serializable(with = GraphLinkSerializer::class)
+value class GraphLink<T>(val pair: Pair<T, T>) {
+       operator fun component1() = pair.first
+       operator fun component2() = pair.second
+}
+
+@OptIn(ExperimentalSerializationApi::class)
+class GraphLinkSerializer<T>(private val itemSerializer: KSerializer<T>) : KSerializer<GraphLink<T>> {
+       override val descriptor: SerialDescriptor
+               get() = SerialDescriptor("GraphLink", ListSerializer(itemSerializer).descriptor)
+       
+       override fun serialize(encoder: Encoder, value: GraphLink<T>) {
+               encoder as JsonEncoder
+               
+               val jsonElement = JsonArray(value.pair.toList().map {
+                       encoder.json.encodeToJsonElement(itemSerializer, it)
+               })
+               
+               encoder.encodeJsonElement(jsonElement)
+       }
+       
+       override fun deserialize(decoder: Decoder): GraphLink<T> {
+               decoder as JsonDecoder
+               
+               val list = decoder.decodeJsonElement().jsonArray.map {
+                       decoder.json.decodeFromJsonElement(itemSerializer, it)
+               }
+               
+               if (list.size != 2)
+                       throw SerializationException("Expected list of size 2, got $list with size ${list.size}")
+               val (a, b) = list
+               
+               return GraphLink(a to b)
+       }
+}
diff --git a/src/mapMain/kotlin/info/mechyrdia/mapviewer/data.kt b/src/mapMain/kotlin/info/mechyrdia/mapviewer/data.kt
new file mode 100644 (file)
index 0000000..9c993cf
--- /dev/null
@@ -0,0 +1,226 @@
+package info.mechyrdia.mapviewer
+
+import externals.threejs.Color
+import externals.threejs.Quaternion
+import externals.threejs.Vector2
+import externals.threejs.Vector3
+import kotlinx.browser.window
+import kotlinx.serialization.*
+import kotlinx.serialization.descriptors.PrimitiveKind
+import kotlinx.serialization.descriptors.PrimitiveSerialDescriptor
+import kotlinx.serialization.descriptors.SerialDescriptor
+import kotlinx.serialization.encoding.Decoder
+import kotlinx.serialization.encoding.Encoder
+import kotlinx.serialization.json.decodeFromDynamic
+
+@Serializable
+data class MapViewerData(
+       val spaceboxes: Map<String, @Contextual Color>,
+       val factions: Map<String, FactionData>,
+       val objectTypes: Map<String, BodyTypeData>,
+)
+
+@Serializable
+data class FactionData(
+       val name: String,
+       val flag: String,
+       val color: @Contextual Color
+)
+
+@Serializable
+data class BodyTypeData(
+       val typeName: String,
+       val sphereLayers: List<BodySphereLayerData>,
+       val sphereRing: BodySphereDiscData? = null,
+       val lightColor: @Contextual Color? = null,
+)
+
+@Serializable
+data class BodySphereLayerData(
+       val diffMap: String? = null,
+       val specMap: String? = null,
+       val glowMap: String? = null,
+       val insideOut: Boolean = false,
+       val radius: Double = 1.0,
+)
+
+@Serializable
+data class BodySphereDiscData(
+       val colorMap: String,
+       val radius: Double = 2.0,
+)
+
+@OptIn(ExperimentalSerializationApi::class)
+val mapViewerData: MapViewerData by lazy {
+       JsonCodec.decodeFromDynamic(MapViewerData.serializer(), window.asDynamic().mapViewerData)
+}
+
+@Serializable
+sealed class MapObjectPtr {
+       abstract val sector: String?
+       abstract val system: String?
+       abstract val body: String?
+}
+
+@Serializable
+@SerialName("celestialBody")
+data class CelestialBodyPtr(
+       override val sector: String,
+       override val system: String,
+       override val body: String,
+) : MapObjectPtr()
+
+@Serializable
+@SerialName("starSystem")
+data class StarSystemPtr(
+       override val sector: String,
+       override val system: String,
+) : MapObjectPtr() {
+       override val body: Nothing?
+               get() = null
+}
+
+@Serializable
+@SerialName("sector")
+data class SectorPtr(
+       override val sector: String,
+) : MapObjectPtr() {
+       override val system: Nothing?
+               get() = null
+       
+       override val body: Nothing?
+               get() = null
+}
+
+@Serializable
+@SerialName("galaxy")
+data object GalaxyPtr : MapObjectPtr() {
+       override val sector: Nothing?
+               get() = null
+       
+       override val system: Nothing?
+               get() = null
+       
+       override val body: Nothing?
+               get() = null
+}
+
+@Serializable
+data class GalaxyMap(
+       val universeTitle: String,
+       val background: GalaxyMapBackground,
+       val sectors: Map<String, SectorMap>,
+       val interSectorLinks: List<@Serializable(with = GraphLinkSerializer::class) GraphLink<StarSystemPtr>>
+)
+
+@Serializable
+data class GalaxyMapBackground(
+       val size: @Contextual Vector2,
+       val shader: String,
+       val textureUniforms: Map<String, String>,
+       val timeUniform: String? = null,
+)
+
+@Serializable
+data class SectorMap(
+       val name: String,
+       val mapBg: SectorMapBackground,
+       val mapOuterRadius: Double,
+       val mapInnerRadius: Double,
+       val location: @Contextual Vector2,
+       val starSystems: Map<String, SystemMap>,
+       val systemLinks: List<@Serializable(with = GraphLinkSerializer::class) GraphLink<String>>
+)
+
+@Serializable(with = SpaceboxColorSerializer::class)
+enum class SpaceboxColor(val key: String, val burnColor: Color, val dodgeColor: Color) {
+       RED("red", Color("#FF5555"), Color("#552222")),
+       ORANGE("orange", Color("#FF9933"), Color("#553311")),
+       YELLOW("yellow", Color("#FFDD33"), Color("#554411")),
+       AZURE("azure", Color("#3399FF"), Color("#113355")),
+       INDIGO("indigo", Color("#5555FF"), Color("#222255")),
+       VIOLET("violet", Color("#9933FF"), Color("#331155")),
+       MAGENTA("magenta", Color("#FF3399"), Color("#551133")),
+       GRAY_RED("grayRed", Color("#CC7777"), Color("#442222")),
+       GRAY_ORANGE("grayOrange", Color("#CC9966"), Color("#443322")),
+       GRAY_YELLOW("grayYellow", Color("#CCBB66"), Color("#444422")),
+       GRAY_AZURE("grayAzure", Color("#6699CC"), Color("#223344")),
+       GRAY_INDIGO("grayIndigo", Color("#7777CC"), Color("#222244")),
+       GRAY_VIOLET("grayViolet", Color("#9966CC"), Color("#332244")),
+       GRAY_MAGENTA("grayMagenta", Color("#CC6699"), Color("#442233"));
+       
+       companion object {
+               fun byKey(key: String) = entries.firstOrNull { it.key == key } ?: throw NoSuchElementException("Could not find SpaceboxColor $key")
+       }
+}
+
+object SpaceboxColorSerializer : KSerializer<SpaceboxColor> {
+       override val descriptor: SerialDescriptor
+               get() = PrimitiveSerialDescriptor("SpaceboxColor", PrimitiveKind.STRING)
+       
+       override fun serialize(encoder: Encoder, value: SpaceboxColor) {
+               encoder.encodeString(value.key)
+       }
+       
+       override fun deserialize(decoder: Decoder): SpaceboxColor {
+               return SpaceboxColor.byKey(decoder.decodeString())
+       }
+}
+
+@Serializable
+data class SectorMapBackground(
+       val spaceboxName: String,
+       val skyDodgeColor: SpaceboxColor,
+       val skyBurnColor: SpaceboxColor,
+       val rotation: @Contextual Quaternion,
+)
+
+@Serializable
+data class SystemMap(
+       val name: String,
+       val sectorMapRadius: Double,
+       val galaxyMapRadius: Double,
+       val location: @Contextual Vector2,
+       val controller: String,
+       val celestialBodies: Map<String, CelestialBodyMap>,
+)
+
+@Serializable
+data class CelestialBodyMap(
+       val name: String,
+       val bodyType: String,
+       val size: Double,
+       val location: @Contextual Vector2,
+       val rotation: CelestialBodyRotation,
+)
+
+@Serializable
+data class CelestialBodyRotation(
+       val axis: @Contextual Vector3,
+       val speed: Double,
+       val angle: Double = 0.0,
+)
+
+@Serializable
+data class GalaxyLore(
+       val lore: String,
+       val mainSectorId: String? = null,
+       val sectors: Map<String, SectorLore>
+)
+
+@Serializable
+data class SectorLore(
+       val lore: String,
+       val systems: Map<String, SystemLore>
+)
+
+@Serializable
+data class SystemLore(
+       val lore: String,
+       val celestialBodies: Map<String, CelestialBodyLore>
+)
+
+@Serializable
+data class CelestialBodyLore(
+       val lore: String
+)
diff --git a/src/mapMain/kotlin/info/mechyrdia/mapviewer/entryPoint.kt b/src/mapMain/kotlin/info/mechyrdia/mapviewer/entryPoint.kt
new file mode 100644 (file)
index 0000000..f115749
--- /dev/null
@@ -0,0 +1,43 @@
+package info.mechyrdia.mapviewer
+
+import kotlinx.coroutines.*
+
+val AppScope = MainScope() + CoroutineExceptionHandler { ctx, ex ->
+       val coroName = ctx[CoroutineName]?.name?.let { "coroutine $it" } ?: "unnamed coroutine"
+       console.warn("Unhandled exception in $coroName", ex)
+       ex.printStackTrace()
+}
+
+lateinit var galaxyMap: GalaxyMap
+
+lateinit var galaxyLore: GalaxyLore
+
+fun main() {
+       AppScope.launch {
+               val ptrProvider = initPopHistoryEntryHandler()
+               
+               val (map, lore) = showLoadingScreen {
+                       coroutineScope {
+                               launch { loadFlags() }
+                               launch { loadUiImages() }
+                               launch { loadCelestialBodyFactories() }
+                               launch { loadSpaceboxes() }
+                               
+                               val loreJson = async { loadJson("/assets/map/lore.json", GalaxyLore.serializer()) }
+                               loadJson("/assets/map/map.json", GalaxyMap.serializer()).also {
+                                       launch {
+                                               loadGalaxyBgTextures(it.background)
+                                       }
+                               } to loreJson.await()
+                       }
+               }
+               
+               galaxyMap = map
+               galaxyLore = lore
+               
+               initWindowEvents()
+               
+               renderMap(ptrProvider())
+               doneInitialRender()
+       }
+}
diff --git a/src/mapMain/kotlin/info/mechyrdia/mapviewer/history.kt b/src/mapMain/kotlin/info/mechyrdia/mapviewer/history.kt
new file mode 100644 (file)
index 0000000..aecfcb4
--- /dev/null
@@ -0,0 +1,82 @@
+package info.mechyrdia.mapviewer
+
+import kotlinx.browser.window
+import kotlinx.coroutines.CoroutineScope
+import kotlinx.serialization.ExperimentalSerializationApi
+import kotlinx.serialization.json.decodeFromDynamic
+import kotlinx.serialization.json.encodeToDynamic
+import org.w3c.dom.PopStateEvent
+import org.w3c.dom.url.URL
+import org.w3c.dom.url.URLSearchParams
+
+private class MapPtrHolder {
+       lateinit var ptr: MapObjectPtr
+}
+
+private var isHandlingPopState = true
+
+fun doneInitialRender() {
+       isHandlingPopState = false
+}
+
+fun URLSearchParams.toMapObjectPtr(): MapObjectPtr {
+       val qsSector = get("sector")
+       val qsSystem = get("system")
+       val qsBody = get("body")
+       
+       return if (qsSector == null)
+               GalaxyPtr
+       else if (qsSystem == null)
+               SectorPtr(qsSector)
+       else if (qsBody == null)
+               StarSystemPtr(qsSector, qsSystem)
+       else
+               CelestialBodyPtr(qsSector, qsSystem, qsBody)
+}
+
+fun MapObjectPtr.toUrlSearchParams(searchParams: URLSearchParams) {
+       sector?.let { searchParams.set("sector", it) } ?: searchParams.delete("sector")
+       system?.let { searchParams.set("system", it) } ?: searchParams.delete("system")
+       body?.let { searchParams.set("body", it) } ?: searchParams.delete("body")
+}
+
+fun MapObjectPtr.toUrl(): URL {
+       val targetUrl = URL(window.location.unsafeCast<String>())
+       toUrlSearchParams(targetUrl.searchParams)
+       return targetUrl
+}
+
+@OptIn(ExperimentalSerializationApi::class)
+fun CoroutineScope.initPopHistoryEntryHandler(): () -> MapObjectPtr {
+       val ptrHolder = MapPtrHolder()
+       
+       window.addEventListener("popstate", { e ->
+               val ev = e.unsafeCast<PopStateEvent>()
+               val statePtr = JsonCodec.decodeFromDynamic(MapObjectPtr.serializer(), ev.state)
+               
+               if (renderJob != null) {
+                       isHandlingPopState = true
+                       renderMap(statePtr)
+                       isHandlingPopState = false
+               } else
+                       ptrHolder.ptr = statePtr
+       })
+       
+       ptrHolder.ptr = URLSearchParams(window.location.search).toMapObjectPtr()
+       val state = JsonCodec.encodeToDynamic(MapObjectPtr.serializer(), ptrHolder.ptr)
+       window.history.replaceState(state, "", window.location.unsafeCast<String>())
+       
+       return ptrHolder::ptr
+}
+
+@OptIn(ExperimentalSerializationApi::class)
+fun pushHistoryEntry(ptr: MapObjectPtr) {
+       if (isHandlingPopState)
+               return
+       
+       val state = JsonCodec.encodeToDynamic(MapObjectPtr.serializer(), ptr)
+       
+       val url = URL(window.location.unsafeCast<String>())
+       ptr.toUrlSearchParams(url.searchParams)
+       window.history.pushState(state, "", url.unsafeCast<String>())
+}
diff --git a/src/mapMain/kotlin/info/mechyrdia/mapviewer/math.kt b/src/mapMain/kotlin/info/mechyrdia/mapviewer/math.kt
new file mode 100644 (file)
index 0000000..3d4c401
--- /dev/null
@@ -0,0 +1,18 @@
+package info.mechyrdia.mapviewer
+
+import externals.threejs.Raycaster
+import externals.threejs.Vector3
+
+const val EPSILON = 0.0001
+
+fun Raycaster.intersectXzPlane(): Vector3? {
+       val denom = -ray.direction.y.toDouble()
+       if (denom >= EPSILON) {
+               val t = ray.origin.y.toDouble() / denom
+               if (t >= EPSILON) {
+                       return Vector3().copy(ray.direction).multiplyScalar(t).add(ray.origin)
+               }
+       }
+       
+       return null
+}
diff --git a/src/mapMain/kotlin/info/mechyrdia/mapviewer/modal.kt b/src/mapMain/kotlin/info/mechyrdia/mapviewer/modal.kt
new file mode 100644 (file)
index 0000000..ae09591
--- /dev/null
@@ -0,0 +1,62 @@
+package info.mechyrdia.mapviewer
+
+import kotlinx.browser.document
+import kotlinx.coroutines.cancelAndJoin
+import kotlinx.coroutines.coroutineScope
+import kotlinx.coroutines.launch
+import kotlinx.coroutines.suspendCancellableCoroutine
+import kotlinx.dom.clear
+import kotlinx.html.*
+import kotlinx.html.dom.append
+import kotlinx.html.js.onClickFunction
+import kotlin.coroutines.resume
+
+private suspend fun <T> showModalBox(boxBuilder: TagConsumer<*>.((T) -> Unit) -> Unit): T {
+       return suspendCancellableCoroutine { continuation ->
+               val modal = document.getElementById("modal")!!
+               modal.classList.add("show")
+               
+               val box = document.getElementById("modal-box")!!
+               box.append {
+                       boxBuilder { result ->
+                               continuation.resume(result)
+                               modal.classList.remove("show")
+                               box.clear()
+                       }
+               }
+               
+               continuation.invokeOnCancellation {
+                       modal.classList.remove("show")
+                       box.clear()
+               }
+       }
+}
+
+suspend fun <T> showLoadingScreen(label: String = "Loading...", loader: suspend () -> T): T {
+       return coroutineScope {
+               val showingBox = launch {
+                       showModalBox { _ ->
+                               p {
+                                       style = "text-align:center"
+                                       +label
+                               }
+                       }
+               }
+               
+               loader().also { showingBox.cancelAndJoin() }
+       }
+}
+
+suspend fun showAlertScreen(alertHeader: String, alertBody: String, alertDismiss: String) {
+       showModalBox { dismiss ->
+               h1 { +alertHeader }
+               p {
+                       style = "max-height:50vh;overflow-y:auto"
+                       +alertBody
+               }
+               button {
+                       onClickFunction = { _ -> dismiss(Unit) }
+                       +alertDismiss
+               }
+       }
+}
diff --git a/src/mapMain/kotlin/info/mechyrdia/mapviewer/render.kt b/src/mapMain/kotlin/info/mechyrdia/mapviewer/render.kt
new file mode 100644 (file)
index 0000000..973b0ba
--- /dev/null
@@ -0,0 +1,1119 @@
+package info.mechyrdia.mapviewer
+
+import externals.hammer.*
+import externals.threejs.*
+import kotlinx.browser.document
+import kotlinx.browser.window
+import kotlinx.coroutines.CoroutineScope
+import kotlinx.coroutines.Job
+import kotlinx.coroutines.launch
+import kotlinx.dom.clear
+import kotlinx.html.*
+import kotlinx.html.dom.append
+import kotlinx.html.dom.create
+import kotlinx.html.js.*
+import org.w3c.dom.HTMLDivElement
+import org.w3c.dom.HTMLElement
+import org.w3c.dom.asList
+import org.w3c.dom.events.Event
+import org.w3c.dom.events.KeyboardEvent
+import org.w3c.dom.events.MouseEvent
+import kotlin.math.PI
+import kotlin.math.hypot
+import kotlin.math.roundToInt
+
+private fun renderInNewTab(ptr: MapObjectPtr) {
+       window.open(ptr.toUrl().href, "_blank")
+}
+
+private var hammerInstance: HammerManager? = null
+
+private fun CoroutineScope.openPtr(target: MapObjectPtr, currentSectorId: String?) {
+       if (target.sector == currentSectorId) {
+               val selection = when (target) {
+                       GalaxyPtr -> null
+                       is SectorPtr -> SectorMapSelection.NoSelection
+                       is StarSystemPtr -> SectorMapSelection.SelectedSystem(target.system)
+                       is CelestialBodyPtr -> SectorMapSelection.SelectedBody(target.system, target.body)
+               }
+               
+               if (selection != null)
+                       setSelectedLabel(selection)
+               
+               setCurrentLocation(target)
+       } else {
+               if (target == GalaxyPtr && currentSectorId != null)
+                       renderGalaxy(galaxyMap.sectors.getValue(currentSectorId).location)
+               else
+                       renderMap(target)
+       }
+}
+
+private abstract class MapPan(val scope: CoroutineScope) {
+       protected abstract val sectorId: String?
+       
+       private var panningButtons = 0
+       private val isPanning: Boolean
+               get() = panningButtons != 0
+       
+       private var prevMouseX = 0.0
+       private var prevMouseY = 0.0
+       
+       abstract fun handleClick(currX: Double, currY: Double): MapObjectPtr?
+       abstract fun handleDrag(currX: Double, currY: Double, prevX: Double, prevY: Double)
+       
+       private fun onClick(ev: MouseEvent) {
+               val target = handleClick(ev.clientX.toDouble(), ev.clientY.toDouble()) ?: return
+               
+               if (ev.ctrlKey)
+                       renderInNewTab(target)
+               else
+                       scope.openPtr(target, sectorId)
+       }
+       
+       private fun onAuxClick(ev: MouseEvent) {
+               if (ev.button != 1.toShort())
+                       return
+               
+               val target = handleClick(ev.clientX.toDouble(), ev.clientY.toDouble()) ?: return
+               renderInNewTab(target)
+       }
+       
+       private fun onMouseDown(ev: MouseEvent) {
+               if (ev.button == 1.toShort())
+                       ev.preventDefault()
+               
+               panningButtons = panningButtons or (1 shl ev.button.toInt())
+               prevMouseX = ev.clientX.toDouble()
+               prevMouseY = ev.clientY.toDouble()
+       }
+       
+       private fun onMouseUp(ev: MouseEvent) {
+               panningButtons = panningButtons and (1 shl ev.button.toInt()).inv()
+       }
+       
+       private fun onMouseMove(ev: MouseEvent) {
+               val currMouseX = ev.clientX.toDouble()
+               val currMouseY = ev.clientY.toDouble()
+               
+               if (isPanning)
+                       handleDrag(currMouseX, currMouseY, prevMouseX, prevMouseY)
+               
+               prevMouseX = currMouseX
+               prevMouseY = currMouseY
+       }
+       
+       private fun onContextMenu(ev: MouseEvent) {
+               ev.preventDefault()
+       }
+       
+       private fun onHammerTap(ev: HammerInput) {
+               ev.preventDefault()
+               
+               val target = handleClick(ev.center.x.toDouble(), ev.center.y.toDouble()) ?: return
+               
+               scope.openPtr(target, sectorId)
+       }
+       
+       private fun onHammerPress(ev: HammerInput) {
+               ev.preventDefault()
+               
+               val target = handleClick(ev.center.x.toDouble(), ev.center.y.toDouble()) ?: return
+               
+               renderInNewTab(target)
+       }
+       
+       private fun onHammerPan(ev: HammerInput) {
+               ev.preventDefault()
+               
+               val currMouseX = ev.center.x.toDouble()
+               val currMouseY = ev.center.y.toDouble()
+               
+               if (ev.type == "panmove")
+                       handleDrag(currMouseX, currMouseY, prevMouseX, prevMouseY)
+               
+               prevMouseX = currMouseX
+               prevMouseY = currMouseY
+       }
+       
+       val eventListeners = mapOf<String, (Event) -> Unit>(
+               "click" to {
+                       onClick(it.unsafeCast<MouseEvent>())
+               },
+               "auxclick" to {
+                       onAuxClick(it.unsafeCast<MouseEvent>())
+               },
+               "contextmenu" to {
+                       onContextMenu(it.unsafeCast<MouseEvent>())
+               },
+               "mousedown" to {
+                       onMouseDown(it.unsafeCast<MouseEvent>())
+               },
+               "mouseup" to {
+                       onMouseUp(it.unsafeCast<MouseEvent>())
+               },
+               "mousemove" to {
+                       onMouseMove(it.unsafeCast<MouseEvent>())
+               },
+       )
+       
+       val hammerConfigs = mapOf<String, RecognizerOptions.() -> Unit>(
+               "pan" to { direction = Hammer.DIRECTION_ALL },
+               "pinch" to { enable = false },
+               "press" to { enable = true; time = 251.0 },
+               "rotate" to { enable = false },
+               "swipe" to { enable = false },
+               "tap" to { enable = true; time = 250.0 },
+       )
+       
+       val hammerListeners = mapOf<String, (HammerInput) -> Unit>(
+               "tap" to {
+                       onHammerTap(it)
+               },
+               "press" to {
+                       onHammerPress(it)
+               },
+               "panstart panmove" to {
+                       onHammerPan(it)
+               },
+       )
+}
+
+private class GalaxyMapPan(scope: CoroutineScope) : MapPan(scope) {
+       override val sectorId: String?
+               get() = null
+       
+       var x = 0.0
+       var y = 0.0
+       
+       override fun handleClick(currX: Double, currY: Double): MapObjectPtr? {
+               val worldX = (currX - x) / GALAXY_MAP_SIZE_FACTOR
+               val worldY = (currY - y) / GALAXY_MAP_SIZE_FACTOR
+               
+               val worldPos = Vector2(worldX, worldY)
+               
+               return galaxyMap.sectors.toList().singleOrNull { (_, sector) ->
+                       sector.location.distanceTo(worldPos).toDouble() < sector.mapOuterRadius
+               }?.let { (sectorId, _) ->
+                       SectorPtr(sectorId)
+               }
+       }
+       
+       override fun handleDrag(currX: Double, currY: Double, prevX: Double, prevY: Double) {
+               x += currX - prevX
+               y += currY - prevY
+       }
+}
+
+private fun CoroutineScope.GalaxyMapPan() = GalaxyMapPan(this)
+
+private data class SectorLocation(
+       val x: Double,
+       val y: Double,
+       var rInner: Double,
+       var rOuter: Double,
+       val name: String,
+)
+
+private data class StarSystemLocation(
+       var x: Double,
+       var y: Double,
+       var r: Double,
+       var c: String,
+)
+
+private data class SystemLinkLocation(
+       val x1: Double,
+       val y1: Double,
+       val x2: Double,
+       val y2: Double,
+)
+
+private val contentElement: HTMLDivElement
+       get() = document.getElementById("content")!!.unsafeCast<HTMLDivElement>()
+
+private const val GALAXY_MAP_CANVAS_SIZE_FACTOR = 2.0
+private const val GALAXY_MAP_SIZE_FACTOR = 8.0
+
+private fun preparePan(pan: GalaxyMapPan, panPosition: Vector2? = null) {
+       if (panPosition != null) {
+               pan.x = (window.innerWidth / 2) - (panPosition.x.toDouble() * GALAXY_MAP_SIZE_FACTOR)
+               pan.y = (window.innerHeight / 2) - (panPosition.y.toDouble() * GALAXY_MAP_SIZE_FACTOR)
+       } else {
+               pan.x = (window.innerWidth - (galaxyMap.background.size.x.toDouble() * GALAXY_MAP_SIZE_FACTOR)) / 2
+               pan.y = (window.innerHeight - (galaxyMap.background.size.y.toDouble() * GALAXY_MAP_SIZE_FACTOR)) / 2
+       }
+}
+
+private fun prepareElementPan(element: HTMLElement, pan: GalaxyMapPan) {
+       element.style.width = "${(galaxyMap.background.size.x.toDouble() * GALAXY_MAP_SIZE_FACTOR).roundToInt()}px"
+       element.style.height = "${(galaxyMap.background.size.y.toDouble() * GALAXY_MAP_SIZE_FACTOR).roundToInt()}px"
+       element.style.position = "fixed"
+       element.style.top = "0"
+       element.style.left = "0"
+       element.style.transform = "translate(${pan.x}px, ${pan.y}px)"
+}
+
+private fun addPanEvents(element: HTMLElement, pan: MapPan) {
+       if (window.matchMedia("(any-pointer: fine)").matches)
+               for ((event, handler) in pan.eventListeners)
+                       element.addEventListener(event, handler)
+       else {
+               val hammer = Hammer(element)
+               
+               for ((recognizer, config) in pan.hammerConfigs)
+                       hammer.get(recognizer).set(configure(config))
+               
+               for ((events, handler) in pan.hammerListeners)
+                       hammer.on(events, handler)
+               
+               hammerInstance = hammer
+               
+               element.addEventListener("touchmove", { ev -> ev.preventDefault() })
+       }
+}
+
+private fun updateElementPan(element: HTMLElement, pan: GalaxyMapPan) {
+       element.style.transform = "translate(${pan.x}px, ${pan.y}px)"
+}
+
+var renderJob: Job? = null
+
+private fun setTitle(ptr: MapObjectPtr) {
+       document.title = when (ptr) {
+               GalaxyPtr -> galaxyMap.universeTitle
+               is SectorPtr -> {
+                       val sector = galaxyMap.sectors.getValue(ptr.sector)
+                       "${sector.name} | ${galaxyMap.universeTitle}"
+               }
+               
+               is StarSystemPtr -> {
+                       val sector = galaxyMap.sectors.getValue(ptr.sector)
+                       val system = sector.starSystems.getValue(ptr.system)
+                       "${system.name} | ${sector.name} | ${galaxyMap.universeTitle}"
+               }
+               
+               is CelestialBodyPtr -> {
+                       val sector = galaxyMap.sectors.getValue(ptr.sector)
+                       val system = sector.starSystems.getValue(ptr.system)
+                       val body = system.celestialBodies.getValue(ptr.body)
+                       "${body.name} | ${system.name} | ${sector.name} | ${galaxyMap.universeTitle}"
+               }
+       }
+}
+
+private fun CoroutineScope.setCurrentLocation(ptr: MapObjectPtr) {
+       pushHistoryEntry(ptr)
+       renderLore(ptr)
+       setTitle(ptr)
+}
+
+private fun CoroutineScope.renderGalaxy(panPosition: Vector2? = null) {
+       hammerInstance?.destroy()
+       hammerInstance = null
+       renderJob?.cancel()
+       resizeHandler = null
+       escapeHandler = null
+       contentElement.clear()
+       
+       setCurrentLocation(GalaxyPtr)
+       
+       val pan = GalaxyMapPan()
+       
+       preparePan(pan, panPosition)
+       
+       val galaxySvg = document.create.ksvg {
+               viewBox = "0 0 ${galaxyMap.background.size.x.toDouble()} ${galaxyMap.background.size.y.toDouble()}"
+               width = "${(galaxyMap.background.size.x.toDouble() * GALAXY_MAP_SIZE_FACTOR).roundToInt()}px"
+               height = "${(galaxyMap.background.size.y.toDouble() * GALAXY_MAP_SIZE_FACTOR).roundToInt()}px"
+               
+               val sectorLocations = mutableMapOf<String, SectorLocation>()
+               val starSystemLocations = mutableMapOf<String, Map<String, StarSystemLocation>>()
+               val systemLinkLocations = mutableListOf<SystemLinkLocation>()
+               
+               for ((sectorName, sector) in galaxyMap.sectors) {
+                       sectorLocations[sectorName] = SectorLocation(
+                               x = sector.location.x.toDouble(),
+                               y = sector.location.y.toDouble(),
+                               rInner = sector.mapInnerRadius,
+                               rOuter = sector.mapOuterRadius,
+                               name = sector.name,
+                       )
+                       
+                       val sectorStarSystemLocations = mutableMapOf<String, StarSystemLocation>()
+                       starSystemLocations[sectorName] = sectorStarSystemLocations
+                       
+                       var maxRadius = 0.0
+                       for ((systemName, system) in sector.starSystems) {
+                               val posFactor = system.galaxyMapRadius / system.sectorMapRadius
+                               
+                               val location = StarSystemLocation(
+                                       x = system.location.x.toDouble() * posFactor,
+                                       y = system.location.y.toDouble() * posFactor,
+                                       r = system.galaxyMapRadius,
+                                       c = "#" + mapViewerData.factions.getValue(system.controller).color.getHexString(),
+                               )
+                               
+                               sectorStarSystemLocations[systemName] = location
+                               
+                               val radius = hypot(location.x, location.y) + location.r
+                               if (maxRadius < radius)
+                                       maxRadius = radius
+                       }
+                       
+                       val systemPosScaling = sector.mapInnerRadius / maxRadius
+                       for ((_, location) in sectorStarSystemLocations) {
+                               location.x *= systemPosScaling
+                               location.y *= systemPosScaling
+                               location.x += sector.location.x.toDouble()
+                               location.y += sector.location.y.toDouble()
+                       }
+                       
+                       for ((linkSysA, linkSysB) in sector.systemLinks) {
+                               val locA = sectorStarSystemLocations.getValue(linkSysA)
+                               val locB = sectorStarSystemLocations.getValue(linkSysB)
+                               
+                               val linkLocation = SystemLinkLocation(
+                                       x1 = locA.x,
+                                       y1 = locA.y,
+                                       x2 = locB.x,
+                                       y2 = locB.y,
+                               )
+                               
+                               systemLinkLocations.add(linkLocation)
+                       }
+                       
+                       image {
+                               href = "/assets/map/images/sector_back.png"
+                               x = (sector.location.x.toDouble() - sector.mapOuterRadius).toString()
+                               y = (sector.location.y.toDouble() - sector.mapOuterRadius).toString()
+                               width = (sector.mapOuterRadius * 2).toString()
+                               height = (sector.mapOuterRadius * 2).toString()
+                       }
+               }
+               
+               for ((linkSysA, linkSysB) in galaxyMap.interSectorLinks) {
+                       val locA = starSystemLocations.getValue(linkSysA.sector).getValue(linkSysA.system)
+                       val locB = starSystemLocations.getValue(linkSysB.sector).getValue(linkSysB.system)
+                       
+                       val linkLocation = SystemLinkLocation(
+                               x1 = locA.x,
+                               y1 = locA.y,
+                               x2 = locB.x,
+                               y2 = locB.y,
+                       )
+                       
+                       systemLinkLocations.add(linkLocation)
+               }
+               
+               for (link in systemLinkLocations) {
+                       line {
+                               x1 = link.x1.toString()
+                               y1 = link.y1.toString()
+                               x2 = link.x2.toString()
+                               y2 = link.y2.toString()
+                               
+                               stroke = "#FFF"
+                               strokeWidth = "0.25"
+                       }
+               }
+               
+               for ((_, sectorStarSystemLocations) in starSystemLocations) {
+                       for ((_, location) in sectorStarSystemLocations) {
+                               circle {
+                                       r = location.r.toString()
+                                       cx = location.x.toString()
+                                       cy = location.y.toString()
+                                       fill = location.c
+                                       stroke = "#FFF"
+                                       strokeWidth = "0.0625"
+                               }
+                       }
+               }
+               
+               for ((_, sectorLoc) in sectorLocations) {
+                       text {
+                               x = sectorLoc.x.toString()
+                               y = (sectorLoc.y - (sectorLoc.rOuter * 2 - sectorLoc.rInner)).toString()
+                               
+                               fill = "#FFF"
+                               stroke = "#000"
+                               strokeWidth = "0.375"
+                               paintOrder = "stroke fill"
+                               
+                               textAnchor = "middle"
+                               fontSize = "2.25"
+                               body = sectorLoc.name
+                       }
+                       
+                       image {
+                               href = "/assets/map/images/sector_front.png"
+                               x = (sectorLoc.x - sectorLoc.rOuter).toString()
+                               y = (sectorLoc.y - sectorLoc.rOuter).toString()
+                               width = (sectorLoc.rOuter * 2).toString()
+                               height = (sectorLoc.rOuter * 2).toString()
+                       }
+               }
+       }
+       
+       galaxySvg.style.asDynamic().pointerEvents = "none"
+       galaxySvg.style.asDynamic().userSelect = "none"
+       
+       val bgCanvas = document.create.canvas(content = "")
+       bgCanvas.width = (galaxyMap.background.size.x.toDouble() * GALAXY_MAP_CANVAS_SIZE_FACTOR).roundToInt()
+       bgCanvas.height = (galaxyMap.background.size.y.toDouble() * GALAXY_MAP_CANVAS_SIZE_FACTOR).roundToInt()
+       addPanEvents(bgCanvas, pan)
+       
+       prepareElementPan(bgCanvas, pan)
+       prepareElementPan(galaxySvg, pan)
+       
+       val scene = Scene()
+       val galaxyBgObj = createGalaxyBg(galaxyMap.background)
+       scene.add(galaxyBgObj)
+       
+       val camera = PerspectiveCamera(69, 1, 0.5, 1.5)
+       
+       contentElement.append(bgCanvas, galaxySvg)
+       
+       val renderer = WebGLRenderer(configure {
+               canvas = bgCanvas
+               antialias = false
+               powerPreference = "high-performance"
+       })
+       
+       renderJob = launch {
+               var time = 0.0
+               deltaTimeFlow.collect { dt ->
+                       renderer.render(scene, camera)
+                       
+                       time += dt
+                       
+                       galaxyMap.background.timeUniform?.let { varName ->
+                               val galaxyBgMat = galaxyBgObj.unsafeCast<Mesh>().material.unsafeCast<ShaderMaterial>()
+                               galaxyBgMat.uniforms[varName]!!.value = time
+                       }
+                       
+                       updateElementPan(bgCanvas, pan)
+                       updateElementPan(galaxySvg, pan)
+               }
+       }
+}
+
+private class SectorMapPan(val camera: PerspectiveCamera, override val sectorId: String, private val sector: SectorMap, private val interSectorLinks: List<InterSectorLinkDestination>, scope: CoroutineScope) : MapPan(scope) {
+       private val rayCaster = Raycaster()
+       
+       override fun handleClick(currX: Double, currY: Double): MapObjectPtr? {
+               rayCaster.setFromCamera(configure {
+                       x = (currX / window.innerWidth * 2) - 1
+                       y = 1 - (currY / window.innerHeight * 2)
+               }, camera)
+               
+               return rayCaster.intersectXzPlane()?.let { mapPos3d ->
+                       val mapPos = Vector2(mapPos3d.x, mapPos3d.z)
+                       
+                       val interSectorLinkDest = interSectorLinks.singleOrNull { dest ->
+                               dest.location.distanceTo(mapPos).toDouble() <= dest.radius
+                       }?.target
+                       
+                       interSectorLinkDest ?: sector.starSystems.toList().singleOrNull { (_, system) ->
+                               system.location.distanceTo(mapPos).toDouble() <= system.sectorMapRadius
+                       }?.let { (systemId, system) ->
+                               system.celestialBodies.toList().singleOrNull { (_, body) ->
+                                       val bodyType = mapViewerData.objectTypes.getValue(body.bodyType)
+                                       val bodyTypeRadiusWithoutRing = bodyType.sphereLayers.maxOf { it.radius }
+                                       val absoluteLocation = Vector2().copy(body.location).add(system.location)
+                                       absoluteLocation.distanceTo(mapPos).toDouble() <= body.size * bodyTypeRadiusWithoutRing
+                               }?.let { (bodyId, _) ->
+                                       CelestialBodyPtr(sectorId, systemId, bodyId)
+                               } ?: StarSystemPtr(sectorId, systemId)
+                       } ?: SectorPtr(sectorId)
+               }
+       }
+       
+       override fun handleDrag(currX: Double, currY: Double, prevX: Double, prevY: Double) {
+               rayCaster.setFromCamera(configure {
+                       x = (prevX / window.innerWidth * 2) - 1
+                       y = 1 - (prevY / window.innerHeight * 2)
+               }, camera)
+               val prevPlanePos = rayCaster.intersectXzPlane()
+               
+               rayCaster.setFromCamera(configure {
+                       x = (currX / window.innerWidth * 2) - 1
+                       y = 1 - (currY / window.innerHeight * 2)
+               }, camera)
+               val currPlanePos = rayCaster.intersectXzPlane()
+               
+               if (prevPlanePos != null && currPlanePos != null) {
+                       val dPlanePos = Vector3().copy(currPlanePos).sub(prevPlanePos)
+                       dPlanePos.y = 0
+                       
+                       camera.position.sub(dPlanePos)
+                       camera.updateMatrixWorld()
+               }
+       }
+}
+
+private fun CoroutineScope.SectorMapPan(camera: PerspectiveCamera, sectorId: String, sector: SectorMap, interSectorLinks: List<InterSectorLinkDestination>) = SectorMapPan(camera, sectorId, sector, interSectorLinks, this)
+
+private fun prepareElement(element: HTMLElement) {
+       element.style.width = "100vw"
+       element.style.height = "100vh"
+       element.style.position = "fixed"
+       element.style.top = "0"
+       element.style.left = "0"
+}
+
+external interface MeshRotationUserData {
+       var angle: Double
+       var speed: Double
+       var axisQuaternion: Quaternion
+}
+
+private var resizeHandler: (() -> Unit)? = null
+private var escapeHandler: (() -> Unit)? = null
+
+fun initWindowEvents() {
+       window.addEventListener("resize", {
+               resizeHandler?.invoke()
+       })
+       
+       document.addEventListener("keyup", {
+               val ev = it.unsafeCast<KeyboardEvent>()
+               if (ev.code == "Escape")
+                       escapeHandler?.invoke()
+       })
+}
+
+sealed class SectorMapSelection {
+       data object NoSelection : SectorMapSelection()
+       data class SelectedSystem(val system: String) : SectorMapSelection()
+       data class SelectedBody(val system: String, val body: String) : SectorMapSelection()
+}
+
+private var sectorMapSelection: SectorMapSelection = SectorMapSelection.NoSelection
+private fun setSelectedLabel(newSelection: SectorMapSelection) {
+       if (newSelection == sectorMapSelection)
+               return
+       
+       val labels = document.getElementsByClassName("sector-map-object-label").asList()
+       for (label in labels) {
+               val isSelected = when (newSelection) {
+                       SectorMapSelection.NoSelection -> false
+                       is SectorMapSelection.SelectedSystem -> label.getAttribute("data-system-id") == newSelection.system && !label.hasAttribute("data-body-id")
+                       is SectorMapSelection.SelectedBody -> label.getAttribute("data-system-id") == newSelection.system && label.getAttribute("data-body-id") == newSelection.body
+               }
+               
+               label.unsafeCast<HTMLElement>().style.fontWeight = if (isSelected) "bold" else "normal"
+       }
+       
+       sectorMapSelection = newSelection
+}
+
+private fun selectionToMapObjectPtr(sectorId: String, selection: SectorMapSelection): MapObjectPtr {
+       return when (selection) {
+               SectorMapSelection.NoSelection -> SectorPtr(sectorId)
+               is SectorMapSelection.SelectedSystem -> StarSystemPtr(sectorId, selection.system)
+               is SectorMapSelection.SelectedBody -> CelestialBodyPtr(sectorId, selection.system, selection.body)
+       }
+}
+
+private data class LocalInterSectorLink(
+       val localSystem: String,
+       val remoteSector: String,
+       val remoteSystem: String
+) {
+       companion object {
+               fun getForSector(sectorId: String) = galaxyMap.interSectorLinks.mapNotNull { (ptrA, ptrB) ->
+                       if (ptrA.sector == sectorId)
+                               LocalInterSectorLink(
+                                       localSystem = ptrA.system,
+                                       remoteSector = ptrB.sector,
+                                       remoteSystem = ptrB.system,
+                               )
+                       else if (ptrB.sector == sectorId)
+                               LocalInterSectorLink(
+                                       localSystem = ptrB.system,
+                                       remoteSector = ptrA.sector,
+                                       remoteSystem = ptrA.system,
+                               )
+                       else null
+               }
+       }
+}
+
+private const val EXTERNAL_LINK_LENGTH = 35.0
+private const val EXTERNAL_LINK_RADIUS = 15.0
+
+private data class InterSectorLinkDestination(
+       val location: Vector2,
+       val target: StarSystemPtr,
+) {
+       val radius: Double
+               get() = EXTERNAL_LINK_RADIUS
+}
+
+private fun createLinkMesh(pointA: Vector2, pointB: Vector2): Mesh {
+       val linkMaterial = MeshBasicMaterial(configure { color = Color("#FFFFFF") })
+       val linkGeometry = TubeGeometry(
+               LineCurve3(
+                       Vector3(pointA.x, 0, pointA.y),
+                       Vector3(pointB.x, 0, pointB.y)
+               ),
+               1,
+               0.5,
+               8,
+               false,
+       )
+       
+       return Mesh(linkGeometry, linkMaterial)
+}
+
+private fun CoroutineScope.renderSector(sectorId: String, initialSelection: SectorMapSelection) {
+       hammerInstance?.destroy()
+       hammerInstance = null
+       renderJob?.cancel()
+       resizeHandler = null
+       escapeHandler = null
+       contentElement.clear()
+       
+       sectorMapSelection = initialSelection
+       setCurrentLocation(selectionToMapObjectPtr(sectorId, initialSelection))
+       
+       val sector = galaxyMap.sectors.getValue(sectorId)
+       
+       val interSectorLinks = mutableListOf<InterSectorLinkDestination>()
+       
+       val cameraPos = when (initialSelection) {
+               SectorMapSelection.NoSelection -> Vector2(0, 0)
+               is SectorMapSelection.SelectedSystem -> sector.starSystems.getValue(initialSelection.system).location
+               is SectorMapSelection.SelectedBody -> {
+                       val system = sector.starSystems.getValue(initialSelection.system)
+                       Vector2().copy(system.location).add(system.celestialBodies.getValue(initialSelection.body).location)
+               }
+       }
+       
+       val camera = PerspectiveCamera(69, window.aspectRatio, 1, 10000)
+       camera.rotateX(-PI / 3)
+       camera.position.set(cameraPos.x, 110.851252, cameraPos.y.toDouble() + 64)
+       camera.updateMatrixWorld(true)
+       
+       val pan = SectorMapPan(camera, sectorId, sector, interSectorLinks)
+       
+       val glCanvas = document.create.canvas(content = "")
+       glCanvas.width = (window.innerWidth * window.devicePixelRatio).roundToInt()
+       glCanvas.height = (window.innerHeight * window.devicePixelRatio).roundToInt()
+       prepareElement(glCanvas)
+       addPanEvents(glCanvas, pan)
+       val glRenderer = WebGLRenderer(configure {
+               canvas = glCanvas
+               antialias = true
+               powerPreference = "high-performance"
+       })
+       
+       val cssCanvas = document.create.div {
+               style = "pointer-events:none;position:fixed;top:0;left:0;width:100vw;height:100vh"
+       }
+       val cssRenderer = CSS3DRenderer(configure {
+               element = cssCanvas
+       })
+       
+       glRenderer.setSize(glCanvas.width, glCanvas.height, false)
+       cssRenderer.setSize(window.innerWidth, window.innerHeight, false)
+       
+       val glScene = Scene()
+       val cssScene = Scene()
+       
+       glScene.add(AmbientLight("#FFFFFF", 0.2))
+       
+       for ((systemId, system) in sector.starSystems) {
+               val systemOwner = mapViewerData.factions.getValue(system.controller)
+               
+               val systemGlGroup = Group()
+               systemGlGroup.position.set(system.location.x, 0, system.location.y)
+               
+               val systemCssGroup = Group()
+               systemCssGroup.position.set(system.location.x, 0, system.location.y)
+               
+               val torusGeometry = TorusGeometry(system.sectorMapRadius, 1, 12, 64)
+               val torusMaterial = MeshBasicMaterial(configure {
+                       color = systemOwner.color
+               })
+               val torus = Mesh(torusGeometry, torusMaterial)
+               torus.rotateX(PI / 2)
+               systemGlGroup.add(torus)
+               
+               for ((bodyId, body) in system.celestialBodies) {
+                       val bodyMesh = createCelestialBody(body.bodyType, body.size)
+                       
+                       bodyMesh.scale.setScalar(body.size)
+                       
+                       bodyMesh.rotateY(body.rotation.angle)
+                       val axisRotation = Quaternion(
+                               body.rotation.axis.z,
+                               0,
+                               -body.rotation.axis.x.toDouble(),
+                               body.rotation.axis.y.toDouble() + 1
+                       ).normalize()
+                       bodyMesh.applyQuaternion(axisRotation)
+                       
+                       bodyMesh.position.set(body.location.x, 0, body.location.y)
+                       
+                       bodyMesh.userData.rotation = configure<MeshRotationUserData> {
+                               angle = body.rotation.angle
+                               speed = body.rotation.speed
+                               axisQuaternion = axisRotation
+                       }
+                       
+                       systemGlGroup.add(bodyMesh)
+                       
+                       val bodyLabel = document.create.div {
+                               p(classes = "sector-map-object-label") {
+                                       style = "font-size:25px;line-height:1.25;text-align:center;transform:translate(0,-50%);color:#DDD;background-color:rgba(0, 0, 0, 0.7333)"
+                                       if (initialSelection is SectorMapSelection.SelectedBody && initialSelection.system == systemId && initialSelection.body == bodyId)
+                                               style += ";font-weight:bold"
+                                       
+                                       attributes["data-system-id"] = systemId
+                                       attributes["data-body-id"] = bodyId
+                                       +body.name
+                               }
+                       }
+                       val bodyLabelSprite = CSS3DSprite(bodyLabel)
+                       bodyLabel.style.asDynamic().pointerEvents = "none"
+                       
+                       bodyLabelSprite.scale.setScalar(0.0625)
+                       bodyLabelSprite.position.set(body.location.x, 0, body.location.y)
+                       systemCssGroup.add(bodyLabelSprite)
+               }
+               
+               glScene.add(systemGlGroup)
+               
+               val systemLabel = document.create.div {
+                       p(classes = "sector-map-object-label") {
+                               style = "font-size:50px;line-height:1.25;text-align:center;transform:translate(0,-100%);color:#FFF;background-color:rgba(0, 0, 0, 0.6)"
+                               if (initialSelection is SectorMapSelection.SelectedSystem && initialSelection.system == systemId)
+                                       style += ";font-weight:bold"
+                               
+                               attributes["data-system-id"] = systemId
+                               img(src = "/assets/images/${systemOwner.flag}.png") {
+                                       style = "vertical-align:middle"
+                                       height = "62.5px"
+                               }
+                               +Entities.nbsp
+                               +system.name
+                       }
+               }
+               val systemLabelSprite = CSS3DSprite(systemLabel)
+               systemLabel.style.asDynamic().pointerEvents = "none"
+               
+               systemLabelSprite.scale.setScalar(0.0625)
+               systemLabelSprite.position.set(0, 35, 0)
+               systemCssGroup.add(systemLabelSprite)
+               
+               cssScene.add(systemCssGroup)
+       }
+       
+       for ((systemIdA, systemIdB) in sector.systemLinks) {
+               val systemA = sector.starSystems.getValue(systemIdA)
+               val systemB = sector.starSystems.getValue(systemIdB)
+               
+               val pointA = Vector2().copy(systemB.location).sub(systemA.location).normalize().multiplyScalar(systemA.sectorMapRadius).add(systemA.location)
+               val pointB = Vector2().copy(systemA.location).sub(systemB.location).normalize().multiplyScalar(systemB.sectorMapRadius).add(systemB.location)
+               
+               glScene.add(createLinkMesh(pointA, pointB))
+       }
+       
+       for ((localSystemId, remoteSectorId, remoteSystemId) in LocalInterSectorLink.getForSector(sectorId)) {
+               val localSystem = sector.starSystems.getValue(localSystemId)
+               val remoteSector = galaxyMap.sectors.getValue(remoteSectorId)
+               val remoteSystem = remoteSector.starSystems.getValue(remoteSystemId)
+               val remoteSystemOwner = mapViewerData.factions.getValue(remoteSystem.controller)
+               
+               val directionToRemoteSector = Vector2().copy(remoteSector.location).sub(sector.location).normalize()
+               
+               val linkStart = Vector2().copy(directionToRemoteSector).multiplyScalar(localSystem.sectorMapRadius).add(localSystem.location)
+               val linkEnd = Vector2().copy(directionToRemoteSector).multiplyScalar(EXTERNAL_LINK_LENGTH).add(linkStart)
+               val linkDestCenter = Vector2().copy(directionToRemoteSector).multiplyScalar(EXTERNAL_LINK_RADIUS).add(linkEnd)
+               
+               glScene.add(createLinkMesh(linkStart, linkEnd))
+               
+               val torusGeometry = TorusGeometry(EXTERNAL_LINK_RADIUS, 1, 12, 64)
+               val torusMaterial = MeshBasicMaterial(configure {
+                       color = remoteSystemOwner.color
+               })
+               val torus = Mesh(torusGeometry, torusMaterial)
+               torus.rotateX(PI / 2)
+               torus.position.set(linkDestCenter.x, 0, linkDestCenter.y)
+               glScene.add(torus)
+               
+               val linkLabel = document.create.div {
+                       p {
+                               style = "font-size:50px;line-height:1.25;text-align:center;transform:translate(0,-100%);color:#FFF;background-color:rgba(0, 0, 0, 0.6)"
+                               
+                               img(src = "/assets/images/${remoteSystemOwner.flag}.png") {
+                                       style = "vertical-align:middle"
+                                       height = "62.5px"
+                               }
+                               +Entities.nbsp
+                               +remoteSystem.name
+                               br
+                               +"\u21D2 ${remoteSector.name}"
+                       }
+               }
+               val linkLabelSprite = CSS3DSprite(linkLabel)
+               linkLabel.style.asDynamic().pointerEvents = "none"
+               
+               linkLabelSprite.scale.setScalar(0.0625)
+               linkLabelSprite.position.set(linkDestCenter.x, 5, linkDestCenter.y)
+               cssScene.add(linkLabelSprite)
+               
+               interSectorLinks.add(InterSectorLinkDestination(linkDestCenter, StarSystemPtr(remoteSectorId, remoteSystemId)))
+       }
+       
+       glScene.add(createSpacebox(sector.mapBg))
+       
+       contentElement.append(glCanvas, cssCanvas)
+       
+       resizeHandler = {
+               glCanvas.width = (window.innerWidth * window.devicePixelRatio).roundToInt()
+               glCanvas.height = (window.innerHeight * window.devicePixelRatio).roundToInt()
+               
+               camera.aspect = window.aspectRatio
+               camera.updateProjectionMatrix()
+               
+               glRenderer.setSize(glCanvas.width, glCanvas.height, false)
+               cssRenderer.setSize(window.innerWidth, window.innerHeight, false)
+       }
+       
+       escapeHandler = {
+               renderGalaxy(sector.location)
+       }
+       
+       renderJob = launch {
+               deltaTimeFlow.collect { dt ->
+                       glRenderer.render(glScene, camera)
+                       cssRenderer.render(cssScene, camera)
+                       
+                       glScene.traverse { obj ->
+                               if (obj.userData.rotation != null) {
+                                       obj.setRotationFromQuaternion(Quaternion(0, 0, 0, 1))
+                                       
+                                       val rotation = obj.userData.rotation.unsafeCast<MeshRotationUserData>()
+                                       rotation.angle += dt * rotation.speed
+                                       
+                                       obj.rotateY(rotation.angle)
+                                       obj.applyQuaternion(rotation.axisQuaternion)
+                               }
+                       }
+               }
+       }
+}
+
+private fun CoroutineScope.renderLore(ptr: MapObjectPtr) {
+       val loreBar = document.getElementById("lore-bar")!!.unsafeCast<HTMLDivElement>()
+       
+       loreBar.clear()
+       
+       loreBar.append {
+               when (ptr) {
+                       GalaxyPtr -> {
+                               h1 { +galaxyMap.universeTitle }
+                       }
+                       
+                       is SectorPtr -> {
+                               val sector = galaxyMap.sectors.getValue(ptr.sector)
+                               p {
+                                       a(href = GalaxyPtr.toUrl().href) {
+                                               onClickFunction = { ev ->
+                                                       ev.preventDefault()
+                                                       openPtr(GalaxyPtr, ptr.sector)
+                                               }
+                                               
+                                               +galaxyMap.universeTitle
+                                       }
+                               }
+                               h1 {
+                                       +sector.name
+                               }
+                       }
+                       
+                       is StarSystemPtr -> {
+                               val sector = galaxyMap.sectors.getValue(ptr.sector)
+                               val system = sector.starSystems.getValue(ptr.system)
+                               p {
+                                       a(href = GalaxyPtr.toUrl().href) {
+                                               onClickFunction = { ev ->
+                                                       ev.preventDefault()
+                                                       openPtr(GalaxyPtr, ptr.sector)
+                                               }
+                                               
+                                               +galaxyMap.universeTitle
+                                       }
+                                       +" > "
+                                       val sectorPtr = SectorPtr(ptr.sector)
+                                       a(href = sectorPtr.toUrl().href) {
+                                               onClickFunction = { ev ->
+                                                       ev.preventDefault()
+                                                       openPtr(sectorPtr, ptr.sector)
+                                               }
+                                               
+                                               +sector.name
+                                       }
+                               }
+                               h1 {
+                                       +system.name
+                               }
+                               p {
+                                       style = "text-align:center;font-style:italic"
+                                       val controller = mapViewerData.factions.getValue(system.controller)
+                                       +"Controlled by ${controller.name}"
+                               }
+                       }
+                       
+                       is CelestialBodyPtr -> {
+                               val sector = galaxyMap.sectors.getValue(ptr.sector)
+                               val system = sector.starSystems.getValue(ptr.system)
+                               val body = system.celestialBodies.getValue(ptr.body)
+                               p {
+                                       a(href = GalaxyPtr.toUrl().href) {
+                                               onClickFunction = { ev ->
+                                                       ev.preventDefault()
+                                                       openPtr(GalaxyPtr, ptr.sector)
+                                               }
+                                               
+                                               +galaxyMap.universeTitle
+                                       }
+                                       +" > "
+                                       val sectorPtr = SectorPtr(ptr.sector)
+                                       a(href = sectorPtr.toUrl().href) {
+                                               onClickFunction = { ev ->
+                                                       ev.preventDefault()
+                                                       openPtr(sectorPtr, ptr.sector)
+                                               }
+                                               
+                                               +sector.name
+                                       }
+                                       +" > "
+                                       val starSystemPtr = StarSystemPtr(ptr.sector, ptr.system)
+                                       a(href = starSystemPtr.toUrl().href) {
+                                               onClickFunction = { ev ->
+                                                       ev.preventDefault()
+                                                       openPtr(starSystemPtr, ptr.sector)
+                                               }
+                                               
+                                               +system.name
+                                       }
+                               }
+                               h1 {
+                                       +body.name
+                               }
+                               p {
+                                       style = "text-align:center;font-style:italic"
+                                       val objectType = mapViewerData.objectTypes.getValue(body.bodyType)
+                                       +objectType.typeName
+                               }
+                       }
+               }
+               
+               val lore = when (ptr) {
+                       GalaxyPtr -> galaxyLore.lore
+                       is SectorPtr -> galaxyLore.sectors[ptr.sector]?.lore
+                       is StarSystemPtr -> galaxyLore.sectors[ptr.sector]?.systems?.get(ptr.system)?.lore
+                       is CelestialBodyPtr -> galaxyLore.sectors[ptr.sector]?.systems?.get(ptr.system)?.celestialBodies?.get(ptr.body)?.lore
+               }.orEmpty()
+               
+               div {
+                       unsafe {
+                               raw(lore)
+                       }
+               }
+               
+               when (ptr) {
+                       GalaxyPtr -> {
+                               val sectorsList = galaxyMap.sectors.toList().sortedBy { (_, sector) -> sector.name }
+                               
+                               if (sectorsList.isNotEmpty()) {
+                                       h2 { +"Sectors" }
+                                       p {
+                                               ul {
+                                                       for ((sectorId, sector) in sectorsList)
+                                                               li {
+                                                                       val sectorPtr = SectorPtr(sectorId)
+                                                                       a(href = sectorPtr.toUrl().href) {
+                                                                               onClickFunction = { ev ->
+                                                                                       ev.preventDefault()
+                                                                                       renderMap(sectorPtr)
+                                                                               }
+                                                                               
+                                                                               +sector.name
+                                                                       }
+                                                               }
+                                               }
+                                       }
+                               }
+                       }
+                       
+                       is SectorPtr -> {
+                               val systemsList = galaxyMap.sectors.getValue(ptr.sector).starSystems.toList()
+                                       .sortedBy { (_, system) -> system.name }
+                               
+                               if (systemsList.isNotEmpty()) {
+                                       h2 { +"Systems" }
+                                       p {
+                                               ul {
+                                                       for ((systemId, system) in systemsList)
+                                                               li {
+                                                                       val systemPtr = StarSystemPtr(ptr.sector, systemId)
+                                                                       a(href = systemPtr.toUrl().href) {
+                                                                               onClickFunction = { ev ->
+                                                                                       ev.preventDefault()
+                                                                                       renderMap(systemPtr)
+                                                                               }
+                                                                               
+                                                                               +system.name
+                                                                       }
+                                                               }
+                                               }
+                                       }
+                               }
+                       }
+                       
+                       is StarSystemPtr -> {
+                               val bodiesList = galaxyMap.sectors.getValue(ptr.sector).starSystems.getValue(ptr.system).celestialBodies.toList()
+                                       .sortedBy { (_, body) ->
+                                               body.location.length().toDouble()
+                                       }
+                               
+                               if (bodiesList.isNotEmpty()) {
+                                       h2 { +"Celestial Objects" }
+                                       p {
+                                               ul {
+                                                       for ((bodyId, body) in bodiesList)
+                                                               li {
+                                                                       val bodyPtr = CelestialBodyPtr(ptr.sector, ptr.system, bodyId)
+                                                                       a(href = bodyPtr.toUrl().href) {
+                                                                               onClickFunction = { ev ->
+                                                                                       ev.preventDefault()
+                                                                                       renderMap(CelestialBodyPtr(ptr.sector, ptr.system, bodyId))
+                                                                               }
+                                                                               
+                                                                               +body.name
+                                                                       }
+                                                               }
+                                               }
+                                       }
+                               }
+                       }
+                       
+                       is CelestialBodyPtr -> {}
+               }
+       }
+}
+
+fun CoroutineScope.renderMap(ptr: MapObjectPtr) {
+       when (ptr) {
+               GalaxyPtr -> renderGalaxy(galaxyLore.mainSectorId?.let { galaxyMap.sectors.getValue(it) }?.location)
+               is SectorPtr -> renderSector(ptr.sector, SectorMapSelection.NoSelection)
+               is StarSystemPtr -> renderSector(ptr.sector, SectorMapSelection.SelectedSystem(ptr.system))
+               is CelestialBodyPtr -> renderSector(ptr.sector, SectorMapSelection.SelectedBody(ptr.system, ptr.body))
+       }
+}
diff --git a/src/mapMain/kotlin/info/mechyrdia/mapviewer/search.kt b/src/mapMain/kotlin/info/mechyrdia/mapviewer/search.kt
new file mode 100644 (file)
index 0000000..fa44186
--- /dev/null
@@ -0,0 +1,66 @@
+package info.mechyrdia.mapviewer
+
+import kotlinx.coroutines.flow.*
+
+data class SearchResult(
+       val name: String,
+       val match: List<IntRange>,
+       val ptr: MapObjectPtr,
+)
+
+const val MIN_QUERY_LENGTH = 3
+const val MAX_QUERY_RESULTS = 10
+
+private fun getMatches(name: String, query: String): List<IntRange> {
+       return Regex.fromLiteral(query).findAll(name).map { it.range }.toList()
+}
+
+suspend fun searchGalaxy(query: String): List<SearchResult> {
+       if (query.length < MIN_QUERY_LENGTH)
+               return emptyList()
+       
+       return wholeGalaxy().mapNotNull { (ptr, name) ->
+               val matches = getMatches(name, query)
+               if (matches.isEmpty())
+                       null
+               else
+                       SearchResult(name, matches, ptr)
+       }.take(MAX_QUERY_RESULTS).toList().sortedBy {
+               it.name
+       }.sortedBy {
+               it.match[0].first
+       }
+}
+
+private const val MAX_COUNT = 20
+
+private suspend fun delayIfCounterReached(counter: Int): Int {
+       return if (counter >= MAX_COUNT) {
+               awaitAnimationFrame()
+               0
+       } else
+               counter + 1
+}
+
+suspend fun wholeGalaxy(): Flow<Pair<MapObjectPtr, String>> {
+       return flow {
+               var counter = 0
+               emit(GalaxyPtr to galaxyMap.universeTitle)
+               counter = delayIfCounterReached(counter)
+               
+               for ((sectorId, sector) in galaxyMap.sectors) {
+                       emit(SectorPtr(sectorId) to sector.name)
+                       counter = delayIfCounterReached(counter)
+                       
+                       for ((systemId, system) in sector.starSystems) {
+                               emit(StarSystemPtr(sectorId, systemId) to system.name)
+                               counter = delayIfCounterReached(counter)
+                               
+                               for ((bodyId, body) in system.celestialBodies) {
+                                       emit(CelestialBodyPtr(sectorId, systemId, bodyId) to body.name)
+                                       counter = delayIfCounterReached(counter)
+                               }
+                       }
+               }
+       }
+}
diff --git a/src/mapMain/kotlin/info/mechyrdia/mapviewer/utils.kt b/src/mapMain/kotlin/info/mechyrdia/mapviewer/utils.kt
new file mode 100644 (file)
index 0000000..4542ef7
--- /dev/null
@@ -0,0 +1,64 @@
+package info.mechyrdia.mapviewer
+
+import com.github.nwillc.ksvg.RenderMode
+import kotlinx.browser.document
+import kotlinx.browser.window
+import kotlinx.coroutines.currentCoroutineContext
+import kotlinx.coroutines.flow.Flow
+import kotlinx.coroutines.flow.flow
+import kotlinx.coroutines.isActive
+import kotlinx.coroutines.suspendCancellableCoroutine
+import kotlinx.html.*
+import org.w3c.dom.Window
+import org.w3c.dom.svg.SVGElement
+import kotlin.coroutines.resume
+import com.github.nwillc.ksvg.elements.Element as KSVGElement
+import com.github.nwillc.ksvg.elements.SVG as KSVG
+
+fun <T : Any> configure(block: T.() -> Unit): T = js("{}").unsafeCast<T>().apply(block)
+
+val Window.aspectRatio: Double
+       get() = innerWidth.toDouble() / innerHeight
+
+suspend fun awaitAnimationFrame(): Double = suspendCancellableCoroutine { continuation ->
+       val handle = window.requestAnimationFrame { t ->
+               continuation.resume(t)
+       }
+       
+       continuation.invokeOnCancellation {
+               window.cancelAnimationFrame(handle)
+       }
+}
+
+val deltaTimeFlow: Flow<Double>
+       get() = flow {
+               var prevTime = awaitAnimationFrame()
+               while (currentCoroutineContext().isActive) {
+                       val currTime = awaitAnimationFrame()
+                       emit((currTime - prevTime) / 1000.0)
+                       prevTime = currTime
+               }
+       }
+
+private fun SVG.asKsvg(block: KSVG.() -> Unit) {
+       val myKsvg = KSVG.svg(block = block)
+       
+       val ksvgAttributes = myKsvg.getAttributes(RenderMode.INLINE)
+       for ((attribute, attributeValue) in ksvgAttributes)
+               attributes[attribute] = attributeValue
+       
+       unsafe {
+               raw(buildString {
+                       for (ksvgElement in myKsvg.children)
+                               ksvgElement.render(this, RenderMode.INLINE)
+               })
+       }
+}
+
+fun <T, C : TagConsumer<T>> C.ksvg(block: KSVG.() -> Unit = {}) = svg {
+       asKsvg(block)
+}
+
+fun FlowOrPhrasingContent.ksvg(block: KSVG.() -> Unit = {}) = svg {
+       asKsvg(block)
+}
index 0a497b72180364ea115cd444a54659992b0e6fc5..2cf95552aac564dfe9474f47725bfe77deaf3ed7 100644 (file)
@@ -1,7 +1,9 @@
+REPLACE_TEXT = '<html lang="en">'
+
 THEMES = [
-       ('index-dark.html', ' data-theme="dark"'),
-       ('index-light.html', ' data-theme="light"'),
-       ('index-system.html', '')
+       ('index-dark.html', '<html lang="en" data-theme="dark">'),
+       ('index-light.html', '<html lang="en" data-theme="light">'),
+       ('index-system.html', '<html lang="en">')
 ]
 
 DEST_DIR = "../test/assets/map"
@@ -10,6 +12,6 @@ with open("map-index.html", 'r') as text_reader:
        text = text_reader.read()
 
 for (theme_file, theme_attr) in THEMES:
-       new_text = text.replace("{{THEME}}", theme_attr)
+       new_text = text.replace(REPLACE_TEXT, theme_attr)
        with open(f'{DEST_DIR}/{theme_file}', 'w') as text_writer:
                text_writer.write(new_text)
index 068621be5171731bc4165e43380fafcd1e020d01..364c9f6fe3881b9548b942435a57759deb790079 100644 (file)
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en"{{THEME}}>
+<html lang="en">
 
 <head>
        <meta charset="utf-8"/>