@fonsecabarreto/genesis-gl-core 0.1.0

package/dist/chunk-5TAAXI6S.js

@@ -0,0 +1,330 @@
+// src/Core/classes/Camera.ts
+import { mat4, vec3, vec4 } from "gl-matrix";
+var Camera = class {
+  constructor(viewportWidth, viewportHeight) {
+    this.viewportWidth = viewportWidth;
+    this.viewportHeight = viewportHeight;
+  }
+  viewportWidth;
+  viewportHeight;
+  target = [0, 0, 0];
+  // camera looks at this
+  /* Translation */
+  position = [0, 0, 0];
+  // 3D position
+  /* Zoom */
+  zoom = 0.89;
+  minZoom = 0.5;
+  maxZoom = 1;
+  zoomSpeed = 0.06;
+  /* Rotation */
+  yaw = 0;
+  // horizontal rotation
+  pitch = 0.5;
+  // vertical rotation
+  near = 0.01;
+  far = 1e3;
+  /* Render Utils */
+  lastViewMatrix;
+  lastProjectionMatrix;
+  /** Translate the camera by a delta. */
+  move(dx, dy, dz = 0) {
+    this.position[0] += dx;
+    this.position[1] += dy;
+    this.position[2] += dz;
+  }
+  /** Clamp-set the zoom level. */
+  setZoom(zoom) {
+    this.zoom = Math.max(this.minZoom, Math.min(this.maxZoom, zoom));
+  }
+  /** Zoom by a signed delta (positive = zoom in). */
+  zoomBy(delta) {
+    const factor = Math.exp(delta * this.zoomSpeed);
+    this.setZoom(this.zoom * factor);
+  }
+  worldToNDC(x, y) {
+    const ndcX = (x - this.position[0]) / this.viewportWidth * 2 * this.zoom;
+    const ndcY = (y - this.position[1]) / this.viewportHeight * 2 * this.zoom;
+    return [ndcX, ndcY];
+  }
+  worldScale(scale) {
+    return [
+      scale[0] / this.viewportWidth * 2 * this.zoom,
+      scale[1] / this.viewportHeight * 2 * this.zoom
+    ];
+  }
+  setViewport(width, height) {
+    this.viewportWidth = width;
+    this.viewportHeight = height;
+  }
+  /** Compute the eye position from yaw/pitch/distance to target. */
+  getComputedPosition() {
+    const radius = vec3.distance(this.position, this.target);
+    const camX = this.target[0] + radius * Math.cos(this.pitch) * Math.sin(this.yaw);
+    const camY = this.target[1] + radius * Math.sin(this.pitch);
+    const camZ = this.target[2] + radius * Math.cos(this.pitch) * Math.cos(this.yaw);
+    return vec3.fromValues(camX, camY, camZ);
+  }
+  /** Build the view matrix (lookAt). */
+  getViewMatrix() {
+    const view = mat4.create();
+    const eye = this.getComputedPosition();
+    const up = vec3.fromValues(0, 1, 0);
+    mat4.lookAt(view, eye, this.target, up);
+    return view;
+  }
+  /** Build the perspective projection matrix. */
+  getProjectionMatrix() {
+    const projection = mat4.create();
+    const aspect = this.viewportWidth / this.viewportHeight;
+    const fov = Math.PI / 4 / this.zoom;
+    mat4.perspective(projection, fov, aspect, this.near, this.far);
+    return projection;
+  }
+  worldToNDC3D(x, y, z = 0) {
+    const world = vec4.fromValues(x, y, z, 1);
+    const mvp = mat4.create();
+    mat4.multiply(mvp, this.getProjectionMatrix(), this.getViewMatrix());
+    vec4.transformMat4(world, world, mvp);
+    return [world[0] / world[3], world[1] / world[3], world[2] / world[3]];
+  }
+  worldScale3D(scale) {
+    return [
+      scale[0] / this.viewportWidth * 2 * this.zoom,
+      scale[1] / this.viewportHeight * 2 * this.zoom,
+      scale[2] / ((this.viewportWidth + this.viewportHeight) / 2) * 2 * this.zoom
+    ];
+  }
+  minPitch = -Math.PI / 2 + 1.49;
+  maxPitch = Math.PI / 2 - 0.01;
+  rotate(deltaYaw, deltaPitch) {
+    this.yaw += deltaYaw;
+    this.pitch -= deltaPitch;
+    this.pitch = Math.max(this.minPitch, Math.min(this.maxPitch, this.pitch));
+  }
+};
+
+// src/Core/controls/Mouse/MouseWheelControl.ts
+var MouseWheelControl = class {
+  listeners = [];
+  wheelHandler;
+  enable() {
+    if (this.wheelHandler) return;
+    this.wheelHandler = (e) => {
+      const direction = e.deltaY < 0 ? "up" : "down";
+      this.notify(direction, e.deltaY);
+    };
+    window.addEventListener("wheel", this.wheelHandler, { passive: true });
+  }
+  disable() {
+    if (this.wheelHandler) {
+      window.removeEventListener("wheel", this.wheelHandler);
+      this.wheelHandler = void 0;
+    }
+  }
+  onChange(listener) {
+    this.listeners.push(listener);
+  }
+  /** Remove a previously registered listener. */
+  removeListener(listener) {
+    this.listeners = this.listeners.filter((l) => l !== listener);
+  }
+  notify(direction, delta) {
+    for (const listener of this.listeners) listener(direction, delta);
+  }
+};
+
+// src/Core/controls/Mouse/MouseDragControl.ts
+var MouseDragControl = class {
+  constructor(element) {
+    this.element = element;
+  }
+  element;
+  listeners = [];
+  isDragging = false;
+  dragButton = 0;
+  // 0 = left, 2 = right
+  lastX = 0;
+  lastY = 0;
+  enable() {
+    this.element.addEventListener("mousedown", this.onMouseDown);
+    window.addEventListener("mouseup", this.onMouseUp);
+    window.addEventListener("mousemove", this.onMouseMove);
+  }
+  disable() {
+    this.element.removeEventListener("mousedown", this.onMouseDown);
+    window.removeEventListener("mouseup", this.onMouseUp);
+    window.removeEventListener("mousemove", this.onMouseMove);
+  }
+  onChange(listener) {
+    this.listeners.push(listener);
+  }
+  /** Remove a previously registered listener. */
+  removeListener(listener) {
+    this.listeners = this.listeners.filter((l) => l !== listener);
+  }
+  onMouseDown = (e) => {
+    this.isDragging = true;
+    this.dragButton = e.button;
+    this.lastX = e.clientX;
+    this.lastY = e.clientY;
+  };
+  onMouseUp = () => {
+    this.isDragging = false;
+  };
+  onMouseMove = (e) => {
+    if (!this.isDragging) return;
+    const dx = e.clientX - this.lastX;
+    const dy = e.clientY - this.lastY;
+    this.lastX = e.clientX;
+    this.lastY = e.clientY;
+    for (const listener of this.listeners) listener(dx, dy, this.dragButton);
+  };
+};
+
+// src/Core/controls/Mouse/MousePointerLockControl.ts
+var MousePointerLockControl = class {
+  constructor(element, sensitivity = 1) {
+    this.element = element;
+    this.sensitivity = sensitivity;
+  }
+  element;
+  sensitivity;
+  listeners = [];
+  isEnabled = false;
+  isPointerLocked = false;
+  enable() {
+    if (this.isEnabled) return;
+    this.isEnabled = true;
+    this.element.addEventListener("click", this.requestPointerLock);
+    document.addEventListener("pointerlockchange", this.onPointerLockChange);
+    document.addEventListener("mousemove", this.onMouseMove);
+  }
+  disable() {
+    if (!this.isEnabled) return;
+    this.isEnabled = false;
+    this.element.removeEventListener("click", this.requestPointerLock);
+    document.removeEventListener("pointerlockchange", this.onPointerLockChange);
+    document.removeEventListener("mousemove", this.onMouseMove);
+    if (this.isPointerLocked) document.exitPointerLock();
+  }
+  onChange(listener) {
+    this.listeners.push(listener);
+  }
+  /** Remove a previously registered listener. */
+  removeListener(listener) {
+    this.listeners = this.listeners.filter((l) => l !== listener);
+  }
+  setSensitivity(value) {
+    this.sensitivity = value;
+  }
+  requestPointerLock = () => {
+    this.element.requestPointerLock();
+  };
+  onPointerLockChange = () => {
+    this.isPointerLocked = document.pointerLockElement === this.element;
+  };
+  onMouseMove = (e) => {
+    if (!this.isPointerLocked) return;
+    const dx = e.movementX * this.sensitivity;
+    const dy = e.movementY * this.sensitivity;
+    for (const listener of this.listeners) listener(dx, dy);
+  };
+};
+
+// src/Core/classes/Viewport.ts
+var Viewport = class _Viewport {
+  /**
+   * @param canvasOrId - An HTMLCanvasElement or the `id` attribute of one.
+   * @param width      - Logical viewport width.
+   * @param height     - Logical viewport height.
+   * @param webglCore  - Optional WebGLCore instance. When provided, the existing
+   *                     GL context is reused for viewport resize instead of
+   *                     requesting a new one.
+   */
+  constructor(canvasOrId, width, height, webglCore) {
+    this.width = width;
+    this.height = height;
+    this.canvas = typeof canvasOrId === "string" ? document.getElementById(canvasOrId) : canvasOrId;
+    if (!this.canvas) throw new Error("Canvas not found");
+    this.webglCore = webglCore ?? null;
+    this.camera = new Camera(width, height);
+    this.dragControl = new MouseDragControl(this.canvas);
+    this.moveControl = new MousePointerLockControl(this.canvas, 0.25);
+    this.resizeCanvas();
+    this.setupControls();
+    window.addEventListener("resize", this.resizeHandler);
+  }
+  width;
+  height;
+  static zoomInterval = 25;
+  wheelControl = new MouseWheelControl();
+  dragControl;
+  moveControl;
+  lastZoomTime = 0;
+  canvas;
+  scale = 1;
+  webglCore = null;
+  resizeHandler = () => this.resizeCanvas();
+  camera;
+  setupControls() {
+    const zoomInterval = _Viewport.zoomInterval;
+    this.wheelControl.onChange((direction) => {
+      const now = performance.now();
+      if (now - this.lastZoomTime < zoomInterval) return;
+      const zoomDelta = direction === "up" ? 1 : -1;
+      this.camera.zoomBy(zoomDelta);
+      this.lastZoomTime = now;
+    });
+    this.wheelControl.enable();
+    this.moveControl.onChange((dx, dy) => {
+      const factor = 0.01 * this.camera.zoom;
+      this.camera.rotate(-dx * factor, -dy * factor);
+    });
+    this.moveControl.enable();
+    this.canvas.addEventListener("contextmenu", (e) => e.preventDefault());
+  }
+  isDraggingCamera() {
+    return this.dragControl.isDragging;
+  }
+  resizeCanvas() {
+    const screenWidth = window.innerWidth;
+    const screenHeight = window.innerHeight;
+    const aspectViewport = this.width / this.height;
+    const aspectScreen = screenWidth / screenHeight;
+    let canvasWidth, canvasHeight;
+    if (aspectScreen > aspectViewport) {
+      canvasHeight = screenHeight;
+      canvasWidth = canvasHeight * aspectViewport;
+    } else {
+      canvasWidth = screenWidth;
+      canvasHeight = canvasWidth / aspectViewport;
+    }
+    this.canvas.width = canvasWidth;
+    this.canvas.height = canvasHeight;
+    this.scale = canvasWidth / this.width;
+    const gl = this.webglCore ? this.webglCore.getRenderingContext() : this.canvas.getContext("webgl2") ?? this.canvas.getContext("webgl");
+    if (!gl) throw new Error("WebGL not supported");
+    gl.viewport(0, 0, canvasWidth, canvasHeight);
+    this.camera.setViewport(canvasWidth, canvasHeight);
+  }
+  getCanvas() {
+    return this.canvas;
+  }
+  getScale() {
+    return this.scale;
+  }
+  /** Release event listeners. Call when the viewport is no longer needed. */
+  dispose() {
+    window.removeEventListener("resize", this.resizeHandler);
+    this.wheelControl.disable();
+    this.dragControl.disable();
+    this.moveControl.disable();
+  }
+};
+
+export {
+  Camera,
+  Viewport
+};
+//# sourceMappingURL=chunk-5TAAXI6S.js.map

package/dist/chunk-5TAAXI6S.js.map

@@ -0,0 +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 = 0.89;\n  public minZoom: number = 0.5;\n  public maxZoom: number = 1;\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  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  }\n\n  /** Clamp-set the zoom level. */\n  setZoom(zoom: number) {\n    this.zoom = Math.max(this.minZoom, Math.min(this.maxZoom, zoom));\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  }\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). */\n  getViewMatrix(): mat4 {\n    const view = mat4.create();\n\n    const eye = this.getComputedPosition(); // Use the computed position\n    const up = vec3.fromValues(0, 1, 0);\n\n    mat4.lookAt(view, eye, this.target, up);\n    return view;\n  }\n\n  /** Build the perspective projection matrix. */\n  getProjectionMatrix(): mat4 {\n    const projection = mat4.create();\n    const aspect = this.viewportWidth / this.viewportHeight;\n    const fov = Math.PI / 4 / this.zoom;\n    mat4.perspective(projection, fov, aspect, this.near, this.far);\n    return projection;\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    const mvp = mat4.create();\n    mat4.multiply(mvp, this.getProjectionMatrix(), this.getViewMatrix());\n    vec4.transformMat4(world, world, 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; // ← add deltaPitch here\n    this.pitch = Math.max(this.minPitch, Math.min(this.maxPitch, this.pitch));\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  ) {\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();\n\n    window.addEventListener('resize', this.resizeHandler);\n  }\n\n  private setupControls() {\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    // Drag / pan / rotate\n    /*  this.dragControl.onChange((dx, dy, button) => {\n      const factor = 0.01 * this.camera.zoom;\n\n      if (button === 2) {\n        // Right click = orbit\n        this.camera.rotate(-dx * factor, -dy * factor);\n      } else if (button === 0) {\n        this.camera.target[0] -= (dx * factor) / this.scale;\n        this.camera.target[1] += (dy * factor) / this.scale;\n      }\n\n    });\n    this.dragControl.enable(); */\n\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    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  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":";AAAA,SAAS,MAAM,MAAM,YAAY;AAM1B,IAAM,SAAN,MAAa;AAAA,EAuBlB,YACS,eACA,gBACP;AAFO;AACA;AAAA,EACN;AAAA,EAFM;AAAA,EACA;AAAA,EAxBF,SAAkB,CAAC,GAAG,GAAG,CAAC;AAAA;AAAA;AAAA,EAG1B,WAAoB,CAAC,GAAG,GAAG,CAAC;AAAA;AAAA;AAAA,EAG5B,OAAe;AAAA,EACf,UAAkB;AAAA,EAClB,UAAkB;AAAA,EAClB,YAAoB;AAAA;AAAA,EAGpB,MAAc;AAAA;AAAA,EACd,QAAgB;AAAA;AAAA,EAEhB,OAAO;AAAA,EACP,MAAM;AAAA;AAAA,EAGN;AAAA,EACA;AAAA;AAAA,EAQP,KAAK,IAAY,IAAY,KAAa,GAAG;AAC3C,SAAK,SAAS,CAAC,KAAK;AACpB,SAAK,SAAS,CAAC,KAAK;AACpB,SAAK,SAAS,CAAC,KAAK;AAAA,EACtB;AAAA;AAAA,EAGA,QAAQ,MAAc;AACpB,SAAK,OAAO,KAAK,IAAI,KAAK,SAAS,KAAK,IAAI,KAAK,SAAS,IAAI,CAAC;AAAA,EACjE;AAAA;AAAA,EAGA,OAAO,OAAe;AACpB,UAAM,SAAS,KAAK,IAAI,QAAQ,KAAK,SAAS;AAC9C,SAAK,QAAQ,KAAK,OAAO,MAAM;AAAA,EACjC;AAAA,EAEA,WAAW,GAAW,GAA6B;AACjD,UAAM,QAAS,IAAI,KAAK,SAAS,CAAC,KAAK,KAAK,gBAAiB,IAAI,KAAK;AACtE,UAAM,QAAS,IAAI,KAAK,SAAS,CAAC,KAAK,KAAK,iBAAkB,IAAI,KAAK;AACvE,WAAO,CAAC,MAAM,IAAI;AAAA,EACpB;AAAA,EAEA,WAAW,OAA2C;AACpD,WAAO;AAAA,MACJ,MAAM,CAAC,IAAI,KAAK,gBAAiB,IAAI,KAAK;AAAA,MAC1C,MAAM,CAAC,IAAI,KAAK,iBAAkB,IAAI,KAAK;AAAA,IAC9C;AAAA,EACF;AAAA,EAEA,YAAY,OAAe,QAAgB;AACzC,SAAK,gBAAgB;AACrB,SAAK,iBAAiB;AAAA,EACxB;AAAA;AAAA,EAGA,sBAA4B;AAC1B,UAAM,SAAS,KAAK,SAAS,KAAK,UAAU,KAAK,MAAM;AAEvD,UAAM,OACJ,KAAK,OAAO,CAAC,IAAI,SAAS,KAAK,IAAI,KAAK,KAAK,IAAI,KAAK,IAAI,KAAK,GAAG;AACpE,UAAM,OAAO,KAAK,OAAO,CAAC,IAAI,SAAS,KAAK,IAAI,KAAK,KAAK;AAC1D,UAAM,OACJ,KAAK,OAAO,CAAC,IAAI,SAAS,KAAK,IAAI,KAAK,KAAK,IAAI,KAAK,IAAI,KAAK,GAAG;AAEpE,WAAO,KAAK,WAAW,MAAM,MAAM,IAAI;AAAA,EACzC;AAAA;AAAA,EAGA,gBAAsB;AACpB,UAAM,OAAO,KAAK,OAAO;AAEzB,UAAM,MAAM,KAAK,oBAAoB;AACrC,UAAM,KAAK,KAAK,WAAW,GAAG,GAAG,CAAC;AAElC,SAAK,OAAO,MAAM,KAAK,KAAK,QAAQ,EAAE;AACtC,WAAO;AAAA,EACT;AAAA;AAAA,EAGA,sBAA4B;AAC1B,UAAM,aAAa,KAAK,OAAO;AAC/B,UAAM,SAAS,KAAK,gBAAgB,KAAK;AACzC,UAAM,MAAM,KAAK,KAAK,IAAI,KAAK;AAC/B,SAAK,YAAY,YAAY,KAAK,QAAQ,KAAK,MAAM,KAAK,GAAG;AAC7D,WAAO;AAAA,EACT;AAAA,EAEA,aAAa,GAAW,GAAW,IAAY,GAA6B;AAC1E,UAAM,QAAQ,KAAK,WAAW,GAAG,GAAG,GAAG,CAAG;AAC1C,UAAM,MAAM,KAAK,OAAO;AACxB,SAAK,SAAS,KAAK,KAAK,oBAAoB,GAAG,KAAK,cAAc,CAAC;AACnE,SAAK,cAAc,OAAO,OAAO,GAAG;AACpC,WAAO,CAAC,MAAM,CAAC,IAAI,MAAM,CAAC,GAAG,MAAM,CAAC,IAAI,MAAM,CAAC,GAAG,MAAM,CAAC,IAAI,MAAM,CAAC,CAAC;AAAA,EACvE;AAAA,EAEA,aAAa,OAA2D;AACtE,WAAO;AAAA,MACJ,MAAM,CAAC,IAAI,KAAK,gBAAiB,IAAI,KAAK;AAAA,MAC1C,MAAM,CAAC,IAAI,KAAK,iBAAkB,IAAI,KAAK;AAAA,MAC3C,MAAM,CAAC,MAAM,KAAK,gBAAgB,KAAK,kBAAkB,KACxD,IACA,KAAK;AAAA,IACT;AAAA,EACF;AAAA,EAEO,WAAmB,CAAC,KAAK,KAAK,IAAI;AAAA,EAClC,WAAmB,KAAK,KAAK,IAAI;AAAA,EAExC,OAAO,UAAkB,YAAoB;AAC3C,SAAK,OAAO;AAEZ,SAAK,SAAS;AACd,SAAK,QAAQ,KAAK,IAAI,KAAK,UAAU,KAAK,IAAI,KAAK,UAAU,KAAK,KAAK,CAAC;AAAA,EAC1E;AACF;;;AC7HO,IAAM,oBAAN,MAAiD;AAAA,EAC9C,YAA6B,CAAC;AAAA,EAC9B;AAAA,EAED,SAAS;AACd,QAAI,KAAK,aAAc;AAEvB,SAAK,eAAe,CAAC,MAAkB;AACrC,YAAM,YAA4B,EAAE,SAAS,IAAI,OAAO;AACxD,WAAK,OAAO,WAAW,EAAE,MAAM;AAAA,IACjC;AAEA,WAAO,iBAAiB,SAAS,KAAK,cAAc,EAAE,SAAS,KAAK,CAAC;AAAA,EACvE;AAAA,EAEO,UAAU;AACf,QAAI,KAAK,cAAc;AACrB,aAAO,oBAAoB,SAAS,KAAK,YAAY;AACrD,WAAK,eAAe;AAAA,IACtB;AAAA,EACF;AAAA,EAEO,SAAS,UAAyB;AACvC,SAAK,UAAU,KAAK,QAAQ;AAAA,EAC9B;AAAA;AAAA,EAGO,eAAe,UAAyB;AAC7C,SAAK,YAAY,KAAK,UAAU,OAAO,CAAC,MAAM,MAAM,QAAQ;AAAA,EAC9D;AAAA,EAEQ,OAAO,WAA2B,OAAe;AACvD,eAAW,YAAY,KAAK,UAAW,UAAS,WAAW,KAAK;AAAA,EAClE;AACF;;;ACnCO,IAAM,mBAAN,MAAgD;AAAA,EAQrD,YAAoB,SAAsB;AAAtB;AAAA,EAAuB;AAAA,EAAvB;AAAA,EAPZ,YAA4B,CAAC;AAAA,EAC9B,aAAa;AAAA,EAEZ,aAAqB;AAAA;AAAA,EACrB,QAAQ;AAAA,EACR,QAAQ;AAAA,EAIhB,SAAS;AACP,SAAK,QAAQ,iBAAiB,aAAa,KAAK,WAAW;AAC3D,WAAO,iBAAiB,WAAW,KAAK,SAAS;AACjD,WAAO,iBAAiB,aAAa,KAAK,WAAW;AAAA,EACvD;AAAA,EAEA,UAAU;AACR,SAAK,QAAQ,oBAAoB,aAAa,KAAK,WAAW;AAC9D,WAAO,oBAAoB,WAAW,KAAK,SAAS;AACpD,WAAO,oBAAoB,aAAa,KAAK,WAAW;AAAA,EAC1D;AAAA,EAEA,SAAS,UAAwB;AAC/B,SAAK,UAAU,KAAK,QAAQ;AAAA,EAC9B;AAAA;AAAA,EAGA,eAAe,UAAwB;AACrC,SAAK,YAAY,KAAK,UAAU,OAAO,CAAC,MAAM,MAAM,QAAQ;AAAA,EAC9D;AAAA,EAEQ,cAAc,CAAC,MAAkB;AACvC,SAAK,aAAa;AAClB,SAAK,aAAa,EAAE;AAEpB,SAAK,QAAQ,EAAE;AACf,SAAK,QAAQ,EAAE;AAAA,EACjB;AAAA,EAEQ,YAAY,MAAM;AACxB,SAAK,aAAa;AAAA,EACpB;AAAA,EAEQ,cAAc,CAAC,MAAkB;AACvC,QAAI,CAAC,KAAK,WAAY;AAEtB,UAAM,KAAK,EAAE,UAAU,KAAK;AAC5B,UAAM,KAAK,EAAE,UAAU,KAAK;AAE5B,SAAK,QAAQ,EAAE;AACf,SAAK,QAAQ,EAAE;AAEf,eAAW,YAAY,KAAK,UAAW,UAAS,IAAI,IAAI,KAAK,UAAU;AAAA,EACzE;AACF;;;AClDO,IAAM,0BAAN,MAAuD;AAAA,EAK5D,YACU,SACA,cAAc,GACtB;AAFQ;AACA;AAAA,EACP;AAAA,EAFO;AAAA,EACA;AAAA,EANF,YAA4B,CAAC;AAAA,EAC7B,YAAY;AAAA,EACZ,kBAAkB;AAAA,EAO1B,SAAS;AACP,QAAI,KAAK,UAAW;AACpB,SAAK,YAAY;AAGjB,SAAK,QAAQ,iBAAiB,SAAS,KAAK,kBAAkB;AAC9D,aAAS,iBAAiB,qBAAqB,KAAK,mBAAmB;AACvE,aAAS,iBAAiB,aAAa,KAAK,WAAW;AAAA,EACzD;AAAA,EAEA,UAAU;AACR,QAAI,CAAC,KAAK,UAAW;AACrB,SAAK,YAAY;AAEjB,SAAK,QAAQ,oBAAoB,SAAS,KAAK,kBAAkB;AACjE,aAAS,oBAAoB,qBAAqB,KAAK,mBAAmB;AAC1E,aAAS,oBAAoB,aAAa,KAAK,WAAW;AAE1D,QAAI,KAAK,gBAAiB,UAAS,gBAAgB;AAAA,EACrD;AAAA,EAEA,SAAS,UAAwB;AAC/B,SAAK,UAAU,KAAK,QAAQ;AAAA,EAC9B;AAAA;AAAA,EAGA,eAAe,UAAwB;AACrC,SAAK,YAAY,KAAK,UAAU,OAAO,CAAC,MAAM,MAAM,QAAQ;AAAA,EAC9D;AAAA,EAEA,eAAe,OAAe;AAC5B,SAAK,cAAc;AAAA,EACrB;AAAA,EAEQ,qBAAqB,MAAM;AACjC,SAAK,QAAQ,mBAAmB;AAAA,EAClC;AAAA,EAEQ,sBAAsB,MAAM;AAClC,SAAK,kBAAkB,SAAS,uBAAuB,KAAK;AAAA,EAC9D;AAAA,EAEQ,cAAc,CAAC,MAAkB;AACvC,QAAI,CAAC,KAAK,gBAAiB;AAE3B,UAAM,KAAK,EAAE,YAAY,KAAK;AAC9B,UAAM,KAAK,EAAE,YAAY,KAAK;AAE9B,eAAW,YAAY,KAAK,UAAW,UAAS,IAAI,EAAE;AAAA,EACxD;AACF;;;AC3DO,IAAM,WAAN,MAAM,UAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAsBpB,YACE,YACO,OACA,QACP,WACA;AAHO;AACA;AAGP,SAAK,SACH,OAAO,eAAe,WACjB,SAAS,eAAe,UAAU,IACnC;AACN,QAAI,CAAC,KAAK,OAAQ,OAAM,IAAI,MAAM,kBAAkB;AAEpD,SAAK,YAAY,aAAa;AAC9B,SAAK,SAAS,IAAI,OAAO,OAAO,MAAM;AACtC,SAAK,cAAc,IAAI,iBAAiB,KAAK,MAAM;AACnD,SAAK,cAAc,IAAI,wBAAwB,KAAK,QAAQ,IAAI;AAEhE,SAAK,aAAa;AAClB,SAAK,cAAc;AAEnB,WAAO,iBAAiB,UAAU,KAAK,aAAa;AAAA,EACtD;AAAA,EAnBS;AAAA,EACA;AAAA,EAxBT,OAAe,eAAe;AAAA,EAEtB,eAAe,IAAI,kBAAkB;AAAA,EACrC;AAAA,EACA;AAAA,EAEA,eAAuB;AAAA,EACvB;AAAA,EACA,QAAgB;AAAA,EAChB,YAA8B;AAAA,EAC9B,gBAAgB,MAAM,KAAK,aAAa;AAAA,EACzC;AAAA,EAiCC,gBAAgB;AACtB,UAAM,eAAe,UAAS;AAG9B,SAAK,aAAa,SAAS,CAAC,cAA8B;AACxD,YAAM,MAAM,YAAY,IAAI;AAC5B,UAAI,MAAM,KAAK,eAAe,aAAc;AAE5C,YAAM,YAAY,cAAc,OAAO,IAAI;AAC3C,WAAK,OAAO,OAAO,SAAS;AAE5B,WAAK,eAAe;AAAA,IACtB,CAAC;AACD,SAAK,aAAa,OAAO;AAiBzB,SAAK,YAAY,SAAS,CAAC,IAAI,OAAO;AACpC,YAAM,SAAS,OAAO,KAAK,OAAO;AAClC,WAAK,OAAO,OAAO,CAAC,KAAK,QAAQ,CAAC,KAAK,MAAM;AAAA,IAC/C,CAAC;AACD,SAAK,YAAY,OAAO;AAExB,SAAK,OAAO,iBAAiB,eAAe,CAAC,MAAM,EAAE,eAAe,CAAC;AAAA,EACvE;AAAA,EAEO,mBAA4B;AACjC,WAAO,KAAK,YAAY;AAAA,EAC1B;AAAA,EAEQ,eAAe;AACrB,UAAM,cAAc,OAAO;AAC3B,UAAM,eAAe,OAAO;AAE5B,UAAM,iBAAiB,KAAK,QAAQ,KAAK;AACzC,UAAM,eAAe,cAAc;AAEnC,QAAI,aAAqB;AAEzB,QAAI,eAAe,gBAAgB;AACjC,qBAAe;AACf,oBAAc,eAAe;AAAA,IAC/B,OAAO;AACL,oBAAc;AACd,qBAAe,cAAc;AAAA,IAC/B;AAEA,SAAK,OAAO,QAAQ;AACpB,SAAK,OAAO,SAAS;AAErB,SAAK,QAAQ,cAAc,KAAK;AAGhC,UAAM,KAAK,KAAK,YACZ,KAAK,UAAU,oBAAoB,IAClC,KAAK,OAAO,WAAW,QAAQ,KAAK,KAAK,OAAO,WAAW,OAAO;AAEvE,QAAI,CAAC,GAAI,OAAM,IAAI,MAAM,qBAAqB;AAC9C,OAAG,SAAS,GAAG,GAAG,aAAa,YAAY;AAE3C,SAAK,OAAO,YAAY,aAAa,YAAY;AAAA,EACnD;AAAA,EAEA,YAA+B;AAC7B,WAAO,KAAK;AAAA,EACd;AAAA,EAEA,WAAmB;AACjB,WAAO,KAAK;AAAA,EACd;AAAA;AAAA,EAGA,UAAU;AACR,WAAO,oBAAoB,UAAU,KAAK,aAAa;AACvD,SAAK,aAAa,QAAQ;AAC1B,SAAK,YAAY,QAAQ;AACzB,SAAK,YAAY,QAAQ;AAAA,EAC3B;AACF;","names":[]}

package/dist/chunk-6LS6AO5H.js

@@ -0,0 +1,296 @@
+// src/Core/utils/load-texture.ts
+async function loadWebGlTexture(gl, url, options = {}) {
+  return new Promise((resolve, reject) => {
+    const texture = gl.createTexture();
+    if (!texture) return reject(new Error("Failed to create texture"));
+    gl.bindTexture(gl.TEXTURE_2D, texture);
+    const level = 0;
+    const internalFormat = gl.RGBA;
+    const width = 1;
+    const height = 1;
+    const border = 0;
+    const srcFormat = gl.RGBA;
+    const srcType = gl.UNSIGNED_BYTE;
+    const pixel = new Uint8Array([128, 128, 128, 255]);
+    gl.texImage2D(
+      gl.TEXTURE_2D,
+      level,
+      internalFormat,
+      width,
+      height,
+      border,
+      srcFormat,
+      srcType,
+      pixel
+    );
+    const image = new Image();
+    image.crossOrigin = "anonymous";
+    image.onload = () => {
+      gl.bindTexture(gl.TEXTURE_2D, texture);
+      gl.texImage2D(
+        gl.TEXTURE_2D,
+        level,
+        internalFormat,
+        srcFormat,
+        srcType,
+        image
+      );
+      if (isPowerOf2(image.width) && isPowerOf2(image.height)) {
+        gl.generateMipmap(gl.TEXTURE_2D);
+        gl.texParameteri(
+          gl.TEXTURE_2D,
+          gl.TEXTURE_MIN_FILTER,
+          gl.LINEAR_MIPMAP_LINEAR
+        );
+        if (options.repeat) {
+          gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.REPEAT);
+          gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.REPEAT);
+        }
+      } else {
+        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);
+        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);
+        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR);
+      }
+      resolve(texture);
+    };
+    image.onerror = reject;
+    image.src = url;
+  });
+}
+function isPowerOf2(value) {
+  return (value & value - 1) === 0;
+}
+
+// src/Core/utils/parse-hex-to-rgb.ts
+function parseHexToRgbArray(hex) {
+  if (hex.startsWith("#")) hex = hex.slice(1);
+  let r = 1, g = 1, b = 1, a = 1;
+  if (hex.length === 6) {
+    r = parseInt(hex.slice(0, 2), 16) / 255;
+    g = parseInt(hex.slice(2, 4), 16) / 255;
+    b = parseInt(hex.slice(4, 6), 16) / 255;
+    a = 1;
+  } else if (hex.length === 8) {
+    r = parseInt(hex.slice(0, 2), 16) / 255;
+    g = parseInt(hex.slice(2, 4), 16) / 255;
+    b = parseInt(hex.slice(4, 6), 16) / 255;
+    a = parseInt(hex.slice(6, 8), 16) / 255;
+  } else {
+    throw new Error("Invalid hex color format. Use #RRGGBB or #RRGGBBAA.");
+  }
+  return [r, g, b, a];
+}
+
+// src/Core/classes/Material.ts
+var MAX_LIGHTS = 5;
+var Material = class _Material {
+  constructor(webglCore, options = {}) {
+    this.webglCore = webglCore;
+    this.program = webglCore.getProgram();
+    const { gl } = webglCore;
+    const names = [
+      "uColor",
+      "uUnlit",
+      "uModel",
+      "uView",
+      "uProjection",
+      "uLightCount",
+      "uUseTexture",
+      "uTexture",
+      // --- LIGHTING UNIFORMS ---
+      "uViewPosition",
+      // Camera position for specular light
+      "uShininess",
+      "uSpecularColor",
+      "uAmbientColor",
+      "uDissolve",
+      "uDiffuseColor",
+      "uLightDirection[0]",
+      "uLightColor[0]",
+      "uLightIntensity[0]",
+      "uLightType[0]",
+      "uLightPosition[0]",
+      // NEW: For Point Lights
+      "uLightConstant[0]",
+      // NEW: Attenuation
+      "uLightLinear[0]",
+      // NEW: Attenuation
+      "uLightQuadratic[0]",
+      // NEW: Attenuation
+      // --- SKINNING UNIFORMS ---
+      "uUseSkinning",
+      "uJointMatrices[0]"
+    ];
+    for (const name of names) {
+      this.uniformLocations[name] = gl.getUniformLocation(this.program, name);
+    }
+    const attribs = [
+      "aPosition",
+      "aNormal",
+      "aTexCoord",
+      "aJointIndices",
+      "aJointWeights"
+    ];
+    for (const name of attribs) {
+      this.attribLocations[name] = gl.getAttribLocation(this.program, name);
+    }
+    Object.assign(this, options);
+  }
+  webglCore;
+  // cache
+  program;
+  uniformLocations = {};
+  attribLocations = {};
+  // Attributes
+  albedoColor = [1, 1, 1, 1];
+  unlit = false;
+  texture;
+  specular = [0.3, 0.3, 0.3];
+  shininess = 64;
+  doubleSided = false;
+  //others
+  ambientColor = [0.1, 0.1, 0.1];
+  // Ka
+  dissolve = 1;
+  // d or Tr
+  diffuse = [1, 1, 1];
+  // Kd
+  /** Physics friction coefficient [0–1]. 0 = no resistance (ice), 1 = instant stop. */
+  friction = 0.3;
+  setColorHex(hex) {
+    this.albedoColor = parseHexToRgbArray(hex);
+  }
+  setColor(rgba) {
+    this.albedoColor = rgba;
+    this.dissolve = rgba[3];
+    this.diffuse = [rgba[0], rgba[1], rgba[2]];
+  }
+  /**
+   * Load an image from URL and create a WebGL texture.
+   */
+  async loadTexture(url, options) {
+    const { gl } = this.webglCore;
+    this.texture = await loadWebGlTexture(gl, url, options);
+  }
+  /**
+   * Create an independent copy of this material.
+   * Shares the same WebGL program but copies all mutable properties.
+   * The texture reference is shared (immutable GPU resource).
+   */
+  clone() {
+    const copy = new _Material(this.webglCore);
+    copy.albedoColor = [...this.albedoColor];
+    copy.specular = [...this.specular];
+    copy.ambientColor = [...this.ambientColor];
+    copy.diffuse = [...this.diffuse];
+    copy.shininess = this.shininess;
+    copy.dissolve = this.dissolve;
+    copy.unlit = this.unlit;
+    copy.doubleSided = this.doubleSided;
+    copy.friction = this.friction;
+    copy.texture = this.texture;
+    return copy;
+  }
+  apply(gl, lights, viewPosition) {
+    if (this.uniformLocations["uColor"])
+      gl.uniform4fv(this.uniformLocations["uColor"], this.albedoColor);
+    if (this.uniformLocations["uUnlit"])
+      gl.uniform1i(this.uniformLocations["uUnlit"], this.unlit ? 1 : 0);
+    if (this.uniformLocations["uShininess"])
+      gl.uniform1f(this.uniformLocations["uShininess"], this.shininess);
+    if (this.uniformLocations["uSpecularColor"])
+      gl.uniform3fv(this.uniformLocations["uSpecularColor"], this.specular);
+    if (this.uniformLocations["uDissolve"])
+      gl.uniform1f(this.uniformLocations["uDissolve"], this.dissolve);
+    if (this.uniformLocations["uAmbientColor"])
+      gl.uniform3fv(this.uniformLocations["uAmbientColor"], this.ambientColor);
+    if (this.uniformLocations["uDiffuseColor"])
+      gl.uniform3fv(this.uniformLocations["uDiffuseColor"], this.diffuse);
+    if (viewPosition && this.uniformLocations["uViewPosition"]) {
+      gl.uniform3fv(this.uniformLocations["uViewPosition"], viewPosition);
+    }
+    const hasTexture = !!this.texture;
+    if (this.uniformLocations["uUseTexture"])
+      gl.uniform1i(this.uniformLocations["uUseTexture"], hasTexture ? 1 : 0);
+    if (hasTexture && this.texture) {
+      gl.activeTexture(gl.TEXTURE0);
+      gl.bindTexture(gl.TEXTURE_2D, this.texture);
+      if (this.uniformLocations["uTexture"])
+        gl.uniform1i(this.uniformLocations["uTexture"], 0);
+    }
+    const MAX = MAX_LIGHTS;
+    if (!this.unlit && lights?.length) {
+      const count = Math.min(lights.length, MAX);
+      if (this.uniformLocations["uLightCount"])
+        gl.uniform1i(this.uniformLocations["uLightCount"], count);
+      const dirs = [];
+      const colors = [];
+      const intensities = [];
+      const types = [];
+      const positions = [];
+      const constants = [];
+      const linears = [];
+      const quadratics = [];
+      for (let i = 0; i < count; i++) {
+        const light = lights[i];
+        let typeInt = 0;
+        if (light.type === "point") typeInt = 1;
+        else if (light.type === "ambient") typeInt = 2;
+        types.push(typeInt);
+        dirs.push(...light.direction ?? [0, 0, 0]);
+        positions.push(...light.position ?? [0, 0, 0]);
+        colors.push(...light.color);
+        intensities.push(light.intensity);
+        constants.push(light.constant);
+        linears.push(light.linear);
+        quadratics.push(light.quadratic);
+      }
+      if (this.uniformLocations["uLightDirection[0]"])
+        gl.uniform3fv(
+          this.uniformLocations["uLightDirection[0]"],
+          new Float32Array(dirs)
+        );
+      if (this.uniformLocations["uLightColor[0]"])
+        gl.uniform3fv(
+          this.uniformLocations["uLightColor[0]"],
+          new Float32Array(colors)
+        );
+      if (this.uniformLocations["uLightIntensity[0]"])
+        gl.uniform1fv(
+          this.uniformLocations["uLightIntensity[0]"],
+          new Float32Array(intensities)
+        );
+      if (this.uniformLocations["uLightType[0]"])
+        gl.uniform1iv(
+          this.uniformLocations["uLightType[0]"],
+          new Int32Array(types)
+        );
+      if (this.uniformLocations["uLightPosition[0]"])
+        gl.uniform3fv(
+          this.uniformLocations["uLightPosition[0]"],
+          new Float32Array(positions)
+        );
+      if (this.uniformLocations["uLightConstant[0]"])
+        gl.uniform1fv(
+          this.uniformLocations["uLightConstant[0]"],
+          new Float32Array(constants)
+        );
+      if (this.uniformLocations["uLightLinear[0]"])
+        gl.uniform1fv(
+          this.uniformLocations["uLightLinear[0]"],
+          new Float32Array(linears)
+        );
+      if (this.uniformLocations["uLightQuadratic[0]"])
+        gl.uniform1fv(
+          this.uniformLocations["uLightQuadratic[0]"],
+          new Float32Array(quadratics)
+        );
+    }
+  }
+};
+
+export {
+  MAX_LIGHTS,
+  Material
+};
+//# sourceMappingURL=chunk-6LS6AO5H.js.map