@tonybfox/threejs-tools 1.0.0

package/dist/grid/index.cjs

@@ -0,0 +1,200 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/grid/src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  InfiniteGrid: () => InfiniteGrid
+});
+module.exports = __toCommonJS(src_exports);
+
+// packages/grid/src/InfiniteGrid.ts
+var THREE = __toESM(require("three"));
+var InfiniteGrid = class extends THREE.Object3D {
+  constructor(divisions = 1, subdivisions = 10) {
+    super();
+    this.eventDispatcher = new THREE.EventDispatcher();
+    this.divisions = divisions;
+    this.subdivisions = subdivisions;
+    const gridSize = 100;
+    const gridGeometry = new THREE.PlaneGeometry(
+      gridSize * 2,
+      gridSize * 2,
+      1,
+      1
+    );
+    this.gridMaterial = new THREE.ShaderMaterial({
+      uniforms: {
+        uSize1: { value: this.divisions / this.subdivisions },
+        uSize2: { value: this.divisions },
+        uColor1: { value: new THREE.Color(4473924) },
+        uColor2: { value: new THREE.Color(6710886) },
+        uFogColor: { value: new THREE.Color(2763306) },
+        uFogNear: { value: 20 },
+        uFogFar: { value: 60 }
+      },
+      vertexShader: `
+   varying vec3 worldPosition;
+   
+   void main() {
+     worldPosition = position.xzy;
+     gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);
+   }
+ `,
+      fragmentShader: `
+   uniform float uSize1;
+   uniform float uSize2;
+   uniform vec3 uColor1;
+   uniform vec3 uColor2;
+   uniform vec3 uFogColor;
+   uniform float uFogNear;
+   uniform float uFogFar;
+   
+   varying vec3 worldPosition;
+   
+   float getGrid(float size) {
+     vec2 r = worldPosition.xz / size;
+     vec2 grid = abs(fract(r - 0.5) - 0.5) / fwidth(r);
+     float line = min(grid.x, grid.y);
+     return 1.0 - min(line, 1.0);
+   }
+   
+   void main() {
+     float g1 = getGrid(uSize1);
+     float g2 = getGrid(uSize2);
+     
+     // Calculate fog factor using both near and far
+     float dist = length(worldPosition);
+     float fogFactor = smoothstep(uFogNear, uFogFar, dist);
+     
+     // Mix grid colors
+     vec3 color = mix(uColor1, uColor2, g2);
+     
+     // Apply fog to color and use inverse fog factor for alpha (fade out with distance)
+     vec3 finalColor = mix(color, uFogColor, fogFactor);
+     float alpha = (g1 + g2) * (1.0 - fogFactor);
+     
+     gl_FragColor = vec4(finalColor, alpha);
+   }
+ `,
+      transparent: true,
+      side: THREE.DoubleSide,
+      depthWrite: false
+    });
+    const gridMesh = new THREE.Mesh(gridGeometry, this.gridMaterial);
+    gridMesh.renderOrder = -1;
+    gridMesh.rotation.x = -Math.PI / 2;
+    this.add(gridMesh);
+  }
+  setSubdivisions(subdivisions) {
+    this.subdivisions = subdivisions;
+    this.gridMaterial.uniforms.uSize1.value = this.divisions / this.subdivisions;
+    this.eventDispatcher.dispatchEvent({
+      type: "subdivisionsChanged",
+      subdivisions
+    });
+  }
+  setDivisions(divisions) {
+    this.divisions = divisions;
+    this.gridMaterial.uniforms.uSize1.value = this.divisions / this.subdivisions;
+    this.gridMaterial.uniforms.uSize2.value = this.divisions;
+    this.eventDispatcher.dispatchEvent({ type: "divisionsChanged", divisions });
+  }
+  setColor1(color) {
+    if (typeof color === "number") {
+      this.gridMaterial.uniforms.uColor1.value.setHex(color);
+    } else {
+      this.gridMaterial.uniforms.uColor1.value.copy(color);
+    }
+    this.eventDispatcher.dispatchEvent({
+      type: "colorChanged",
+      color,
+      colorType: "color1"
+    });
+  }
+  setColor2(color) {
+    if (typeof color === "number") {
+      this.gridMaterial.uniforms.uColor2.value.setHex(color);
+    } else {
+      this.gridMaterial.uniforms.uColor2.value.copy(color);
+    }
+    this.eventDispatcher.dispatchEvent({
+      type: "colorChanged",
+      color,
+      colorType: "color2"
+    });
+  }
+  setFogColor(color) {
+    if (typeof color === "number") {
+      this.gridMaterial.uniforms.uFogColor.value.setHex(color);
+    } else {
+      this.gridMaterial.uniforms.uFogColor.value.copy(color);
+    }
+    this.eventDispatcher.dispatchEvent({
+      type: "colorChanged",
+      color,
+      colorType: "fog"
+    });
+  }
+  setFogNear(near) {
+    const fogFar = this.gridMaterial.uniforms.uFogFar.value;
+    const clampedNear = Math.min(near, fogFar);
+    this.gridMaterial.uniforms.uFogNear.value = clampedNear;
+    this.eventDispatcher.dispatchEvent({
+      type: "fogChanged",
+      property: "near",
+      value: clampedNear
+    });
+  }
+  setFogFar(far) {
+    const fogNear = this.gridMaterial.uniforms.uFogNear.value;
+    const clampedFar = Math.max(far, fogNear);
+    this.gridMaterial.uniforms.uFogFar.value = clampedFar;
+    this.eventDispatcher.dispatchEvent({
+      type: "fogChanged",
+      property: "far",
+      value: clampedFar
+    });
+  }
+  // Custom event listener methods (prefixed to avoid conflicts with Object3D)
+  addGridEventListener(type, listener) {
+    this.eventDispatcher.addEventListener(type, listener);
+  }
+  removeGridEventListener(type, listener) {
+    this.eventDispatcher.removeEventListener(type, listener);
+  }
+  hasGridEventListener(type, listener) {
+    return this.eventDispatcher.hasEventListener(type, listener);
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  InfiniteGrid
+});
+//# sourceMappingURL=index.cjs.map

package/dist/grid/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../packages/grid/src/index.ts","../../packages/grid/src/InfiniteGrid.ts"],"sourcesContent":["export * from './InfiniteGrid'\n","import * as THREE from 'three'\n\n// Define custom event types\ninterface InfiniteGridEventMap {\n  subdivisionsChanged: { subdivisions: number }\n  divisionsChanged: { divisions: number }\n  colorChanged: {\n    color: THREE.Color | number\n    colorType: 'color1' | 'color2' | 'fog'\n  }\n  fogChanged: { property: 'near' | 'far'; value: number }\n}\n\nexport class InfiniteGrid extends THREE.Object3D {\n  subdivisions: number\n  divisions: number\n  gridMaterial: THREE.ShaderMaterial\n  private eventDispatcher: THREE.EventDispatcher<InfiniteGridEventMap>\n\n  constructor(divisions: number = 1, subdivisions: number = 10) {\n    super()\n\n    // Create an internal EventDispatcher for custom events\n    this.eventDispatcher = new THREE.EventDispatcher<InfiniteGridEventMap>()\n    this.divisions = divisions\n    this.subdivisions = subdivisions\n\n    // Create a custom grid shader material\n    const gridSize = 100\n\n    // Create a plane for the grid\n    const gridGeometry = new THREE.PlaneGeometry(\n      gridSize * 2,\n      gridSize * 2,\n      1,\n      1\n    )\n\n    // Custom grid shader material\n    this.gridMaterial = new THREE.ShaderMaterial({\n      uniforms: {\n        uSize1: { value: this.divisions / this.subdivisions },\n        uSize2: { value: this.divisions },\n        uColor1: { value: new THREE.Color(0x444444) },\n        uColor2: { value: new THREE.Color(0x666666) },\n        uFogColor: { value: new THREE.Color(0x2a2a2a) },\n        uFogNear: { value: 20.0 },\n        uFogFar: { value: 60.0 },\n      },\n      vertexShader: `\n   varying vec3 worldPosition;\n   \n   void main() {\n     worldPosition = position.xzy;\n     gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);\n   }\n `,\n      fragmentShader: `\n   uniform float uSize1;\n   uniform float uSize2;\n   uniform vec3 uColor1;\n   uniform vec3 uColor2;\n   uniform vec3 uFogColor;\n   uniform float uFogNear;\n   uniform float uFogFar;\n   \n   varying vec3 worldPosition;\n   \n   float getGrid(float size) {\n     vec2 r = worldPosition.xz / size;\n     vec2 grid = abs(fract(r - 0.5) - 0.5) / fwidth(r);\n     float line = min(grid.x, grid.y);\n     return 1.0 - min(line, 1.0);\n   }\n   \n   void main() {\n     float g1 = getGrid(uSize1);\n     float g2 = getGrid(uSize2);\n     \n     // Calculate fog factor using both near and far\n     float dist = length(worldPosition);\n     float fogFactor = smoothstep(uFogNear, uFogFar, dist);\n     \n     // Mix grid colors\n     vec3 color = mix(uColor1, uColor2, g2);\n     \n     // Apply fog to color and use inverse fog factor for alpha (fade out with distance)\n     vec3 finalColor = mix(color, uFogColor, fogFactor);\n     float alpha = (g1 + g2) * (1.0 - fogFactor);\n     \n     gl_FragColor = vec4(finalColor, alpha);\n   }\n `,\n      transparent: true,\n      side: THREE.DoubleSide,\n      depthWrite: false,\n    })\n\n    // Create the grid mesh\n    const gridMesh = new THREE.Mesh(gridGeometry, this.gridMaterial)\n    gridMesh.renderOrder = -1\n    gridMesh.rotation.x = -Math.PI / 2\n    this.add(gridMesh)\n    // return gridMesh;\n  }\n\n  setSubdivisions(subdivisions: number): void {\n    this.subdivisions = subdivisions\n    this.gridMaterial.uniforms.uSize1.value = this.divisions / this.subdivisions\n    this.eventDispatcher.dispatchEvent({\n      type: 'subdivisionsChanged',\n      subdivisions,\n    })\n  }\n\n  setDivisions(divisions: number): void {\n    this.divisions = divisions\n    this.gridMaterial.uniforms.uSize1.value = this.divisions / this.subdivisions\n    this.gridMaterial.uniforms.uSize2.value = this.divisions\n    this.eventDispatcher.dispatchEvent({ type: 'divisionsChanged', divisions })\n  }\n\n  setColor1(color: THREE.Color | number): void {\n    if (typeof color === 'number') {\n      this.gridMaterial.uniforms.uColor1.value.setHex(color)\n    } else {\n      this.gridMaterial.uniforms.uColor1.value.copy(color)\n    }\n    this.eventDispatcher.dispatchEvent({\n      type: 'colorChanged',\n      color,\n      colorType: 'color1',\n    })\n  }\n\n  setColor2(color: THREE.Color | number): void {\n    if (typeof color === 'number') {\n      this.gridMaterial.uniforms.uColor2.value.setHex(color)\n    } else {\n      this.gridMaterial.uniforms.uColor2.value.copy(color)\n    }\n    this.eventDispatcher.dispatchEvent({\n      type: 'colorChanged',\n      color,\n      colorType: 'color2',\n    })\n  }\n\n  setFogColor(color: THREE.Color | number): void {\n    if (typeof color === 'number') {\n      this.gridMaterial.uniforms.uFogColor.value.setHex(color)\n    } else {\n      this.gridMaterial.uniforms.uFogColor.value.copy(color)\n    }\n    this.eventDispatcher.dispatchEvent({\n      type: 'colorChanged',\n      color,\n      colorType: 'fog',\n    })\n  }\n\n  setFogNear(near: number): void {\n    const fogFar = this.gridMaterial.uniforms.uFogFar.value\n    const clampedNear = Math.min(near, fogFar)\n    this.gridMaterial.uniforms.uFogNear.value = clampedNear\n    this.eventDispatcher.dispatchEvent({\n      type: 'fogChanged',\n      property: 'near',\n      value: clampedNear,\n    })\n  }\n\n  setFogFar(far: number): void {\n    const fogNear = this.gridMaterial.uniforms.uFogNear.value\n    const clampedFar = Math.max(far, fogNear)\n    this.gridMaterial.uniforms.uFogFar.value = clampedFar\n    this.eventDispatcher.dispatchEvent({\n      type: 'fogChanged',\n      property: 'far',\n      value: clampedFar,\n    })\n  }\n\n  // Custom event listener methods (prefixed to avoid conflicts with Object3D)\n  addGridEventListener<K extends keyof InfiniteGridEventMap>(\n    type: K,\n    listener: (event: InfiniteGridEventMap[K] & { type: K }) => void\n  ): void {\n    this.eventDispatcher.addEventListener(type, listener)\n  }\n\n  removeGridEventListener<K extends keyof InfiniteGridEventMap>(\n    type: K,\n    listener: (event: InfiniteGridEventMap[K] & { type: K }) => void\n  ): void {\n    this.eventDispatcher.removeEventListener(type, listener)\n  }\n\n  hasGridEventListener<K extends keyof InfiniteGridEventMap>(\n    type: K,\n    listener: (event: InfiniteGridEventMap[K] & { type: K }) => void\n  ): boolean {\n    return this.eventDispatcher.hasEventListener(type, listener)\n  }\n}\n"],"mappings":"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","names":[]}

package/dist/grid/index.d.mts

@@ -0,0 +1,43 @@
+import * as THREE from 'three';
+
+interface InfiniteGridEventMap {
+    subdivisionsChanged: {
+        subdivisions: number;
+    };
+    divisionsChanged: {
+        divisions: number;
+    };
+    colorChanged: {
+        color: THREE.Color | number;
+        colorType: 'color1' | 'color2' | 'fog';
+    };
+    fogChanged: {
+        property: 'near' | 'far';
+        value: number;
+    };
+}
+declare class InfiniteGrid extends THREE.Object3D {
+    subdivisions: number;
+    divisions: number;
+    gridMaterial: THREE.ShaderMaterial;
+    private eventDispatcher;
+    constructor(divisions?: number, subdivisions?: number);
+    setSubdivisions(subdivisions: number): void;
+    setDivisions(divisions: number): void;
+    setColor1(color: THREE.Color | number): void;
+    setColor2(color: THREE.Color | number): void;
+    setFogColor(color: THREE.Color | number): void;
+    setFogNear(near: number): void;
+    setFogFar(far: number): void;
+    addGridEventListener<K extends keyof InfiniteGridEventMap>(type: K, listener: (event: InfiniteGridEventMap[K] & {
+        type: K;
+    }) => void): void;
+    removeGridEventListener<K extends keyof InfiniteGridEventMap>(type: K, listener: (event: InfiniteGridEventMap[K] & {
+        type: K;
+    }) => void): void;
+    hasGridEventListener<K extends keyof InfiniteGridEventMap>(type: K, listener: (event: InfiniteGridEventMap[K] & {
+        type: K;
+    }) => void): boolean;
+}
+
+export { InfiniteGrid };

package/dist/grid/index.d.ts

@@ -0,0 +1,43 @@
+import * as THREE from 'three';
+
+interface InfiniteGridEventMap {
+    subdivisionsChanged: {
+        subdivisions: number;
+    };
+    divisionsChanged: {
+        divisions: number;
+    };
+    colorChanged: {
+        color: THREE.Color | number;
+        colorType: 'color1' | 'color2' | 'fog';
+    };
+    fogChanged: {
+        property: 'near' | 'far';
+        value: number;
+    };
+}
+declare class InfiniteGrid extends THREE.Object3D {
+    subdivisions: number;
+    divisions: number;
+    gridMaterial: THREE.ShaderMaterial;
+    private eventDispatcher;
+    constructor(divisions?: number, subdivisions?: number);
+    setSubdivisions(subdivisions: number): void;
+    setDivisions(divisions: number): void;
+    setColor1(color: THREE.Color | number): void;
+    setColor2(color: THREE.Color | number): void;
+    setFogColor(color: THREE.Color | number): void;
+    setFogNear(near: number): void;
+    setFogFar(far: number): void;
+    addGridEventListener<K extends keyof InfiniteGridEventMap>(type: K, listener: (event: InfiniteGridEventMap[K] & {
+        type: K;
+    }) => void): void;
+    removeGridEventListener<K extends keyof InfiniteGridEventMap>(type: K, listener: (event: InfiniteGridEventMap[K] & {
+        type: K;
+    }) => void): void;
+    hasGridEventListener<K extends keyof InfiniteGridEventMap>(type: K, listener: (event: InfiniteGridEventMap[K] & {
+        type: K;
+    }) => void): boolean;
+}
+
+export { InfiniteGrid };

package/dist/grid/index.mjs

@@ -0,0 +1,7 @@
+import {
+  InfiniteGrid
+} from "../chunk-EQDOX34V.mjs";
+export {
+  InfiniteGrid
+};
+//# sourceMappingURL=index.mjs.map

package/dist/grid/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}