3D development guide

About the ArcGIS API for JavaScript versions

The Web AppBuilder developer edition 2.1 builds on top of two JavaScript API versions: 3.17 and 4.0. In general, the builder and the 2D app are built on version 3.17, while the 3D app is built on version 4.0. There is an exception, however. Because the setting page runs in the builder, the 3D widget setting page is based on 3.17.

3D widget development

The 3D widget is almost the same as the 2D widget. As a result, you can follow the 2D widget development guide to create a 3D widget.

  • As the map property is replaced by sceneView, use this.sceneView to access the scene view in your widget.
  • Put your widget in the stemapp3d/widgets folder.
  • In the widget manifest.json file, set “platform”: “HTML3D” and "3D": true..
  • Use ArcGIS API for JavaScript 4.0 to develop 3D widgets at runtime, but use 3.17 to create the 3D widgets setting page in the builder.

3D theme development

The 3D theme is almost the same as the 2D theme. As a result, you can follow the 2D theme development guide to create a 3D theme. Be aware there are some differences between them:

  • As the map property is replaced by sceneView, use this.sceneView to access the scene view in your widget and panel.
  • Save your theme in the stemapp3d/themes folder.
  • In the theme manifest.json file, set “platform”: “HTML3D”.