Pushing 3D GIS Boundaries With WebGL

17
Pushing 3D GIS Boundaries With WebGL Tamrat Belayneh, Snr. Software Engineer, 3D, Esri

Transcript of Pushing 3D GIS Boundaries With WebGL

Page 1: Pushing 3D GIS Boundaries With WebGL

Pushing

3D GIS

Boundaries

With WebGL

Tamrat Belayneh,

Snr. Software

Engineer, 3D, Esri

Page 2: Pushing 3D GIS Boundaries With WebGL

Buildings (BIM)

Facilities / Indoors

Plants / Structures

Cities

Planning

Smart City

Networks

Utilities / Telecom

Pipelines

Roads and Highways

GIS & 3D are Advancing… but what is the underlying technology, what are the use cases, and what are the trends

Landscapes

Topographic

Environment

Oceans

Geospatial

Infrastructure

Digital Twin

Page 3: Pushing 3D GIS Boundaries With WebGL
Page 4: Pushing 3D GIS Boundaries With WebGL

I3S is an OGC Community Standard

http://www.opengeospatial.org/standards/

i3s

The open community GitHub version of

this Standard:

https://github.com/Esri/i3s-spec

Indexed 3D Scene Layers (I3S)

Page 5: Pushing 3D GIS Boundaries With WebGL

I3S | Indexed 3D Scene Layer Supports multiple Profiles and Layer Types

3D Objects

• 3D Shapes

• Trees

• Buildings

• Infrastructure

Point Scene Layer

• Point locations

• Symbolize with 3D Object Styling

• Can visualize attributes by size and color

Integrated Mesh Scene Layer

• Skin of the Earth

• Textured with imagery

• Captured by Drone2Map or other methods

Point Cloud Scene Layer

• LiDAR

• Photogrammetric points

• Style by elevation, color, classification

Building Scene Layer

• Detailed building models

• Read directly from Revit

• Filter categories and floors

Page 6: Pushing 3D GIS Boundaries With WebGL

3D Features 3D MeshDatabase Driven Reality Capture

3D Web GIS | Full 3D Visual Experience on the Web

Page 7: Pushing 3D GIS Boundaries With WebGL

3D Web GIS | 3D Terrain Analysis

Page 8: Pushing 3D GIS Boundaries With WebGL

Urban Redevelopment

AnalysisLine of Sight + Shadow Casting

3D Web GIS | Line of Sight + Shadow Analysis

Page 9: Pushing 3D GIS Boundaries With WebGL

3D Web GIS | 3D City Visualization

Realistic

Schematic

Hand-drawn The same I3S 3D Object

Layer dynamically stylized

Page 10: Pushing 3D GIS Boundaries With WebGL

3D Mesh Integrated With Feature Database

Climate Change & Disaster ResponseFlood simulation

Page 11: Pushing 3D GIS Boundaries With WebGL

BIM Data in Geo Contexte.g. for visualization or facility management

Page 12: Pushing 3D GIS Boundaries With WebGL

Visual

Inconsistencies

glTF helps to Address

Consistency of assets between ArcGIS & 3rd-

party applications.

Materials from 3rd Party tools (i.e. Sketchup, Blender, etc.) import into ArcGIS

with inconsistencies (aesthetically look different).

Consistency of assets between ArcGIS & 3rd-

party marketplaces.

Models from popular 3D marketplaces (i.e. Sketchfab) import into ArcGIS with

inconsistencies (aesthetically look different).

Consistency of AutoCAD 3D models between

ArcGIS & 3rd-party applications.

3D AutoCAD assets import into ArcGIS with inconsistencies (aesthetically look

different).

glTF & 3D GIS | Retain Consistency on the Web all platforms

Page 13: Pushing 3D GIS Boundaries With WebGL

GIS Analyst

GIS Technologist

GIS Developer

3D GIS Specialist

Cartographer

Data Visualization

Specialist

Civil Engineer

Urban Designer

Plant Designer BIM Specialist

Environmental Planner

City Planner

(Graphics staff)

Architectural Designer

Architectural 3D Modeler

Visual Database Engineer

Synthetic Environment

Designer

Modeling / Simulation

Analyst

Modeling/Simulation Developer

DoD Analyst

GeoSpatial Intelligence

Analyst

Army GeoSpatial Engineer

Traffic Engineer

Transportation Modeler

Traffic Simulation Specialist

Research Scientist (CFD)

Thermal Researcher

Flood Modeller

Game Developer

Game Artist 3D Artist

3D Modeler

GIS

3D & Game Development

DoD

AEC

Science,

Research, &

Education

Industries | Sectors

glTF & 3D GIS | Retain Consistency on the Web all platforms

Page 14: Pushing 3D GIS Boundaries With WebGL

•ArcGIS API for JavaScript can load and

place glTF and .glb - Supports Metallic-Roughness

• Scene Viewer supports a configurable authoring experience with hosted glTF

webstyles

•ArcGIS Pro can use glTF as Marker Symbols

• ArcGIS Pro Geprocessing tools can import and

manipulate the glTF format

• ArcGIS CityEngine can import glTF or export entire

procedurally-generated cities as glTF

• Work in progress to support it pervasively in all other ArcGIS suite of 3D Products

glTF in ArcGIS | Supported ‘Everywhere’

Page 15: Pushing 3D GIS Boundaries With WebGL

Citizen EngagementCollaborative planning

Page 16: Pushing 3D GIS Boundaries With WebGL

3D Web GIS | Summary

• The current trend is pointing for 3D Web GIS to become the primary

interface for most geospatial users

• A good out of the box functionality (no code) as well as robust API for

JavaScript and a configurable authoring experience is essential

• Geospatial users expect consistency of experience, data and quality

between Web, desktop and mobile experiences

• Fragmentation of features between various browsers is still a risk for

further wider adoption

• The ArcGIS API for Java Work in progress to support it pervasively in all

other ArcGIS suite of 3D Products

Page 17: Pushing 3D GIS Boundaries With WebGL

3D Web GIS | Summary Cont’d

• More patterns emerging using WebAssembly as a glue between various platforms and enabling us to bring more features quickly to web platforms

• Switched default to WebGL 2.0 in all our webgl 3d applications taking

advantage of features such as:

- 3d textures

- glfragdepth

- Uniform buffer

- Texture & vertex array objects

- Various texture formats now supported in 2.0

- …