|
| 1 | +import test from 'tape-catch'; |
| 2 | +import testUtils from 'vtk.js/Sources/Testing/testUtils'; |
| 3 | + |
| 4 | +import vtkImageGridSource from 'vtk.js/Sources/Filters/Sources/ImageGridSource'; |
| 5 | +import vtkImageMapper from 'vtk.js/Sources/Rendering/Core/ImageMapper'; |
| 6 | +import vtkImageSlice from 'vtk.js/Sources/Rendering/Core/ImageSlice'; |
| 7 | +import vtkOpenGLRenderWindow from 'vtk.js/Sources/Rendering/OpenGL/RenderWindow'; |
| 8 | +import vtkRenderer from 'vtk.js/Sources/Rendering/Core/Renderer'; |
| 9 | +import vtkRenderWindow from 'vtk.js/Sources/Rendering/Core/RenderWindow'; |
| 10 | +import vtkColorTransferFunction from 'vtk.js/Sources/Rendering/Core/ColorTransferFunction'; |
| 11 | + |
| 12 | +import baseline from './testImageIntermediateZSlice.png'; |
| 13 | +import { SlicingMode } from '../../../Core/ImageMapper/Constants'; |
| 14 | + |
| 15 | +test.onlyIfWebGL('Test ImageMapper intermediate slices', (t) => { |
| 16 | + const gc = testUtils.createGarbageCollector(t); |
| 17 | + t.ok('rendering', 'vtkOpenGLImageMapper testImage'); |
| 18 | + |
| 19 | + // Create some control UI |
| 20 | + const container = document.querySelector('body'); |
| 21 | + const renderWindowContainer = gc.registerDOMElement( |
| 22 | + document.createElement('div') |
| 23 | + ); |
| 24 | + container.appendChild(renderWindowContainer); |
| 25 | + |
| 26 | + // create what we will view |
| 27 | + const renderWindow = gc.registerResource(vtkRenderWindow.newInstance()); |
| 28 | + const renderer = gc.registerResource(vtkRenderer.newInstance()); |
| 29 | + renderWindow.addRenderer(renderer); |
| 30 | + renderer.setBackground(0.32, 0.34, 0.43); |
| 31 | + |
| 32 | + // ---------------------------------------------------------------------------- |
| 33 | + // Test code |
| 34 | + // ---------------------------------------------------------------------------- |
| 35 | + |
| 36 | + const gridSource = gc.registerResource(vtkImageGridSource.newInstance()); |
| 37 | + const extent = 200; |
| 38 | + const gridSpacing = 32; |
| 39 | + const dataSpacing = 4; |
| 40 | + const origin = 16; |
| 41 | + gridSource.setDataExtent(0, extent, 0, extent, 0, 4); |
| 42 | + gridSource.setDataSpacing(dataSpacing, dataSpacing, dataSpacing); |
| 43 | + gridSource.setGridSpacing(gridSpacing, gridSpacing, gridSpacing); |
| 44 | + gridSource.setGridOrigin(origin, origin, 1); |
| 45 | + const direction = [0.866, 0.5, 0, -0.5, 0.866, 0, 0, 0, 1]; |
| 46 | + gridSource.setDataDirection(...direction); |
| 47 | + |
| 48 | + const slice = 0; |
| 49 | + const offset = 1.5; |
| 50 | + |
| 51 | + // mapperAbove should show above mapperBelow |
| 52 | + // scalars, however, should be correct |
| 53 | + const mapperBelow = gc.registerResource(vtkImageMapper.newInstance()); |
| 54 | + mapperBelow.setInputConnection(gridSource.getOutputPort()); |
| 55 | + mapperBelow.setSlicingMode(SlicingMode.Z); |
| 56 | + mapperBelow.setSlice(slice * dataSpacing); |
| 57 | + |
| 58 | + const mapperAbove = gc.registerResource(vtkImageMapper.newInstance()); |
| 59 | + mapperAbove.setInputConnection(gridSource.getOutputPort()); |
| 60 | + mapperAbove.setSlicingMode(SlicingMode.Z); |
| 61 | + mapperAbove.setSlice(slice * dataSpacing + offset); |
| 62 | + |
| 63 | + // make sure that if both mappers were coincident, |
| 64 | + // mapperBelow would show above mapperAbove, breaking the test |
| 65 | + mapperBelow.setResolveCoincidentTopologyToPolygonOffset(); |
| 66 | + mapperAbove.setResolveCoincidentTopologyToPolygonOffset(); |
| 67 | + mapperBelow.setRelativeCoincidentTopologyPolygonOffsetParameters(0, -1); |
| 68 | + mapperAbove.setRelativeCoincidentTopologyPolygonOffsetParameters(0, 1); |
| 69 | + |
| 70 | + const actorBelow = gc.registerResource(vtkImageSlice.newInstance()); |
| 71 | + const rgb = vtkColorTransferFunction.newInstance(); |
| 72 | + rgb.addRGBPoint(0, 0, 0, 0); |
| 73 | + rgb.addRGBPoint(255, 0, 0, 0); |
| 74 | + actorBelow.getProperty().setRGBTransferFunction(rgb); |
| 75 | + actorBelow.setMapper(mapperBelow); |
| 76 | + actorBelow.setPosition(100, 100, 0); |
| 77 | + |
| 78 | + const actorAbove = gc.registerResource(vtkImageSlice.newInstance()); |
| 79 | + actorAbove.setMapper(mapperAbove); |
| 80 | + actorAbove.setPosition(-100, 0, 0); |
| 81 | + |
| 82 | + renderer.addActor(actorBelow); |
| 83 | + renderer.addActor(actorAbove); |
| 84 | + renderer.resetCamera(); |
| 85 | + |
| 86 | + // ----------------------------------------------------------- |
| 87 | + // Make some variables global so that you can inspect and |
| 88 | + // modify objects in your browser's developer console: |
| 89 | + // ----------------------------------------------------------- |
| 90 | + |
| 91 | + // create something to view it, in this case webgl |
| 92 | + const glwindow = gc.registerResource(vtkOpenGLRenderWindow.newInstance()); |
| 93 | + glwindow.setContainer(renderWindowContainer); |
| 94 | + renderWindow.addView(glwindow); |
| 95 | + glwindow.setSize(400, 400); |
| 96 | + |
| 97 | + glwindow.captureNextImage().then((image) => { |
| 98 | + testUtils.compareImages( |
| 99 | + image, |
| 100 | + [baseline], |
| 101 | + 'Rendering/OpenGL/ImageMapper', |
| 102 | + t, |
| 103 | + 0.5, |
| 104 | + gc.releaseResources |
| 105 | + ); |
| 106 | + }); |
| 107 | + renderWindow.render(); |
| 108 | +}); |
0 commit comments