Skip to content

Repository files navigation

WebGL samples for ArcGIS API for JavaScript

Note

These are historical samples originally built with ArcGIS API for JavaScript 4.4 and an older version of Three.js. They are preserved for learning and reference and have not been migrated to the latest ArcGIS Maps SDK for JavaScript.

Most ArcGIS 3D samples in this repository use externalRenderers, which is deprecated. For new development, use the RenderNode API introduced with ArcGIS Maps SDK for JavaScript 4.29.

Running the samples

Open the GitHub Pages links below to run the published demos. To run them locally, clone the repository and serve its root directory through a local web server; opening the HTML files directly from the file system may prevent some resources from loading.

The compiled JavaScript files required by the demos are included in the repository, so no build step is needed to run them. npm install only restores the historical TypeScript type definitions. Recompiling the TypeScript sources requires a compatible legacy TypeScript toolchain, which is not included.

This repository is a collection of source code and live demonstrations rather than a packaged distribution, so it does not use GitHub Releases.

Samples

Swimming pool
Description: Water simulation.

Sweeper
Description: Loads a COLLADA sweeper model into an ArcGIS 3D scene using Three.js and externalRenderers.

Samples forked from DS2017:

Sample 1
Description: Visualizes the ECEF coordinate system. See Earth-centered, Earth-fixed coordinate system for details.

Sample 2
Description: Camera and lighting.

Sample 3
Description: Precision.

Sample 4
Description: Adds a Three.js box to an ArcGIS 3D scene.

Sample 5
Description: Animation.

Sample 6
Description: Video texture. Hold the CTRL key and drag to create a textured box, then click it to start the video.

Animated Flow
Description: Flow.

Sample 8
Description: Loads the sweeper OBJ/MTL model in a standalone Three.js scene without ArcGIS.

Tectonic
Description: Tectonic plates (DevSummit 2018).

Animated windmills
Description: Custom RenderNode — Animated Windmills.

Realistic water visualization in 3D
Description: Realistic water visualization in 3D.

Renderer Skeleton
Description: Renderer Skeleton.

Esri's Applications Prototype Lab
Description: Samples from Esri's Applications Prototype Lab.

Demo 3D (old)
Description: Older 3D samples.

Useful links

About

WebGL - ArcGIS API Javascript

Topics

Resources

Stars

25 stars

Watchers

1 watching

Forks

Releases

Packages

Used by

Contributors

Languages