@fonsecabarreto/genesis-gl-core 0.1.34 → 0.1.35

package/dist/Core/classes/Renderer.js

@@ -4,7 +4,7 @@ import {
 import "../../chunk-XCYJCLHB.js";
 import "../../chunk-QOAQVTAB.js";
 import "../../chunk-WKSDPPXS.js";
-import "../../chunk-WHOIVV44.js";
+import "../../chunk-LRPS4YPK.js";
 export {
   Renderer
 };

package/dist/Core/classes/Viewport.d.ts

@@ -33,6 +33,9 @@ declare class Viewport {
     getCanvas(): HTMLCanvasElement;
     getWebGLCore(): WebGLCore | null;
     getScale(): number;
+    resize(width: number, height: number): void;
+    lockCamera(): void;
+    unlockCamera(): void;
     /** Release event listeners. Call when the viewport is no longer needed. */
     dispose(): void;
 }

package/dist/Core/classes/Viewport.js

@@ -1,6 +1,6 @@
 import {
   Viewport
-} from "../../chunk-WHOIVV44.js";
+} from "../../chunk-LRPS4YPK.js";
 export {
   Viewport
 };

package/dist/Core/index.js

@@ -30,7 +30,7 @@ import {
   MouseDragControl,
   MousePointerLockControl,
   Viewport
-} from "../chunk-WHOIVV44.js";
+} from "../chunk-LRPS4YPK.js";
 export {
   AnimationClip,
   Camera,

package/dist/Core/utils/load-glb.js

@@ -11,7 +11,7 @@ import {
   Model
 } from "../../chunk-QOAQVTAB.js";
 import "../../chunk-WKSDPPXS.js";
-import "../../chunk-WHOIVV44.js";
+import "../../chunk-LRPS4YPK.js";
 
 // src/Core/utils/load-glb.ts
 import { mat4, quat, vec3 } from "gl-matrix";

package/dist/Core/utils/parse-obj.js

@@ -8,7 +8,7 @@ import {
   Model
 } from "../../chunk-QOAQVTAB.js";
 import "../../chunk-WKSDPPXS.js";
-import "../../chunk-WHOIVV44.js";
+import "../../chunk-LRPS4YPK.js";
 
 // src/Core/utils/parse-obj.ts
 function computeNormal(p1, p2, p3) {

package/dist/Game/index.js

@@ -18,7 +18,7 @@ import {
 } from "../chunk-WKSDPPXS.js";
 import {
   Viewport
-} from "../chunk-WHOIVV44.js";
+} from "../chunk-LRPS4YPK.js";
 
 // src/Game/classes/AnimationController.ts
 var AnimationController = class {

package/dist/{chunk-WHOIVV44.js → chunk-LRPS4YPK.js}

@@ -312,9 +312,9 @@ var Viewport = class _Viewport {
   isDraggingCamera() {
     return this.dragControl.isDragging;
   }
-  resizeCanvas() {
-    const screenWidth = window.innerWidth;
-    const screenHeight = window.innerHeight;
+  resizeCanvas(containerWidth, containerHeight) {
+    const screenWidth = containerWidth ?? window.innerWidth;
+    const screenHeight = containerHeight ?? window.innerHeight;
     const aspectViewport = this.width / this.height;
     const aspectScreen = screenWidth / screenHeight;
     let canvasWidth, canvasHeight;
@@ -342,6 +342,21 @@ var Viewport = class _Viewport {
   getScale() {
     return this.scale;
   }
+  resize(width, height) {
+    this.width = width;
+    this.height = height;
+    this.resizeCanvas(width, height);
+  }
+  lockCamera() {
+    this.wheelControl.disable();
+    this.dragControl.disable();
+    this.moveControl.disable();
+  }
+  unlockCamera() {
+    this.wheelControl.enable();
+    this.dragControl.enable();
+    this.moveControl.enable();
+  }
   /** Release event listeners. Call when the viewport is no longer needed. */
   dispose() {
     window.removeEventListener("resize", this.resizeHandler);
@@ -357,4 +372,4 @@ export {
   MousePointerLockControl,
   Viewport
 };
-//# sourceMappingURL=chunk-WHOIVV44.js.map
+//# sourceMappingURL=chunk-LRPS4YPK.js.map

package/dist/{chunk-WHOIVV44.js.map → chunk-LRPS4YPK.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/Core/classes/Camera.ts","../src/Core/controls/Mouse/MouseWheelControl.ts","../src/Core/controls/Mouse/MouseDragControl.ts","../src/Core/controls/Mouse/MousePointerLockControl.ts","../src/Core/classes/Viewport.ts"],"sourcesContent":["import { mat4, vec3, vec4 } from 'gl-matrix';\nimport { Vector3 } from '../domain/interfaces/Vectors';\n\n/**\n * Perspective camera with orbit (yaw/pitch), zoom, and viewport controls.\n */\nexport class Camera {\n  public target: Vector3 = [0, 0, 0]; // camera looks at this\n\n  /* Translation */\n  public position: Vector3 = [0, 0, 0]; // 3D position\n\n  /* Zoom */\n  public zoom: number = 1;\n  public minZoom: number = 0.5;\n  public maxZoom: number = 10;\n  public zoomSpeed: number = 0.06;\n\n  /* Rotation */\n  public yaw: number = 0; // horizontal rotation\n  public pitch: number = 0.5; // vertical rotation\n\n  public near = 0.01;\n  public far = 1000.0;\n\n  /* Render Utils */\n  public lastViewMatrix?: Float32Array;\n  public lastProjectionMatrix?: Float32Array;\n\n  // ── Cached matrices (rebuilt only when camera state changes) ──\n  private readonly _view: mat4 = mat4.create();\n  private readonly _proj: mat4 = mat4.create();\n  private readonly _mvp: mat4 = mat4.create();\n  private _viewDirty = true;\n  private _projDirty = true;\n\n  constructor(\n    public viewportWidth: number,\n    public viewportHeight: number,\n  ) {}\n\n  /** Translate the camera by a delta. */\n  move(dx: number, dy: number, dz: number = 0) {\n    this.position[0] += dx;\n    this.position[1] += dy;\n    this.position[2] += dz;\n    this._viewDirty = true;\n  }\n\n  /** Clamp-set the zoom level. */\n  setZoom(zoom: number) {\n    this.zoom = Math.max(this.minZoom, Math.min(this.maxZoom, zoom));\n    this._viewDirty = true;\n    this._projDirty = true;\n  }\n\n  /**\n   * Mark the view matrix as dirty so it is rebuilt on the next\n   * {@link getViewMatrix} call.  Call this after directly mutating\n   * {@link target} or {@link position} (e.g. from a follow-camera update).\n   */\n  invalidate(): void {\n    this._viewDirty = true;\n  }\n\n  /** Zoom by a signed delta (positive = zoom in). */\n  zoomBy(delta: number) {\n    const factor = Math.exp(delta * this.zoomSpeed);\n    this.setZoom(this.zoom * factor);\n  }\n\n  worldToNDC(x: number, y: number): [number, number] {\n    const ndcX = ((x - this.position[0]) / this.viewportWidth) * 2 * this.zoom;\n    const ndcY = ((y - this.position[1]) / this.viewportHeight) * 2 * this.zoom;\n    return [ndcX, ndcY];\n  }\n\n  worldScale(scale: [number, number]): [number, number] {\n    return [\n      (scale[0] / this.viewportWidth) * 2 * this.zoom,\n      (scale[1] / this.viewportHeight) * 2 * this.zoom,\n    ];\n  }\n\n  setViewport(width: number, height: number) {\n    this.viewportWidth = width;\n    this.viewportHeight = height;\n    this._projDirty = true;\n  }\n\n  /** Compute the eye position from yaw/pitch/distance to target. */\n  getComputedPosition(): vec3 {\n    const radius = vec3.distance(this.position, this.target);\n\n    const camX =\n      this.target[0] + radius * Math.cos(this.pitch) * Math.sin(this.yaw);\n    const camY = this.target[1] + radius * Math.sin(this.pitch);\n    const camZ =\n      this.target[2] + radius * Math.cos(this.pitch) * Math.cos(this.yaw);\n\n    return vec3.fromValues(camX, camY, camZ);\n  }\n\n  /** Build the view matrix (lookAt). Returns a cached matrix rebuilt only when the camera moves. */\n  getViewMatrix(): mat4 {\n    if (this._viewDirty) {\n      const eye = this.getComputedPosition();\n      mat4.lookAt(this._view, eye, this.target, vec3.fromValues(0, 1, 0));\n      this._viewDirty = false;\n      this.lastViewMatrix = this._view as unknown as Float32Array;\n    }\n    return this._view;\n  }\n\n  /** Build the perspective projection matrix. Returns a cached matrix rebuilt only when viewport/zoom changes. */\n  getProjectionMatrix(): mat4 {\n    if (this._projDirty) {\n      const aspect = this.viewportWidth / this.viewportHeight;\n      const fov = Math.PI / 4 / this.zoom;\n      mat4.perspective(this._proj, fov, aspect, this.near, this.far);\n      this._projDirty = false;\n      this.lastProjectionMatrix = this._proj as unknown as Float32Array;\n    }\n    return this._proj;\n  }\n\n  worldToNDC3D(x: number, y: number, z: number = 0): [number, number, number] {\n    const world = vec4.fromValues(x, y, z, 1.0);\n    mat4.multiply(this._mvp, this.getProjectionMatrix(), this.getViewMatrix());\n    vec4.transformMat4(world, world, this._mvp);\n    return [world[0] / world[3], world[1] / world[3], world[2] / world[3]];\n  }\n\n  worldScale3D(scale: [number, number, number]): [number, number, number] {\n    return [\n      (scale[0] / this.viewportWidth) * 2 * this.zoom,\n      (scale[1] / this.viewportHeight) * 2 * this.zoom,\n      (scale[2] / ((this.viewportWidth + this.viewportHeight) / 2)) *\n        2 *\n        this.zoom,\n    ];\n  }\n\n  public minPitch: number = -Math.PI / 2 + 1.49;\n  public maxPitch: number = Math.PI / 2 - 0.01;\n\n  rotate(deltaYaw: number, deltaPitch: number) {\n    this.yaw += deltaYaw;\n\n    this.pitch += deltaPitch; //     this.pitch -= deltaPitch; // ← add deltaPitch here\n    this.pitch = Math.max(this.minPitch, Math.min(this.maxPitch, this.pitch));\n    this._viewDirty = true;\n  }\n}\n","import { IMouseControl } from './IMouseControl';\n\nexport type WheelDirection = 'up' | 'down';\nexport type WheelListener = (direction: WheelDirection, delta: number) => void;\n\nexport class MouseWheelControl implements IMouseControl {\n  private listeners: WheelListener[] = [];\n  private wheelHandler?: (e: WheelEvent) => void;\n\n  public enable() {\n    if (this.wheelHandler) return;\n\n    this.wheelHandler = (e: WheelEvent) => {\n      const direction: WheelDirection = e.deltaY < 0 ? 'up' : 'down';\n      this.notify(direction, e.deltaY);\n    };\n\n    window.addEventListener('wheel', this.wheelHandler, { passive: true });\n  }\n\n  public disable() {\n    if (this.wheelHandler) {\n      window.removeEventListener('wheel', this.wheelHandler);\n      this.wheelHandler = undefined;\n    }\n  }\n\n  public onChange(listener: WheelListener) {\n    this.listeners.push(listener);\n  }\n\n  /** Remove a previously registered listener. */\n  public removeListener(listener: WheelListener) {\n    this.listeners = this.listeners.filter((l) => l !== listener);\n  }\n\n  private notify(direction: WheelDirection, delta: number) {\n    for (const listener of this.listeners) listener(direction, delta);\n  }\n}\n","import { IMouseControl } from './IMouseControl';\n\nexport type DragListener = (dx: number, dy: number, button: number) => void;\n\nexport class MouseDragControl implements IMouseControl {\n  private listeners: DragListener[] = [];\n  public isDragging = false;\n\n  private dragButton: number = 0; // 0 = left, 2 = right\n  private lastX = 0;\n  private lastY = 0;\n\n  constructor(private element: HTMLElement) {}\n\n  enable() {\n    this.element.addEventListener('mousedown', this.onMouseDown);\n    window.addEventListener('mouseup', this.onMouseUp);\n    window.addEventListener('mousemove', this.onMouseMove);\n  }\n\n  disable() {\n    this.element.removeEventListener('mousedown', this.onMouseDown);\n    window.removeEventListener('mouseup', this.onMouseUp);\n    window.removeEventListener('mousemove', this.onMouseMove);\n  }\n\n  onChange(listener: DragListener) {\n    this.listeners.push(listener);\n  }\n\n  /** Remove a previously registered listener. */\n  removeListener(listener: DragListener) {\n    this.listeners = this.listeners.filter((l) => l !== listener);\n  }\n\n  private onMouseDown = (e: MouseEvent) => {\n    this.isDragging = true;\n    this.dragButton = e.button;\n\n    this.lastX = e.clientX;\n    this.lastY = e.clientY;\n  };\n\n  private onMouseUp = () => {\n    this.isDragging = false;\n  };\n\n  private onMouseMove = (e: MouseEvent) => {\n    if (!this.isDragging) return;\n\n    const dx = e.clientX - this.lastX;\n    const dy = e.clientY - this.lastY;\n\n    this.lastX = e.clientX;\n    this.lastY = e.clientY;\n\n    for (const listener of this.listeners) listener(dx, dy, this.dragButton);\n  };\n}\n","import { IMouseControl } from './IMouseControl';\n\nexport type MoveListener = (dx: number, dy: number) => void;\n\n/**\n * Captures mouse movement using the Pointer Lock API.\n * Ideal for camera-like controls where the cursor should not hit screen edges.\n */\nexport class MousePointerLockControl implements IMouseControl {\n  private listeners: MoveListener[] = [];\n  private isEnabled = false;\n  private isPointerLocked = false;\n\n  constructor(\n    private element: HTMLElement,\n    private sensitivity = 1,\n  ) {}\n\n  enable() {\n    if (this.isEnabled) return;\n    this.isEnabled = true;\n\n    // Must be initiated by user click\n    this.element.addEventListener('click', this.requestPointerLock);\n    document.addEventListener('pointerlockchange', this.onPointerLockChange);\n    document.addEventListener('mousemove', this.onMouseMove);\n  }\n\n  disable() {\n    if (!this.isEnabled) return;\n    this.isEnabled = false;\n\n    this.element.removeEventListener('click', this.requestPointerLock);\n    document.removeEventListener('pointerlockchange', this.onPointerLockChange);\n    document.removeEventListener('mousemove', this.onMouseMove);\n\n    if (this.isPointerLocked) document.exitPointerLock();\n  }\n\n  onChange(listener: MoveListener) {\n    this.listeners.push(listener);\n  }\n\n  /** Remove a previously registered listener. */\n  removeListener(listener: MoveListener) {\n    this.listeners = this.listeners.filter((l) => l !== listener);\n  }\n\n  setSensitivity(value: number) {\n    this.sensitivity = value;\n  }\n\n  private requestPointerLock = () => {\n    this.element.requestPointerLock();\n  };\n\n  private onPointerLockChange = () => {\n    this.isPointerLocked = document.pointerLockElement === this.element;\n  };\n\n  private onMouseMove = (e: MouseEvent) => {\n    if (!this.isPointerLocked) return;\n\n    const dx = e.movementX * this.sensitivity;\n    const dy = e.movementY * this.sensitivity;\n\n    for (const listener of this.listeners) listener(dx, dy);\n  };\n}\n","import { Camera } from './Camera';\nimport {\n  MouseWheelControl,\n  WheelDirection,\n} from '../controls/Mouse/MouseWheelControl';\nimport { MouseDragControl } from '../controls/Mouse/MouseDragControl';\nimport { MousePointerLockControl } from '../controls/Mouse/MousePointerLockControl';\nimport WebGLCore from './WebGLCore';\n\nexport class Viewport {\n  private static zoomInterval = 25;\n\n  private wheelControl = new MouseWheelControl();\n  private dragControl: MouseDragControl;\n  private moveControl: MousePointerLockControl;\n\n  private lastZoomTime: number = 0;\n  private canvas: HTMLCanvasElement;\n  private scale: number = 1;\n  private webglCore: WebGLCore | null = null;\n  private resizeHandler = () => this.resizeCanvas();\n  public camera: Camera;\n\n  /**\n   * @param canvasOrId - An HTMLCanvasElement or the `id` attribute of one.\n   * @param width      - Logical viewport width.\n   * @param height     - Logical viewport height.\n   * @param webglCore  - Optional WebGLCore instance. When provided, the existing\n   *                     GL context is reused for viewport resize instead of\n   *                     requesting a new one.\n   */\n  constructor(\n    canvasOrId: string | HTMLCanvasElement,\n    public width: number,\n    public height: number,\n    webglCore?: WebGLCore,\n    options: { pointerLock?: boolean } = {},\n  ) {\n    this.canvas =\n      typeof canvasOrId === 'string'\n        ? (document.getElementById(canvasOrId) as HTMLCanvasElement)\n        : canvasOrId;\n    if (!this.canvas) throw new Error('Canvas not found');\n\n    this.webglCore = webglCore ?? null;\n    this.camera = new Camera(width, height);\n    this.dragControl = new MouseDragControl(this.canvas);\n    this.moveControl = new MousePointerLockControl(this.canvas, 0.25);\n\n    this.resizeCanvas();\n    this.setupControls(options.pointerLock ?? true);\n\n    window.addEventListener('resize', this.resizeHandler);\n  }\n\n  private setupControls(pointerLock: boolean) {\n    const zoomInterval = Viewport.zoomInterval;\n\n    // Camera Zoom\n    this.wheelControl.onChange((direction: WheelDirection) => {\n      const now = performance.now();\n      if (now - this.lastZoomTime < zoomInterval) return;\n\n      const zoomDelta = direction === 'up' ? 1 : -1;\n      this.camera.zoomBy(zoomDelta);\n\n      this.lastZoomTime = now;\n    });\n    this.wheelControl.enable();\n\n    if (pointerLock) {\n      this.moveControl.onChange((dx, dy) => {\n        const factor = 0.01 * this.camera.zoom;\n        this.camera.rotate(-dx * factor, -dy * factor);\n      });\n      this.moveControl.enable();\n    }\n\n    this.canvas.addEventListener('contextmenu', (e) => e.preventDefault());\n  }\n\n  public isDraggingCamera(): boolean {\n    return this.dragControl.isDragging;\n  }\n\n  private resizeCanvas() {\n    const screenWidth = window.innerWidth;\n    const screenHeight = window.innerHeight;\n\n    const aspectViewport = this.width / this.height;\n    const aspectScreen = screenWidth / screenHeight;\n\n    let canvasWidth: number, canvasHeight: number;\n\n    if (aspectScreen > aspectViewport) {\n      canvasHeight = screenHeight;\n      canvasWidth = canvasHeight * aspectViewport;\n    } else {\n      canvasWidth = screenWidth;\n      canvasHeight = canvasWidth / aspectViewport;\n    }\n\n    this.canvas.width = canvasWidth;\n    this.canvas.height = canvasHeight;\n\n    this.scale = canvasWidth / this.width;\n\n    // Reuse the existing GL context when available, otherwise fall back.\n    const gl = this.webglCore\n      ? this.webglCore.getRenderingContext()\n      : (this.canvas.getContext('webgl2') ?? this.canvas.getContext('webgl'));\n\n    if (!gl) throw new Error('WebGL not supported');\n    gl.viewport(0, 0, canvasWidth, canvasHeight);\n\n    this.camera.setViewport(canvasWidth, canvasHeight);\n  }\n\n  getCanvas(): HTMLCanvasElement {\n    return this.canvas;\n  }\n\n  getWebGLCore(): WebGLCore | null {\n    return this.webglCore;\n  }\n\n  getScale(): number {\n    return this.scale;\n  }\n\n  /** Release event listeners. Call when the viewport is no longer needed. */\n  dispose() {\n    window.removeEventListener('resize', this.resizeHandler);\n    this.wheelControl.disable();\n    this.dragControl.disable();\n    this.moveControl.disable();\n  }\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../src/Core/classes/Camera.ts","../src/Core/controls/Mouse/MouseWheelControl.ts","../src/Core/controls/Mouse/MouseDragControl.ts","../src/Core/controls/Mouse/MousePointerLockControl.ts","../src/Core/classes/Viewport.ts"],"sourcesContent":["import { mat4, vec3, vec4 } from 'gl-matrix';\nimport { Vector3 } from '../domain/interfaces/Vectors';\n\n/**\n * Perspective camera with orbit (yaw/pitch), zoom, and viewport controls.\n */\nexport class Camera {\n  public target: Vector3 = [0, 0, 0]; // camera looks at this\n\n  /* Translation */\n  public position: Vector3 = [0, 0, 0]; // 3D position\n\n  /* Zoom */\n  public zoom: number = 1;\n  public minZoom: number = 0.5;\n  public maxZoom: number = 10;\n  public zoomSpeed: number = 0.06;\n\n  /* Rotation */\n  public yaw: number = 0; // horizontal rotation\n  public pitch: number = 0.5; // vertical rotation\n\n  public near = 0.01;\n  public far = 1000.0;\n\n  /* Render Utils */\n  public lastViewMatrix?: Float32Array;\n  public lastProjectionMatrix?: Float32Array;\n\n  // ── Cached matrices (rebuilt only when camera state changes) ──\n  private readonly _view: mat4 = mat4.create();\n  private readonly _proj: mat4 = mat4.create();\n  private readonly _mvp: mat4 = mat4.create();\n  private _viewDirty = true;\n  private _projDirty = true;\n\n  constructor(\n    public viewportWidth: number,\n    public viewportHeight: number,\n  ) {}\n\n  /** Translate the camera by a delta. */\n  move(dx: number, dy: number, dz: number = 0) {\n    this.position[0] += dx;\n    this.position[1] += dy;\n    this.position[2] += dz;\n    this._viewDirty = true;\n  }\n\n  /** Clamp-set the zoom level. */\n  setZoom(zoom: number) {\n    this.zoom = Math.max(this.minZoom, Math.min(this.maxZoom, zoom));\n    this._viewDirty = true;\n    this._projDirty = true;\n  }\n\n  /**\n   * Mark the view matrix as dirty so it is rebuilt on the next\n   * {@link getViewMatrix} call.  Call this after directly mutating\n   * {@link target} or {@link position} (e.g. from a follow-camera update).\n   */\n  invalidate(): void {\n    this._viewDirty = true;\n  }\n\n  /** Zoom by a signed delta (positive = zoom in). */\n  zoomBy(delta: number) {\n    const factor = Math.exp(delta * this.zoomSpeed);\n    this.setZoom(this.zoom * factor);\n  }\n\n  worldToNDC(x: number, y: number): [number, number] {\n    const ndcX = ((x - this.position[0]) / this.viewportWidth) * 2 * this.zoom;\n    const ndcY = ((y - this.position[1]) / this.viewportHeight) * 2 * this.zoom;\n    return [ndcX, ndcY];\n  }\n\n  worldScale(scale: [number, number]): [number, number] {\n    return [\n      (scale[0] / this.viewportWidth) * 2 * this.zoom,\n      (scale[1] / this.viewportHeight) * 2 * this.zoom,\n    ];\n  }\n\n  setViewport(width: number, height: number) {\n    this.viewportWidth = width;\n    this.viewportHeight = height;\n    this._projDirty = true;\n  }\n\n  /** Compute the eye position from yaw/pitch/distance to target. */\n  getComputedPosition(): vec3 {\n    const radius = vec3.distance(this.position, this.target);\n\n    const camX =\n      this.target[0] + radius * Math.cos(this.pitch) * Math.sin(this.yaw);\n    const camY = this.target[1] + radius * Math.sin(this.pitch);\n    const camZ =\n      this.target[2] + radius * Math.cos(this.pitch) * Math.cos(this.yaw);\n\n    return vec3.fromValues(camX, camY, camZ);\n  }\n\n  /** Build the view matrix (lookAt). Returns a cached matrix rebuilt only when the camera moves. */\n  getViewMatrix(): mat4 {\n    if (this._viewDirty) {\n      const eye = this.getComputedPosition();\n      mat4.lookAt(this._view, eye, this.target, vec3.fromValues(0, 1, 0));\n      this._viewDirty = false;\n      this.lastViewMatrix = this._view as unknown as Float32Array;\n    }\n    return this._view;\n  }\n\n  /** Build the perspective projection matrix. Returns a cached matrix rebuilt only when viewport/zoom changes. */\n  getProjectionMatrix(): mat4 {\n    if (this._projDirty) {\n      const aspect = this.viewportWidth / this.viewportHeight;\n      const fov = Math.PI / 4 / this.zoom;\n      mat4.perspective(this._proj, fov, aspect, this.near, this.far);\n      this._projDirty = false;\n      this.lastProjectionMatrix = this._proj as unknown as Float32Array;\n    }\n    return this._proj;\n  }\n\n  worldToNDC3D(x: number, y: number, z: number = 0): [number, number, number] {\n    const world = vec4.fromValues(x, y, z, 1.0);\n    mat4.multiply(this._mvp, this.getProjectionMatrix(), this.getViewMatrix());\n    vec4.transformMat4(world, world, this._mvp);\n    return [world[0] / world[3], world[1] / world[3], world[2] / world[3]];\n  }\n\n  worldScale3D(scale: [number, number, number]): [number, number, number] {\n    return [\n      (scale[0] / this.viewportWidth) * 2 * this.zoom,\n      (scale[1] / this.viewportHeight) * 2 * this.zoom,\n      (scale[2] / ((this.viewportWidth + this.viewportHeight) / 2)) *\n        2 *\n        this.zoom,\n    ];\n  }\n\n  public minPitch: number = -Math.PI / 2 + 1.49;\n  public maxPitch: number = Math.PI / 2 - 0.01;\n\n  rotate(deltaYaw: number, deltaPitch: number) {\n    this.yaw += deltaYaw;\n\n    this.pitch += deltaPitch; //     this.pitch -= deltaPitch; // ← add deltaPitch here\n    this.pitch = Math.max(this.minPitch, Math.min(this.maxPitch, this.pitch));\n    this._viewDirty = true;\n  }\n}\n","import { IMouseControl } from './IMouseControl';\n\nexport type WheelDirection = 'up' | 'down';\nexport type WheelListener = (direction: WheelDirection, delta: number) => void;\n\nexport class MouseWheelControl implements IMouseControl {\n  private listeners: WheelListener[] = [];\n  private wheelHandler?: (e: WheelEvent) => void;\n\n  public enable() {\n    if (this.wheelHandler) return;\n\n    this.wheelHandler = (e: WheelEvent) => {\n      const direction: WheelDirection = e.deltaY < 0 ? 'up' : 'down';\n      this.notify(direction, e.deltaY);\n    };\n\n    window.addEventListener('wheel', this.wheelHandler, { passive: true });\n  }\n\n  public disable() {\n    if (this.wheelHandler) {\n      window.removeEventListener('wheel', this.wheelHandler);\n      this.wheelHandler = undefined;\n    }\n  }\n\n  public onChange(listener: WheelListener) {\n    this.listeners.push(listener);\n  }\n\n  /** Remove a previously registered listener. */\n  public removeListener(listener: WheelListener) {\n    this.listeners = this.listeners.filter((l) => l !== listener);\n  }\n\n  private notify(direction: WheelDirection, delta: number) {\n    for (const listener of this.listeners) listener(direction, delta);\n  }\n}\n","import { IMouseControl } from './IMouseControl';\n\nexport type DragListener = (dx: number, dy: number, button: number) => void;\n\nexport class MouseDragControl implements IMouseControl {\n  private listeners: DragListener[] = [];\n  public isDragging = false;\n\n  private dragButton: number = 0; // 0 = left, 2 = right\n  private lastX = 0;\n  private lastY = 0;\n\n  constructor(private element: HTMLElement) {}\n\n  enable() {\n    this.element.addEventListener('mousedown', this.onMouseDown);\n    window.addEventListener('mouseup', this.onMouseUp);\n    window.addEventListener('mousemove', this.onMouseMove);\n  }\n\n  disable() {\n    this.element.removeEventListener('mousedown', this.onMouseDown);\n    window.removeEventListener('mouseup', this.onMouseUp);\n    window.removeEventListener('mousemove', this.onMouseMove);\n  }\n\n  onChange(listener: DragListener) {\n    this.listeners.push(listener);\n  }\n\n  /** Remove a previously registered listener. */\n  removeListener(listener: DragListener) {\n    this.listeners = this.listeners.filter((l) => l !== listener);\n  }\n\n  private onMouseDown = (e: MouseEvent) => {\n    this.isDragging = true;\n    this.dragButton = e.button;\n\n    this.lastX = e.clientX;\n    this.lastY = e.clientY;\n  };\n\n  private onMouseUp = () => {\n    this.isDragging = false;\n  };\n\n  private onMouseMove = (e: MouseEvent) => {\n    if (!this.isDragging) return;\n\n    const dx = e.clientX - this.lastX;\n    const dy = e.clientY - this.lastY;\n\n    this.lastX = e.clientX;\n    this.lastY = e.clientY;\n\n    for (const listener of this.listeners) listener(dx, dy, this.dragButton);\n  };\n}\n","import { IMouseControl } from './IMouseControl';\n\nexport type MoveListener = (dx: number, dy: number) => void;\n\n/**\n * Captures mouse movement using the Pointer Lock API.\n * Ideal for camera-like controls where the cursor should not hit screen edges.\n */\nexport class MousePointerLockControl implements IMouseControl {\n  private listeners: MoveListener[] = [];\n  private isEnabled = false;\n  private isPointerLocked = false;\n\n  constructor(\n    private element: HTMLElement,\n    private sensitivity = 1,\n  ) {}\n\n  enable() {\n    if (this.isEnabled) return;\n    this.isEnabled = true;\n\n    // Must be initiated by user click\n    this.element.addEventListener('click', this.requestPointerLock);\n    document.addEventListener('pointerlockchange', this.onPointerLockChange);\n    document.addEventListener('mousemove', this.onMouseMove);\n  }\n\n  disable() {\n    if (!this.isEnabled) return;\n    this.isEnabled = false;\n\n    this.element.removeEventListener('click', this.requestPointerLock);\n    document.removeEventListener('pointerlockchange', this.onPointerLockChange);\n    document.removeEventListener('mousemove', this.onMouseMove);\n\n    if (this.isPointerLocked) document.exitPointerLock();\n  }\n\n  onChange(listener: MoveListener) {\n    this.listeners.push(listener);\n  }\n\n  /** Remove a previously registered listener. */\n  removeListener(listener: MoveListener) {\n    this.listeners = this.listeners.filter((l) => l !== listener);\n  }\n\n  setSensitivity(value: number) {\n    this.sensitivity = value;\n  }\n\n  private requestPointerLock = () => {\n    this.element.requestPointerLock();\n  };\n\n  private onPointerLockChange = () => {\n    this.isPointerLocked = document.pointerLockElement === this.element;\n  };\n\n  private onMouseMove = (e: MouseEvent) => {\n    if (!this.isPointerLocked) return;\n\n    const dx = e.movementX * this.sensitivity;\n    const dy = e.movementY * this.sensitivity;\n\n    for (const listener of this.listeners) listener(dx, dy);\n  };\n}\n","import { Camera } from './Camera';\nimport {\n  MouseWheelControl,\n  WheelDirection,\n} from '../controls/Mouse/MouseWheelControl';\nimport { MouseDragControl } from '../controls/Mouse/MouseDragControl';\nimport { MousePointerLockControl } from '../controls/Mouse/MousePointerLockControl';\nimport WebGLCore from './WebGLCore';\n\nexport class Viewport {\n  private static zoomInterval = 25;\n\n  private wheelControl = new MouseWheelControl();\n  private dragControl: MouseDragControl;\n  private moveControl: MousePointerLockControl;\n\n  private lastZoomTime: number = 0;\n  private canvas: HTMLCanvasElement;\n  private scale: number = 1;\n  private webglCore: WebGLCore | null = null;\n  private resizeHandler = () => this.resizeCanvas();\n  public camera: Camera;\n\n  /**\n   * @param canvasOrId - An HTMLCanvasElement or the `id` attribute of one.\n   * @param width      - Logical viewport width.\n   * @param height     - Logical viewport height.\n   * @param webglCore  - Optional WebGLCore instance. When provided, the existing\n   *                     GL context is reused for viewport resize instead of\n   *                     requesting a new one.\n   */\n  constructor(\n    canvasOrId: string | HTMLCanvasElement,\n    public width: number,\n    public height: number,\n    webglCore?: WebGLCore,\n    options: { pointerLock?: boolean } = {},\n  ) {\n    this.canvas =\n      typeof canvasOrId === 'string'\n        ? (document.getElementById(canvasOrId) as HTMLCanvasElement)\n        : canvasOrId;\n    if (!this.canvas) throw new Error('Canvas not found');\n\n    this.webglCore = webglCore ?? null;\n    this.camera = new Camera(width, height);\n    this.dragControl = new MouseDragControl(this.canvas);\n    this.moveControl = new MousePointerLockControl(this.canvas, 0.25);\n\n    this.resizeCanvas();\n    this.setupControls(options.pointerLock ?? true);\n\n    window.addEventListener('resize', this.resizeHandler);\n  }\n\n  private setupControls(pointerLock: boolean) {\n    const zoomInterval = Viewport.zoomInterval;\n\n    // Camera Zoom\n    this.wheelControl.onChange((direction: WheelDirection) => {\n      const now = performance.now();\n      if (now - this.lastZoomTime < zoomInterval) return;\n\n      const zoomDelta = direction === 'up' ? 1 : -1;\n      this.camera.zoomBy(zoomDelta);\n\n      this.lastZoomTime = now;\n    });\n    this.wheelControl.enable();\n\n    if (pointerLock) {\n      this.moveControl.onChange((dx, dy) => {\n        const factor = 0.01 * this.camera.zoom;\n        this.camera.rotate(-dx * factor, -dy * factor);\n      });\n      this.moveControl.enable();\n    }\n\n    this.canvas.addEventListener('contextmenu', (e) => e.preventDefault());\n  }\n\n  public isDraggingCamera(): boolean {\n    return this.dragControl.isDragging;\n  }\n\n  private resizeCanvas(containerWidth?: number, containerHeight?: number) {\n    const screenWidth = containerWidth ?? window.innerWidth;\n    const screenHeight = containerHeight ?? window.innerHeight;\n\n    const aspectViewport = this.width / this.height;\n    const aspectScreen = screenWidth / screenHeight;\n\n    let canvasWidth: number, canvasHeight: number;\n\n    if (aspectScreen > aspectViewport) {\n      canvasHeight = screenHeight;\n      canvasWidth = canvasHeight * aspectViewport;\n    } else {\n      canvasWidth = screenWidth;\n      canvasHeight = canvasWidth / aspectViewport;\n    }\n\n    this.canvas.width = canvasWidth;\n    this.canvas.height = canvasHeight;\n\n    this.scale = canvasWidth / this.width;\n\n    // Reuse the existing GL context when available, otherwise fall back.\n    const gl = this.webglCore\n      ? this.webglCore.getRenderingContext()\n      : (this.canvas.getContext('webgl2') ?? this.canvas.getContext('webgl'));\n\n    if (!gl) throw new Error('WebGL not supported');\n    gl.viewport(0, 0, canvasWidth, canvasHeight);\n\n    this.camera.setViewport(canvasWidth, canvasHeight);\n  }\n\n  getCanvas(): HTMLCanvasElement {\n    return this.canvas;\n  }\n\n  getWebGLCore(): WebGLCore | null {\n    return this.webglCore;\n  }\n\n  getScale(): number {\n    return this.scale;\n  }\n\n  resize(width: number, height: number) {\n    this.width = width;\n    this.height = height;\n    this.resizeCanvas(width, height);\n  }\n\n  lockCamera() {\n    this.wheelControl.disable();\n    this.dragControl.disable();\n    this.moveControl.disable();\n  }\n\n  unlockCamera() {\n    this.wheelControl.enable();\n    this.dragControl.enable();\n    this.moveControl.enable();\n  }\n\n  /** Release event listeners. Call when the viewport is no longer needed. */\n  dispose() {\n    window.removeEventListener('resize', this.resizeHandler);\n    this.wheelControl.disable();\n    this.dragControl.disable();\n    this.moveControl.disable();\n  }\n}\n"],"mappings":"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","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fonsecabarreto/genesis-gl-core",
-  "version": "0.1.34",
+  "version": "0.1.35",
   "description": "GenesisGL — WebGL 3D engine for browser games",
   "author": "Lucas Fonseca Barreto",
   "license": "MIT",