QQuick3DGeometry渲染点时颜色显示异常问题求助

你的代码存在两个核心问题，直接导致点的颜色显示异常：

1. 颜色属性偏移量错误 #

你给ColorSemantic设置的偏移量为0，和PositionSemantic的偏移完全重叠。位置属性占用3个float（x/y/z分量），因此颜色数据的起始偏移应该是3 * sizeof(float)，否则渲染器会把位置数据当成颜色数据解析。

2. 颜色值范围不匹配 #

QQuick3D的颜色属性要求输入**0.0f_{1.0f**的浮点值，但你直接传入了0}255的整数（color.red()等方法返回的是0-255范围的int值），这会导致颜色值被过度放大（比如红色255会被识别为255.0f，远超1.0f的上限，最终显示为纯白色）。

修复后的完整代码 #

// 先正确计算每个顶点的字节跨度：3个位置float + 4个颜色float = 7个float
const int stride = 7 * sizeof(float);
int NUM_POINTS = m_image.height() * m_image.width();

m_bytes.resize(NUM_POINTS * stride);
float *p = reinterpret_cast<float *>(m_bytes.data());

for(int i=0;i<m_image.width();i++) {
    for(int j=0;j< m_image.height();j++) {
        // 写入位置数据（x/y/z）
        *p++ = float(i)/100;
        *p++ = float(j)/100;
        QRgb rgb = m_image.pixel(i,j);
        const int gray = qGray(rgb);
        *p++ = float(gray)/100;

        // 写入颜色数据：将0-255的整数转换为0.0f~1.0f的浮点值
        QColor color = QColor::fromRgb(rgb);
        *p++ = color.red() / 255.0f;
        *p++ = color.green() / 255.0f;
        *p++ = color.blue() / 255.0f;
        *p++ = 1.0f;
    }
}

setVertexData(m_bytes);
setStride(stride);
setBounds(QVector3D(-5.0f, -5.0f, 0.0f), QVector3D(+5.0f, +5.0f, 0.0f));

setPrimitiveType(QQuick3DGeometry::PrimitiveType::Points);

// 位置属性：偏移0，3个float分量
addAttribute(QQuick3DGeometry::Attribute::PositionSemantic,
             0,
             QQuick3DGeometry::Attribute::F32Type,
             3);

// 颜色属性：偏移为3*sizeof(float)，4个float分量（RGBA）
addAttribute(QQuick3DGeometry::Attribute::ColorSemantic,
             3 * sizeof(float),
             QQuick3DGeometry::Attribute::F32Type,
             4);

update();

额外注意事项 #

• 显式指定属性的分量数（PositionSemantic传3，ColorSemantic传4）可以让QQuick3D更明确地解析顶点数据，避免默认值带来的歧义。
• 务必保证stride的计算和每个顶点的实际字节数完全一致，这是顶点数据解析正确的核心前提。

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