Custom RenderNode - Animated Windmills

This sample shows how to implement the RenderNode class to extend the WebGL rendering of a SceneView. A RenderNode 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, wind measurements are queried from a service and used to place animated windmills and determine their orientation and the blade rotation speed. This data was created by modelling a windmill in Blender and then manually extracting the raw geometry data. In a production application the geometry would be loaded from another data source (e.g. glTF); loading geometry files is out of scope of this sample.

Important notes:

  • Make sure to see the introductory sample Custom RenderNode - Color modification first.
  • 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.
  • The wind measurements come from a live service. The animation depends on the current weather at Palm Springs.
  • This sample is based off the previous "Extend the SceneView WebGL engine" sample, which used the external renderer interface. External renderer is deprecated and replaced by RenderNode.

Your browser is no longer supported. Please upgrade your browser for the best experience. See our browser deprecation post for more details.