linux.do

有没有cesium大佬，帮我看看一个bug，求求了

遇到的问题

在使用 CesiumJS 创建用于 3D 坐标系操控的平移工具（类似于 Gizmo 的三维箭头）时，我在将多个 GeometryInstance 对象合并到单个 Primitive 时遇到了以下报错：

报错信息：

DeveloperError: All attribute lists must have the same number of attributes.

问题复现情况

工具包含箭头和线条，分别沿着 XYZ 三个轴的正负方向放置。我针对每个方向，复用同一个 CylinderGeometry 对象，并将其通过 modelMatrix 增加不同的变换（旋转 + 平移）。代码结构如下：

核心代码（简化版）

function calTransModelMatrix(axis, translate) {
  const modelMatrix = Matrix4.IDENTITY.clone();

  if (Cartesian3.equals(axis, Cartesian3.UNIT_X)) {
    // ✅ 正常工作
    const rotation = Matrix3.fromRotationY(CesiumMath.toRadians(90));
    const translation = Cartesian3.fromElements(translate, 0, 0);
    Matrix4.setTranslation(modelMatrix, translation, modelMatrix);
    Matrix4.setRotation(modelMatrix, rotation, modelMatrix);
  }
  else if (Cartesian3.equals(axis, Cartesian3.negate(Cartesian3.UNIT_X, new Cartesian3()))) {
    // ❌ 触发报错
    const rotation = Matrix3.fromRotationY(CesiumMath.toRadians(-90));
    const translation = Cartesian3.fromElements(-translate, 0, 0);  // 报错在此
    // const translation = Cartesian3.fromElements(-translate, 0.00001, 0);  // 可修复
    Matrix4.setTranslation(modelMatrix, translation, modelMatrix);
    Matrix4.setRotation(modelMatrix, rotation, modelMatrix);
  }
  else if (Cartesian3.equals(axis, Cartesian3.negate(Cartesian3.UNIT_Y, new Cartesian3()))) {
    // ✅ 工作正常
    const rotation = Matrix3.fromRotationX(CesiumMath.toRadians(90));
    const translation = Cartesian3.fromElements(0, -translate, 0);
    Matrix4.setTranslation(modelMatrix, translation, modelMatrix);
    Matrix4.setRotation(modelMatrix, rotation, modelMatrix);
  }
  else if (Cartesian3.equals(axis, Cartesian3.negate(Cartesian3.UNIT_Z, new Cartesian3()))) {
    // ✅ 工作正常
    const rotation = Matrix3.fromRotationY(CesiumMath.toRadians(180));
    const translation = Cartesian3.fromElements(0, 0, -translate);
    Matrix4.setTranslation(modelMatrix, translation, modelMatrix);
    Matrix4.setRotation(modelMatrix, rotation, modelMatrix);
  }
  return modelMatrix;
}

// 创建几何体（所有方向复用同一个）
const arrowGeometry = new CylinderGeometry({
  length: 0.2,
  topRadius: 0,
  bottomRadius: 0.06,
});
const lineGeometry = new CylinderGeometry({
  length: 0.8,
  topRadius: 0.01,
  bottomRadius: 0.01,
});

// 创建实例
const xArrowNegModelMatrix = calTransModelMatrix(
  Cartesian3.negate(Cartesian3.UNIT_X, new Cartesian3()),
  0.9  // 平移值
);
const xArrowNegInstance = new GeometryInstance({
  id: 'xAxisNeg',
  geometry: arrowGeometry,
  modelMatrix: xArrowNegModelMatrix,
  attributes: {
    color: ColorGeometryInstanceAttribute.fromColor(new Color(1.0, 0.0, 0.0, 0.99)),
  },
});

// 合并到 Primitive 中
const xTransPrimitive = new Primitive({
  geometryInstances: [xArrowInstance, xLineInstance, xArrowNegInstance, xLineNegInstance],
  appearance: new PerInstanceColorAppearance({
    flat: true,
    translucent: true,
  }),
  asynchronous: false,
});

问题触发条件

● 旋转：绕 Y 轴 -90 度
● 平移：Cartesian3.fromElements(-translate, 0, 0)
● 合并多个 GeometryInstance

问题：负 X 方向箭头实例在合并时触发了上述错误

----------------------

特殊现象与解决尝试

1. 意外发现：在平移时稍微调整 Y 分量可以修复问题

const translation = Cartesian3.fromElements(-translate, 0.00001, 0);  // 修复

改动后，负 X 方向箭头实例与正方向实例可以正常合并到 Primitive 中。
2. 其他方向是否有问题？ ● 正 X 方向（90 度 Y 轴旋转）：✅️ 正常 ● 负 Y 方向（90 度 X 轴旋转）：✅️ 正常 ● 负 Z 方向（180 度 Y 轴旋转）：✅️ 正常
3. 为何必须给 Y 分量一个非零值（如 0.00001）才能正常工作？ 初步分析： ● 当 Y 分量为零时，某些顶点的数值或法向信息可能因为浮点精度而产生轻微的退化。 ● Cesium 在合并几何体时，检测到了零值 Y 分量引发的顶点冗余问题，造成顶点数量不一致。

----------------------

环境信息

● CesiumJS 版本：1.135.0
● 浏览器：Chrome 版本 142.0.7444.60
● 操作系统：Windows 10

----------------------

问题总结

对于负 X 方向（-90° Y 轴旋转）的几何体实例，Cesium 在顶点精度或几何合并逻辑中存在数值边界问题：

● Y 分量值为 0 时，导致顶点属性数组的数量计算错误
● 给 Y 分量增加极小偏差（0.00001）可避免此问题

想了解的问题

1. 这是 Cesium 已知的 bug 吗？是否有更优雅的修复方法？
2. 为什么仅负 X 方向受到影响，而正方向没有问题？
3. 我是否应该为每个方向单独创建几何体，而非复用？

----------------------

感谢大家的帮助！

1 post - 1 participant

Read full topic

via LINUX DO - 最新话题 (author: lin2101)

21 views03:35