three-cad-viewer 4.2.0 → 4.3.1

package/src/rendering/texture-cache.ts

@@ -1,5 +1,4 @@
 import * as THREE from "three";
-import type { TextureEntry } from "../core/types.js";
 import { gpuTracker } from "../utils/gpu-tracker.js";
 import { logger } from "../utils/logger.js";
 
@@ -7,23 +6,6 @@ import { logger } from "../utils/logger.js";
 // Constants
 // =============================================================================
 
-/** Size of procedurally generated builtin textures (pixels) */
-const BUILTIN_SIZE = 256;
-
-/** Names of all supported builtin procedural textures */
-const BUILTIN_NAMES = [
-  "brushed",
-  "knurled",
-  "sandblasted",
-  "hammered",
-  "checker",
-  "wood-dark",
-  "leather",
-  "fabric-weave",
-] as const;
-
-type BuiltinName = (typeof BUILTIN_NAMES)[number];
-
 /**
  * Texture fields that carry sRGB color data.
  *
@@ -53,514 +35,6 @@ const THREEJS_SRGB_MAPS = new Set([
   "specularColorMap",
 ]);
 
-// =============================================================================
-// Builtin Procedural Texture Generators
-// =============================================================================
-
-/**
- * Create a 2D canvas context of the given size.
- */
-function createCanvas(size: number): {
-  canvas: HTMLCanvasElement | OffscreenCanvas;
-  ctx: CanvasRenderingContext2D | OffscreenCanvasRenderingContext2D;
-} {
-  // Prefer OffscreenCanvas when available (Web Workers, modern browsers)
-  if (typeof OffscreenCanvas !== "undefined") {
-    const canvas = new OffscreenCanvas(size, size);
-    const ctx = canvas.getContext("2d")!;
-    return { canvas, ctx };
-  }
-  const canvas = document.createElement("canvas");
-  canvas.width = size;
-  canvas.height = size;
-  const ctx = canvas.getContext("2d")!;
-  return { canvas, ctx };
-}
-
-/**
- * Simple pseudo-random number generator (mulberry32) for deterministic output.
- * Ensures builtin textures look identical across sessions.
- */
-function mulberry32(seed: number): () => number {
-  return () => {
-    seed |= 0;
-    seed = (seed + 0x6d2b79f5) | 0;
-    let t = Math.imul(seed ^ (seed >>> 15), 1 | seed);
-    t = (t + Math.imul(t ^ (t >>> 7), 61 | t)) ^ t;
-    return ((t ^ (t >>> 14)) >>> 0) / 4294967296;
-  };
-}
-
-/**
- * Generate a brushed-metal normal map.
- *
- * Creates horizontal noise streaks simulating directional brushing.
- * The streaks run along the X axis with slight vertical variation.
- */
-function generateBrushed(size: number): HTMLCanvasElement | OffscreenCanvas {
-  const { canvas, ctx } = createCanvas(size);
-  const imageData = ctx.createImageData(size, size);
-  const data = imageData.data;
-  const rng = mulberry32(42);
-
-  // Generate per-row intensity variation (horizontal streaks)
-  const rowIntensity = new Float32Array(size);
-  for (let y = 0; y < size; y++) {
-    rowIntensity[y] = 0.3 + rng() * 0.7;
-  }
-
-  for (let y = 0; y < size; y++) {
-    for (let x = 0; x < size; x++) {
-      const idx = (y * size + x) * 4;
-
-      // High-frequency horizontal noise for brush lines
-      const noise = (rng() - 0.5) * 0.15 * rowIntensity[y];
-
-      // Slight vertical gradient perturbation
-      const yNoise = (rng() - 0.5) * 0.05;
-
-      // Normal map encoding: (0.5, 0.5, 1.0) = flat
-      data[idx] = Math.round((0.5 + noise) * 255);     // R: tangent X
-      data[idx + 1] = Math.round((0.5 + yNoise) * 255); // G: tangent Y
-      data[idx + 2] = 255;                                // B: tangent Z (flat)
-      data[idx + 3] = 255;                                // A: opaque
-    }
-  }
-
-  ctx.putImageData(imageData, 0, 0);
-  return canvas;
-}
-
-/**
- * Generate a diamond knurl pattern normal map.
- *
- * Creates a repeating diamond grid pattern typical of knurled metal surfaces.
- */
-function generateKnurled(size: number): HTMLCanvasElement | OffscreenCanvas {
-  const { canvas, ctx } = createCanvas(size);
-  const imageData = ctx.createImageData(size, size);
-  const data = imageData.data;
-
-  const diamonds = 16; // Number of diamond repeats
-  const step = size / diamonds;
-
-  for (let y = 0; y < size; y++) {
-    for (let x = 0; x < size; x++) {
-      const idx = (y * size + x) * 4;
-
-      // Diamond pattern using modular arithmetic
-      const dx = ((x % step) / step) * 2 - 1; // -1 to 1 within cell
-      const dy = ((y % step) / step) * 2 - 1;
-
-      // Diamond distance (L1 norm)
-      const dist = Math.abs(dx) + Math.abs(dy);
-
-      // Gradient direction for normal
-      const sx = dx > 0 ? 1 : -1;
-      const sy = dy > 0 ? 1 : -1;
-
-      // Smooth pyramid shape
-      const strength = 0.3;
-      const nx = dist < 1 ? sx * strength * (1 - dist) : 0;
-      const ny = dist < 1 ? sy * strength * (1 - dist) : 0;
-
-      data[idx] = Math.round((0.5 + nx) * 255);
-      data[idx + 1] = Math.round((0.5 + ny) * 255);
-      data[idx + 2] = 255;
-      data[idx + 3] = 255;
-    }
-  }
-
-  ctx.putImageData(imageData, 0, 0);
-  return canvas;
-}
-
-/**
- * Generate a sandblasted surface normal map.
- *
- * Creates fine random grain using layered noise at different frequencies,
- * simulating a sandblasted or bead-blasted metal surface.
- */
-function generateSandblasted(size: number): HTMLCanvasElement | OffscreenCanvas {
-  const { canvas, ctx } = createCanvas(size);
-  const imageData = ctx.createImageData(size, size);
-  const data = imageData.data;
-  const rng = mulberry32(137);
-
-  // Generate a height field with multi-octave noise
-  const heights = new Float32Array(size * size);
-  for (let i = 0; i < heights.length; i++) {
-    heights[i] = rng() * 0.5 + rng() * 0.3 + rng() * 0.2;
-  }
-
-  // Derive normals from height field via finite differences
-  const strength = 0.2;
-  for (let y = 0; y < size; y++) {
-    for (let x = 0; x < size; x++) {
-      const idx = (y * size + x) * 4;
-
-      const xp = (x + 1) % size;
-      const xm = (x - 1 + size) % size;
-      const yp = (y + 1) % size;
-      const ym = (y - 1 + size) % size;
-
-      const dhdx = (heights[y * size + xp] - heights[y * size + xm]) * 0.5;
-      const dhdy = (heights[yp * size + x] - heights[ym * size + x]) * 0.5;
-
-      data[idx] = Math.round((0.5 - dhdx * strength) * 255);
-      data[idx + 1] = Math.round((0.5 - dhdy * strength) * 255);
-      data[idx + 2] = 255;
-      data[idx + 3] = 255;
-    }
-  }
-
-  ctx.putImageData(imageData, 0, 0);
-  return canvas;
-}
-
-/**
- * Generate a hammered/peened surface normal map.
- *
- * Creates random crater bumps simulating a hand-hammered metal surface.
- */
-function generateHammered(size: number): HTMLCanvasElement | OffscreenCanvas {
-  const { canvas, ctx } = createCanvas(size);
-  const imageData = ctx.createImageData(size, size);
-  const data = imageData.data;
-  const rng = mulberry32(314);
-
-  // Generate a height field with random circular craters
-  const heights = new Float32Array(size * size);
-  const craterCount = 80;
-
-  for (let c = 0; c < craterCount; c++) {
-    const cx = rng() * size;
-    const cy = rng() * size;
-    const radius = 8 + rng() * 16;
-    const depth = 0.3 + rng() * 0.7;
-
-    // Stamp crater (with wrapping for tileable texture)
-    const r2 = radius * radius;
-    for (let dy = -radius; dy <= radius; dy++) {
-      for (let dx = -radius; dx <= radius; dx++) {
-        const d2 = dx * dx + dy * dy;
-        if (d2 < r2) {
-          const px = ((Math.round(cx + dx) % size) + size) % size;
-          const py = ((Math.round(cy + dy) % size) + size) % size;
-          // Smooth hemisphere shape
-          const t = 1 - d2 / r2;
-          heights[py * size + px] += depth * t * t;
-        }
-      }
-    }
-  }
-
-  // Derive normals from height field
-  const strength = 0.25;
-  for (let y = 0; y < size; y++) {
-    for (let x = 0; x < size; x++) {
-      const idx = (y * size + x) * 4;
-
-      const xp = (x + 1) % size;
-      const xm = (x - 1 + size) % size;
-      const yp = (y + 1) % size;
-      const ym = (y - 1 + size) % size;
-
-      const dhdx = (heights[y * size + xp] - heights[y * size + xm]) * 0.5;
-      const dhdy = (heights[yp * size + x] - heights[ym * size + x]) * 0.5;
-
-      data[idx] = Math.round(Math.max(0, Math.min(255, (0.5 - dhdx * strength) * 255)));
-      data[idx + 1] = Math.round(Math.max(0, Math.min(255, (0.5 - dhdy * strength) * 255)));
-      data[idx + 2] = 255;
-      data[idx + 3] = 255;
-    }
-  }
-
-  ctx.putImageData(imageData, 0, 0);
-  return canvas;
-}
-
-/**
- * Generate a black/white checkerboard texture.
- *
- * Useful for UV debugging and as a base color texture for testing.
- */
-function generateChecker(size: number): HTMLCanvasElement | OffscreenCanvas {
-  const { canvas, ctx } = createCanvas(size);
-  const squares = 8; // 8x8 checkerboard
-  const step = size / squares;
-
-  ctx.fillStyle = "#ffffff";
-  ctx.fillRect(0, 0, size, size);
-
-  ctx.fillStyle = "#000000";
-  for (let row = 0; row < squares; row++) {
-    for (let col = 0; col < squares; col++) {
-      if ((row + col) % 2 === 0) {
-        ctx.fillRect(col * step, row * step, step, step);
-      }
-    }
-  }
-
-  return canvas;
-}
-
-/**
- * Generate a dark wood grain base color texture.
- *
- * Creates concentric growth rings with noise perturbation,
- * in warm walnut/mahogany tones. Intended as a baseColorTexture (sRGB).
- */
-function generateWoodDark(size: number): HTMLCanvasElement | OffscreenCanvas {
-  const { canvas, ctx } = createCanvas(size);
-  const imageData = ctx.createImageData(size, size);
-  const data = imageData.data;
-  const rng = mulberry32(73);
-
-  // Pre-generate a noise field for grain perturbation
-  const noise = new Float32Array(size * size);
-  for (let i = 0; i < noise.length; i++) {
-    noise[i] = rng();
-  }
-
-  // Smooth the noise (simple box blur, 2 passes)
-  const tmp = new Float32Array(size * size);
-  for (let pass = 0; pass < 2; pass++) {
-    const src = pass === 0 ? noise : tmp;
-    const dst = pass === 0 ? tmp : noise;
-    const k = 3;
-    for (let y = 0; y < size; y++) {
-      for (let x = 0; x < size; x++) {
-        let sum = 0;
-        let count = 0;
-        for (let dy = -k; dy <= k; dy++) {
-          for (let dx = -k; dx <= k; dx++) {
-            const px = (x + dx + size) % size;
-            const py = (y + dy + size) % size;
-            sum += src[py * size + px];
-            count++;
-          }
-        }
-        dst[y * size + x] = sum / count;
-      }
-    }
-  }
-
-  // Wood color palette (sRGB, will be decoded by Three.js)
-  // Dark grain lines: ~[80, 45, 22]  Light wood body: ~[145, 90, 48]
-  const darkR = 80, darkG = 45, darkB = 22;
-  const lightR = 145, lightG = 90, lightB = 48;
-
-  // Ring center (offset from image center for asymmetry)
-  const cx = size * 0.45;
-  const cy = size * 0.52;
-
-  const ringScale = 0.08; // Controls ring spacing
-
-  for (let y = 0; y < size; y++) {
-    for (let x = 0; x < size; x++) {
-      const idx = (y * size + x) * 4;
-
-      // Distance from center with noise distortion
-      const n = noise[y * size + x];
-      const dx = x - cx + (n - 0.5) * 30;
-      const dy = y - cy + (n - 0.5) * 15;
-      const dist = Math.sqrt(dx * dx + dy * dy);
-
-      // Growth ring pattern (sinusoidal)
-      const ring = Math.sin(dist * ringScale * Math.PI * 2);
-      // Remap from [-1,1] to [0,1]
-      const t = ring * 0.5 + 0.5;
-      // sqrt biases toward light — dark lines stay thin, brown dominates
-      const ringFactor = Math.sqrt(t);
-
-      // Add fine-grain noise for fiber texture
-      const fineNoise = (rng() - 0.5) * 12;
-
-      // Interpolate between dark and light
-      const r = Math.round(darkR + (lightR - darkR) * ringFactor + fineNoise);
-      const g = Math.round(darkG + (lightG - darkG) * ringFactor + fineNoise * 0.6);
-      const b = Math.round(darkB + (lightB - darkB) * ringFactor + fineNoise * 0.3);
-
-      data[idx] = Math.max(0, Math.min(255, r));
-      data[idx + 1] = Math.max(0, Math.min(255, g));
-      data[idx + 2] = Math.max(0, Math.min(255, b));
-      data[idx + 3] = 255;
-    }
-  }
-
-  ctx.putImageData(imageData, 0, 0);
-  return canvas;
-}
-
-/**
- * Generate a leather pebble-grain normal map.
- *
- * Creates irregular rounded bumps (Voronoi-like cells) typical of
- * top-grain or pebbled leather. Each cell has a smooth dome shape
- * with slight creases between cells.
- */
-function generateLeather(size: number): HTMLCanvasElement | OffscreenCanvas {
-  const { canvas, ctx } = createCanvas(size);
-  const imageData = ctx.createImageData(size, size);
-  const data = imageData.data;
-  const rng = mulberry32(217);
-
-  // Scatter seed points for Voronoi cells (pebbles)
-  const cellCount = 180;
-  const seeds: Array<{ x: number; y: number }> = [];
-  for (let i = 0; i < cellCount; i++) {
-    seeds.push({ x: rng() * size, y: rng() * size });
-  }
-
-  // Build a height field from Voronoi distance
-  const heights = new Float32Array(size * size);
-
-  for (let y = 0; y < size; y++) {
-    for (let x = 0; x < size; x++) {
-      // Find distance to nearest seed (with wrapping for tileability)
-      let minDist = Infinity;
-      for (const s of seeds) {
-        let dx = Math.abs(x - s.x);
-        let dy = Math.abs(y - s.y);
-        if (dx > size / 2) dx = size - dx;
-        if (dy > size / 2) dy = size - dy;
-        const d = Math.sqrt(dx * dx + dy * dy);
-        if (d < minDist) minDist = d;
-      }
-      // Invert: closer to seed = higher (dome center)
-      // Normalize roughly by expected average cell radius
-      const avgRadius = size / Math.sqrt(cellCount);
-      const t = Math.min(minDist / avgRadius, 1.0);
-      // Smooth dome falloff: 1 at center, 0 at edge
-      heights[y * size + x] = (1 - t * t) * 0.8 + rng() * 0.05;
-    }
-  }
-
-  // Derive normals from height field via finite differences
-  const strength = 0.35;
-  for (let y = 0; y < size; y++) {
-    for (let x = 0; x < size; x++) {
-      const idx = (y * size + x) * 4;
-
-      const xp = (x + 1) % size;
-      const xm = (x - 1 + size) % size;
-      const yp = (y + 1) % size;
-      const ym = (y - 1 + size) % size;
-
-      const dhdx = (heights[y * size + xp] - heights[y * size + xm]) * 0.5;
-      const dhdy = (heights[yp * size + x] - heights[ym * size + x]) * 0.5;
-
-      data[idx] = Math.round(Math.max(0, Math.min(255, (0.5 - dhdx * strength) * 255)));
-      data[idx + 1] = Math.round(Math.max(0, Math.min(255, (0.5 - dhdy * strength) * 255)));
-      data[idx + 2] = 255;
-      data[idx + 3] = 255;
-    }
-  }
-
-  ctx.putImageData(imageData, 0, 0);
-  return canvas;
-}
-
-/**
- * Generate a fabric twill-weave normal map.
- *
- * Creates a repeating over-under weave pattern with slightly raised
- * warp/weft threads and recessed gaps, typical of upholstery fabric.
- */
-function generateFabricWeave(size: number): HTMLCanvasElement | OffscreenCanvas {
-  const { canvas, ctx } = createCanvas(size);
-  const imageData = ctx.createImageData(size, size);
-  const data = imageData.data;
-  const rng = mulberry32(159);
-
-  // Thread parameters
-  const threadCount = 32; // threads per axis
-  const cellSize = size / threadCount;
-
-  // Build height field: each cell is either warp-over or weft-over
-  const heights = new Float32Array(size * size);
-
-  for (let y = 0; y < size; y++) {
-    for (let x = 0; x < size; x++) {
-      const cx = Math.floor(x / cellSize);
-      const cy = Math.floor(y / cellSize);
-
-      // Position within the cell [0, 1]
-      const lx = (x % cellSize) / cellSize;
-      const ly = (y % cellSize) / cellSize;
-
-      // Twill pattern: diagonal shift (2/1 twill)
-      const isWarpOver = ((cx + cy) % 3) < 2;
-
-      // Thread profile: rounded bump across the thread width
-      // Warp threads run vertically (bump shape across x)
-      // Weft threads run horizontally (bump shape across y)
-      const warpProfile = Math.sin(lx * Math.PI);
-      const weftProfile = Math.sin(ly * Math.PI);
-
-      // Gap between threads (edges of cells are lower)
-      const edgeFalloff = Math.min(
-        Math.sin(lx * Math.PI),
-        Math.sin(ly * Math.PI),
-      );
-
-      let h: number;
-      if (isWarpOver) {
-        // Warp on top: height from warp profile
-        h = 0.5 + warpProfile * 0.4 * edgeFalloff;
-      } else {
-        // Weft on top: height from weft profile
-        h = 0.5 + weftProfile * 0.4 * edgeFalloff;
-      }
-
-      // Add subtle noise for fabric irregularity
-      h += (rng() - 0.5) * 0.04;
-
-      heights[y * size + x] = h;
-    }
-  }
-
-  // Derive normals from height field
-  const strength = 0.3;
-  for (let y = 0; y < size; y++) {
-    for (let x = 0; x < size; x++) {
-      const idx = (y * size + x) * 4;
-
-      const xp = (x + 1) % size;
-      const xm = (x - 1 + size) % size;
-      const yp = (y + 1) % size;
-      const ym = (y - 1 + size) % size;
-
-      const dhdx = (heights[y * size + xp] - heights[y * size + xm]) * 0.5;
-      const dhdy = (heights[yp * size + x] - heights[ym * size + x]) * 0.5;
-
-      data[idx] = Math.round(Math.max(0, Math.min(255, (0.5 - dhdx * strength) * 255)));
-      data[idx + 1] = Math.round(Math.max(0, Math.min(255, (0.5 - dhdy * strength) * 255)));
-      data[idx + 2] = 255;
-      data[idx + 3] = 255;
-    }
-  }
-
-  ctx.putImageData(imageData, 0, 0);
-  return canvas;
-}
-
-/** Map of builtin texture names to their generator functions */
-const BUILTIN_GENERATORS: Record<
-  BuiltinName,
-  (size: number) => HTMLCanvasElement | OffscreenCanvas
-> = {
-  brushed: generateBrushed,
-  knurled: generateKnurled,
-  sandblasted: generateSandblasted,
-  hammered: generateHammered,
-  checker: generateChecker,
-  "wood-dark": generateWoodDark,
-  leather: generateLeather,
-  "fabric-weave": generateFabricWeave,
-};
-
 // =============================================================================
 // TextureCache
 // =============================================================================
@@ -573,58 +47,40 @@ const BUILTIN_GENERATORS: Record<
  * Only TextureCache.dispose() / disposeFull() disposes GPU texture resources.
  *
  * Resolution order for texture reference strings:
- * 1. `builtin:` prefix -- procedural texture from the persistent builtin cache
- * 2. Key in the root-level `textures` table -- embedded data or URL
- * 3. `data:` prefix -- treat as data URI, load directly
- * 4. Otherwise -- treat as URL, resolve relative to HTML page
+ * 1. `data:` prefix -- treat as data URI, load directly
+ * 2. Otherwise -- treat as URL, resolve relative to HTML page
  *
  * Features:
- * - Two-tier caching: user textures (disposed on clear) + builtin textures
- *   (persistent, only disposed on viewer teardown)
  * - In-flight promise deduplication (no duplicate loads for the same key)
  * - Correct colorSpace assignment per texture semantic role
  * - GPU resource tracking via gpuTracker
  */
 class TextureCache {
-  /** User textures cache (disposed on clear/dispose, rebuilt per shape data) */
+  /** Textures cache (disposed on clear/dispose, rebuilt per shape data) */
   private _cache: Map<string, THREE.Texture> = new Map();
 
-  /** Built-in procedural textures (persistent, only disposed via disposeFull) */
-  private _builtinCache: Map<string, THREE.Texture> = new Map();
-
   /** In-flight load promises keyed by cache key */
   private _inflight: Map<string, Promise<THREE.Texture>> = new Map();
 
-  /** Root-level textures table from shape data */
-  private _texturesTable: Record<string, TextureEntry> = {};
-
   /** THREE.TextureLoader instance (created lazily) */
   private _textureLoader: THREE.TextureLoader | null = null;
 
   /** Whether this cache has been fully disposed */
   private _disposed = false;
 
+  /** Max anisotropic filtering level.
+   *  Default 16 covers most GPUs; clamped by the driver if unsupported. */
+  maxAnisotropy = 16;
+
   // ---------------------------------------------------------------------------
   // Public API
   // ---------------------------------------------------------------------------
 
-  /**
-   * Set or update the root-level textures table.
-   *
-   * Called when new shape data is loaded. The table maps string keys to
-   * TextureEntry objects (embedded base64 data or URL references).
-   *
-   * @param table - The textures table from root Shapes node, or undefined to clear
-   */
-  setTexturesTable(table: Record<string, TextureEntry> | undefined): void {
-    this._texturesTable = table ?? {};
-  }
-
   /**
    * Resolve a texture reference string and return a cached or newly loaded
    * THREE.Texture with the correct colorSpace set.
    *
-   * @param ref - Texture reference string (builtin name, table key, data URI, or URL)
+   * @param ref - Texture reference string (table key, data URI, or URL)
    * @param textureRole - The texture role name (MaterialAppearance field name or proxy role)
    *   (e.g. "baseColorTexture", "normalTexture"). Used to determine colorSpace.
    * @returns The resolved THREE.Texture, or null if the reference is invalid
@@ -648,180 +104,45 @@ class TextureCache {
       ? THREE.SRGBColorSpace
       : THREE.LinearSRGBColorSpace;
 
-    // 1. builtin: prefix
-    if (ref.startsWith("builtin:")) {
-      return this._getBuiltin(ref, colorSpace);
-    }
-
-    // 2. Look up in textures table
-    const tableEntry = this._texturesTable[ref];
-    if (tableEntry) {
-      return this._getFromTable(ref, tableEntry, colorSpace);
-    }
-
-    // 3. data: prefix (data URI)
+    // 1. data: prefix (data URI)
     if (ref.startsWith("data:")) {
       return this._getFromDataUri(ref, colorSpace);
     }
 
-    // 4. URL (relative to HTML page)
+    // 2. URL (relative to HTML page)
     return this._getFromUrl(ref, colorSpace);
   }
 
   /**
-   * Check whether a texture reference string would resolve to a builtin texture.
-   */
-  isBuiltin(ref: string): boolean {
-    return ref.startsWith("builtin:");
-  }
-
-  /**
-   * Dispose user textures (called on viewer.clear() when shape data is replaced).
+   * Dispose textures (called on viewer.clear() when shape data is replaced).
    *
-   * Disposes all textures in the user cache and clears in-flight promises.
-   * The builtin procedural texture cache is preserved.
+   * Disposes all textures in the cache and clears in-flight promises.
    */
   dispose(): void {
-    // Dispose user textures
     for (const [key, texture] of this._cache) {
       gpuTracker.untrack("texture", texture);
       texture.dispose();
-      logger.debug(`Disposed user texture: ${key}`);
+      logger.debug(`Disposed texture: ${key}`);
     }
     this._cache.clear();
 
     // Clear in-flight promises (they may resolve but won't be used)
     this._inflight.clear();
-
-    // Clear the textures table (will be set again with new shape data)
-    this._texturesTable = {};
   }
 
   /**
-   * Dispose all textures including builtin procedural textures.
+   * Dispose all textures.
    *
    * Called on viewer.dispose() when the viewer is fully torn down.
    * After this call, the TextureCache cannot be used again.
    */
   disposeFull(): void {
     this._disposed = true;
-
-    // Dispose user textures first
     this.dispose();
-
-    // Dispose builtin textures
-    for (const [key, texture] of this._builtinCache) {
-      gpuTracker.untrack("texture", texture);
-      texture.dispose();
-      logger.debug(`Disposed builtin texture: ${key}`);
-    }
-    this._builtinCache.clear();
-
-    // Null the texture loader reference
     this._textureLoader = null;
-
     logger.debug("TextureCache fully disposed");
   }
 
-  // ---------------------------------------------------------------------------
-  // Private: Builtin procedural textures
-  // ---------------------------------------------------------------------------
-
-  /**
-   * Get or generate a builtin procedural texture.
-   *
-   * Builtin textures are cached in the persistent `_builtinCache` and survive
-   * `dispose()` calls. They are only freed via `disposeFull()`.
-   */
-  private _getBuiltin(
-    ref: string,
-    colorSpace: THREE.ColorSpace,
-  ): THREE.Texture | null {
-    // Extract name after "builtin:" prefix
-    const name = ref.slice(8) as BuiltinName;
-
-    if (!BUILTIN_GENERATORS[name]) {
-      logger.warn(`Unknown builtin texture: "${ref}". Available: ${BUILTIN_NAMES.join(", ")}`);
-      return null;
-    }
-
-    // Check builtin cache
-    const cached = this._builtinCache.get(ref);
-    if (cached) {
-      // TODO: If the same builtin is used in different roles (sRGB vs Linear),
-      // mutating colorSpace in-place would affect other materials. This is
-      // unlikely for builtins (almost always normal maps) but could be fixed
-      // with a composite cache key (ref + colorSpace) if needed.
-      cached.colorSpace = colorSpace;
-      return cached;
-    }
-
-    // Generate the procedural texture
-    const canvas = BUILTIN_GENERATORS[name](BUILTIN_SIZE);
-    const texture = new THREE.CanvasTexture(canvas as TexImageSource);
-    texture.wrapS = THREE.RepeatWrapping;
-    texture.wrapT = THREE.RepeatWrapping;
-    texture.colorSpace = colorSpace;
-    texture.needsUpdate = true;
-
-    // Cache in the persistent builtin cache
-    this._builtinCache.set(ref, texture);
-    gpuTracker.trackTexture(texture, `Builtin procedural texture: ${ref}`);
-    logger.debug(`Generated builtin texture: ${ref}`);
-
-    return texture;
-  }
-
-  // ---------------------------------------------------------------------------
-  // Private: Table entry loading
-  // ---------------------------------------------------------------------------
-
-  /**
-   * Load a texture from the root-level textures table entry.
-   *
-   * Handles both embedded (base64 data) and URL-referenced entries.
-   */
-  private async _getFromTable(
-    key: string,
-    entry: TextureEntry,
-    colorSpace: THREE.ColorSpace,
-  ): Promise<THREE.Texture | null> {
-    // Check user cache
-    // TODO: If the same texture table entry is used in different roles
-    // (sRGB vs Linear), mutating colorSpace in-place would affect other
-    // materials. Could be fixed with a composite cache key (key + colorSpace).
-    const cached = this._cache.get(key);
-    if (cached) {
-      cached.colorSpace = colorSpace;
-      return cached;
-    }
-
-    // Check in-flight
-    const inflight = this._inflight.get(key);
-    if (inflight) {
-      const texture = await inflight;
-      texture.colorSpace = colorSpace;
-      return texture;
-    }
-
-    // Resolve table entry to a loadable source
-    if (entry.data && entry.format) {
-      // Embedded: construct data URI from base64 data
-      const mimeType = this._formatToMime(entry.format);
-      const dataUri = `data:${mimeType};base64,${entry.data}`;
-      return this._loadAndCache(key, dataUri, colorSpace);
-    }
-
-    if (entry.url) {
-      // URL reference
-      return this._loadAndCache(key, entry.url, colorSpace);
-    }
-
-    // Invalid entry (neither data nor url)
-    logger.warn(`Texture table entry "${key}" has neither data nor url, skipping`);
-    return null;
-  }
-
   // ---------------------------------------------------------------------------
   // Private: Data URI loading
   // ---------------------------------------------------------------------------
@@ -955,6 +276,7 @@ class TextureCache {
           texture.colorSpace = colorSpace;
           texture.wrapS = THREE.RepeatWrapping;
           texture.wrapT = THREE.RepeatWrapping;
+          texture.anisotropy = this.maxAnisotropy;
           resolve(texture);
         },
         undefined, // onProgress (not used)
@@ -984,24 +306,6 @@ class TextureCache {
     return this._textureLoader;
   }
 
-  /**
-   * Convert a format string (e.g. "png", "jpg", "webp") to a MIME type.
-   */
-  private _formatToMime(format: string): string {
-    switch (format.toLowerCase()) {
-      case "jpg":
-      case "jpeg":
-        return "image/jpeg";
-      case "png":
-        return "image/png";
-      case "webp":
-        return "image/webp";
-      default:
-        // Default to PNG for unknown formats
-        logger.warn(`Unknown texture format "${format}", defaulting to image/png`);
-        return "image/png";
-    }
-  }
 }
 
 /**
@@ -1017,4 +321,4 @@ function getColorSpaceForMap(mapName: string): THREE.ColorSpace {
   return THREEJS_SRGB_MAPS.has(mapName) ? THREE.SRGBColorSpace : THREE.LinearSRGBColorSpace;
 }
 
-export { TextureCache, SRGB_TEXTURE_ROLES, BUILTIN_NAMES, getColorSpaceForMap };
+export { TextureCache, SRGB_TEXTURE_ROLES, getColorSpaceForMap };