AI+Web3D:我让AI写了一年Three.js，结果它连一个内网白屏都修不了

// AI生成的Three.js模型加载——标准环境完美运行
import { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader.js';

const loader = new GLTFLoader();
loader.load(
  '/assets/model.glb',
  (gltf) => {
    scene.add(gltf.scene);
    console.log('模型加载成功');
  },
  (progress) => {
    console.log(`加载进度: ${(progress.loaded / progress.total * 100).toFixed(2)}%`);
  },
  (error) => {
    console.error('模型加载失败:', error);
  }
);

// 修复方案：内网离线环境适配
import { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader.js';

const loader = new GLTFLoader();
// 关键：设置跨域策略，接管纹理加载
loader.setCrossOrigin('anonymous');
// 关键：禁用外部资源请求，强制所有纹理base64内嵌
loader.setResourcePath('');

// 预检测：当前环境是否支持blob协议
const isBlobSupported = (() => {
  try {
    const testBlob = new Blob(['test'], { type: 'text/plain' });
    URL.createObjectURL(testBlob);
    return true;
  } catch (e) {
    return false;
  }
})();

if (!isBlobSupported) {
  console.warn('当前环境不支持Blob协议，纹理将降级为纯色材质');
  // 后续走降级渲染分支
}

// AI生成的标准渲染循环
function animate() {
  requestAnimationFrame(animate);
  renderer.render(scene, camera);
  stats.update();
}
animate();

WebGL: CONTEXT_LOST_WEBGL

// 修复方案：老浏览器GPU上下文丢失防御
function animate() {
  requestAnimationFrame(animate);
  
  try {
    renderer.render(scene, camera);
  } catch (e) {
    // 捕获渲染异常，避免整个循环崩溃
    console.warn('渲染帧失败，跳过当前帧:', e.message);
    return;
  }
}

// 核心：接管上下文丢失事件
renderer.domElement.addEventListener('webglcontextlost', (event) => {
  // 阻止默认行为，争取恢复时间
  event.preventDefault();
  console.warn('WebGL上下文丢失，2秒后尝试恢复...');
  
  // 暂停渲染，释放部分GPU内存
  cancelAnimationFrame(animationId);
  
  // 尝试上下文恢复
  setTimeout(() => {
    renderer.domElement.addEventListener('webglcontextrestored', () => {
      console.log('上下文已恢复，重新启动渲染');
      animate();
    }, { once: true });
  }, 2000);
}, false);

// 额外保险：检测浏览器是否为国产双核
const isOldBrowser = /360|LieBao|MetaSr/.test(navigator.userAgent);
if (isOldBrowser) {
  // 降低像素比，减少GPU内存压力
  renderer.setPixelRatio(Math.min(window.devicePixelRatio, 1));
  // 关闭阴影、后处理等耗GPU特性
  renderer.shadowMap.enabled = false;
}