Comments (4)
Here is an example from before Seb converted them. I think it should work.
But yes +1 we need to have at least one example that does not use the full screen helper.
from vtk-js.
Well you can also look at the content of the code of the FullScreenRenderWindow
.
But I guess you are right, we should have a plain fully descriptive RenderWindow/Renderer/Interactor example. It's just always the same boilerplate, which pushed me to create that full screen guy so we won't have to much clutter in the examples code. ;-)
from vtk-js.
@zachmullen Here is an example I often use for my projects :
<div id="3DVisualization" style="height: 800px; width: 800px;"></div>
import vtkOpenGLRenderWindow from 'vtk.js/Sources/Rendering/OpenGL/RenderWindow';
import vtkRenderer from 'vtk.js/Sources/Rendering/Core/Renderer';
import vtkRenderWindow from 'vtk.js/Sources/Rendering/Core/RenderWindow';
import vtkRenderWindowInteractor from 'vtk.js/Sources/Rendering/Core/RenderWindowInteractor';
initializeViewer(divName) {
this.renderWindow = vtkRenderWindow.newInstance();
this.renderer = vtkRenderer.newInstance();
this.renderWindow.addRenderer(this.renderer);
this.openglRenderWindow = vtkOpenGLRenderWindow.newInstance();
const container = document.getElementById(divName);
this.openglRenderWindow.setContainer(container);
this.renderWindow.addView(this.openglRenderWindow);
const dimsContainer = container.getBoundingClientRect();
this.openglRenderWindow.setSize(dimsContainer.width, dimsContainer.height);
this.interactor = vtkRenderWindowInteractor.newInstance();
this.interactor.setView(this.openglRenderWindow);
this.interactor.initialize();
this.interactor.bindEvents(container);
}
Here, divName = 3DVisualization.
Hope it helps.
from vtk-js.
We now have a minimal example in Examples\WebGL\SimpleCone
from vtk-js.
Related Issues (20)
- [Feature]
- [Bug] Headless Chrome - Cannot read property 'blendFuncSeparate' of null HOT 5
- [Bug] Cannot display Float32 images on iOS Safari HOT 14
- [Bug] Handling of clamped arrays? HOT 2
- [Bug] `vtkStringArray.newClone` raises error HOT 4
- [Feature] Support for LZMA vtk files HOT 5
- The vtkPLYReader parseAsText method reported an error [Bug] HOT 5
- [Bug] Incorrect interface for `insertNextPoint` on `vtkPoints` HOT 1
- STLReader and ORJReader parsing obj file with incorrect number of points[Bug]
- Middle and right mouse button interactor issue on Safari HOT 2
- [Feature] Rendering with OffscreenCanvas HOT 3
- [Bug] Issues in PR(Share GPU ressources across render windows) HOT 1
- [Bug] Memory leak in WidgetState HOT 3
- Can vtk.js read VTK files with the 'DATASET UNSTRUCTURED_GRID' format? HOT 7
- Mobile end lag issue HOT 1
- [Bug] Opacity problem on stl file when backface culling is enabled HOT 11
- [Bug] ESM doesn't work without "type": "module" in node HOT 1
- [Bug] HOT 3
- Display vtkLineWidget error when click same postion[Bug] HOT 8
- [Feature] vtkInteractorStyleTrackballActor port
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from vtk-js.