Merge pull request #497 from Kitware/concentric_cylinder_angles

fix(ConcentricCylinderSource): Add start/end angles.

Author: jourdain

Sources/Filters/Sources/ConcentricCylinderSource/example/controlPanel.html

@@ -20,6 +20,24 @@
       <hr/>
     </td>
   </tr>
+  <tr>
+    <td>Start Theta</td>
+    <td colspan="3">
+      <input class='startTheta' type="range" min="0" max="360" step="1" value="0" />
+    </td>
+  </tr>
+  <tr>
+    <td>End Theta</td>
+    <td colspan="3">
+      <input class='endTheta' type="range" min="0" max="360" step="1" value="360" />
+    </td>
+  </tr>
+  <tr>
+    <td>Resolution</td>
+    <td colspan="3">
+      <input class='resolution' type="range" min="3" max="120" step="1" value="60" />
+    </td>
+  </tr>
   <tr>
     <td>Hide Layer 0</td>
     <td>
@@ -29,7 +47,7 @@
   <tr>
     <td>Hide Layer 1</td>
     <td>
-      <input class='mask' data-layer="1" type="checkbox" />
+      <input class='mask' data-layer="1" type="checkbox"/>
     </td>
   </tr>
   <tr>

Sources/Filters/Sources/ConcentricCylinderSource/example/index.js

@@ -27,7 +27,7 @@ const cylinder = vtkConcentricCylinderSource.newInstance({
   height: 0.25,
   radius: [0.2, 0.3, 0.4, 0.6, 0.7, 0.8, 0.9, 1],
   cellFields: [0, 0.2, 0.4, 0.6, 0.7, 0.8, 0.9, 1],
-  resolution: 120,
+  resolution: 60,
   skipInnerFaces: true,
 });
 const actor = vtkActor.newInstance();
@@ -66,6 +66,13 @@ while (count--) {
     renderWindow.render();
   });
 }
+['startTheta', 'endTheta', 'resolution'].forEach((propertyName) => {
+  document.querySelector(`.${propertyName}`).addEventListener('input', (e) => {
+    const value = Number(e.target.value);
+    cylinder.set({ [propertyName]: value });
+    renderWindow.render();
+  });
+});
 
 // -----------------------------------------------------------
 // Make some variables global so that you can inspect and