Use three.js from an external renderer

Note: Support for 3D on mobile devices may vary, view the system requirements for more information.

This sample shows how to use three.js from the external renderer interface of a SceneView. An external renderer offers a low-level interface to access the SceneView's WebGL context, and thus enables creating custom visualizations that interact with the scene the same way as built-in layers.

In this sample we track and visualize the position of the International Space Station (ISS). A blue circle on the planet surface indicates the region from where the ISS should be visible in the night sky.

The popular open source library three.js is used to load and visualize a 3D model of the ISS (not to scale) and the current position of the space station is queried from open-notify.org.

Important notes:

• This sample shows experimental functionality, please read the documentation carefully before using it in a product.
• This sample targets expert developers familiar with WebGL and hardware-accelerated 3D rendering.