ThreeJS升级后Collada模型朝向异常，如何获取模型UpAxis信息？

方法1：解析原始Collada XML获取UpAxis信息 #

既然官方Loader不再暴露UpAxis信息，又不想修改Loader源码，可以自己加载并解析Collada的XML原始内容，提取模型定义的up_axis值：

• 先用FileLoader以文本形式加载Collada文件
• 用DOMParser解析XML，找到<asset>标签下的up_axis节点
• 根据提取的Z_UP/Y_UP值，选择对应的旋转参数

代码示例：

// 先加载XML文本获取UpAxis
const fileLoader = new THREE.FileLoader();
fileLoader.load('your-model.dae', (xmlContent) => {
  const xmlDoc = new DOMParser().parseFromString(xmlContent, 'application/xml');
  const upAxisElement = xmlDoc.querySelector('asset up_axis');
  const upAxis = upAxisElement ? upAxisElement.textContent.trim() : 'Y_UP';

  // 再用ColladaLoader加载模型
  const colladaLoader = new THREE.ColladaLoader();
  colladaLoader.load('your-model.dae', (collada) => {
    let targetEuler;
    if (upAxis === 'Z_UP') {
      targetEuler = new THREE.Euler(-Math.PI/2, 0, config.rotation, 'XYZ');
    } else {
      targetEuler = new THREE.Euler(0, config.rotation, 0, 'XYZ');
    }
    collada.scene.setRotationFromEuler(targetEuler);
    scene.add(collada.scene);
  });
});

方法2：通过模型初始旋转反推UpAxis #

官方Loader对Z_UP模型会自动施加x轴旋转-π/2的转换，所以可以通过加载后的模型初始旋转来判断类型：

• 加载模型后，先克隆初始旋转值
• 对比x轴旋转是否接近-Math.PI/2（注意浮点数精度，用阈值判断）
• 再叠加自定义旋转参数

代码示例：

const colladaLoader = new THREE.ColladaLoader();
colladaLoader.load('your-model.dae', (collada) => {
  const initialRotation = collada.scene.rotation.clone();
  // 浮点数比较用阈值，避免精度问题
  const isZUp = Math.abs(initialRotation.x + Math.PI/2) < 0.001;

  let targetEuler;
  if (isZUp) {
    targetEuler = new THREE.Euler(-Math.PI/2, 0, config.rotation, 'XYZ');
  } else {
    targetEuler = new THREE.Euler(0, config.rotation, 0, 'XYZ');
  }
  collada.scene.setRotationFromEuler(targetEuler);
  scene.add(collada.scene);
});

两种方法对比 #

• 方法1更准确，直接读取模型原始配置，不受Loader后续更新影响
• 方法2更简便，无需额外加载和解析XML，适合快速解决问题

内容的提问来源于stack exchange，提问作者lifetimeLearner007