Everything you need to know about our Viewer and more can be found on this page and the following ones. If you are having questions, please use our forum to contact us.
The complete API documentation of Viewer 3 can be found here
If you want to migrate from Viewer 2 to Viewer 3, please visit our Viewer 2 - Migration Guide
To be up-to-date with all current changes, visit our Release Notes
If you want to update from an older version of Viewer 3, please use our Migration Guide
For the installation visit our Installation Guide
Let's create our first example. For that we first need an HTML-Page on which we want to load our example. Therefore, we create an
index.html file in the root of our project. This HTML-File only has a canvas in it and a script tag that will load our script once it is built. Now we create a
src-folder and add an
index.ts file. There are already all the files we need.
Next we load a Viewport by providing a canvas (we created one in the
index.html) and then we open a Session with a model on a ShapeDiver Geometry Backend. Using the specified
modelViewUrl you get the result as in the Viewer below. Please try it with your own
modelViewUrl and don't forget to add the domain you are using to your allowed domains for it to work.
In our example on Sessions, we take a deep dive into how a Session is constructed. This includes how you can change parameters, how you can request exports and much more. Bring me there!
In our example on Viewports, we guide you options that are available per Viewport instance. This includes, lights, camera and many different rendering settings. I want to view this!
In our example on the Scene Tree, we’ll explain how our scene tree is constructed, and how you can manipulate the data in it. I want to climb that tree!
In our example on Event Listeners, we’ll explain how to keep informed on everything that is going on. Listen to them here!
We have many Features already and many more will come, view the documentation on them here: