在vtk.js中将法线设置为多数据时与TubeFilter一起发布

Question

我可以在vtk.js中将自己的法线设置为多数据（线），并且工作正常。但是，当我尝试将TubeFilter与所说的多数据一起使用时，它不起作用；如果不设置法线，则只能生成电子管。调用tubeFilter.update()后，程序未运行任何代码。

我这样创建法线：

  const numSegments  = 1;
  const normals = new Float32Array(3 * (numSegments + 1));
  const normalArray = vtkDataArray.newInstance({
    name: 'Normals',
    values: normals,
    numberOfComponents: 3,
  });

  for(let i=0; i<numSegments + 1; i++) {
    normals[i*3+0] = 0;
    normals[i*3+1] = 0;
    normals[i*3+2] = 1;
  }

并按如下所示将其设置为多数据：

polyData.getPointData().setNormals(normalArray);

我这样创建了管式过滤器：

const tubeFilter = vtkTubeFilter.newInstance();
tubeFilter.setCapping(false);
tubeFilter.setNumberOfSides(50);
tubeFilter.setRadius(0.1);
tubeFilter.setInputData(polyData);
tubeFilter.setInputArrayToProcess(0, 'Scalars', 'PointData', 'Scalars');
tubeFilter.update(); // Program stops here

为什么不起作用？我究竟做错了什么？用我自己的法线生成电子管该怎么办？这是完整的代码：index.js;它是this example的简化版本。

未设置法线时生成的管的行的[Here's an image（左），而设置法线时仅生成的管的行（右），因为代码在尝试生成管后会停止。

Answer 1

您可以使用SetDefaultNormal类的vtkTubeFilter功能。像这样使用它，忽略创建向量法线，然后将其放入行中：

const tubeFilter = vtkTubeFilter.newInstance();
tubeFilter.setCapping(false);
tubeFilter.setNumberOfSides(50);
tubeFilter.setRadius(0.1);
tubeFilter.setInputData(polyData);
tubeFilter.useDefaultNormalOn();
tubeFilter.setDefaultNormal(0,0,1);
tubeFilter.setInputArrayToProcess(0, 'Scalars', 'PointData', 'Scalars');
tubeFilter.update(); // Program stops here