three-cad-viewer 4.3.5 → 4.3.7

package/src/rendering/triplanar.ts

@@ -1,329 +0,0 @@
-/**
- * Triplanar texture mapping for MeshPhysicalMaterial.
- *
- * Replaces standard UV-based texture sampling with model-space triplanar
- * projection via `material.onBeforeCompile`. Eliminates seams on curved
- * surfaces (cylinders, cones, etc.) and maintains uniform texture scale
- * regardless of object proportions.
- *
- * All coordinates are in **model space** to match the geometry's bounding box.
- * `transformed` (model-space position) and `objectNormal` (model-space normal)
- * are used — NOT the view-space `transformedNormal`.
- *
- * NOTE: `onBeforeCompile` receives shaders BEFORE `#include` resolution.
- * Therefore we replace `#include <chunk_name>` directives with inline GLSL
- * that uses triplanar sampling, rather than replacing expanded texture2D calls.
- *
- * Handles: map, normalMap, roughnessMap, metalnessMap, emissiveMap, aoMap,
- *          clearcoatNormalMap, alphaMap.
- */
-
-import * as THREE from "three";
-
-// ---------------------------------------------------------------------------
-// GLSL: Varyings (shared between vertex & fragment)
-// ---------------------------------------------------------------------------
-
-const TRIPLANAR_VARYINGS = /* glsl */ `
-varying vec3 vTriplanarPos;
-varying vec3 vTriplanarNormal;
-`;
-
-// ---------------------------------------------------------------------------
-// GLSL: Fragment header (uniforms + helper functions)
-// ---------------------------------------------------------------------------
-
-const TRIPLANAR_FRAGMENT_HEADER = /* glsl */ `
-varying vec3 vTriplanarPos;
-varying vec3 vTriplanarNormal;
-uniform vec3 triplanarOffset;
-uniform float triplanarScale;
-uniform vec2 triplanarRepeat;
-
-// normalMatrix is only declared in the fragment shader for object-space
-// normal maps. We need it for triplanar tangent-space normal mapping too.
-#ifndef USE_NORMALMAP_OBJECTSPACE
-uniform mat3 normalMatrix;
-#endif
-
-// --- Global triplanar state (computed once, reused by all samples) ---
-vec2 tri_uvX, tri_uvY, tri_uvZ;
-vec3 tri_blend;
-
-// Initialize global triplanar UVs and blend weights from varyings.
-// Must be called before any texture sampling.
-void initTriplanarUVs() {
-  tri_blend = abs(vTriplanarNormal);
-  tri_blend = pow(tri_blend, vec3(3.0));
-  tri_blend /= (tri_blend.x + tri_blend.y + tri_blend.z);
-  vec3 p = (vTriplanarPos - triplanarOffset) * triplanarScale;
-  vec2 r = triplanarRepeat;
-  tri_uvX = p.yz * r;
-  tri_uvY = p.xz * r;
-  tri_uvZ = p.xy * r;
-}
-
-// Sample a texture using the global triplanar UVs and blend weights.
-vec4 triplanarSample(sampler2D tex) {
-  return texture2D(tex, tri_uvX) * tri_blend.x
-       + texture2D(tex, tri_uvY) * tri_blend.y
-       + texture2D(tex, tri_uvZ) * tri_blend.z;
-}
-
-// Surface-gradient triplanar normal mapping.
-// Instead of constructing full 3D normals per axis (which creates faceted
-// shading at axis boundaries), we extract the tangent-space perturbation (xy)
-// from each axis sample, project it into model space as a gradient, blend
-// the gradients, and add to the geometric normal. Gradients blend smoothly.
-// Ref: Morten Mikkelsen, "Surface Gradient Based Bump Mapping Framework"
-//
-// normalScale is declared in normalmap_pars_fragment (after this header),
-// so we accept it as a parameter to avoid forward-reference errors.
-vec3 triplanarNormal(sampler2D normalTex, vec2 nScale) {
-  vec3 N = vTriplanarNormal;
-
-  // Sample tangent-space normals for each projection axis
-  vec3 tnX = texture2D(normalTex, tri_uvX).xyz * 2.0 - 1.0;
-  vec3 tnY = texture2D(normalTex, tri_uvY).xyz * 2.0 - 1.0;
-  vec3 tnZ = texture2D(normalTex, tri_uvZ).xyz * 2.0 - 1.0;
-
-  // Apply normal scale to perturbation components
-  tnX.xy *= nScale;
-  tnY.xy *= nScale;
-  tnZ.xy *= nScale;
-
-  // Project each tangent-space perturbation (xy) into model space.
-  // X proj: UV=(y,z) -> tangent=(0,1,0), bitangent=(0,0,1) -> grad=(0, tx, ty)
-  // Y proj: UV=(x,z) -> tangent=(1,0,0), bitangent=(0,0,1) -> grad=(tx, 0, ty)
-  // Z proj: UV=(x,y) -> tangent=(1,0,0), bitangent=(0,1,0) -> grad=(tx, ty, 0)
-  vec3 surfGrad =
-      vec3(0.0, tnX.x, tnX.y) * tri_blend.x +
-      vec3(tnY.x, 0.0, tnY.y) * tri_blend.y +
-      vec3(tnZ.x, tnZ.y, 0.0) * tri_blend.z;
-
-  return normalize(N + surfGrad);
-}
-`;
-
-// ---------------------------------------------------------------------------
-// GLSL: UV initialization injection
-// ---------------------------------------------------------------------------
-
-/**
- * Injected after #include <logdepthbuf_fragment>.
- * This is the earliest reliable point in the fragment shader before any
- * texture sampling. Initializes global triplanar UVs.
- */
-const UV_INIT = /* glsl */ `
-#include <logdepthbuf_fragment>
-initTriplanarUVs();
-`;
-
-// ---------------------------------------------------------------------------
-// GLSL: Replacement chunks (inline GLSL replacing #include directives)
-// ---------------------------------------------------------------------------
-
-/** Replaces #include <map_fragment> */
-const MAP_FRAGMENT = /* glsl */ `
-#ifdef USE_MAP
-  vec4 sampledDiffuseColor = triplanarSample( map );
-  #ifdef DECODE_VIDEO_TEXTURE
-    sampledDiffuseColor = sRGBTransferEOTF( sampledDiffuseColor );
-  #endif
-  diffuseColor *= sampledDiffuseColor;
-#endif
-`;
-
-/** Replaces #include <roughnessmap_fragment> */
-const ROUGHNESSMAP_FRAGMENT = /* glsl */ `
-float roughnessFactor = roughness;
-#ifdef USE_ROUGHNESSMAP
-  vec4 texelRoughness = triplanarSample( roughnessMap );
-  roughnessFactor *= texelRoughness.g;
-#endif
-`;
-
-/** Replaces #include <metalnessmap_fragment> */
-const METALNESSMAP_FRAGMENT = /* glsl */ `
-float metalnessFactor = metalness;
-#ifdef USE_METALNESSMAP
-  vec4 texelMetalness = triplanarSample( metalnessMap );
-  metalnessFactor *= texelMetalness.b;
-#endif
-`;
-
-/** Replaces #include <emissivemap_fragment> */
-const EMISSIVEMAP_FRAGMENT = /* glsl */ `
-#ifdef USE_EMISSIVEMAP
-  vec4 emissiveColor = triplanarSample( emissiveMap );
-  #ifdef DECODE_VIDEO_TEXTURE_EMISSIVE
-    emissiveColor = sRGBTransferEOTF( emissiveColor );
-  #endif
-  totalEmissiveRadiance *= emissiveColor.rgb;
-#endif
-`;
-
-/** Replaces #include <aomap_fragment> */
-const AOMAP_FRAGMENT = /* glsl */ `
-#ifdef USE_AOMAP
-  float ambientOcclusion = ( triplanarSample( aoMap ).r - 1.0 ) * aoMapIntensity + 1.0;
-  reflectedLight.indirectDiffuse *= ambientOcclusion;
-  #if defined( USE_CLEARCOAT )
-    clearcoatSpecularIndirect *= ambientOcclusion;
-  #endif
-  #if defined( USE_SHEEN )
-    sheenSpecularIndirect *= ambientOcclusion;
-  #endif
-  #if defined( USE_ENVMAP ) && defined( STANDARD )
-    float dotNV = saturate( dot( geometryNormal, geometryViewDir ) );
-    reflectedLight.indirectSpecular *= computeSpecularOcclusion( dotNV, ambientOcclusion, material.roughness );
-  #endif
-#endif
-`;
-
-/**
- * Replaces #include <normal_fragment_maps>.
- * Object-space and bumpmap paths kept as-is.
- * Tangent-space path: triplanar normal mapping samples the normal map 3x
- * (one per projection axis), swizzles each to model space, blends, and
- * transforms to view space via normalMatrix.
- */
-const NORMAL_FRAGMENT_MAPS = /* glsl */ `
-#ifdef USE_NORMALMAP_OBJECTSPACE
-  normal = texture2D( normalMap, vNormalMapUv ).xyz * 2.0 - 1.0;
-  #ifdef FLIP_SIDED
-    normal = - normal;
-  #endif
-  #ifdef DOUBLE_SIDED
-    normal = normal * faceDirection;
-  #endif
-  normal = normalize( normalMatrix * normal );
-
-#elif defined( USE_NORMALMAP_TANGENTSPACE )
-  // Triplanar normal mapping: sample normal map 3x (one per projection axis),
-  // swizzle each to model space, blend, and transform to view space.
-  normal = normalize(normalMatrix * triplanarNormal(normalMap, normalScale));
-
-#elif defined( USE_BUMPMAP )
-  normal = perturbNormalArb( - vViewPosition, normal, dHdxy_fwd(), faceDirection );
-
-#endif
-`;
-
-/**
- * Replaces #include <clearcoat_normal_fragment_maps>.
- * Triplanar clearcoat normal mapping using surface gradient blending.
- */
-const CLEARCOAT_NORMAL_FRAGMENT_MAPS = /* glsl */ `
-#ifdef USE_CLEARCOAT_NORMALMAP
-  // Reuse triplanarNormal with clearcoat normal map and scale
-  vec3 clearcoatModelNormal = triplanarNormal(clearcoatNormalMap, clearcoatNormalScale);
-  clearcoatNormal = normalize(normalMatrix * clearcoatModelNormal);
-#endif
-`;
-
-/** Replaces #include <alphamap_fragment> */
-const ALPHAMAP_FRAGMENT = /* glsl */ `
-#ifdef USE_ALPHAMAP
-  diffuseColor.a *= triplanarSample( alphaMap ).g;
-#endif
-`;
-
-// ---------------------------------------------------------------------------
-// Chunk replacement table
-// ---------------------------------------------------------------------------
-
-/** Fragment shader chunk replacements */
-const FRAGMENT_CHUNK_REPLACEMENTS: [string, string][] = [
-  ["#include <logdepthbuf_fragment>", UV_INIT],
-  ["#include <map_fragment>", MAP_FRAGMENT],
-  ["#include <roughnessmap_fragment>", ROUGHNESSMAP_FRAGMENT],
-  ["#include <metalnessmap_fragment>", METALNESSMAP_FRAGMENT],
-  ["#include <emissivemap_fragment>", EMISSIVEMAP_FRAGMENT],
-  ["#include <aomap_fragment>", AOMAP_FRAGMENT],
-  ["#include <normal_fragment_maps>", NORMAL_FRAGMENT_MAPS],
-  ["#include <clearcoat_normal_fragment_maps>", CLEARCOAT_NORMAL_FRAGMENT_MAPS],
-  ["#include <alphamap_fragment>", ALPHAMAP_FRAGMENT],
-];
-
-// ---------------------------------------------------------------------------
-// Public API
-// ---------------------------------------------------------------------------
-
-/**
- * Apply triplanar texture mapping to a MeshPhysicalMaterial.
- *
- * Modifies the material's shader via `onBeforeCompile` so that all texture
- * lookups use model-space triplanar projection instead of UV coordinates.
- * The material should be a **clone** (not shared) because `onBeforeCompile`
- * and `customProgramCacheKey` are set on it.
- *
- * Bounding box of the geometry determines coordinate normalization: the
- * texture tiles once across the largest dimension with uniform scale,
- * preserving aspect ratio. `textureRepeat` on the material's textures
- * (if set) is respected via the triplanarRepeat uniform.
- *
- * @param material - Material clone to modify
- * @param geometry - Geometry for bounding box computation
- */
-export function applyTriplanarMapping(
-  material: THREE.MeshPhysicalMaterial,
-  geometry: THREE.BufferGeometry,
-): void {
-  // Compute bounding box for coordinate normalization (model space)
-  geometry.computeBoundingBox();
-  const bb = geometry.boundingBox!;
-  const size = new THREE.Vector3();
-  bb.getSize(size);
-  const maxDim = Math.max(size.x, size.y, size.z, 1e-6);
-
-  // Uniform values (captured by closure, per-object)
-  const offset = bb.min.clone();
-  const scale = 1.0 / maxDim;
-
-  // Read texture repeat from the material's map (all textures share same repeat)
-  const repeat = material.map?.repeat?.clone() ?? new THREE.Vector2(1, 1);
-
-  material.onBeforeCompile = (shader) => {
-    // Custom uniforms
-    shader.uniforms.triplanarOffset = { value: offset };
-    shader.uniforms.triplanarScale = { value: scale };
-    shader.uniforms.triplanarRepeat = { value: repeat };
-
-    // --- Vertex shader ---
-    // Declare varyings
-    shader.vertexShader = shader.vertexShader.replace(
-      "#include <common>",
-      `#include <common>\n${TRIPLANAR_VARYINGS}`,
-    );
-
-    // Pass model-space position and normal to fragment shader.
-    // `transformed` = model-space position (after morphing, before view transform)
-    // `objectNormal` = model-space normal (before normalMatrix)
-    // Both match the geometry's bounding box coordinate space.
-    shader.vertexShader = shader.vertexShader.replace(
-      "#include <worldpos_vertex>",
-      `#include <worldpos_vertex>
-      vTriplanarPos = transformed;
-      vTriplanarNormal = normalize(objectNormal);`,
-    );
-
-    // --- Fragment shader ---
-    // Inject varyings, uniforms, and the triplanarSample helper
-    shader.fragmentShader = shader.fragmentShader.replace(
-      "#include <common>",
-      `#include <common>\n${TRIPLANAR_FRAGMENT_HEADER}`,
-    );
-
-    // Replace texture-sampling #include chunks with triplanar versions
-    for (const [from, to] of FRAGMENT_CHUNK_REPLACEMENTS) {
-      shader.fragmentShader = shader.fragmentShader.replace(from, to);
-    }
-  };
-
-  // All triplanar materials share the same compiled WebGL program
-  // (uniform values differ per instance). Appended to Three.js's standard
-  // program cache key, so materials with different maps/flags still get
-  // separate programs.
-  material.customProgramCacheKey = () => "triplanar";
-}

package/src/scene/animation.ts

@@ -1,343 +0,0 @@
-import * as THREE from "three";
-import { AXIS_VECTORS } from "../utils/utils.js";
-import { logger } from "../utils/logger.js";
-import type { Axis } from "../core/types.js";
-
-/**
- * Create a quaternion from an axis and angle in degrees.
- */
-function fromAxisAngle(axis: Axis, angle: number): THREE.Quaternion {
-  const q = new THREE.Quaternion();
-  q.setFromAxisAngle(AXIS_VECTORS[axis], (angle / 180) * Math.PI);
-  return q;
-}
-
-interface AnimationBackup {
-  tracks: THREE.KeyframeTrack[];
-  root: THREE.Object3D | null;
-  duration: number | null;
-  speed: number | null;
-  repeat: boolean | null;
-}
-
-/**
- * Manages keyframe animations for CAD objects.
- * Supports translation (t, tx, ty, tz) and rotation (q, rx, ry, rz) transforms.
- */
-class Animation {
-  delim: string;
-  tracks: THREE.KeyframeTrack[];
-  mixer: THREE.AnimationMixer | null;
-  clip: THREE.AnimationClip | null;
-  clipAction: THREE.AnimationAction | null;
-  clock: THREE.Timer;
-  duration: number | null;
-  speed: number | null;
-  repeat: boolean | null;
-  root: THREE.Object3D | null;
-  _backup: AnimationBackup | null;
-
-  /**
-   * Create an Animation manager.
-   * @param delim - Path delimiter used in object selectors.
-   */
-  constructor(delim: string) {
-    this.delim = delim;
-    this.tracks = [];
-    this.mixer = null;
-    this.clip = null;
-    this.clipAction = null;
-    this.clock = new THREE.Timer();
-    this.duration = null;
-    this._backup = null;
-    this.root = null;
-    this.speed = null;
-    this.repeat = null;
-  }
-
-  /**
-   * Prepare selector by replacing path delimiter.
-   */
-  private _prepareSelector(selector: string): string {
-    return selector.replaceAll("/", this.delim);
-  }
-
-  /**
-   * Validate that times and values arrays have the same length.
-   */
-  private _validateArrayLengths(times: number[], values: unknown[]): boolean {
-    if (times.length !== values.length) {
-      logger.error("times and values arrays need to have the same length");
-      return false;
-    }
-    return true;
-  }
-
-  /**
-   * Add a position track (full 3D translation).
-   * @param selector - Object path selector (using "/" delimiter).
-   * @param group - The object to animate.
-   * @param times - Array of keyframe times.
-   * @param positions - Array of [x, y, z] position offsets.
-   */
-  addPositionTrack(
-    selector: string,
-    group: THREE.Object3D,
-    times: number[],
-    positions: number[][],
-  ): void {
-    if (!this._validateArrayLengths(times, positions)) return;
-
-    const basePosition = group.position;
-    const newValues = positions.map((v) =>
-      basePosition
-        .clone()
-        .add(new THREE.Vector3(...v))
-        .toArray(),
-    );
-
-    this.tracks.push(
-      new THREE.VectorKeyframeTrack(
-        this._prepareSelector(selector) + ".position",
-        times,
-        newValues.flat(),
-      ),
-    );
-  }
-
-  /**
-   * Add a single-axis translation track.
-   * @param selector - Object path selector (using "/" delimiter).
-   * @param group - The object to animate.
-   * @param axis - Which axis to translate along ("x", "y", or "z").
-   * @param times - Array of keyframe times.
-   * @param values - Array of translation values along the axis.
-   */
-  addTranslationTrack(
-    selector: string,
-    group: THREE.Object3D,
-    axis: Axis,
-    times: number[],
-    values: number[],
-  ): void {
-    if (!this._validateArrayLengths(times, values)) return;
-
-    const basePosition = group.position;
-    const offsets: Record<Axis, (v: number) => THREE.Vector3> = {
-      x: (v) => new THREE.Vector3(v, 0, 0),
-      y: (v) => new THREE.Vector3(0, v, 0),
-      z: (v) => new THREE.Vector3(0, 0, v),
-    };
-
-    const newValues = values.map((v) =>
-      basePosition.clone().add(offsets[axis](v)).toArray(),
-    );
-
-    this.tracks.push(
-      new THREE.VectorKeyframeTrack(
-        this._prepareSelector(selector) + ".position",
-        times,
-        newValues.flat(),
-      ),
-    );
-  }
-
-  /**
-   * Add a quaternion rotation track.
-   * @param selector - Object path selector (using "/" delimiter).
-   * @param group - The object to animate.
-   * @param times - Array of keyframe times.
-   * @param quaternions - Array of [x, y, z, w] quaternion values.
-   */
-  addQuaternionTrack(
-    selector: string,
-    group: THREE.Object3D,
-    times: number[],
-    quaternions: number[][],
-  ): void {
-    if (!this._validateArrayLengths(times, quaternions)) return;
-
-    const baseQuaternion = group.quaternion;
-    const newValues = quaternions.map((q) =>
-      baseQuaternion
-        .clone()
-        .multiply(new THREE.Quaternion(...q))
-        .toArray(),
-    );
-
-    this.tracks.push(
-      new THREE.QuaternionKeyframeTrack(
-        this._prepareSelector(selector) + ".quaternion",
-        times,
-        newValues.flat(),
-      ),
-    );
-  }
-
-  /**
-   * Add a single-axis rotation track.
-   * @param selector - Object path selector (using "/" delimiter).
-   * @param group - The object to animate.
-   * @param axis - Which axis to rotate around ("x", "y", or "z").
-   * @param times - Array of keyframe times.
-   * @param angles - Array of rotation angles in degrees.
-   */
-  addRotationTrack(
-    selector: string,
-    group: THREE.Object3D,
-    axis: Axis,
-    times: number[],
-    angles: number[],
-  ): void {
-    if (!this._validateArrayLengths(times, angles)) return;
-
-    const baseQuaternion = group.quaternion;
-    const newValues = angles.map((angle) =>
-      baseQuaternion.clone().multiply(fromAxisAngle(axis, angle)).toArray(),
-    );
-
-    this.tracks.push(
-      new THREE.QuaternionKeyframeTrack(
-        this._prepareSelector(selector) + ".quaternion",
-        times,
-        newValues.flat(),
-      ),
-    );
-  }
-
-  /**
-   * Store current animation state for later restoration.
-   */
-  backup(): void {
-    this._backup = {
-      tracks: this.tracks,
-      root: this.root,
-      duration: this.duration,
-      speed: this.speed,
-      repeat: this.repeat,
-    };
-  }
-
-  /**
-   * Restore previously backed up animation state.
-   */
-  restore(): {
-    duration: number | null;
-    speed: number | null;
-    repeat: boolean | null;
-  } {
-    if (this._backup === null) {
-      return { duration: null, speed: null, repeat: null };
-    }
-    this.tracks = this._backup.tracks;
-    return {
-      duration: this._backup.duration,
-      speed: this._backup.speed,
-      repeat: this._backup.repeat,
-    };
-  }
-
-  /**
-   * Clear the backup state.
-   */
-  cleanBackup(): void {
-    this._backup = null;
-  }
-
-  /**
-   * Check if any animation tracks have been added.
-   */
-  hasTracks(): boolean {
-    return this.tracks != null && this.tracks.length > 0;
-  }
-
-  /**
-   * Check if a backup exists.
-   */
-  hasBackup(): boolean {
-    return this._backup !== null;
-  }
-
-  /**
-   * Create and start the animation.
-   * @param root - Root object containing animated children.
-   * @param duration - Animation duration in seconds.
-   * @param speed - Playback speed multiplier.
-   * @param repeat - Whether to loop (true) or ping-pong (false).
-   * @returns The created animation action.
-   */
-  animate(
-    root: THREE.Object3D,
-    duration: number,
-    speed: number,
-    repeat: boolean = true,
-  ): THREE.AnimationAction {
-    this.root = root;
-    this.duration = duration;
-    this.speed = speed;
-    this.repeat = repeat;
-
-    this.clip = new THREE.AnimationClip("track", duration, this.tracks);
-    this.mixer = new THREE.AnimationMixer(root);
-    this.mixer.timeScale = speed;
-
-    this.clipAction = this.mixer.clipAction(this.clip);
-    this.clipAction.setLoop(
-      repeat ? THREE.LoopRepeat : THREE.LoopPingPong,
-      Infinity,
-    );
-    return this.clipAction;
-  }
-
-  /**
-   * Set the animation to a specific relative time (0-1).
-   * Pauses the animation at that point.
-   */
-  setRelativeTime(fraction: number): void {
-    if (!this.clipAction || !this.duration) return;
-    this.clipAction.play();
-    this.clipAction.paused = true;
-    const currentTime = this.duration * fraction;
-    this.clipAction.time = currentTime;
-  }
-
-  /**
-   * Get the current relative time (0-1).
-   */
-  getRelativeTime(): number {
-    if (!this.clipAction || !this.duration) return 0;
-    return this.clipAction.time / this.duration;
-  }
-
-  /**
-   * Dispose of animation resources.
-   */
-  dispose(): void {
-    if (this.mixer) {
-      this.mixer.stopAllAction();
-      if (this.clip) {
-        this.mixer.uncacheClip(this.clip);
-      }
-      if (this.root) {
-        this.mixer.uncacheRoot(this.root);
-      }
-    }
-    this.mixer = null;
-    this.clipAction = null;
-    this.clip = null;
-    this.tracks = [];
-    this.root = null;
-  }
-
-  /**
-   * Update the animation mixer (call each frame when animating).
-   */
-  update(): void {
-    if (this.mixer) {
-      this.clock.update();
-      this.mixer.update(this.clock.getDelta());
-    }
-  }
-}
-
-export { Animation };