1 рік тому · d3b0fd2d5c
--- a/examples/3d-tiles-renderer/index.html
+++ b/examples/3d-tiles-renderer/index.html
@@ -25,6 +25,7 @@
            overflow: hidden;
        }
    </style>
    <script type="module" src="../examples-utils/global-loading.mjs"></script>
    <script type="module" src="../examples-utils/simple-code-preview.mjs"></script>
    <script id="example-script" type="module" src="./script.js" data-scripts="./script.ts;./script.js"></script>
 </head>
--- a/examples/3dm-to-glb/index.html
+++ b/examples/3dm-to-glb/index.html
@@ -24,6 +24,7 @@
            overflow: hidden;
        }
    </style>
    <script type="module" src="../examples-utils/global-loading.mjs"></script>
    <script type="module" src="../examples-utils/simple-code-preview.mjs"></script>
    <script id="example-script" type="module" src="./script.js" data-scripts="./script.ts;./script.js"></script>
 </head>
--- a/examples/3dm-to-glb/script.ts
+++ b/examples/3dm-to-glb/script.ts
@@ -1,4 +1,12 @@
 import {_testFinish, downloadBlob, IObject3D, LoadingScreenPlugin, Rhino3dmLoadPlugin, ThreeViewer} from 'threepipe'
 import {
    _testFinish,
    _testStart,
    downloadBlob,
    IObject3D,
    LoadingScreenPlugin,
    Rhino3dmLoadPlugin,
    ThreeViewer,
 } from 'threepipe'

 const viewer = new ThreeViewer({
    canvas: document.getElementById('mcanvas') as HTMLCanvasElement,
@@ -47,4 +55,5 @@ async function init() {

 }

 _testStart()
 init().finally(_testFinish)
--- a/examples/advanced-ground-plugin/index.html
+++ b/examples/advanced-ground-plugin/index.html
@@ -0,0 +1,38 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
    <meta charset="UTF-8">
    <title>Advanced Ground Plugin</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- Import maps polyfill -->
    <!-- Remove this when import maps will be widely supported -->
    <script async src="https://unpkg.com/es-module-shims@1.6.3/dist/es-module-shims.js"></script>

    <script type="importmap">
    {
        "imports": {
          "@threepipe/webgi-plugins": "https://unpkg.com/@threepipe/webgi-plugins@0.5.0/dist/index.mjs",
          "threepipe": "./../../dist/index.mjs",
          "@threepipe/plugin-tweakpane": "./../../plugins/tweakpane/dist/index.mjs"
        }
    }

    </script>
    <style id="example-style">
        html, body, #canvas-container, #mcanvas {
            width: 100%;
            height: 100%;
            margin: 0;
            overflow: hidden;
        }
    </style>
    <script type="module" src="../examples-utils/global-loading.mjs"></script>
    <script type="module" src="../examples-utils/simple-code-preview.mjs"></script>
    <script id="example-script" type="module" src="./script.js" data-scripts="./script.ts;./script.js"></script>
 </head>
 <body>
 <div id="canvas-container">
    <canvas id="mcanvas"></canvas>
 </div>

 </body>
--- a/examples/advanced-ground-plugin/script.ts
+++ b/examples/advanced-ground-plugin/script.ts
@@ -0,0 +1,55 @@
 import {
    _testFinish, _testStart,
    GBufferPlugin,
    IObject3D,
    LoadingScreenPlugin,
    PCFSoftShadowMap,
    RenderTargetPreviewPlugin,
    SSAAPlugin,
    ThreeViewer,
 } from 'threepipe'
 import {TweakpaneUiPlugin} from '@threepipe/plugin-tweakpane'
 // @ts-expect-error todo fix import
 import {AdvancedGroundPlugin, SSReflectionPlugin, TemporalAAPlugin} from '@threepipe/webgi-plugins'

 async function init() {

    const viewer = new ThreeViewer({
        canvas: document.getElementById('mcanvas') as HTMLCanvasElement,
        msaa: true,
        rgbm: true,
        dropzone: {
            addOptions: {
                disposeSceneObjects: true,
            },
        },
        plugins: [LoadingScreenPlugin, GBufferPlugin, SSAAPlugin, TemporalAAPlugin],
        // rgbm: false,
    })
    viewer.renderManager.stableNoise = true

    const ground = viewer.addPluginSync(AdvancedGroundPlugin)
    ground.planarReflections = true

    const ui = viewer.addPluginSync(new TweakpaneUiPlugin(true))

    await viewer.setEnvironmentMap('https://threejs.org/examples/textures/equirectangular/venice_sunset_1k.hdr', {
        setBackground: false,
    })
    await viewer.load<IObject3D>('https://threejs.org/examples/models/gltf/DamagedHelmet/glTF/DamagedHelmet.gltf', {
        autoCenter: true,
        autoScale: true,
    })

    ui.setupPluginUi(AdvancedGroundPlugin)

    viewer.renderManager.renderer.shadowMap.type = PCFSoftShadowMap

    const rt = viewer.addPluginSync(RenderTargetPreviewPlugin)
    rt.addTarget(()=>ground.shadowBaker?.light.shadow.map, 'shadow', false, false, true, (s)=>s + ' = vec4(' + s + '.r/2.);')
    rt.addTarget(()=>ground.shadowBaker?.target, 'baked shadow', false, false, true)

 }

 _testStart()
 init().then(_testFinish)
--- a/examples/ambient-light/index.html
+++ b/examples/ambient-light/index.html
@@ -25,6 +25,7 @@
            overflow: hidden;
        }
    </style>
    <script type="module" src="../examples-utils/global-loading.mjs"></script>
    <script type="module" src="../examples-utils/simple-code-preview.mjs"></script>
    <script id="example-script" type="module" src="./script.js" data-scripts="./script.ts;./script.js"></script>
 </head>
--- a/examples/ambient-light/script.ts
+++ b/examples/ambient-light/script.ts
@@ -1,5 +1,5 @@
 import {
    _testFinish,
    _testFinish, _testStart,
    AmbientLight2,
    Box3B,
    IObject3D,
@@ -50,4 +50,5 @@ async function init() {
    ui.appendChild(light.uiConfig, {expanded: true})
 }

 _testStart()
 init().finally(_testFinish)
--- a/examples/anisotropy-plugin/index.html
+++ b/examples/anisotropy-plugin/index.html
@@ -26,6 +26,7 @@
            overflow: hidden;
        }
    </style>
    <script type="module" src="../examples-utils/global-loading.mjs"></script>
    <script type="module" src="../examples-utils/simple-code-preview.mjs"></script>
    <script id="example-script" type="module" src="./script.js" data-scripts="./script.ts;./script.js"></script>
 </head>
--- a/examples/anisotropy-plugin/script.ts
+++ b/examples/anisotropy-plugin/script.ts
@@ -1,4 +1,12 @@
 import {_testFinish, IObject3D, LoadingScreenPlugin, PickingPlugin, SSAAPlugin, ThreeViewer} from 'threepipe'
 import {
    _testFinish,
    _testStart,
    IObject3D,
    LoadingScreenPlugin,
    PickingPlugin,
    SSAAPlugin,
    ThreeViewer,
 } from 'threepipe'
 import {TweakpaneUiPlugin} from '@threepipe/plugin-tweakpane'
 // @ts-expect-error todo fix
 import {AnisotropyPlugin, BloomPlugin, OutlinePlugin, SSContactShadowsPlugin, TemporalAAPlugin} from '@threepipe/webgi-plugins'
@@ -45,4 +53,5 @@ async function init() {

 }

 _testStart()
 init().then(_testFinish)
--- a/examples/asset-exporter-plugin/index.html
+++ b/examples/asset-exporter-plugin/index.html
@@ -26,6 +26,7 @@
            overflow: hidden;
        }
    </style>
    <script type="module" src="../examples-utils/global-loading.mjs"></script>
    <script type="module" src="../examples-utils/simple-code-preview.mjs"></script>
    <script id="example-script" type="module" src="./script.js" data-scripts="./script.ts;./script.js"></script>
 </head>
--- a/examples/asset-exporter-plugin/script.ts
+++ b/examples/asset-exporter-plugin/script.ts
@@ -1,5 +1,5 @@
 import {
    _testFinish,
    _testFinish, _testStart,
    AssetExporterPlugin,
    IObject3D,
    LoadingScreenPlugin,
@@ -37,4 +37,5 @@ async function init() {

 }

 _testStart()
 init().finally(_testFinish)
--- a/examples/aws-client-plugin/index.html
+++ b/examples/aws-client-plugin/index.html
@@ -26,6 +26,7 @@
            overflow: hidden;
        }
    </style>
    <script type="module" src="../examples-utils/global-loading.mjs"></script>
    <script type="module" src="../examples-utils/simple-code-preview.mjs"></script>
    <script id="example-script" type="module" src="./script.js" data-scripts="./script.ts;./script.js"></script>
 </head>
--- a/examples/aws-client-plugin/script.ts
+++ b/examples/aws-client-plugin/script.ts
@@ -1,5 +1,5 @@
 import {
    _testFinish,
    _testFinish, _testStart,
    AssetExporterPlugin,
    IObject3D,
    LoadingScreenPlugin,
@@ -56,4 +56,5 @@ async function init() {

 }

 _testStart()
 init().finally(_testFinish)
--- a/examples/b3dm-load/index.html
+++ b/examples/b3dm-load/index.html
@@ -25,9 +25,10 @@
            overflow: hidden;
        }
    </style>
    <script type="module" src="../examples-utils/global-loading.mjs"></script>
    <script type="module" src="../examples-utils/simple-code-preview.mjs"></script>
    <script id="example-script" type="module">
        import {_testFinish, LoadingScreenPlugin, ThreeViewer, Vector3} from 'threepipe'
        import {_testFinish, _testStart, LoadingScreenPlugin, ThreeViewer} from 'threepipe'
        import {B3DMLoadPlugin} from '@threepipe/plugin-3d-tiles-renderer'

        const viewer = new ThreeViewer({canvas: document.getElementById('mcanvas')})
@@ -58,6 +59,7 @@
            result2.setDirty()
        }

        _testStart()
        init().finally(_testFinish)
    </script>
 </head>
--- a/examples/basic-svg-renderer-plugin/index.html
+++ b/examples/basic-svg-renderer-plugin/index.html
@@ -27,6 +27,7 @@
            overflow: hidden;
        }
    </style>
    <script type="module" src="../examples-utils/global-loading.mjs"></script>
    <script type="module" src="../examples-utils/simple-code-preview.mjs"></script>
    <script id="example-script" type="module" src="./script.js" data-scripts="./script.ts;./script.js"></script>
 </head>
--- a/examples/basic-svg-renderer-plugin/script.ts
+++ b/examples/basic-svg-renderer-plugin/script.ts
@@ -1,4 +1,4 @@
 import {_testFinish, DirectionalLight2, LoadingScreenPlugin, ThreeViewer} from 'threepipe'
 import {_testFinish, _testStart, DirectionalLight2, LoadingScreenPlugin, ThreeViewer} from 'threepipe'
 import {TweakpaneUiPlugin} from '@threepipe/plugin-tweakpane'
 import {BasicSVGRendererPlugin} from '@threepipe/plugin-svg-renderer'

@@ -38,4 +38,5 @@ async function init() {
    ui.appendChild(l.uiConfig)
 }

 _testStart()
 init().finally(_testFinish)
--- a/examples/blend-load/index.html
+++ b/examples/blend-load/index.html
@@ -25,9 +25,10 @@
            overflow: hidden;
        }
    </style>
    <script type="module" src="../examples-utils/global-loading.mjs"></script>
    <script type="module" src="../examples-utils/simple-code-preview.mjs"></script>
    <script id="example-script" type="module">
        import {_testFinish, LoadingScreenPlugin, ThreeViewer} from 'threepipe'
        import {_testFinish, _testStart, LoadingScreenPlugin, ThreeViewer} from 'threepipe'
        import {BlendLoadPlugin} from '@threepipe/plugin-blend-importer'

        const viewer = new ThreeViewer({canvas: document.getElementById('mcanvas')})
@@ -43,6 +44,7 @@
            console.log(result)
        }

        _testStart()
        init().finally(_testFinish)
    </script>
 </head>
--- a/examples/bloom-plugin/index.html
+++ b/examples/bloom-plugin/index.html
@@ -26,6 +26,7 @@
            overflow: hidden;
        }
    </style>
    <script type="module" src="../examples-utils/global-loading.mjs"></script>
    <script type="module" src="../examples-utils/simple-code-preview.mjs"></script>
    <script id="example-script" type="module" src="./script.js" data-scripts="./script.ts;./script.js"></script>
 </head>
--- a/examples/bloom-plugin/script.ts
+++ b/examples/bloom-plugin/script.ts
@@ -1,4 +1,12 @@
 import {_testFinish, IObject3D, LoadingScreenPlugin, PhysicalMaterial, SSAAPlugin, ThreeViewer} from 'threepipe'
 import {
    _testFinish,
    _testStart,
    IObject3D,
    LoadingScreenPlugin,
    PhysicalMaterial,
    SSAAPlugin,
    ThreeViewer,
 } from 'threepipe'
 import {TweakpaneUiPlugin} from '@threepipe/plugin-tweakpane'
 // @ts-expect-error todo fix
 import {BloomPlugin, TemporalAAPlugin} from '@threepipe/webgi-plugins'
@@ -47,4 +55,5 @@ async function init() {

 }

 _testStart()
 init().then(_testFinish)
--- a/examples/blueprintjs-ui-plugin/index.html
+++ b/examples/blueprintjs-ui-plugin/index.html
@@ -25,6 +25,7 @@
            overflow: hidden;
        }
    </style>
    <script type="module" src="../examples-utils/global-loading.mjs"></script>
    <script type="module" src="../examples-utils/simple-code-preview.mjs"></script>
    <script id="example-script" type="module" src="./script.js" data-scripts="./script.ts;./script.js"></script>
 </head>
--- a/examples/blueprintjs-ui-plugin/script.ts
+++ b/examples/blueprintjs-ui-plugin/script.ts
@@ -1,4 +1,4 @@
 import {_testFinish, IObject3D, LoadingScreenPlugin, ThreeViewer, TonemapPlugin} from 'threepipe'
 import {_testFinish, _testStart, IObject3D, LoadingScreenPlugin, ThreeViewer, TonemapPlugin} from 'threepipe'
 import {BlueprintJsUiPlugin} from '@threepipe/plugin-blueprintjs'

 async function init() {
@@ -23,4 +23,5 @@ async function init() {

 }

 _testStart()
 init().finally(_testFinish)
--- a/examples/camera-ortho-uiconfig/index.html
+++ b/examples/camera-ortho-uiconfig/index.html
@@ -25,6 +25,7 @@
            overflow: hidden;
        }
    </style>
    <script type="module" src="../examples-utils/global-loading.mjs"></script>
    <script type="module" src="../examples-utils/simple-code-preview.mjs"></script>
    <script id="example-script" type="module" src="./script.js" data-scripts="./script.ts;./script.js"></script>
 </head>
--- a/examples/camera-ortho-uiconfig/script.ts
+++ b/examples/camera-ortho-uiconfig/script.ts
@@ -1,4 +1,4 @@
 import {_testFinish, IObject3D, LoadingScreenPlugin, ThreeViewer} from 'threepipe'
 import {_testFinish, _testStart, IObject3D, LoadingScreenPlugin, ThreeViewer} from 'threepipe'
 import {TweakpaneUiPlugin} from '@threepipe/plugin-tweakpane'

 async function init() {
@@ -25,4 +25,5 @@ async function init() {

 }

 _testStart()
 init().finally(_testFinish)
--- a/examples/camera-uiconfig/index.html
+++ b/examples/camera-uiconfig/index.html
@@ -25,6 +25,7 @@
            overflow: hidden;
        }
    </style>
    <script type="module" src="../examples-utils/global-loading.mjs"></script>
    <script type="module" src="../examples-utils/simple-code-preview.mjs"></script>
    <script id="example-script" type="module" src="./script.js" data-scripts="./script.ts;./script.js"></script>
 </head>
--- a/examples/camera-uiconfig/script.ts
+++ b/examples/camera-uiconfig/script.ts
@@ -1,4 +1,4 @@
 import {_testFinish, IObject3D, LoadingScreenPlugin, ThreeViewer} from 'threepipe'
 import {_testFinish, _testStart, IObject3D, LoadingScreenPlugin, ThreeViewer} from 'threepipe'
 import {TweakpaneUiPlugin} from '@threepipe/plugin-tweakpane'

 async function init() {
@@ -22,4 +22,5 @@ async function init() {

 }

 _testStart()
 init().finally(_testFinish)
--- a/examples/camera-view-plugin/index.html
+++ b/examples/camera-view-plugin/index.html
@@ -25,6 +25,7 @@
            overflow: hidden;
        }
    </style>
    <script type="module" src="../examples-utils/global-loading.mjs"></script>
    <script type="module" src="../examples-utils/simple-code-preview.mjs"></script>
    <script id="example-script" type="module" src="./script.js" data-scripts="./script.ts;./script.js"></script>
 </head>
--- a/examples/camera-view-plugin/script.ts
+++ b/examples/camera-view-plugin/script.ts
@@ -1,5 +1,5 @@
 import {
    _testFinish,
    _testFinish, _testStart,
    CameraView,
    CameraViewPlugin,
    EasingFunctions,
@@ -84,4 +84,5 @@ async function init() {

 }

 _testStart()
 init().finally(_testFinish)
--- a/examples/canvas-snapshot-plugin/index.html
+++ b/examples/canvas-snapshot-plugin/index.html
@@ -24,6 +24,7 @@
            overflow: hidden;
        }
    </style>
    <script type="module" src="../examples-utils/global-loading.mjs"></script>
    <script type="module" src="../examples-utils/simple-code-preview.mjs"></script>
    <script id="example-script" type="module" src="./script.js" data-scripts="./script.ts;./script.js"></script>
 </head>
--- a/examples/canvas-snapshot-plugin/script.ts
+++ b/examples/canvas-snapshot-plugin/script.ts
@@ -1,5 +1,5 @@
 import {
    _testFinish,
    _testFinish, _testStart,
    CanvasSnapshotPlugin,
    isWebpExportSupported,
    LoadingScreenPlugin,
@@ -98,4 +98,5 @@ async function init() {

 }

 _testStart()
 init().finally(_testFinish)
--- a/examples/chromatic-aberration-plugin/index.html
+++ b/examples/chromatic-aberration-plugin/index.html
@@ -25,6 +25,7 @@
            overflow: hidden;
        }
    </style>
    <script type="module" src="../examples-utils/global-loading.mjs"></script>
    <script type="module" src="../examples-utils/simple-code-preview.mjs"></script>
    <script id="example-script" type="module" src="./script.js" data-scripts="./script.ts;./script.js"></script>
 </head>
--- a/examples/chromatic-aberration-plugin/script.ts
+++ b/examples/chromatic-aberration-plugin/script.ts
@@ -1,4 +1,11 @@
 import {_testFinish, ChromaticAberrationPlugin, IObject3D, LoadingScreenPlugin, ThreeViewer} from 'threepipe'
 import {
    _testFinish,
    _testStart,
    ChromaticAberrationPlugin,
    IObject3D,
    LoadingScreenPlugin,
    ThreeViewer,
 } from 'threepipe'
 import {TweakpaneUiPlugin} from '@threepipe/plugin-tweakpane'

 async function init() {
@@ -19,4 +26,5 @@ async function init() {

 }

 _testStart()
 init().finally(_testFinish)
--- a/examples/clearcoat-tint-plugin/index.html
+++ b/examples/clearcoat-tint-plugin/index.html
@@ -25,6 +25,7 @@
            overflow: hidden;
        }
    </style>
    <script type="module" src="../examples-utils/global-loading.mjs"></script>
    <script type="module" src="../examples-utils/simple-code-preview.mjs"></script>
    <script id="example-script" type="module" src="./script.js" data-scripts="./script.ts;./script.js"></script>
 </head>
--- a/examples/clearcoat-tint-plugin/script.ts
+++ b/examples/clearcoat-tint-plugin/script.ts
@@ -1,5 +1,5 @@
 import {
    _testFinish,
    _testFinish, _testStart,
    ClearcoatTintPlugin,
    IObject3D,
    LoadingScreenPlugin,
@@ -49,4 +49,5 @@ async function init() {

 }

 _testStart()
 init().finally(_testFinish)
--- a/examples/cmpt-load/index.html
+++ b/examples/cmpt-load/index.html
@@ -25,9 +25,10 @@
            overflow: hidden;
        }
    </style>
    <script type="module" src="../examples-utils/global-loading.mjs"></script>
    <script type="module" src="../examples-utils/simple-code-preview.mjs"></script>
    <script id="example-script" type="module">
        import {_testFinish, LoadingScreenPlugin, ThreeViewer, Vector3, Box3B} from 'threepipe'
        import {_testFinish, _testStart, LoadingScreenPlugin, ThreeViewer, Vector3, Box3B} from 'threepipe'
        import {CMPTLoadPlugin} from '@threepipe/plugin-3d-tiles-renderer'

        const viewer = new ThreeViewer({canvas: document.getElementById('mcanvas')})
@@ -54,6 +55,7 @@
            console.log(new Box3B(result2).getCenter(new Vector3())) // todo why is this is NaN?
        }

        _testStart()
        init().finally(_testFinish)
    </script>
 </head>
--- a/examples/contact-shadow-ground-plugin/index.html
+++ b/examples/contact-shadow-ground-plugin/index.html
@@ -25,6 +25,7 @@
            overflow: hidden;
        }
    </style>
    <script type="module" src="../examples-utils/global-loading.mjs"></script>
    <script type="module" src="../examples-utils/simple-code-preview.mjs"></script>
    <script id="example-script" type="module" src="./script.js" data-scripts="./script.ts;./script.js"></script>
 </head>
--- a/examples/contact-shadow-ground-plugin/script.ts
+++ b/examples/contact-shadow-ground-plugin/script.ts
@@ -1,4 +1,11 @@
 import {_testFinish, ContactShadowGroundPlugin, IObject3D, LoadingScreenPlugin, ThreeViewer} from 'threepipe'
 import {
    _testFinish,
    _testStart,
    ContactShadowGroundPlugin,
    IObject3D,
    LoadingScreenPlugin,
    ThreeViewer,
 } from 'threepipe'
 import {TweakpaneUiPlugin} from '@threepipe/plugin-tweakpane'

 async function init() {
@@ -21,4 +28,5 @@ async function init() {

 }

 _testStart()
 init().finally(_testFinish)
--- a/examples/custom-bump-map-plugin/index.html
+++ b/examples/custom-bump-map-plugin/index.html
@@ -25,6 +25,7 @@
            overflow: hidden;
        }
    </style>
    <script type="module" src="../examples-utils/global-loading.mjs"></script>
    <script type="module" src="../examples-utils/simple-code-preview.mjs"></script>
    <script id="example-script" type="module" src="./script.js" data-scripts="./script.ts;./script.js"></script>
 </head>
--- a/examples/custom-bump-map-plugin/script.ts
+++ b/examples/custom-bump-map-plugin/script.ts
@@ -1,5 +1,5 @@
 import {
    _testFinish,
    _testFinish, _testStart,
    CustomBumpMapPlugin,
    ITexture,
    LoadingScreenPlugin,
@@ -48,4 +48,5 @@ async function init() {

 }

 _testStart()
 init().finally(_testFinish)
--- a/examples/custom-pipeline/index.html
+++ b/examples/custom-pipeline/index.html
@@ -24,6 +24,7 @@
            overflow: hidden;
        }
    </style>
    <script type="module" src="../examples-utils/global-loading.mjs"></script>
    <script type="module" src="../examples-utils/simple-code-preview.mjs"></script>
    <script id="example-script" type="module" src="./script.js" data-scripts="./script.ts;./script.js"></script>
 </head>
--- a/examples/custom-pipeline/script.ts
+++ b/examples/custom-pipeline/script.ts
@@ -1,5 +1,5 @@
 import {
    _testFinish,
    _testFinish, _testStart,
    DepthBufferPlugin,
    downloadBlob,
    HalfFloatType,
@@ -59,4 +59,5 @@ async function init() {

 }

 _testStart()
 init().finally(_testFinish)
--- a/examples/depth-buffer-plugin/index.html
+++ b/examples/depth-buffer-plugin/index.html
@@ -24,6 +24,7 @@
            overflow: hidden;
        }
    </style>
    <script type="module" src="../examples-utils/global-loading.mjs"></script>
    <script type="module" src="../examples-utils/simple-code-preview.mjs"></script>
    <script id="example-script" type="module" src="./script.js" data-scripts="./script.ts;./script.js"></script>
 </head>
--- a/examples/depth-buffer-plugin/script.ts
+++ b/examples/depth-buffer-plugin/script.ts
@@ -1,5 +1,5 @@
 import {
    _testFinish,
    _testFinish, _testStart,
    DepthBufferPlugin,
    downloadBlob,
    HalfFloatType,
@@ -60,4 +60,5 @@ async function init() {

 }

 _testStart()
 init().finally(_testFinish)
--- a/examples/depthoffield-plugin/index.html
+++ b/examples/depthoffield-plugin/index.html
@@ -26,6 +26,7 @@
            overflow: hidden;
        }
    </style>
    <script type="module" src="../examples-utils/global-loading.mjs"></script>
    <script type="module" src="../examples-utils/simple-code-preview.mjs"></script>
    <script id="example-script" type="module" src="./script.js" data-scripts="./script.ts;./script.js"></script>
 </head>
--- a/examples/depthoffield-plugin/script.ts
+++ b/examples/depthoffield-plugin/script.ts
@@ -1,5 +1,5 @@
 import {
    _testFinish,
    _testFinish, _testStart,
    IObject3D,
    LoadingScreenPlugin,
    PhysicalMaterial,
@@ -49,4 +49,5 @@ async function init() {
    viewer.scene.mainCamera.setDirty()
 }

 _testStart()
 init().then(_testFinish)
--- a/examples/device-orientation-controls-plugin/index.html
+++ b/examples/device-orientation-controls-plugin/index.html
@@ -31,6 +31,7 @@
            backdrop-filter: blur(16px);
        }
    </style>
    <script type="module" src="../examples-utils/global-loading.mjs"></script>
    <script type="module" src="../examples-utils/simple-code-preview.mjs"></script>
    <script id="example-script" type="module" src="./script.js" data-scripts="./script.ts;./script.js"></script>
 </head>
--- a/examples/device-orientation-controls-plugin/script.ts
+++ b/examples/device-orientation-controls-plugin/script.ts
@@ -1,4 +1,11 @@
 import {_testFinish, DeviceOrientationControlsPlugin, IObject3D, LoadingScreenPlugin, ThreeViewer} from 'threepipe'
 import {
    _testFinish,
    _testStart,
    DeviceOrientationControlsPlugin,
    IObject3D,
    LoadingScreenPlugin,
    ThreeViewer,
 } from 'threepipe'
 import {TweakpaneUiPlugin} from '@threepipe/plugin-tweakpane'

 async function init() {
@@ -27,4 +34,5 @@ async function init() {

 }

 _testStart()
 init().finally(_testFinish)
--- a/examples/directional-light/index.html
+++ b/examples/directional-light/index.html
@@ -25,6 +25,7 @@
            overflow: hidden;
        }
    </style>
    <script type="module" src="../examples-utils/global-loading.mjs"></script>
    <script type="module" src="../examples-utils/simple-code-preview.mjs"></script>
    <script id="example-script" type="module" src="./script.js" data-scripts="./script.ts;./script.js"></script>
 </head>
--- a/examples/directional-light/script.ts
+++ b/examples/directional-light/script.ts
@@ -1,5 +1,5 @@
 import {
    _testFinish,
    _testFinish, _testStart,
    Box3B,
    DirectionalLight2,
    IObject3D,
@@ -66,4 +66,5 @@ async function init() {
    ui.appendChild(light.uiConfig, {expanded: true})
 }

 _testStart()
 init().finally(_testFinish)
--- a/examples/drc-load/index.html
+++ b/examples/drc-load/index.html
@@ -24,9 +24,10 @@
            overflow: hidden;
        }
    </style>
    <script type="module" src="../examples-utils/global-loading.mjs"></script>
    <script type="module" src="../examples-utils/simple-code-preview.mjs"></script>
    <script id="example-script" type="module">
        import {_testFinish, ThreeViewer} from 'threepipe'
        import {_testFinish, _testStart, ThreeViewer} from 'threepipe'

        const viewer = new ThreeViewer({canvas: document.getElementById('mcanvas')})

@@ -40,6 +41,7 @@
            console.log(result)
        }

        _testStart()
        init().finally(_testFinish)
    </script>
 </head>
--- a/examples/dropzone-plugin/index.html
+++ b/examples/dropzone-plugin/index.html
@@ -35,6 +35,7 @@
            pointer-events: none;
        }
    </style>
    <script type="module" src="../examples-utils/global-loading.mjs"></script>
    <script type="module" src="../examples-utils/simple-code-preview.mjs"></script>
    <script id="example-script" type="module" src="./script.js" data-scripts="./script.ts;./script.js"></script>
 </head>
--- a/examples/dropzone-plugin/script.ts
+++ b/examples/dropzone-plugin/script.ts
@@ -1,5 +1,5 @@
 import {
    _testFinish,
    _testFinish, _testStart,
    DropzonePlugin,
    LoadingScreenPlugin,
    PickingPlugin,
@@ -45,4 +45,5 @@ async function init() {

 }

 _testStart()
 init().finally(_testFinish)
--- a/examples/editor-view-widget-plugin/index.html
+++ b/examples/editor-view-widget-plugin/index.html
@@ -25,6 +25,7 @@
            overflow: hidden;
        }
    </style>
    <script type="module" src="../examples-utils/global-loading.mjs"></script>
    <script type="module" src="../examples-utils/simple-code-preview.mjs"></script>
    <script id="example-script" type="module" src="./script.js" data-scripts="./script.ts;./script.js"></script>
 </head>
--- a/examples/editor-view-widget-plugin/script.ts
+++ b/examples/editor-view-widget-plugin/script.ts
@@ -1,4 +1,12 @@
 import {_testFinish, EditorViewWidgetPlugin, IObject3D, LoadingScreenPlugin, ThreeViewer, timeout} from 'threepipe'
 import {
    _testFinish,
    _testStart,
    EditorViewWidgetPlugin,
    IObject3D,
    LoadingScreenPlugin,
    ThreeViewer,
    timeout,
 } from 'threepipe'
 import {TweakpaneUiPlugin} from '@threepipe/plugin-tweakpane'

 async function init() {
@@ -33,4 +41,5 @@ async function init() {
    plugin.setOrientation('+z')
 }

 _testStart()
 init().finally(_testFinish)
--- a/examples/examples-utils/global-loading.mjs
+++ b/examples/examples-utils/global-loading.mjs
@@ -0,0 +1,29 @@
 function run () {
    if (document.body.classList.contains('_testStarted')) return
    const div = document.createElement('div');
    const colorScheme = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
    Object.assign(div.style, {
        position: 'fixed', top: 0, left: 0, bottom: 0, right: 0, width: 'auto', height: 'max-content',
        display: 'flex', alignItems: 'center', justifyContent: 'center', flexDirection: 'column',
        background: 'transparent', pointerEvents: 'none',
        zIndex: '49', // loading screen is 50
        transition: 'opacity 0.5s ease',
        color: colorScheme !== 'dark' ? '#eee' : '#222',
        fontSize: '1.25rem',
        margin: 'auto',
    });
    div.innerHTML = '<div style="width:32px;height:32px;border:4px solid #ccc;border-top:4px solid #333;border-radius:50%;animation:spin 1s linear infinite;margin:auto"></div><div style="text-align:center;margin-top:8px;font-family:sans-serif">Loading...</div><style>@keyframes spin{100%{transform:rotate(360deg)}}</style>';
    document.body.appendChild(div);
    let removed = false

    function remove () {
        if (removed) return
        removed = true
        div.style.opacity = '0';
        setTimeout(() => div.remove(), 600);
    }

    window.addEventListener('threepipe-test-started', remove)
    setTimeout(remove, 8000); // remove after 5 seconds if not removed
 }
 run()
--- a/examples/exr-load/index.html
+++ b/examples/exr-load/index.html
@@ -24,9 +24,11 @@
            overflow: hidden;
        }
    </style>
    <script type="module" src="../examples-utils/global-loading.mjs"></script>
    <script type="module" src="../examples-utils/simple-code-preview.mjs"></script>
    <script id="example-script" type="module">
        import {_testFinish, ThreeViewer} from 'threepipe'
        import {_testFinish, _testStart, ThreeViewer} from 'threepipe'


        const viewer = new ThreeViewer({canvas: document.getElementById('mcanvas')})

@@ -37,6 +39,7 @@

        }

        _testStart()
        init().finally(_testFinish)
    </script>
 </head>
--- a/examples/extra-importer-plugins/index.html
+++ b/examples/extra-importer-plugins/index.html
@@ -36,6 +36,7 @@
            pointer-events: none;
        }
    </style>
    <script type="module" src="../examples-utils/global-loading.mjs"></script>
    <script type="module" src="../examples-utils/simple-code-preview.mjs"></script>
    <script id="example-script" type="module" src="./script.js" data-scripts="./script.ts;./script.js"></script>
 </head>
--- a/examples/extra-importer-plugins/script.ts
+++ b/examples/extra-importer-plugins/script.ts
@@ -1,5 +1,5 @@
 import {
    _testFinish,
    _testFinish, _testStart,
    GLTFAnimationPlugin,
    HemisphereLight,
    ImportAddOptions,
@@ -62,24 +62,24 @@ async function init() {

    viewer.scene.setBackgroundColor('#555555')
    viewer.scene.addObject(new HemisphereLight(0xffffff, 0x444444, 2))
    await viewer.setEnvironmentMap('https://threejs.org/examples/textures/equirectangular/venice_sunset_1k.hdr')
    await viewer.setEnvironmentMap('https://cdn.jsdelivr.net/gh/repalash/three.js-modded@v0.157.1004/examples/textures/equirectangular/venice_sunset_1k.hdr')

    const urls = [
        'https://threejs.org/examples/models/3ds/portalgun/portalgun.3ds',
        'https://threejs.org/examples/models/3mf/cube_gears.3mf',
        'https://threejs.org/examples/models/collada/elf/elf.dae',
        'https://threejs.org/examples/models/amf/rook.amf',
        'https://threejs.org/examples/models/gcode/benchy.gcode',
        'https://threejs.org/examples/models/bvh/pirouette.bvh',
        'https://threejs.org/examples/models/vox/monu10.vox',
        'https://threejs.org/examples/models/mdd/cube.mdd',
        'https://threejs.org/examples/models/pcd/binary/Zaghetto.pcd',
        'https://threejs.org/examples/models/tilt/BRUSH_DOME.tilt',
        'https://threejs.org/examples/models/ldraw/officialLibrary/models/car.ldr_Packed.mpd',
        'https://threejs.org/examples/models/vtk/bunny.vtk',
        'https://threejs.org/examples/models/vtk/cube_binary.vtp',
        'https://threejs.org/examples/models/xyz/helix_201.xyz',
        'https://threejs.org/examples/models/vrml/meshWithTexture.wrl',
        'https://cdn.jsdelivr.net/gh/repalash/three.js-modded@v0.157.1004/examples/models/3ds/portalgun/portalgun.3ds', // todo - to load textures there should be a way to set basepath to portalgun/textures
        'https://cdn.jsdelivr.net/gh/repalash/three.js-modded@v0.157.1004/examples/models/3mf/cube_gears.3mf',
        'https://cdn.jsdelivr.net/gh/repalash/three.js-modded@v0.157.1004/examples/models/collada/elf/elf.dae',
        'https://cdn.jsdelivr.net/gh/repalash/three.js-modded@v0.157.1004/examples/models/amf/rook.amf',
        'https://cdn.jsdelivr.net/gh/repalash/three.js-modded@v0.157.1004/examples/models/gcode/benchy.gcode',
        'https://cdn.jsdelivr.net/gh/repalash/three.js-modded@v0.157.1004/examples/models/bvh/pirouette.bvh',
        'https://cdn.jsdelivr.net/gh/repalash/three.js-modded@v0.157.1004/examples/models/vox/monu10.vox',
        'https://cdn.jsdelivr.net/gh/repalash/three.js-modded@v0.157.1004/examples/models/mdd/cube.mdd',
        'https://cdn.jsdelivr.net/gh/repalash/three.js-modded@v0.157.1004/examples/models/pcd/binary/Zaghetto.pcd',
        'https://cdn.jsdelivr.net/gh/repalash/three.js-modded@v0.157.1004/examples/models/tilt/BRUSH_DOME.tilt',
        'https://cdn.jsdelivr.net/gh/repalash/three.js-modded@v0.157.1004/examples/models/ldraw/officialLibrary/models/car.ldr_Packed.mpd',
        'https://cdn.jsdelivr.net/gh/repalash/three.js-modded@v0.157.1004/examples/models/vtk/bunny.vtk',
        'https://cdn.jsdelivr.net/gh/repalash/three.js-modded@v0.157.1004/examples/models/vtk/cube_binary.vtp',
        'https://cdn.jsdelivr.net/gh/repalash/three.js-modded@v0.157.1004/examples/models/xyz/helix_201.xyz',
        'https://cdn.jsdelivr.net/gh/repalash/three.js-modded@v0.157.1004/examples/models/vrml/meshWithTexture.wrl',
    ]

    const options: ImportAddOptions = {
@@ -102,5 +102,6 @@ async function init() {

 }

 _testStart()
 init().finally(_testFinish)

--- a/examples/fat-lines/index.html
+++ b/examples/fat-lines/index.html
@@ -25,6 +25,7 @@
            overflow: hidden;
        }
    </style>
    <script type="module" src="../examples-utils/global-loading.mjs"></script>
    <script type="module" src="../examples-utils/simple-code-preview.mjs"></script>
    <script id="example-script" type="module" src="./script.js" data-scripts="./script.ts;./script.js"></script>
 </head>
--- a/examples/fat-lines/script.ts
+++ b/examples/fat-lines/script.ts
@@ -1,5 +1,5 @@
 import {
    _testFinish,
    _testFinish, _testStart,
    Color,
    GLTFLoader2,
    IObject3D,
@@ -52,4 +52,5 @@ async function init() {

 }

 _testStart()
 init().finally(_testFinish)
--- a/examples/fbx-load/index.html
+++ b/examples/fbx-load/index.html
@@ -24,9 +24,10 @@
            overflow: hidden;
        }
    </style>
    <script type="module" src="../examples-utils/global-loading.mjs"></script>
    <script type="module" src="../examples-utils/simple-code-preview.mjs"></script>
    <script id="example-script" type="module">
        import {_testFinish, HemisphereLight, ThreeViewer} from 'threepipe'
        import {_testFinish, _testStart, HemisphereLight, ThreeViewer} from 'threepipe'

        const viewer = new ThreeViewer({canvas: document.getElementById('mcanvas')})

@@ -41,6 +42,7 @@

        }

        _testStart()
        init().finally(_testFinish)
    </script>
 </head>
--- a/examples/filmic-grain-plugin/index.html
+++ b/examples/filmic-grain-plugin/index.html
@@ -25,6 +25,7 @@
            overflow: hidden;
        }
    </style>
    <script type="module" src="../examples-utils/global-loading.mjs"></script>
    <script type="module" src="../examples-utils/simple-code-preview.mjs"></script>
    <script id="example-script" type="module" src="./script.js" data-scripts="./script.ts;./script.js"></script>
 </head>
--- a/examples/filmic-grain-plugin/script.ts
+++ b/examples/filmic-grain-plugin/script.ts
@@ -1,4 +1,4 @@
 import {_testFinish, FilmicGrainPlugin, IObject3D, LoadingScreenPlugin, ThreeViewer} from 'threepipe'
 import {_testFinish, _testStart, FilmicGrainPlugin, IObject3D, LoadingScreenPlugin, ThreeViewer} from 'threepipe'
 import {TweakpaneUiPlugin} from '@threepipe/plugin-tweakpane'

 async function init() {
@@ -19,4 +19,5 @@ async function init() {

 }

 _testStart()
 init().finally(_testFinish)
--- a/examples/fragment-clipping-extension-plugin/index.html
+++ b/examples/fragment-clipping-extension-plugin/index.html
@@ -25,6 +25,7 @@
            overflow: hidden;
        }
    </style>
    <script type="module" src="../examples-utils/global-loading.mjs"></script>
    <script type="module" src="../examples-utils/simple-code-preview.mjs"></script>
    <script id="example-script" type="module" src="./script.js" data-scripts="./script.ts;./script.js"></script>
 </head>
--- a/examples/fragment-clipping-extension-plugin/script.ts
+++ b/examples/fragment-clipping-extension-plugin/script.ts
@@ -1,5 +1,5 @@
 import {
    _testFinish,
    _testFinish, _testStart,
    FragmentClippingExtensionPlugin,
    IObject3D,
    LoadingScreenPlugin,
@@ -48,4 +48,5 @@ async function init() {

 }

 _testStart()
 init().finally(_testFinish)
--- a/examples/frame-fade-plugin/index.html
+++ b/examples/frame-fade-plugin/index.html
@@ -24,6 +24,7 @@
            overflow: hidden;
        }
    </style>
    <script type="module" src="../examples-utils/global-loading.mjs"></script>
    <script type="module" src="../examples-utils/simple-code-preview.mjs"></script>
    <script id="example-script" type="module" src="./script.js" data-scripts="./script.ts;./script.js"></script>
 </head>
--- a/examples/frame-fade-plugin/script.ts
+++ b/examples/frame-fade-plugin/script.ts
@@ -1,5 +1,5 @@
 import {
    _testFinish,
    _testFinish, _testStart,
    BoxGeometry,
    FrameFadePlugin,
    LoadingScreenPlugin,
@@ -42,4 +42,5 @@ async function init() {

 }

 _testStart()
 init().finally(_testFinish)
--- a/examples/fullscreen-plugin/index.html
+++ b/examples/fullscreen-plugin/index.html
@@ -25,6 +25,7 @@
            overflow: hidden;
        }
    </style>
    <script type="module" src="../examples-utils/global-loading.mjs"></script>
    <script type="module" src="../examples-utils/simple-code-preview.mjs"></script>
    <script id="example-script" type="module" src="./script.js" data-scripts="./script.ts;./script.js"></script>
 </head>
--- a/examples/fullscreen-plugin/script.ts
+++ b/examples/fullscreen-plugin/script.ts
@@ -1,4 +1,4 @@
 import {_testFinish, FullScreenPlugin, IObject3D, LoadingScreenPlugin, ThreeViewer} from 'threepipe'
 import {_testFinish, _testStart, FullScreenPlugin, IObject3D, LoadingScreenPlugin, ThreeViewer} from 'threepipe'
 import {createSimpleButtons} from '../examples-utils/simple-bottom-buttons.js'
 import {TweakpaneUiPlugin} from '@threepipe/plugin-tweakpane'

@@ -31,4 +31,5 @@ async function init() {

 }

 _testStart()
 init().finally(_testFinish)
--- a/examples/gbuffer-plugin/index.html
+++ b/examples/gbuffer-plugin/index.html
@@ -24,6 +24,7 @@
            overflow: hidden;
        }
    </style>
    <script type="module" src="../examples-utils/global-loading.mjs"></script>
    <script type="module" src="../examples-utils/simple-code-preview.mjs"></script>
    <script id="example-script" type="module" src="./script.js" data-scripts="./script.ts;./script.js"></script>
 </head>
--- a/examples/gbuffer-plugin/script.ts
+++ b/examples/gbuffer-plugin/script.ts
@@ -1,5 +1,5 @@
 import {
    _testFinish,
    _testFinish, _testStart,
    downloadBlob,
    FloatType,
    GBufferPlugin,
@@ -94,4 +94,5 @@ async function init() {

 }

 _testStart()
 init().finally(_testFinish)
--- a/examples/geometry-generator-plugin/index.html
+++ b/examples/geometry-generator-plugin/index.html
@@ -27,6 +27,7 @@
            overflow: hidden;
        }
    </style>
    <script type="module" src="../examples-utils/global-loading.mjs"></script>
    <script type="module" src="../examples-utils/simple-code-preview.mjs"></script>
    <script id="example-script" type="module" src="./script.js" data-scripts="./script.ts;./script.js"></script>
 </head>
--- a/examples/geometry-generator-plugin/script.ts
+++ b/examples/geometry-generator-plugin/script.ts
@@ -1,5 +1,5 @@
 import {
    _testFinish,
    _testFinish, _testStart,
    CameraViewPlugin,
    LoadingScreenPlugin,
    Object3DGeneratorPlugin,
@@ -34,5 +34,6 @@ async function init() {

 }

 _testStart()
 init().finally(_testFinish)

--- a/examples/geometry-uv-preview/index.html
+++ b/examples/geometry-uv-preview/index.html
@@ -24,6 +24,7 @@
            overflow: hidden;
        }
    </style>
    <script type="module" src="../examples-utils/global-loading.mjs"></script>
    <script type="module" src="../examples-utils/simple-code-preview.mjs"></script>
    <script id="example-script" type="module" src="./script.js" data-scripts="./script.ts;./script.js"></script>
 </head>
--- a/examples/geometry-uv-preview/script.ts
+++ b/examples/geometry-uv-preview/script.ts
@@ -1,4 +1,4 @@
 import {_testFinish, GeometryUVPreviewPlugin, IObject3D, LoadingScreenPlugin, ThreeViewer} from 'threepipe'
 import {_testFinish, _testStart, GeometryUVPreviewPlugin, IObject3D, LoadingScreenPlugin, ThreeViewer} from 'threepipe'

 const viewer = new ThreeViewer({
    canvas: document.getElementById('mcanvas') as HTMLCanvasElement,
@@ -33,4 +33,5 @@ async function init() {

 }

 _testStart()
 init().finally(_testFinish)
--- a/examples/glb-draco-export/index.html
+++ b/examples/glb-draco-export/index.html
@@ -25,6 +25,7 @@
            overflow: hidden;
        }
    </style>
    <script type="module" src="../examples-utils/global-loading.mjs"></script>
    <script type="module" src="../examples-utils/simple-code-preview.mjs"></script>
    <script id="example-script" type="module" src="./script.js" data-scripts="./script.ts;./script.js"></script>
 </head>
--- a/examples/glb-draco-export/script.ts
+++ b/examples/glb-draco-export/script.ts
@@ -1,4 +1,12 @@
 import {_testFinish, AssetExporterPlugin, downloadBlob, IObject3D, LoadingScreenPlugin, ThreeViewer} from 'threepipe'
 import {
    _testFinish,
    _testStart,
    AssetExporterPlugin,
    downloadBlob,
    IObject3D,
    LoadingScreenPlugin,
    ThreeViewer,
 } from 'threepipe'
 import {createSimpleButtons} from '../examples-utils/simple-bottom-buttons.js'
 import {GLTFDracoExportPlugin} from '@threepipe/plugin-gltf-transform'

@@ -69,4 +77,5 @@ async function init() {

 }

 _testStart()
 init().finally(_testFinish)
--- a/examples/glb-export/index.html
+++ b/examples/glb-export/index.html
@@ -24,6 +24,7 @@
            overflow: hidden;
        }
    </style>
    <script type="module" src="../examples-utils/global-loading.mjs"></script>
    <script type="module" src="../examples-utils/simple-code-preview.mjs"></script>
    <script id="example-script" type="module" src="./script.js" data-scripts="./script.ts;./script.js"></script>
 </head>
--- a/examples/glb-export/script.ts
+++ b/examples/glb-export/script.ts
@@ -1,4 +1,4 @@
 import {_testFinish, downloadBlob, IMaterial, IObject3D, LoadingScreenPlugin, ThreeViewer} from 'threepipe'
 import {_testFinish, _testStart, downloadBlob, IMaterial, IObject3D, LoadingScreenPlugin, ThreeViewer} from 'threepipe'
 import {createSimpleButtons} from '../examples-utils/simple-bottom-buttons.js'

 const viewer = new ThreeViewer({canvas: document.getElementById('mcanvas') as HTMLCanvasElement, msaa: true})
@@ -64,4 +64,5 @@ async function init() {

 }

 _testStart()
 init().finally(_testFinish)
--- a/examples/gltf-animation-page-scroll/index.html
+++ b/examples/gltf-animation-page-scroll/index.html
@@ -50,6 +50,7 @@
            font-weight: 600;
        }
    </style>
    <script type="module" src="../examples-utils/global-loading.mjs"></script>
    <script type="module" src="../examples-utils/simple-code-preview.mjs"></script>
    <script id="example-script" type="module" src="./script.js" data-scripts="./script.ts;./script.js"></script>
 </head>
--- a/examples/gltf-animation-page-scroll/script.ts
+++ b/examples/gltf-animation-page-scroll/script.ts
@@ -1,4 +1,4 @@
 import {_testFinish, GLTFAnimationPlugin, ICamera, LoadingScreenPlugin, ThreeViewer} from 'threepipe'
 import {_testFinish, _testStart, GLTFAnimationPlugin, ICamera, LoadingScreenPlugin, ThreeViewer} from 'threepipe'

 async function init() {

@@ -32,4 +32,5 @@ async function init() {

 }

 _testStart()
 init().finally(_testFinish)
--- a/examples/gltf-animation-plugin/index.html
+++ b/examples/gltf-animation-plugin/index.html
@@ -24,6 +24,7 @@
            overflow: hidden;
        }
    </style>
    <script type="module" src="../examples-utils/global-loading.mjs"></script>
    <script type="module" src="../examples-utils/simple-code-preview.mjs"></script>
    <script id="example-script" type="module" src="./script.js" data-scripts="./script.ts;./script.js"></script>
 </head>
--- a/examples/gltf-animation-plugin/script.ts
+++ b/examples/gltf-animation-plugin/script.ts
@@ -1,4 +1,4 @@
 import {_testFinish, GLTFAnimationPlugin, LoadingScreenPlugin, ThreeViewer} from 'threepipe'
 import {_testFinish, _testStart, GLTFAnimationPlugin, LoadingScreenPlugin, ThreeViewer} from 'threepipe'

 async function init() {

@@ -27,4 +27,5 @@ async function init() {

 }

 _testStart()
 init().finally(_testFinish)
--- a/examples/gltf-camera-animation/index.html
+++ b/examples/gltf-camera-animation/index.html
@@ -24,6 +24,7 @@
            overflow: hidden;
        }
    </style>
    <script type="module" src="../examples-utils/global-loading.mjs"></script>
    <script type="module" src="../examples-utils/simple-code-preview.mjs"></script>
    <script id="example-script" type="module" src="./script.js" data-scripts="./script.ts;./script.js"></script>
 </head>
--- a/examples/gltf-camera-animation/script.ts
+++ b/examples/gltf-camera-animation/script.ts
@@ -1,4 +1,4 @@
 import {_testFinish, GLTFAnimationPlugin, ICamera, LoadingScreenPlugin, ThreeViewer} from 'threepipe'
 import {_testFinish, _testStart, GLTFAnimationPlugin, ICamera, LoadingScreenPlugin, ThreeViewer} from 'threepipe'

 async function init() {

@@ -40,4 +40,5 @@ async function init() {

 }

 _testStart()
 init().finally(_testFinish)
--- a/examples/gltf-khr-material-variants-plugin/index.html
+++ b/examples/gltf-khr-material-variants-plugin/index.html
@@ -25,6 +25,7 @@
            overflow: hidden;
        }
    </style>
    <script type="module" src="../examples-utils/global-loading.mjs"></script>
    <script type="module" src="../examples-utils/simple-code-preview.mjs"></script>
    <script id="example-script" type="module" src="./script.js" data-scripts="./script.ts;./script.js"></script>
 </head>
--- a/examples/gltf-khr-material-variants-plugin/script.ts
+++ b/examples/gltf-khr-material-variants-plugin/script.ts
@@ -1,5 +1,5 @@
 import {
    _testFinish,
    _testFinish, _testStart,
    GLTFKHRMaterialVariantsPlugin,
    IObject3D,
    LoadingScreenPlugin,
@@ -33,4 +33,5 @@ async function init() {

 }

 _testStart()
 init().finally(_testFinish)
--- a/examples/gltf-load/index.html
+++ b/examples/gltf-load/index.html
@@ -24,6 +24,7 @@
            overflow: hidden;
        }
    </style>
    <script type="module" src="../examples-utils/global-loading.mjs"></script>
    <script type="module" src="../examples-utils/simple-code-preview.mjs"></script>
    <script id="example-script" type="module" src="./script.js" data-scripts="./script.ts;./script.js"></script>
 </head>
--- a/examples/gltf-load/script.ts
+++ b/examples/gltf-load/script.ts
@@ -1,4 +1,4 @@
 import {_testFinish, LoadingScreenPlugin, ThreeViewer} from 'threepipe'
 import {_testFinish, _testStart, LoadingScreenPlugin, ThreeViewer} from 'threepipe'

 async function init() {

@@ -30,4 +30,5 @@ async function init() {

 }

 _testStart()
 init().finally(_testFinish)
--- a/examples/gltf-mesh-lines/index.html
+++ b/examples/gltf-mesh-lines/index.html
@@ -25,6 +25,7 @@
            overflow: hidden;
        }
    </style>
    <script type="module" src="../examples-utils/global-loading.mjs"></script>
    <script type="module" src="../examples-utils/simple-code-preview.mjs"></script>
    <script id="example-script" type="module" src="./script.js" data-scripts="./script.ts;./script.js"></script>
 </head>
--- a/examples/gltf-mesh-lines/script.ts
+++ b/examples/gltf-mesh-lines/script.ts
@@ -1,5 +1,5 @@
 import {
    _testFinish,
    _testFinish, _testStart,
    BufferGeometry,
    BufferGeometry2,
    Color,
@@ -81,4 +81,5 @@ async function init() {

 }

 _testStart()
 init().finally(_testFinish)
--- a/examples/gltf-meshopt-compression/index.html
+++ b/examples/gltf-meshopt-compression/index.html
@@ -24,6 +24,7 @@
            overflow: hidden;
        }
    </style>
    <script type="module" src="../examples-utils/global-loading.mjs"></script>
    <script type="module" src="../examples-utils/simple-code-preview.mjs"></script>
    <script id="example-script" type="module" src="./script.js" data-scripts="./script.ts;./script.js"></script>
 </head>
--- a/examples/gltf-meshopt-compression/script.ts
+++ b/examples/gltf-meshopt-compression/script.ts
@@ -1,5 +1,5 @@
 import {
    _testFinish,
    _testFinish, _testStart,
    GLTFMeshOptDecodePlugin,
    IObject3D,
    KTX2LoadPlugin,
@@ -36,4 +36,5 @@ async function init() {

 }

 _testStart()
 init().finally(_testFinish)
--- a/examples/gltf-transmission-test-msaa-zprepass/index.html
+++ b/examples/gltf-transmission-test-msaa-zprepass/index.html
@@ -25,6 +25,7 @@
            overflow: hidden;
        }
    </style>
    <script type="module" src="../examples-utils/global-loading.mjs"></script>
    <script type="module" src="../examples-utils/simple-code-preview.mjs"></script>
    <script id="example-script" type="module" src="./script.js" data-scripts="./script.ts;./script.js"></script>
 </head>
--- a/examples/gltf-transmission-test-msaa-zprepass/script.ts
+++ b/examples/gltf-transmission-test-msaa-zprepass/script.ts
@@ -1,4 +1,11 @@
 import {_testFinish, IObject3D, LoadingScreenPlugin, RenderTargetPreviewPlugin, ThreeViewer} from 'threepipe'
 import {
    _testFinish,
    _testStart,
    IObject3D,
    LoadingScreenPlugin,
    RenderTargetPreviewPlugin,
    ThreeViewer,
 } from 'threepipe'
 import {TweakpaneUiPlugin} from '@threepipe/plugin-tweakpane'

 const viewer = new ThreeViewer({
@@ -51,4 +58,5 @@ async function init() {

 }

 _testStart()
 init().finally(_testFinish)
--- a/examples/gltf-transmission-test-msaa/index.html
+++ b/examples/gltf-transmission-test-msaa/index.html
@@ -25,6 +25,7 @@
            overflow: hidden;
        }
    </style>
    <script type="module" src="../examples-utils/global-loading.mjs"></script>
    <script type="module" src="../examples-utils/simple-code-preview.mjs"></script>
    <script id="example-script" type="module" src="./script.js" data-scripts="./script.ts;./script.js"></script>
 </head>
--- a/examples/gltf-transmission-test-msaa/script.ts
+++ b/examples/gltf-transmission-test-msaa/script.ts
@@ -1,4 +1,11 @@
 import {_testFinish, IObject3D, LoadingScreenPlugin, RenderTargetPreviewPlugin, ThreeViewer} from 'threepipe'
 import {
    _testFinish,
    _testStart,
    IObject3D,
    LoadingScreenPlugin,
    RenderTargetPreviewPlugin,
    ThreeViewer,
 } from 'threepipe'
 import {TweakpaneUiPlugin} from '@threepipe/plugin-tweakpane'

 const viewer = new ThreeViewer({
@@ -50,4 +57,5 @@ async function init() {

 }

 _testStart()
 init().finally(_testFinish)
--- a/examples/gltf-transmission-test/index.html
+++ b/examples/gltf-transmission-test/index.html
@@ -25,6 +25,7 @@
            overflow: hidden;
        }
    </style>
    <script type="module" src="../examples-utils/global-loading.mjs"></script>
    <script type="module" src="../examples-utils/simple-code-preview.mjs"></script>
    <script id="example-script" type="module" src="./script.js" data-scripts="./script.ts;./script.js"></script>
 </head>
--- a/examples/gltf-transmission-test/script.ts
+++ b/examples/gltf-transmission-test/script.ts
@@ -1,4 +1,11 @@
 import {_testFinish, IObject3D, LoadingScreenPlugin, RenderTargetPreviewPlugin, ThreeViewer} from 'threepipe'
 import {
    _testFinish,
    _testStart,
    IObject3D,
    LoadingScreenPlugin,
    RenderTargetPreviewPlugin,
    ThreeViewer,
 } from 'threepipe'
 import {TweakpaneUiPlugin} from '@threepipe/plugin-tweakpane'

 const viewer = new ThreeViewer({
@@ -50,4 +57,5 @@ async function init() {

 }

 _testStart()
 init().finally(_testFinish)
--- a/examples/half-float-hdr-test/index.html
+++ b/examples/half-float-hdr-test/index.html
@@ -25,6 +25,7 @@
            overflow: hidden;
        }
    </style>
    <script type="module" src="../examples-utils/global-loading.mjs"></script>
    <script type="module" src="../examples-utils/simple-code-preview.mjs"></script>
    <script id="example-script" type="module" src="./script.js" data-scripts="./script.ts;./script.js"></script>
 </head>
--- a/examples/half-float-hdr-test/script.ts
+++ b/examples/half-float-hdr-test/script.ts