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.


Important Pages


Current Version


Simple Example

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 ticket and modelViewUrl you get the result as in the Viewer below. Please try it with your own ticket and modelViewUrl and don't forget to add the domain you are using to your allowed domains for it to work.


Advanced Examples

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: