Merge pull request #8 from dbertouille/cutter-example

Add cutter example

src/AvailableClasses.js

@@ -20,6 +20,7 @@ import '@kitware/vtk.js/Filters/Sources/PointSource.js';
 import '@kitware/vtk.js/Filters/Sources/SphereSource.js';
 
 // Filters
+import '@kitware/vtk.js/Filters/Core/Cutter.js';
 import '@kitware/vtk.js/Filters/General/WarpScalar.js';
 import '@kitware/vtk.js/Filters/General/TubeFilter.js';
 

usage/Geometry/CutterExample.js

@@ -0,0 +1,35 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+
+import { newInstance as newVtkPlaneInstance } from '@kitware/vtk.js/Common/DataModel/Plane.js';
+
+import { Algorithm, View, GeometryRepresentation, Reader } from 'react-vtk-js';
+
+function Example(props) {
+  const plane = newVtkPlaneInstance({
+    origin: [0, 0, 0],
+    normal: [0, 0, 1],
+  });
+
+  return (
+    <div style={{ width: '100vw', height: '100vh' }}>
+      <View background={[0.0, 0.0, 0.0]}>
+        <GeometryRepresentation
+          property={{
+            color: [0.7, 0, 0],
+          }}
+        >
+          <Algorithm vtkClass='vtkCutter' state={{ cutFunction: plane }}>
+            <Reader
+              vtkClass='vtkOBJReader'
+              url='https://kitware.github.io/vtk-js-datasets/data/obj-mtl/star-wars-vader-tie-fighter.obj'
+            />
+          </Algorithm>
+        </GeometryRepresentation>
+      </View>
+    </div>
+  );
+}
+
+// Render React object
+ReactDOM.render(<Example />, document.querySelector('.root'));

usage/www/index.html

@@ -10,6 +10,7 @@
         <option>Geometry/ProcessingPipeline</option>
         <option>Geometry/SourceViewer</option>
         <option>Geometry/Glyph</option>
+        <option>Geometry/CutterExample</option>
         <option>Volume/SliceRendering</option>
         <option>Volume/SyntheticVolumeRendering</option>
         <option>Volume/VolumeRendering</option>