@zephyr3d/editor 0.3.0 → 0.3.1

package/dist/vendor/zephyr3d/scene/dist/camera/camera.js

@@ -14,24 +14,24 @@ import { ScreenAdapter } from '../app/screen.js';
 import { ABufferOIT } from '../render/abuffer_oit.js';
 import { WeightedBlendedOIT } from '../render/weightedblended_oit.js';
 
-/**
- * A renderable camera node that manages view/projection math, frusta,
- * input control, picking, and a post-processing chain via a compositor.
- *
- * Key features:
- * - Maintains projection, view, VP, and inverse VP matrices and lazily recomputes them when invalidated.
- * - Provides world- and view-space frusta for culling and clipping.
- * - Supports perspective and orthographic projections.
- * - Integrates with post effects (Tonemap, FXAA, TAA, Bloom, SSR, SSAO, Motion Blur) through an internal `Compositor`.
- * - Handles temporal jitter and history state when TAA or motion blur are enabled.
- * - Emits picking rays from screen coordinates and supports async GPU picking.
- * - Optional controller integration for user input handling.
- *
- * Performance notes:
- * - Matrices/frusta are computed on demand and cached until invalidation.
- * - Temporal jitter and history are set up only when required by enabled features and device support.
- *
- * @public
+/**
+ * A renderable camera node that manages view/projection math, frusta,
+ * input control, picking, and a post-processing chain via a compositor.
+ *
+ * Key features:
+ * - Maintains projection, view, VP, and inverse VP matrices and lazily recomputes them when invalidated.
+ * - Provides world- and view-space frusta for culling and clipping.
+ * - Supports perspective and orthographic projections.
+ * - Integrates with post effects (Tonemap, FXAA, TAA, Bloom, SSR, SSAO, Motion Blur) through an internal `Compositor`.
+ * - Handles temporal jitter and history state when TAA or motion blur are enabled.
+ * - Emits picking rays from screen coordinates and supports async GPU picking.
+ * - Optional controller integration for user input handling.
+ *
+ * Performance notes:
+ * - Matrices/frusta are computed on demand and cached until invalidation.
+ * - Temporal jitter and history are set up only when required by enabled features and device support.
+ *
+ * @public
  */ class Camera extends SceneNode {
     /** @internal Halton 2-3 sequence used for TAA jittering. */ static _halton23 = halton23(16);
     /** @internal Per-camera history resource manager. */ static _historyResourceManager = new WeakMap();
@@ -120,14 +120,14 @@ import { WeightedBlendedOIT } from '../render/weightedblended_oit.js';
     /** @internal Post-processing compositor attached to this camera. */ _compositor;
     /** @internal Pointer interaction rectangle in css pixels (relative to canvas) */ _interactionRect;
     /** @internal captured by which mouse button (-1 if not captured) */ _capturedButton;
-    /**
-   * Creates a new camera node.
-   *
-   * Initializes projection/view matrices, temporal fields, controller linkage, and
-   * builds the default post-processing pipeline on the internal compositor.
-   *
-   * @param scene - The scene that owns this camera.
-   * @param projectionMatrix - Optional projection matrix to initialize with.
+    /**
+   * Creates a new camera node.
+   *
+   * Initializes projection/view matrices, temporal fields, controller linkage, and
+   * builds the default post-processing pipeline on the internal compositor.
+   *
+   * @param scene - The scene that owns this camera.
+   * @param projectionMatrix - Optional projection matrix to initialize with.
    */ constructor(scene, projectionMatrix){
         super(scene);
         this._projMatrix = projectionMatrix || Matrix4x4.identity();
@@ -220,73 +220,73 @@ import { WeightedBlendedOIT } from '../render/weightedblended_oit.js';
             scene.mainCamera = this;
         }
     }
-    /**
-   * The compositor that owns and runs the camera's post-processing chain.
+    /**
+   * The compositor that owns and runs the camera's post-processing chain.
    */ get compositor() {
         return this._compositor;
     }
-    /**
-   * Pointer interaction rectangle in css pixels (relative to canvas)
+    /**
+   * Pointer interaction rectangle in css pixels (relative to canvas)
    */ get interactionRect() {
         return this._interactionRect;
     }
     set interactionRect(rect) {
         this._interactionRect = rect;
     }
-    /**
-   * Framebuffer clear color, or `null` to disable.
+    /**
+   * Framebuffer clear color, or `null` to disable.
    */ get clearColor() {
         return this._clearColor;
     }
     set clearColor(v) {
         this._clearColor = v?.clone() ?? null;
     }
-    /**
-   * Framebuffer stencil clear value, disabled when null. Default is 0.
+    /**
+   * Framebuffer stencil clear value, disabled when null. Default is 0.
    */ get clearDepth() {
         return this._clearDepth;
     }
     set clearDepth(v) {
         this._clearDepth = v;
     }
-    /**
-   * Framebuffer stencil clear value, disabled when null. Default is 0.
+    /**
+   * Framebuffer stencil clear value, disabled when null. Default is 0.
    */ get clearStencil() {
         return this._clearStencil;
     }
     set clearStencil(v) {
         this._clearStencil = v;
     }
-    /**
-   * Whether Hi-Z acceleration is enabled.
-   *
-   * Often improves SSR performance with little quality impact when supported.
+    /**
+   * Whether Hi-Z acceleration is enabled.
+   *
+   * Often improves SSR performance with little quality impact when supported.
    */ get HiZ() {
         return this._HiZ;
     }
     set HiZ(val) {
         this._HiZ = !!val;
     }
-    /**
-   * Whether HDR backbuffer is enabled.
-   *
-   * Tonemap should be disabled when not using HDR backbuffer.
+    /**
+   * Whether HDR backbuffer is enabled.
+   *
+   * Tonemap should be disabled when not using HDR backbuffer.
    */ get HDR() {
         return this._HDR;
     }
     set HDR(val) {
         this._HDR = !!val;
     }
-    /**
-   * Whether tonemapping is enabled via the post effect.
+    /**
+   * Whether tonemapping is enabled via the post effect.
    */ get toneMap() {
         return this._postEffectTonemap.get().enabled;
     }
     set toneMap(val) {
         this._postEffectTonemap.get().enabled = !!val;
     }
-    /**
-   * Whether motion blur is enabled via the post effect.
+    /**
+   * Whether motion blur is enabled via the post effect.
    */ get motionBlur() {
         return this._postEffectMotionBlur.get().enabled;
     }
@@ -302,16 +302,16 @@ import { WeightedBlendedOIT } from '../render/weightedblended_oit.js';
             this._postEffectMotionBlur.get().strength = this._motionBlurStrength;
         }
     }
-    /**
-   * Gets whether Bloom is enabled.
+    /**
+   * Gets whether Bloom is enabled.
    */ get bloom() {
         return this._postEffectBloom.get().enabled;
     }
     set bloom(val) {
         this._postEffectBloom.get().enabled = !!val;
     }
-    /**
-   * Maximum bloom downsample levels
+    /**
+   * Maximum bloom downsample levels
    */ get bloomMaxDownsampleLevels() {
         return this._bloomMaxDownsampleLevels;
     }
@@ -321,8 +321,8 @@ import { WeightedBlendedOIT } from '../render/weightedblended_oit.js';
             this._postEffectBloom.get().maxDownsampleLevel = val;
         }
     }
-    /**
-   * Bloom downsample limit
+    /**
+   * Bloom downsample limit
    */ get bloomDownsampleLimit() {
         return this._bloomDownsampleLimit;
     }
@@ -332,8 +332,8 @@ import { WeightedBlendedOIT } from '../render/weightedblended_oit.js';
             this._postEffectBloom.get().downsampleLimit = val;
         }
     }
-    /**
-   * Bloom threshold
+    /**
+   * Bloom threshold
    */ get bloomThreshold() {
         return this._bloomThreshold;
     }
@@ -343,8 +343,8 @@ import { WeightedBlendedOIT } from '../render/weightedblended_oit.js';
             this._postEffectBloom.get().threshold = val;
         }
     }
-    /**
-   * Bloom threshold knee
+    /**
+   * Bloom threshold knee
    */ get bloomThresholdKnee() {
         return this._bloomThresholdKnee;
     }
@@ -354,8 +354,8 @@ import { WeightedBlendedOIT } from '../render/weightedblended_oit.js';
             this._postEffectBloom.get().thresholdKnee = val;
         }
     }
-    /**
-   * Bloom intensity
+    /**
+   * Bloom intensity
    */ get bloomIntensity() {
         return this._bloomIntensity;
     }
@@ -407,16 +407,16 @@ import { WeightedBlendedOIT } from '../render/weightedblended_oit.js';
             this._postEffectColorAdjust.get().sharpen = val;
         }
     }
-    /**
-   * Gets whether FXAA is enabled.
+    /**
+   * Gets whether FXAA is enabled.
    */ get FXAA() {
         return this._postEffectFXAA.get().enabled;
     }
     set FXAA(val) {
         this._postEffectFXAA.get().enabled = !!val;
     }
-    /**
-   * Tonemap exposure
+    /**
+   * Tonemap exposure
    */ get toneMapExposure() {
         return this._tonemapExposure;
     }
@@ -426,123 +426,123 @@ import { WeightedBlendedOIT } from '../render/weightedblended_oit.js';
             this._postEffectTonemap.get().exposure = val;
         }
     }
-    /**
-   * Gets whether TAA is enabled.
+    /**
+   * Gets whether TAA is enabled.
    */ get TAA() {
         return this._postEffectTAA.get().enabled;
     }
     set TAA(val) {
         this._postEffectTAA.get().enabled = !!val;
     }
-    /**
-   * Gets the debug flag for TAA
+    /**
+   * Gets the debug flag for TAA
    */ get TAADebug() {
         return this._TAADebug;
     }
     set TAADebug(val) {
         this._TAADebug = val;
     }
-    /**
-   * Gets whether Screen Space Reflections (SSR) is enabled.
+    /**
+   * Gets whether Screen Space Reflections (SSR) is enabled.
    */ get SSR() {
         return this._postEffectSSR.get().enabled;
     }
     set SSR(val) {
         this._postEffectSSR.get().enabled = !!val;
     }
-    /**
-   * Gets the maximum roughness value for screen space reflections.
-   * Controls the cutoff point where surfaces are considered too rough for SSR.
+    /**
+   * Gets the maximum roughness value for screen space reflections.
+   * Controls the cutoff point where surfaces are considered too rough for SSR.
    */ get ssrMaxRoughness() {
         return this._ssrMaxRoughness;
     }
     set ssrMaxRoughness(val) {
         this._ssrMaxRoughness = val;
     }
-    /**
-   * Gets the roughness factor for SSR calculations.
-   * Affects how surface roughness influences reflection clarity.
+    /**
+   * Gets the roughness factor for SSR calculations.
+   * Affects how surface roughness influences reflection clarity.
    */ get ssrRoughnessFactor() {
         return this._ssrRoughnessFactor;
     }
     set ssrRoughnessFactor(val) {
         this._ssrRoughnessFactor = val;
     }
-    /**
-   * Gets the stride value for SSR ray marching.
-   * Controls the step size during ray marching. Larger values improve performance but may miss details.
+    /**
+   * Gets the stride value for SSR ray marching.
+   * Controls the step size during ray marching. Larger values improve performance but may miss details.
    */ get ssrStride() {
         return this._ssrStride;
     }
     set ssrStride(val) {
         this._ssrStride = val;
     }
-    /**
-   * Gets the maximum distance for SSR ray marching.
-   * Defines how far rays will travel when searching for reflection intersections.
+    /**
+   * Gets the maximum distance for SSR ray marching.
+   * Defines how far rays will travel when searching for reflection intersections.
    */ get ssrMaxDistance() {
         return this._ssrParams.x;
     }
     set ssrMaxDistance(val) {
         this._ssrParams.x = val;
     }
-    /**
-   * Gets the number of iterations for SSR ray marching.
-   * Higher values provide more accurate reflections but impact performance.
+    /**
+   * Gets the number of iterations for SSR ray marching.
+   * Higher values provide more accurate reflections but impact performance.
    */ get ssrIterations() {
         return this._ssrParams.y;
     }
     set ssrIterations(val) {
         this._ssrParams.y = val;
     }
-    /**
-   * Gets the thickness value for SSR calculations.
-   * Determines the thickness threshold for surfaces when calculating reflections.
+    /**
+   * Gets the thickness value for SSR calculations.
+   * Determines the thickness threshold for surfaces when calculating reflections.
    */ get ssrThickness() {
         return this._ssrParams.z;
     }
     set ssrThickness(val) {
         this._ssrParams.z = val;
     }
-    /**
-   * Gets whether SSR should calculate thickness automatically.
-   * When enabled, the system will dynamically compute surface thickness for reflections.
+    /**
+   * Gets whether SSR should calculate thickness automatically.
+   * When enabled, the system will dynamically compute surface thickness for reflections.
    */ get ssrCalcThickness() {
         return this._ssrCalcThickness;
     }
     set ssrCalcThickness(val) {
         this._ssrCalcThickness = !!val;
     }
-    /**
-   * Gets the blur scale factor for SSR.
-   * Controls the overall intensity of the blur effect applied to reflections.
+    /**
+   * Gets the blur scale factor for SSR.
+   * Controls the overall intensity of the blur effect applied to reflections.
    */ get ssrBlurScale() {
         return this._ssrBlurriness;
     }
     set ssrBlurScale(val) {
         this._ssrBlurriness = val;
     }
-    /**
-   * Gets the depth cutoff value for SSR blur.
-   * Determines at what depth difference the blur effect should be reduced or eliminated.
+    /**
+   * Gets the depth cutoff value for SSR blur.
+   * Determines at what depth difference the blur effect should be reduced or eliminated.
    */ get ssrBlurDepthCutoff() {
         return this._ssrBlurDepthCutoff;
     }
     set ssrBlurDepthCutoff(val) {
         this._ssrBlurDepthCutoff = val;
     }
-    /**
-   * Gets the kernel size for the SSR blur effect.
-   * Defines the size of the blur kernel. Larger values create softer, more spread-out blur.
+    /**
+   * Gets the kernel size for the SSR blur effect.
+   * Defines the size of the blur kernel. Larger values create softer, more spread-out blur.
    */ get ssrBlurKernelSize() {
         return this._ssrBlurKernelSize;
     }
     set ssrBlurKernelSize(val) {
         this._ssrBlurKernelSize = val;
     }
-    /**
-   * Gets the standard deviation for the SSR Gaussian blur.
-   * Controls the distribution of the blur effect. Higher values create more pronounced blur.
+    /**
+   * Gets the standard deviation for the SSR Gaussian blur.
+   * Controls the distribution of the blur effect. Higher values create more pronounced blur.
    */ get ssrBlurStdDev() {
         return this._ssrBlurStdDev;
     }
@@ -552,8 +552,8 @@ import { WeightedBlendedOIT } from '../render/weightedblended_oit.js';
     /** @internal */ get ssrParams() {
         return this._ssrParams;
     }
-    /**
-   * Gets whether SSAO is enabled.
+    /**
+   * Gets whether SSAO is enabled.
    */ get SSAO() {
         return this._postEffectSSAO.get().enabled;
     }
@@ -693,27 +693,27 @@ import { WeightedBlendedOIT } from '../render/weightedblended_oit.js';
         }
         return this._viewport;
     }
-    /**
-   * Screen configuration used for adapting the camera viewport
+    /**
+   * Screen configuration used for adapting the camera viewport
    */ get screenConfig() {
         return this._screenAdapter.config;
     }
     set screenConfig(config) {
         this._screenAdapter.config = config;
     }
-    /**
-   * Screen viewport used for adapting the camera viewport
+    /**
+   * Screen viewport used for adapting the camera viewport
    */ get screenViewport() {
         return this._screenAdapter.viewport;
     }
     set screenViewport(viewport) {
         this._screenAdapter.viewport = viewport;
     }
-    /**
-   * Handle input events
-   * @param ev - input event object
-   * @param type - event type, default to ev.type
-   * @returns Boolean value indicates whether the event was handled.
+    /**
+   * Handle input events
+   * @param ev - input event object
+   * @param type - event type, default to ev.type
+   * @returns Boolean value indicates whether the event was handled.
    */ handleEvent(ev, type) {
         let handled = false;
         if (this._controller) {
@@ -746,14 +746,14 @@ import { WeightedBlendedOIT } from '../render/weightedblended_oit.js';
         }
         return handled;
     }
-    /**
-   * Constructs a ray based on the given screen coordinates.
-   *
-   * @param x - The x-component of the screen coordinates, relative to the top-left corner of the viewport.
-   * @param y - The y-component of the screen coordinates, relative to the top-left corner of the viewport.
-   * @param viewportWidth - Optional width of the viewport for normalizing screen coordinates. If not provided, it will be derived from the camera's viewport or the device's viewport.
-   * @param viewportHeight - Optional height of the viewport for normalizing screen coordinates. If not provided, it will be derived from the camera's viewport or the device's viewport.
-   * @returns The ray originating from the camera position and passing through the given screen coordinates.
+    /**
+   * Constructs a ray based on the given screen coordinates.
+   *
+   * @param x - The x-component of the screen coordinates, relative to the top-left corner of the viewport.
+   * @param y - The y-component of the screen coordinates, relative to the top-left corner of the viewport.
+   * @param viewportWidth - Optional width of the viewport for normalizing screen coordinates. If not provided, it will be derived from the camera's viewport or the device's viewport.
+   * @param viewportHeight - Optional height of the viewport for normalizing screen coordinates. If not provided, it will be derived from the camera's viewport or the device's viewport.
+   * @returns The ray originating from the camera position and passing through the given screen coordinates.
    */ constructRay(x, y, viewportWidth, viewportHeight) {
         const width = viewportWidth ?? (this.viewport ? this.viewport[2] : getDevice().getViewport().width);
         const height = viewportHeight ?? (this.viewport ? this.viewport[3] : getDevice().getViewport().height);
@@ -771,54 +771,54 @@ import { WeightedBlendedOIT } from '../render/weightedblended_oit.js';
         const vDir = Vector3.sub(farWorld.xyz(), vEye).inplaceNormalize();
         return new Ray(vEye, vDir);
     }
-    /**
-   * Place the camera by specifying the camera position and the target point
-   * @param eye - The camera position
-   * @param target - The target point to look at
-   * @param up - The up vector
-   * @returns self
+    /**
+   * Place the camera by specifying the camera position and the target point
+   * @param eye - The camera position
+   * @param target - The target point to look at
+   * @param up - The up vector
+   * @returns self
    */ lookAt(eye, target, up) {
         return this.setLocalTransform(Matrix4x4.lookAt(eye, target, up));
     }
-    /**
-   * Place the camera to look at a given cube face at a given camera position
-   * @param face - The cube face to look at
-   * @param position - The camera position
-   * @returns self
+    /**
+   * Place the camera to look at a given cube face at a given camera position
+   * @param face - The cube face to look at
+   * @param position - The camera position
+   * @returns self
    */ lookAtCubeFace(face, position) {
         return this.setLocalTransform(Matrix4x4.lookAtCubeFace(face, position ?? this.position));
     }
-    /**
-   * Setup a perspective projection matrix for the camera
-   * @param fovY - The vertical field of view in radians.
-   * @param aspect - The aspect ratio
-   * @param zNear - The near clip plane
-   * @param zFar - The far clip plane
-   * @returns self
+    /**
+   * Setup a perspective projection matrix for the camera
+   * @param fovY - The vertical field of view in radians.
+   * @param aspect - The aspect ratio
+   * @param zNear - The near clip plane
+   * @param zFar - The far clip plane
+   * @returns self
    */ setPerspective(fovY, aspect, zNear, zFar) {
         this._projMatrix.perspective(fovY, aspect, zNear, zFar);
         Matrix4x4.invert(this._projMatrix, this._invProjMatrix);
         this._invalidate(true);
         return this;
     }
-    /**
-   * Setup a orthogonal projection matrix for the camera
-   * @param left - Left bound of the frustum
-   * @param right - Right bound of the frustum
-   * @param bottom - Bottom bound of the frustum
-   * @param top - Top bound of the frustum
-   * @param near - Near bound of the frustum.
-   * @param far - Far bound of the frustum.
-   * @returns self
+    /**
+   * Setup a orthogonal projection matrix for the camera
+   * @param left - Left bound of the frustum
+   * @param right - Right bound of the frustum
+   * @param bottom - Bottom bound of the frustum
+   * @param top - Top bound of the frustum
+   * @param near - Near bound of the frustum.
+   * @param far - Far bound of the frustum.
+   * @returns self
    */ setOrtho(left, right, bottom, top, near, far) {
         this._projMatrix.ortho(left, right, bottom, top, near, far);
         Matrix4x4.invert(this._projMatrix, this._invProjMatrix);
         this._invalidate(true);
         return this;
     }
-    /**
-   * Setup a projection matrix for the camera
-   * @param matrix - The projection matrix
+    /**
+   * Setup a projection matrix for the camera
+   * @param matrix - The projection matrix
    */ setProjectionMatrix(matrix) {
         if (matrix && matrix !== this._projMatrix) {
             this._projMatrix = matrix;
@@ -826,18 +826,18 @@ import { WeightedBlendedOIT } from '../render/weightedblended_oit.js';
             this._invalidate(true);
         }
     }
-    /**
-   * Gets the projection matrix of the camera
-   * @returns The projection matrix
+    /**
+   * Gets the projection matrix of the camera
+   * @returns The projection matrix
    */ getProjectionMatrix() {
         if (this.dirtyCheck()) {
             this._compute();
         }
         return this._projMatrix;
     }
-    /**
-   * Gets the inverse projection matrix of the camera
-   * @returns The projection matrix
+    /**
+   * Gets the inverse projection matrix of the camera
+   * @returns The projection matrix
    */ getInvProjectionMatrix() {
         if (this.dirtyCheck()) {
             this._compute();
@@ -855,11 +855,11 @@ import { WeightedBlendedOIT } from '../render/weightedblended_oit.js';
         rotationMatrix.setRow(2, new Vector4(zAxis.x, zAxis.y, zAxis.z, 0));
         return rotationMatrix;
     }
-    /**
-   * View matrix of the camera
-   *
-   * @remarks
-   * Camera's view matrix will transform a point from the world space to the camera space
+    /**
+   * View matrix of the camera
+   *
+   * @remarks
+   * Camera's view matrix will transform a point from the world space to the camera space
    */ get viewMatrix() {
         if (this.dirtyCheck()) {
             this._compute();
@@ -872,11 +872,11 @@ import { WeightedBlendedOIT } from '../render/weightedblended_oit.js';
         }
         return this._viewProjMatrix;
     }
-    /**
-   * The inverse-view-projection matrix of the camera
-   *
-   * @remarks
-   * The inverse-view-projection matrix transforms a point from the clip space to the camera space
+    /**
+   * The inverse-view-projection matrix of the camera
+   *
+   * @remarks
+   * The inverse-view-projection matrix transforms a point from the clip space to the camera space
    */ get invViewProjectionMatrix() {
         if (this.dirtyCheck()) {
             this._compute();
@@ -928,9 +928,9 @@ import { WeightedBlendedOIT } from '../render/weightedblended_oit.js';
     /** Returns true if the camera is orthographic */ isOrtho() {
         return this.getProjectionMatrix().isOrtho();
     }
-    /**
-   * Gets the camera history resource manager for temporal effects
-   * @returns History resource manager
+    /**
+   * Gets the camera history resource manager for temporal effects
+   * @returns History resource manager
    */ getHistoryResourceManager() {
         let manager = Camera._historyResourceManager.get(this);
         if (!manager) {
@@ -940,14 +940,14 @@ import { WeightedBlendedOIT } from '../render/weightedblended_oit.js';
         }
         return manager;
     }
-    /**
-   * Sets the camera history resource manager for temporal effects
-   * @internal
+    /**
+   * Sets the camera history resource manager for temporal effects
+   * @internal
    */ setHistoryResourceManager(manager) {
         Camera._historyResourceManager.set(this, manager);
     }
-    /**
-   * Clears the camera history data which is used in temporal reprojection
+    /**
+   * Clears the camera history data which is used in temporal reprojection
    */ clearHistoryData() {
         // Clear history resource manager
         const manager = Camera._historyResourceManager.get(this);
@@ -1027,10 +1027,10 @@ import { WeightedBlendedOIT } from '../render/weightedblended_oit.js';
             this._compositor.appendPostEffect(bloom);
         }
     }
-    /**
-   * Renders a scene
-   * @param scene - The scene to be rendered
-   * @param compositor - Compositor instance that will be used to apply postprocess effects
+    /**
+   * Renders a scene
+   * @param scene - The scene to be rendered
+   * @param compositor - Compositor instance that will be used to apply postprocess effects
    */ render(scene) {
         const device = getDevice();
         //this.updatePostProcessing(device);
@@ -1104,13 +1104,13 @@ import { WeightedBlendedOIT } from '../render/weightedblended_oit.js';
     /** @internal */ getPickPosY() {
         return this._pickPosY;
     }
-    /**
-   * Updates the controller state
+    /**
+   * Updates the controller state
    */ updateController() {
         this._controller?.update();
     }
-    /**
-   * Reset the controller
+    /**
+   * Reset the controller
    */ resetController() {
         this._controller?.reset();
     }