@p100-web/core-three 100.2.16 → 100.2.17

package/dist/postprocessing/ThreeJsPostProcessor.d.ts

@@ -0,0 +1,32 @@
+import { Mesh, PerspectiveCamera, Scene, Vector2, WebGLRenderer } from "three";
+import { type IThreePostProcessingSettings } from "@p100-web/core";
+export default class ThreeJsPostProcessor {
+    private _composer;
+    private pp_bloom;
+    private pp_ssao;
+    private pp_sao;
+    private pp_dof;
+    private pp_ssr;
+    private pp_ssr_reflectors;
+    private pp_smaa;
+    private _pixelRatio;
+    constructor(settings: IThreePostProcessingSettings, scene: Scene, renderer: WebGLRenderer, camera: PerspectiveCamera, size: Vector2);
+    setPixelRatio(scale: number): void;
+    updateAASamples(value: number): void;
+    render(): void;
+    dispose(): void;
+    _width: number;
+    _height: number;
+    _throttle: any;
+    _delay: boolean;
+    setSize(x: number, y: number): void;
+    resize(x: number, y: number): void;
+    private setComposerSize;
+    updatePostProcessing(settings: IThreePostProcessingSettings, field: string): boolean;
+    private updateSSR;
+    addSSRSelectors(objects: Mesh[]): void;
+    removeSSRSelectors(): void;
+    setCurrentQuality(quality: number): boolean;
+    resizeEffects(): void;
+}
+//# sourceMappingURL=ThreeJsPostProcessor.d.ts.map

package/dist/postprocessing/ThreeJsPostProcessor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThreeJsPostProcessor.d.ts","sourceRoot":"","sources":["../../src/postprocessing/ThreeJsPostProcessor.ts"],"names":[],"mappings":"AAUA,OAAO,EACL,IAAI,EACJ,iBAAiB,EACjB,KAAK,EACL,OAAO,EACP,aAAa,EAEd,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,KAAK,4BAA4B,EAAE,MAAM,gBAAgB,CAAC;AAEnE,MAAM,CAAC,OAAO,OAAO,oBAAoB;IACvC,OAAO,CAAC,SAAS,CAA+B;IAEhD,OAAO,CAAC,QAAQ,CAAgC;IAChD,OAAO,CAAC,OAAO,CAAyB;IACxC,OAAO,CAAC,MAAM,CAAwB;IACtC,OAAO,CAAC,MAAM,CAA0B;IACxC,OAAO,CAAC,MAAM,CAAwB;IACtC,OAAO,CAAC,iBAAiB,CAAuB;IAChD,OAAO,CAAC,OAAO,CAAyB;IAExC,OAAO,CAAC,WAAW,CAAS;gBAG1B,QAAQ,EAAE,4BAA4B,EACtC,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,aAAa,EACvB,MAAM,EAAE,iBAAiB,EACzB,IAAI,EAAE,OAAO;IAyGf,aAAa,CAAC,KAAK,EAAE,MAAM;IAM3B,eAAe,CAAC,KAAK,EAAE,MAAM;IAe7B,MAAM;IAIN,OAAO;IAoBP,MAAM,EAAE,MAAM,CAAK;IACnB,OAAO,EAAE,MAAM,CAAK;IAEpB,SAAS,EAAE,GAAG,CAAM;IACpB,MAAM,UAAS;IAEf,OAAO,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM;IAM5B,MAAM,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM;IAY3B,OAAO,CAAC,eAAe,CAQrB;IAEF,oBAAoB,CAAC,QAAQ,EAAE,4BAA4B,EAAE,KAAK,EAAE,MAAM;IA8D1E,OAAO,CAAC,SAAS;IAgBjB,eAAe,CAAC,OAAO,EAAE,IAAI,EAAE;IAO/B,kBAAkB;IAOlB,iBAAiB,CAAC,OAAO,EAAE,MAAM;IAKjC,aAAa;CAMd"}

package/dist/postprocessing/ThreeJsPostProcessor.js

@@ -0,0 +1,264 @@
+import { EffectComposer } from "three/addons/postprocessing/EffectComposer.js";
+import { RenderPass } from "three/addons/postprocessing/RenderPass.js";
+import { SSAOPass } from "three/addons/postprocessing/SSAOPass.js";
+import { SAOPass } from "three/addons/postprocessing/SAOPass.js";
+import { OutputPass } from "three/addons/postprocessing/OutputPass.js";
+import { UnrealBloomPass } from "three/addons/postprocessing/UnrealBloomPass.js";
+import { BokehPass } from "three/addons/postprocessing/BokehPass.js";
+import SSRPass from "./PSSRPass";
+import { SMAAPass } from "three/addons/postprocessing/SMAAPass.js";
+import { Vector2, WebGLRenderTarget, } from "three";
+export default class ThreeJsPostProcessor {
+    constructor(settings, scene, renderer, camera, size) {
+        this._composer = null;
+        this.pp_bloom = null;
+        this.pp_ssao = null;
+        this.pp_sao = null;
+        this.pp_dof = null;
+        this.pp_ssr = null;
+        this.pp_ssr_reflectors = null;
+        this.pp_smaa = null;
+        this._width = 0;
+        this._height = 0;
+        this._throttle = -1;
+        this._delay = false;
+        this.setComposerSize = () => {
+            if (this._delay) {
+                this._delay = false;
+                this._throttle = setTimeout(this.setComposerSize, 250);
+            }
+            else {
+                this._throttle = -1;
+                this._composer?.setSize(this._width, this._height);
+            }
+        };
+        this._pixelRatio = renderer.getPixelRatio();
+        // console.log(
+        //   "---< POST PROCESSING [3JS] >--- PixelRatio: ",
+        //   this._pixelRatio
+        // );
+        const renderTarget = new WebGLRenderTarget(size.x * this._pixelRatio, size.y * this._pixelRatio);
+        renderTarget.samples = settings.samples;
+        renderTarget.depthBuffer = true;
+        const composer = new EffectComposer(renderer, renderTarget);
+        // No need to set size and pixel ratio, it will be fetched from the renderer
+        // AA
+        // if (renderer.getContext() instanceof WebGL2RenderingContext) {
+        // }
+        const renderPass = new RenderPass(scene, camera);
+        composer.addPass(renderPass);
+        if (settings.ssr.enabled) {
+            if (!(renderer.getContext() instanceof WebGL2RenderingContext)) {
+                console.warn("WebGL2 is not supported. SSR will not work.");
+            }
+            else {
+                const ssrPass = new SSRPass({
+                    renderer,
+                    scene,
+                    camera,
+                    width: size.x,
+                    height: size.y,
+                    groundReflector: null,
+                    selects: null,
+                });
+                this.pp_ssr = ssrPass;
+                this.updateSSR(settings);
+                composer.addPass(ssrPass);
+            }
+        }
+        if (settings.ssao.enabled) {
+            const ssaoPass = new SSAOPass(scene, camera, size.x, size.y);
+            composer.addPass(ssaoPass);
+            ssaoPass.kernelRadius = settings.ssao.radius;
+            ssaoPass.minDistance = settings.ssao.minDistance;
+            ssaoPass.maxDistance = settings.ssao.maxDistance;
+            this.pp_ssao = ssaoPass;
+            ssaoPass.output = settings.ssao.debug;
+        }
+        if (settings.sao.enabled) {
+            const saoPass = new SAOPass(scene, camera, size);
+            composer.addPass(saoPass);
+            saoPass.params.saoBias = settings.sao.saoBias;
+            saoPass.params.saoIntensity = settings.sao.saoIntensity;
+            saoPass.params.saoScale = settings.sao.saoScale;
+            saoPass.params.saoKernelRadius = settings.sao.saoKernelRadius;
+            saoPass.params.saoMinResolution = settings.sao.saoMinResolution;
+            saoPass.params.saoBlur = settings.sao.saoBlur === 1;
+            saoPass.params.saoBlurRadius = settings.sao.saoBlurRadius;
+            saoPass.params.saoBlurStdDev = settings.sao.saoBlurStdDev;
+            saoPass.params.saoBlurDepthCutoff = settings.sao.saoBlurDepthCutoff;
+            this.pp_sao = saoPass;
+            saoPass.params.output = settings.sao.debug;
+        }
+        if (settings.dof.enabled) {
+            const bokehPass = new BokehPass(scene, camera, {
+                focus: settings.dof.focus,
+                aperture: settings.dof.aperture * 0.00001,
+                maxblur: settings.dof.maxBlur,
+            });
+            composer.addPass(bokehPass);
+            this.pp_dof = bokehPass;
+        }
+        if (settings.bloom.enabled) {
+            const bloomPass = new UnrealBloomPass(new Vector2(size.x, size.y), settings.bloom.intensity, settings.bloom.radius, settings.bloom.threshold);
+            composer.addPass(bloomPass);
+            this.pp_bloom = bloomPass;
+        }
+        if (settings.smaa.enabled) {
+            this.pp_smaa = new SMAAPass();
+            this.pp_smaa.setSize(this._width, this._height);
+            composer.addPass(this.pp_smaa);
+        }
+        const outputPass = new OutputPass();
+        composer.addPass(outputPass);
+        this._composer = composer;
+    }
+    setPixelRatio(scale) {
+        //    console.log("[PP] setPixelRatio: ", scale);
+        this._pixelRatio = scale;
+        this._composer.setPixelRatio(scale);
+    }
+    updateAASamples(value) {
+        if (!this._composer)
+            return;
+        if (this._composer.renderer.getContext() instanceof WebGL2RenderingContext) {
+            this._composer.renderTarget1.dispose();
+            this._composer.renderTarget1.samples = value;
+            this._composer.renderTarget1.setSize(this._width, this._height);
+            this._composer.renderTarget2.dispose();
+            this._composer.renderTarget2.samples = value;
+            this._composer.renderTarget2.setSize(this._width, this._height);
+        }
+    }
+    render() {
+        this._composer.render();
+    }
+    dispose() {
+        this.pp_bloom?.dispose();
+        this.pp_bloom = null;
+        this.pp_dof?.dispose();
+        this.pp_dof = null;
+        this.pp_ssao?.dispose();
+        this.pp_ssao = null;
+        this.pp_sao?.dispose();
+        this.pp_sao = null;
+        this.pp_ssr?.dispose();
+        this.pp_ssr = null;
+        this._composer?.dispose();
+        this._composer = null;
+    }
+    setSize(x, y) {
+        this._width = x;
+        this._height = y;
+        this._composer?.setSize(this._width, this._height);
+    }
+    resize(x, y) {
+        this._width = x;
+        this._height = y;
+        if (this._throttle >= 0) {
+            // We have a timeout running
+            this._delay = true;
+        }
+        else {
+            this._delay = false;
+            this._throttle = setTimeout(this.setComposerSize, 250);
+        }
+    }
+    updatePostProcessing(settings, field) {
+        let needsResize = false;
+        if (field.startsWith("postProcessing.bloom.") && this.pp_bloom !== null) {
+            // Bloom
+            if (field === "postProcessing.bloom.intensity") {
+                this.pp_bloom.strength = settings.bloom.intensity;
+            }
+            else if (field === "postProcessing.bloom.radius") {
+                this.pp_bloom.radius = settings.bloom.radius;
+            }
+            else if (field === "postProcessing.bloom.threshold") {
+                this.pp_bloom.threshold = settings.bloom.threshold;
+            }
+        }
+        if (field.startsWith("postProcessing.ssao.") && this.pp_ssao !== null) {
+            // SSAO
+            if (field === "postProcessing.ssao.radius") {
+                this.pp_ssao.kernelRadius = settings.ssao.radius;
+            }
+            else if (field === "postProcessing.ssao.minDistance") {
+                this.pp_ssao.minDistance = settings.ssao.minDistance;
+            }
+            else if (field === "postProcessing.ssao.maxDistance") {
+                this.pp_ssao.maxDistance = settings.ssao.maxDistance;
+            }
+            else if (field === "postProcessing.ssao.debug") {
+                this.pp_ssao.output = settings.ssao.debug;
+            }
+        }
+        if (field.startsWith("postProcessing.sao.") && this.pp_sao !== null) {
+            // SAO
+            if (field === "postProcessing.sao.debug") {
+                this.pp_sao.params.output = settings.sao.debug;
+            }
+            else {
+                this.pp_sao.params.saoBias = settings.sao.saoBias;
+                this.pp_sao.params.saoBlur = settings.sao.saoBlur == 1;
+                this.pp_sao.params.saoBlurDepthCutoff = settings.sao.saoBlurDepthCutoff;
+                this.pp_sao.params.saoBlurRadius = settings.sao.saoBlurRadius;
+                this.pp_sao.params.saoBlurStdDev = settings.sao.saoBlurStdDev;
+                this.pp_sao.params.saoIntensity = settings.sao.saoIntensity;
+                this.pp_sao.params.saoKernelRadius = settings.sao.saoKernelRadius;
+                this.pp_sao.params.saoMinResolution = settings.sao.saoMinResolution;
+                this.pp_sao.params.saoScale = settings.sao.saoScale;
+            }
+        }
+        if (field.startsWith("postProcessing.dof.") && this.pp_dof !== null) {
+            // DOF
+            this.pp_dof.materialBokeh.uniforms["focus"].value = settings.dof.focus;
+            this.pp_dof.materialBokeh.uniforms["aperture"].value =
+                settings.dof.aperture * 0.00001;
+            this.pp_dof.materialBokeh.uniforms["maxblur"].value =
+                settings.dof.maxBlur;
+        }
+        if (field.startsWith("postProcessing.ssr.")) {
+            // SSR
+            needsResize = this.updateSSR(settings);
+        }
+        return needsResize;
+    }
+    updateSSR(settings) {
+        if (!this.pp_ssr)
+            return false;
+        this.pp_ssr.blur = settings.ssr.blur === 1;
+        this.pp_ssr.maxDistance = settings.ssr.maxDistance;
+        this.pp_ssr.thickness = settings.ssr.thickness;
+        this.pp_ssr.infiniteThick = settings.ssr.infiniteThick === 1;
+        this.pp_ssr.opacity = settings.ssr.opacity;
+        this.pp_ssr.distanceAttenuation = settings.ssr.distanceAttenuation === 1;
+        this.pp_ssr.selects = this.pp_ssr_reflectors;
+        this.pp_ssr.output = settings.ssr.debug;
+        const needsResize = this.pp_ssr.updateSettings(settings);
+        return needsResize;
+    }
+    addSSRSelectors(objects) {
+        if (this.pp_ssr) {
+            this.pp_ssr.selects = objects;
+            this.pp_ssr_reflectors = objects;
+        }
+    }
+    removeSSRSelectors() {
+        if (this.pp_ssr) {
+            this.pp_ssr.selects = null;
+            this.pp_ssr_reflectors = null;
+        }
+    }
+    setCurrentQuality(quality) {
+        //    console.log("[PP] setCurrentQuality: ", quality);
+        return this.pp_ssr?.setQuality(quality) || false;
+    }
+    resizeEffects() {
+        if (this.pp_ssr) {
+            // Force a resize of the buffers
+            this.pp_ssr.setSize(this._width, this._height);
+        }
+    }
+}
+//# sourceMappingURL=ThreeJsPostProcessor.js.map

package/dist/postprocessing/ThreeJsPostProcessor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThreeJsPostProcessor.js","sourceRoot":"","sources":["../../src/postprocessing/ThreeJsPostProcessor.ts"],"names":[],"mappings":"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"}

package/dist/three/ColliderObject3D.d.ts

@@ -0,0 +1,19 @@
+import { IColliderObject } from "@p100-web/core";
+import PCollider from "../pcomponents/PCollider";
+import { Box3, Object3D, Raycaster, Sphere } from "three";
+export default class ColliderObject3D extends Object3D implements IColliderObject {
+    boundingBox: Box3 | null;
+    boundingSphere: Sphere | null;
+    private raycastBox;
+    private raycastSphere;
+    collider: PCollider | null;
+    constructor(collider: PCollider);
+    dispose(): void;
+    show(collider: PCollider): void;
+    hide(): void;
+    computeBounds(collider: PCollider): void;
+    computeBoundingBox(collider: PCollider): void;
+    computeBoundingSphere(collider: PCollider): void;
+    raycast(raycaster: Raycaster, intersects: any): null | undefined;
+}
+//# sourceMappingURL=ColliderObject3D.d.ts.map

package/dist/three/ColliderObject3D.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColliderObject3D.d.ts","sourceRoot":"","sources":["../../src/three/ColliderObject3D.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,SAAS,MAAM,0BAA0B,CAAC;AACjD,OAAO,EACL,IAAI,EAEJ,QAAQ,EAER,SAAS,EACT,MAAM,EAEP,MAAM,OAAO,CAAC;AAQf,MAAM,CAAC,OAAO,OAAO,gBACnB,SAAQ,QACR,YAAW,eAAe;IAE1B,WAAW,EAAE,IAAI,GAAG,IAAI,CAAQ;IAChC,cAAc,EAAE,MAAM,GAAG,IAAI,CAAQ;IAErC,OAAO,CAAC,UAAU,CAAiB;IACnC,OAAO,CAAC,aAAa,CAAiB;IAEtC,QAAQ,EAAE,SAAS,GAAG,IAAI,CAAQ;gBAEtB,QAAQ,EAAE,SAAS;IAO/B,OAAO;IAIP,IAAI,CAAC,QAAQ,EAAE,SAAS,GAAG,IAAI;IAI/B,IAAI,IAAI,IAAI;IAIZ,aAAa,CAAC,QAAQ,EAAE,SAAS;IAWjC,kBAAkB,CAAC,QAAQ,EAAE,SAAS;IAiBtC,qBAAqB,CAAC,QAAQ,EAAE,SAAS;IAWzC,OAAO,CAAC,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,GAAG;CAsD9C"}

package/dist/three/ColliderObject3D.js

@@ -0,0 +1,96 @@
+import { Box3, Matrix4, Object3D, Ray, Sphere, Vector3, } from "three";
+const _ray = new Ray();
+const _sphere = new Sphere();
+const _sphereHitAt = new Vector3();
+const _worldPosition = new Vector3();
+const _inverseMatrix = new Matrix4();
+export default class ColliderObject3D extends Object3D {
+    constructor(collider) {
+        super();
+        this.boundingBox = null;
+        this.boundingSphere = null;
+        this.raycastBox = true;
+        this.raycastSphere = true;
+        this.collider = null;
+        this.layers.mask = 2;
+        this.userData.helper = true;
+        this.collider = collider;
+    }
+    dispose() {
+        this.collider = null;
+    }
+    show(collider) {
+        this.layers.mask = collider.hidden ? 2 : 3;
+    }
+    hide() {
+        this.layers.mask = 0;
+    }
+    computeBounds(collider) {
+        this.raycastBox = collider.box;
+        this.raycastSphere = collider.sphere;
+        this.boundingBox = null;
+        this.boundingSphere = null;
+        this.computeBoundingBox(collider);
+        this.computeBoundingSphere(collider);
+    }
+    computeBoundingBox(collider) {
+        const halfSize = new Vector3(collider.box_size.x, collider.box_size.y, collider.box_size.z).multiplyScalar(0.5);
+        const center = new Vector3(collider.center.x, collider.center.y, collider.center.z);
+        const min = center.clone().sub(halfSize);
+        const max = center.clone().add(halfSize);
+        const bb = new Box3(min, max);
+        this.boundingBox = bb;
+    }
+    computeBoundingSphere(collider) {
+        const sphere = new Sphere();
+        sphere.center = new Vector3(collider.center.x, collider.center.y, collider.center.z);
+        sphere.radius = collider.sphere_radius;
+        this.boundingSphere = sphere;
+    }
+    raycast(raycaster, intersects) {
+        const matrixWorld = this.matrixWorld;
+        if (this.boundingSphere === null) {
+            console.error("Missing bounding sphere");
+            return;
+        }
+        _sphere.copy(this.boundingSphere);
+        _sphere.applyMatrix4(matrixWorld);
+        // check distance from ray origin to bounding sphere
+        _ray.copy(raycaster.ray).recast(raycaster.near);
+        if (this.raycastSphere && _sphere.containsPoint(_ray.origin) === false) {
+            if (_ray.intersectSphere(_sphere, _sphereHitAt) === null)
+                return;
+            if (_ray.origin.distanceToSquared(_sphereHitAt) >
+                (raycaster.far - raycaster.near) ** 2)
+                return;
+        }
+        this.getWorldPosition(_worldPosition);
+        const distance = raycaster.ray.origin.distanceTo(_worldPosition);
+        if (this.raycastBox === false) {
+            if (this.raycastSphere) {
+                intersects.push({
+                    distance: distance,
+                    point: _worldPosition,
+                    object: this,
+                });
+                return;
+            }
+        }
+        // convert ray to local space of mesh
+        _inverseMatrix.copy(matrixWorld).invert();
+        _ray.copy(raycaster.ray).applyMatrix4(_inverseMatrix);
+        // test with bounding box in local space
+        if (this.boundingBox !== null) {
+            if (_ray.intersectsBox(this.boundingBox) === false)
+                return;
+        }
+        if (distance < raycaster.near || distance > raycaster.far)
+            return null;
+        intersects.push({
+            distance: distance,
+            point: _worldPosition,
+            object: this,
+        });
+    }
+}
+//# sourceMappingURL=ColliderObject3D.js.map

package/dist/three/ColliderObject3D.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColliderObject3D.js","sourceRoot":"","sources":["../../src/three/ColliderObject3D.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,GAAG,EAEH,MAAM,EACN,OAAO,GACR,MAAM,OAAO,CAAC;AAEf,MAAM,IAAI,GAAG,IAAI,GAAG,EAAE,CAAC;AACvB,MAAM,OAAO,GAAG,IAAI,MAAM,EAAE,CAAC;AAC7B,MAAM,YAAY,GAAG,IAAI,OAAO,EAAE,CAAC;AACnC,MAAM,cAAc,GAAG,IAAI,OAAO,EAAE,CAAC;AACrC,MAAM,cAAc,GAAG,IAAI,OAAO,EAAE,CAAC;AAErC,MAAM,CAAC,OAAO,OAAO,gBACnB,SAAQ,QAAQ;IAWhB,YAAY,QAAmB;QAC7B,KAAK,EAAE,CAAC;QATV,gBAAW,GAAgB,IAAI,CAAC;QAChC,mBAAc,GAAkB,IAAI,CAAC;QAE7B,eAAU,GAAY,IAAI,CAAC;QAC3B,kBAAa,GAAY,IAAI,CAAC;QAEtC,aAAQ,GAAqB,IAAI,CAAC;QAIhC,IAAI,CAAC,MAAM,CAAC,IAAI,GAAG,CAAC,CAAC;QACrB,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,IAAI,CAAC;QAC5B,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAC3B,CAAC;IAED,OAAO;QACL,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;IACvB,CAAC;IAED,IAAI,CAAC,QAAmB;QACtB,IAAI,CAAC,MAAM,CAAC,IAAI,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAC7C,CAAC;IAED,IAAI;QACF,IAAI,CAAC,MAAM,CAAC,IAAI,GAAG,CAAC,CAAC;IACvB,CAAC;IAED,aAAa,CAAC,QAAmB;QAC/B,IAAI,CAAC,UAAU,GAAG,QAAQ,CAAC,GAAG,CAAC;QAC/B,IAAI,CAAC,aAAa,GAAG,QAAQ,CAAC,MAAM,CAAC;QAErC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;QACxB,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;QAE3B,IAAI,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAC;QAClC,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,CAAC;IACvC,CAAC;IAED,kBAAkB,CAAC,QAAmB;QACpC,MAAM,QAAQ,GAAG,IAAI,OAAO,CAC1B,QAAQ,CAAC,QAAQ,CAAC,CAAC,EACnB,QAAQ,CAAC,QAAQ,CAAC,CAAC,EACnB,QAAQ,CAAC,QAAQ,CAAC,CAAC,CACpB,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;QACtB,MAAM,MAAM,GAAG,IAAI,OAAO,CACxB,QAAQ,CAAC,MAAM,CAAC,CAAC,EACjB,QAAQ,CAAC,MAAM,CAAC,CAAC,EACjB,QAAQ,CAAC,MAAM,CAAC,CAAC,CAClB,CAAC;QACF,MAAM,GAAG,GAAG,MAAM,CAAC,KAAK,EAAE,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;QACzC,MAAM,GAAG,GAAG,MAAM,CAAC,KAAK,EAAE,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;QACzC,MAAM,EAAE,GAAG,IAAI,IAAI,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;QAC9B,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC;IACxB,CAAC;IAED,qBAAqB,CAAC,QAAmB;QACvC,MAAM,MAAM,GAAG,IAAI,MAAM,EAAE,CAAC;QAC5B,MAAM,CAAC,MAAM,GAAG,IAAI,OAAO,CACzB,QAAQ,CAAC,MAAM,CAAC,CAAC,EACjB,QAAQ,CAAC,MAAM,CAAC,CAAC,EACjB,QAAQ,CAAC,MAAM,CAAC,CAAC,CAClB,CAAC;QACF,MAAM,CAAC,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC;QACvC,IAAI,CAAC,cAAc,GAAG,MAAM,CAAC;IAC/B,CAAC;IAED,OAAO,CAAC,SAAoB,EAAE,UAAe;QAC3C,MAAM,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC;QAErC,IAAI,IAAI,CAAC,cAAc,KAAK,IAAI,EAAE,CAAC;YACjC,OAAO,CAAC,KAAK,CAAC,yBAAyB,CAAC,CAAC;YACzC,OAAO;QACT,CAAC;QAED,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;QAClC,OAAO,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC;QAElC,oDAAoD;QACpD,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;QAEhD,IAAI,IAAI,CAAC,aAAa,IAAI,OAAO,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,KAAK,EAAE,CAAC;YACvE,IAAI,IAAI,CAAC,eAAe,CAAC,OAAO,EAAE,YAAY,CAAC,KAAK,IAAI;gBAAE,OAAO;YACjE,IACE,IAAI,CAAC,MAAM,CAAC,iBAAiB,CAAC,YAAY,CAAC;gBAC3C,CAAC,SAAS,CAAC,GAAG,GAAG,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC;gBAErC,OAAO;QACX,CAAC;QAED,IAAI,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC;QACtC,MAAM,QAAQ,GAAG,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,UAAU,CAAC,cAAc,CAAC,CAAC;QAEjE,IAAI,IAAI,CAAC,UAAU,KAAK,KAAK,EAAE,CAAC;YAC9B,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;gBACvB,UAAU,CAAC,IAAI,CAAC;oBACd,QAAQ,EAAE,QAAQ;oBAClB,KAAK,EAAE,cAAc;oBACrB,MAAM,EAAE,IAAI;iBACb,CAAC,CAAC;gBACH,OAAO;YACT,CAAC;QACH,CAAC;QAED,qCAAqC;QACrC,cAAc,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,MAAM,EAAE,CAAC;QAC1C,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,YAAY,CAAC,cAAc,CAAC,CAAC;QAEtD,wCAAwC;QACxC,IAAI,IAAI,CAAC,WAAW,KAAK,IAAI,EAAE,CAAC;YAC9B,IAAI,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,KAAK;gBAAE,OAAO;QAC7D,CAAC;QAED,IAAI,QAAQ,GAAG,SAAS,CAAC,IAAI,IAAI,QAAQ,GAAG,SAAS,CAAC,GAAG;YAAE,OAAO,IAAI,CAAC;QAEvE,UAAU,CAAC,IAAI,CAAC;YACd,QAAQ,EAAE,QAAQ;YAClB,KAAK,EAAE,cAAc;YACrB,MAAM,EAAE,IAAI;SACb,CAAC,CAAC;IACL,CAAC;CACF"}

package/dist/three/FreeCameraControls.d.ts

@@ -0,0 +1,32 @@
+import ThreeCanvas from "../ThreeCanvas";
+import { PerspectiveCamera } from "three";
+import { GameContext, ICameraSettings, PVector3, type ICameraControls } from "@p100-web/core";
+export default class FreeCameraControls implements ICameraControls {
+    camera: PerspectiveCamera | null;
+    domElement: HTMLElement | null;
+    canvasElement: HTMLCanvasElement | null;
+    context: GameContext;
+    button: number;
+    private enabled;
+    target: PVector3;
+    private _coordinates;
+    constructor(context: GameContext, pcanvas: ThreeCanvas, settings: ICameraSettings);
+    dispose(): void;
+    getPosition(): PVector3;
+    setPosition(position: PVector3): void;
+    setTarget(target: PVector3): void;
+    getCalculatedTarget(): PVector3;
+    getTarget(): PVector3;
+    lookAtTarget(): void;
+    enable(): void;
+    disable(): void;
+    onDomElementExit: () => void;
+    onContextMenu: (event: any) => void;
+    onWheel: (event: any) => void;
+    onPointerDown: (event: any) => void;
+    onPointerUp: () => void;
+    _wasWorking: boolean;
+    onPointerMove: (event: any) => void;
+    updateSettings(): void;
+}
+//# sourceMappingURL=FreeCameraControls.d.ts.map

package/dist/three/FreeCameraControls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FreeCameraControls.d.ts","sourceRoot":"","sources":["../../src/three/FreeCameraControls.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAW,iBAAiB,EAAW,MAAM,OAAO,CAAC;AAC5D,OAAO,EAEL,WAAW,EACX,eAAe,EACf,QAAQ,EAER,KAAK,eAAe,EACrB,MAAM,gBAAgB,CAAC;AAExB,MAAM,CAAC,OAAO,OAAO,kBAAmB,YAAW,eAAe;IAChE,MAAM,EAAE,iBAAiB,GAAG,IAAI,CAAC;IACjC,UAAU,EAAE,WAAW,GAAG,IAAI,CAAC;IAC/B,aAAa,EAAE,iBAAiB,GAAG,IAAI,CAAC;IACxC,OAAO,EAAE,WAAW,CAAC;IACrB,MAAM,EAAE,MAAM,CAAK;IACnB,OAAO,CAAC,OAAO,CAAS;IAExB,MAAM,EAAE,QAAQ,CAAsB;IAEtC,OAAO,CAAC,YAAY,CAA2B;gBAG7C,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,eAAe;IAgC3B,OAAO;IAqBP,WAAW;IAIX,WAAW,CAAC,QAAQ,EAAE,QAAQ;IAI9B,SAAS,CAAC,MAAM,EAAE,QAAQ;IAI1B,mBAAmB,IAAI,QAAQ;IAK/B,SAAS;IAIT,YAAY;IAIZ,MAAM;IAIN,OAAO;IAcP,gBAAgB,aAKd;IAEF,aAAa,GAAI,OAAO,GAAG,UAKzB;IAEF,OAAO,GAAI,OAAO,GAAG,UAqBnB;IAEF,aAAa,GAAI,OAAO,GAAG,UAkBzB;IAEF,WAAW,aAWT;IAEF,WAAW,UAAS;IAEpB,aAAa,GAAI,OAAO,GAAG,UAsBzB;IAMF,cAAc,IAAI,IAAI;CACvB"}

package/dist/three/FreeCameraControls.js

@@ -0,0 +1,173 @@
+import { Matrix4, Vector3 } from "three";
+import { Coordinates, PVector3, Workers, } from "@p100-web/core";
+export default class FreeCameraControls {
+    constructor(context, pcanvas, settings) {
+        this.button = 0;
+        this.enabled = false;
+        this.target = new PVector3(null);
+        this._coordinates = Coordinates.RightHanded;
+        //
+        //  EditorCameraControls
+        //
+        this.onDomElementExit = () => {
+            if (!this.enabled)
+                true;
+            if (this.button > 0) {
+                this.onPointerUp();
+            }
+        };
+        this.onContextMenu = (event) => {
+            event.stopPropagation();
+            event.preventDefault();
+            if (this.enabled === false)
+                return;
+            event.preventDefault();
+        };
+        this.onWheel = (event) => {
+            if (!this.enabled || !this.camera)
+                return;
+            event.preventDefault();
+            if (event.deltaY !== 0) {
+                const multiplier = event.ctrlKey ? 0.1 : 1;
+                const localMove = new Vector3(0, 0, event.deltaY / 200);
+                const matrix = new Matrix4();
+                matrix.copy(this.camera.matrixWorld);
+                matrix.setPosition(new Vector3());
+                localMove.applyMatrix4(matrix);
+                const speed = Math.max(this.camera.position.distanceTo(_ZERO) * 0.25, 0.1) *
+                    multiplier;
+                localMove.multiplyScalar(speed);
+                this.camera.position.add(localMove);
+                this.context.snooze();
+            }
+        };
+        this.onPointerDown = (event) => {
+            event.preventDefault();
+            if (!this.enabled)
+                return;
+            if (event.button === 1 || event.button === 2) {
+                this.button = event.button + 1;
+                if (!this._wasWorking) {
+                    this._wasWorking = true;
+                    this.context.setWorkFlag(Workers.CameraControls);
+                }
+                document.body.addEventListener("pointermove", this.onPointerMove);
+                document.body.addEventListener("pointerup", this.onPointerUp);
+            }
+            else {
+                this.button = 0;
+            }
+        };
+        this.onPointerUp = () => {
+            if (!this.enabled)
+                return;
+            this.button = 0;
+            document.body.removeEventListener("pointermove", this.onPointerMove);
+            document.body.removeEventListener("pointerup", this.onPointerUp);
+            if (this._wasWorking) {
+                this.context.clearWorkFlag(Workers.CameraControls);
+                this._wasWorking = false;
+            }
+        };
+        this._wasWorking = false;
+        this.onPointerMove = (event) => {
+            if (!this.enabled || !this.camera)
+                return;
+            if (this.button === 3) {
+                this.camera.rotateOnAxis(_SIDES, -event.movementY / 250);
+                this.camera.rotateOnWorldAxis(_UP, -event.movementX / 250);
+            }
+            else if (this.button === 2) {
+                const localMove = new Vector3(-event.movementX / 100, event.movementY / 100, 0);
+                const matrix = new Matrix4();
+                matrix.copy(this.camera.matrixWorld);
+                matrix.setPosition(new Vector3());
+                localMove.applyMatrix4(matrix);
+                const speed = Math.max(this.camera.position.distanceTo(_ZERO) * 0.25, 0.1);
+                localMove.multiplyScalar(speed);
+                this.camera.position.add(localMove);
+            }
+        };
+        this.camera = pcanvas.getThreeCamera();
+        this.canvasElement = pcanvas.getCanvasElement();
+        this._coordinates = context.getCoordinates();
+        this.context = context;
+        if (!this.canvasElement?.parentElement)
+            throw new Error("Missing parent");
+        this.domElement = this.canvasElement.parentElement;
+        // Always add listeners
+        this.domElement.addEventListener("contextmenu", this.onContextMenu);
+        this.domElement.addEventListener("pointerdown", this.onPointerDown);
+        this.domElement.addEventListener("pointercancel", this.onPointerUp);
+        this.domElement.addEventListener("wheel", this.onWheel);
+        document.body.addEventListener("mouseleave", this.onDomElementExit);
+        // Set start position
+        if (this._coordinates !== Coordinates.RightHanded) {
+            // position = position.clone();
+            // target = target.clone();
+            // position.z *= -1;
+            // target.z *= -1;
+        }
+        this.setPosition(settings.position);
+        this.setTarget(settings.target);
+        this.lookAtTarget();
+        this.enable();
+    }
+    dispose() {
+        if (!this.domElement)
+            throw new Error("Missing domElement");
+        this.domElement.removeEventListener("contextmenu", this.onContextMenu);
+        this.domElement.removeEventListener("pointerdown", this.onPointerDown);
+        this.domElement.removeEventListener("pointercancel", this.onPointerUp);
+        document.body.removeEventListener("mouseleave", this.onDomElementExit);
+        this.domElement.removeEventListener("wheel", this.onWheel);
+        document.body.removeEventListener("pointermove", this.onPointerMove);
+        document.body.removeEventListener("pointerup", this.onPointerUp);
+        this.camera = null;
+        this.canvasElement = null;
+        this.domElement = null;
+    }
+    //
+    //  ICameraControls
+    //
+    getPosition() {
+        return new PVector3(this.camera.position);
+    }
+    setPosition(position) {
+        this.camera.position.copy(position);
+    }
+    setTarget(target) {
+        this.target = target;
+    }
+    getCalculatedTarget() {
+        const forward = new Vector3();
+        return new PVector3(this.camera.getWorldDirection(forward));
+    }
+    getTarget() {
+        return new PVector3(this.target);
+    }
+    lookAtTarget() {
+        this.camera.lookAt(this.target.x, this.target.y, this.target.z);
+    }
+    enable() {
+        this.enabled = true;
+    }
+    disable() {
+        if (this.enabled === false)
+            return;
+        this.enabled = false;
+        if (this.button > 0) {
+            this.onPointerUp();
+        }
+        document.body.removeEventListener("pointermove", this.onPointerMove);
+        document.body.removeEventListener("pointerup", this.onPointerUp);
+    }
+    //
+    //  Editor
+    //
+    updateSettings() { }
+}
+const _ZERO = new Vector3(0, 0, 0);
+const _UP = new Vector3(0, 1, 0);
+const _SIDES = new Vector3(1, 0, 0);
+//# sourceMappingURL=FreeCameraControls.js.map