How can i implement reset camera features in volume rendering?

Web
1

Hi all,
I am wondering how can I implement reset camera features in my volume render visualizer similar to what I saw in the itk-vtk viewer.

2

Hi,

Do you mean place the camera to view along the X, Y and Z axes? Something else? Can you be more specific?

regards,

Paulo

3

You can check out how itk-vtk-viewer handles camera resets in the repo.

4

Hello Forrest,
Thanks for the link. I was able to reset the camera but couldn’t reset the cropping plane as I did the same thing done in itk-vtk-viewer. And the thing is I didn’t get any errors, therefore, I did not understand what am I doing wrong.

const { vec3, vec2, quat, mat4} = glMatrix;

function transformVec3(ain, transform) {
  const vout = new Float64Array(3);
  vec3.transformMat4(vout, ain, transform);
  return vout;
}

function resetCroppingPlanes(volume_imageData) {
  const dims = volume_imageData.getDimensions()
  console.log(dims)
  const direction = volume_imageData.getDirection()
    console.log(direction)

  const indexToWorld = volume_imageData.getIndexToWorld()
    console.log(indexToWorld)

  const croppingPlanes = [
    {
      origin: Array.from(transformVec3([0, 0, 0], indexToWorld)),
      normal: Array.from(direction.slice(0, 3)),
    },
    {
      origin: Array.from(transformVec3([dims[0], dims[1], dims[2]], indexToWorld)),
      normal: vtkMath.multiplyScalar(Array.from(direction.slice(0, 3)), -1),
    },
    {
      origin: Array.from(transformVec3([0, 0, 0], indexToWorld)),
      normal: Array.from(direction.slice(3, 6)),
    },
    {
      origin: Array.from(transformVec3([dims[0], dims[1], dims[2]], indexToWorld)),
      normal: vtkMath.multiplyScalar(Array.from(direction.slice(3, 6)), -1),
    },
    {
      origin: Array.from(transformVec3([0, 0, 0], indexToWorld)),
      normal: Array.from(direction.slice(6, 9)),
    },
    {
      origin: Array.from(transformVec3([dims[0], dims[1], dims[2]], indexToWorld)),
      normal: vtkMath.multiplyScalar(Array.from(direction.slice(6, 9)), -1),
    },
  ]
}

const CropReset = document.getElementById('CropReset');
CropReset.addEventListener('click', () => {
        resetCroppingPlanes(volume_imageData_obj[0]);
        renderWindow.render();
});
**```**
**Console log output:**
dims = [1024, 1024, 73]
direction = Float64Array(9) [1, 0, 0, 0, 1, 0, 0, 0, 1, buffer: ArrayBuffer(72), byteLength: 72, byteOffset: 0, length: 9, Symbol(Symbol.toStringTag): 'Float64Array']
IndexToWorld = Float64Array(16) [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, buffer: ArrayBuffer(128), byteLength: 128, byteOffset: 0, length: 16, Symbol(Symbol.toStringTag): 'Float64Array']

Can you provide me some suggestions regarding it?
5

Are you setting the cropping planes on the volume mapper? It doesn’t seem like you’re doing anything with croppingPlanes in your reset function.