Function loadOverlayTextures

src/tools/texture-lab/TextureLab.jsx:167–203

()

  useEffect(() => {
    const loadOverlayTextures = async () => {
      if (!rendererRef.current) return;

      const overlayEffect = effects.find(e => e.type === 'overlay' && e.enabled);
      if (!overlayEffect) {
        if (lastOverlayParamsRef.current !== null) {
          rendererRef.current.setOverlayTexture(null);
          lastOverlayParamsRef.current = null;
        }
        return;
      }

      const { texture, customTextureUrl } = overlayEffect.params;
      const paramsKey = `${texture}:${customTextureUrl || ''}`;

      if (lastOverlayParamsRef.current === paramsKey) {
        return;
      }

      if (texture === OVERLAY_TEXTURES.CUSTOM && customTextureUrl) {
        try {
          const result = await loadImageFromURL(customTextureUrl);
          if (cancelled) return;
          rendererRef.current.setOverlayTexture(result.image);
          lastOverlayParamsRef.current = paramsKey;
          renderPreview();
        } catch {
          console.warn('Failed to load custom overlay texture');
        }
      } else if (texture !== OVERLAY_TEXTURES.CUSTOM) {
        const textureImg = await generateProceduralTexture(texture);
        if (cancelled) return;
        rendererRef.current.setOverlayTexture(textureImg);
        lastOverlayParamsRef.current = paramsKey;
        renderPreview();
      }
    };

    let cancelled = false;
    loadOverlayTextures();