import '@kitware/vtk.js/favicon';
import '@kitware/vtk.js/Rendering/Profiles/Geometry'; import '@kitware/vtk.js/Rendering/Profiles/Glyph';
import vtkActor from '@kitware/vtk.js/Rendering/Core/Actor'; import vtkCubeSource from '@kitware/vtk.js/Filters/Sources/CubeSource'; import vtkFullScreenRenderWindow from '@kitware/vtk.js/Rendering/Misc/FullScreenRenderWindow'; import vtkMapper from '@kitware/vtk.js/Rendering/Core/Mapper'; import vtkAngleWidget from '@kitware/vtk.js/Widgets/Widgets3D/AngleWidget'; import vtkWidgetManager from '@kitware/vtk.js/Widgets/Core/WidgetManager';
import controlPanel from './controlPanel.html';
const fullScreenRenderer = vtkFullScreenRenderWindow.newInstance({ background: [0, 0, 0], }); const renderer = fullScreenRenderer.getRenderer();
const cube = vtkCubeSource.newInstance(); const mapper = vtkMapper.newInstance(); const actor = vtkActor.newInstance();
actor.setMapper(mapper); mapper.setInputConnection(cube.getOutputPort()); actor.getProperty().setOpacity(0.5);
renderer.addActor(actor);
const widgetManager = vtkWidgetManager.newInstance(); widgetManager.setRenderer(renderer);
const widget = vtkAngleWidget.newInstance();
const widgetInView = widgetManager.addWidget(widget);
renderer.resetCamera(); widgetManager.enablePicking(); fullScreenRenderer.getInteractor().render();
fullScreenRenderer.addController(controlPanel);
widgetInView.onEndInteractionEvent(() => renderer.resetCameraClippingRange());
widget.getWidgetState().onModified(() => { document.querySelector('#angle').innerText = widget.getAngle(); });
document.querySelector('button').addEventListener('click', () => { widgetManager.grabFocus(widget); });
global.widget = widget;
|