GetColor missmatch color

[diegoposba]

Hi!

I wanted to display a point cloud using deck.gl, so I followed the example: https://deck.gl/examples/point-cloud-layer. And I got exactly what I expected. But now I'm trying to use the color from my LAZ file, and I've tried a lot of things but still haven't found the solution...

Here is my code for the layer:

type DataType = {
  color: [r: number, g: number, b: number];
};

const layers = [
  new PointCloudLayer({
    id: 'LazPointCloudLayer',
    data: LAZ_URL,
    onDataLoad,
    getNormal: [0, 1, 0],
    getColor: (d: DataType) => d.color,
    opacity: 0.5,
    pointSize: 0.75,
    loaders: [LASLoader]
  })
];

I checked my LAZ file in CloudCompare to verify that my file does indeed have colors, and it does.

Here are two pictures: one showing what I currently get and one showing what I expect.

Thanks for any help!

[diegoposba]

Hi everyone, I finally found a solution:

const layers = [
    new PointCloudLayer({
      id: 'LazPointCloudLayer',
      data: LAZ_URL,
      onDataLoad,
      opacity: 1.0, 
      pointSize: 1.5, 
      loaders: [LASLoader],
      loadOptions: {
        las: {
          colorDepth: 'auto' 
        }
      },
      getColor: (point) => {
        if (point.color) {
          return point.color;
        }
        if (point.hasOwnProperty('r') && point.hasOwnProperty('g') && point.hasOwnProperty('b')) {
          return [point.r, point.g, point.b];
        }
        const normalizedZ = (point.position[2] - viewState.target[2]) / 50; 
        return [
          Math.min(255, Math.max(0, 128 + normalizedZ * 127)),
          Math.min(255, Math.max(0, 128 + normalizedZ * 127)),
          Math.min(255, Math.max(0, 128 + normalizedZ * 127))
        ];
      }
    })
  ];

Okay, so the fact is that to get colors from a LAS/LAZ file, you have to inform the loader about the colorDepth. After this, you can iterate through your LAS data and simply provide the color for each point. I think my version isn't the optimal one, but it works. I will try to optimize it now.

Hope this can help you if you've been wondering about this subject.