1

Introduction to3D Webmapping in X3D

Free Open Source Software for Geospatial (FOSS4G) Talks and Demos 2013

Presenter

Luis Caezar Ian K. Panganiban

Student Assistant SOS UPDGIS-3D

2

Outline

3D in Web

3D Visualization 3D Web Problems in 3D

Web

X3D

What is X3D Web 3D

Consortium Features of X3D Working with X3D

X3D + DOM = X3DOM

X3DOM and HTML X3DOM Engine Code Structure Features

X3DOM and 3D Mapping

Working with X3DOM

Final Notes

3

Why 3D?

4

Why 3D?

- better visualization and appreciation of the world

5

Why 3D?

?

Notes:Problem3D real world objects in 2D maps – introduce abstractions and generalization of data.Depth Perception is non exsitentRemoves other features that makes the object unique.

3D real world objects in 3D models – less abstractions and generalization of data.Depth Perception is presentRetains most features.

6

3D Around Us

Gaming

Final Fantasy 4 – SNES(1991)

Final Fantasy X-2 – PS2 (2003)

Notes:Due to the increase in processing power and speed we can now have a better representation of the world. Hardware can now handle the stress of having 3D graphics

SNES – Super Nintendo Entertainment System.

7

3D Around Us

Movies

Avatar(2009)

A Bug's Life

8

Web in 3D

Google Earth Downtown Chicago

Notes:There is a move to display information in 3D.

Some 3D viewers require a client(standalone program) and additional plugins

Google Earth provides a 2.5D view of the world.

9

Web in 3D

Here MapsLondon

Notes:2.5D Street View = images + panoramic view

10

Web in 3D

osm -3D

Notes:OSM – 3D uses java applet

11

Problems in 3D Web

Bandwith limitations (rendering)

Model file size

Clients / Plugins

12

What is X3D?

13

What is X3D?

“X3D (Extensible 3D) is a royalty-free and openly published standard file format specification and run-time architecture to represent and communicate 3D objects, events, behaviors and environments.”

Notes:X3D – is an ISO certified xml file format used for 3D applications.-successor of the VRML97(Virtual Reality Modeling Language)

Example of an X3D object/model

14

The Web3D Consortium

Notes:Web3D consortium to provide a forum for the creation of open standards and specifications in web 3d. Act as a body of certification in open web 3d.

They manage the specifications of the x3d file format.

The Web3D Consortium is utilizing its broad-based industry support to develop the the X3D specification, for communicating 3D on the web, between applications and across distributed networks and web services.

15

What is X3D?

Notes:Example of an X3D code – xml based file format

16

Features of X3D

ISO certified scene graph model

Modular and Extensible

Lightweight

Coordinate System : Right Hand

17

Working with X3D

18

X3D Editors / Viewers

Blender

Notes:Blender – 3D modeling and mesh program; you can export your customized models into x3d, 3ds, ply and others Link : http://www.blender.org/

19

X3D Editors / Viewers

X3D EditXj3D (Viewer)

Notes:X3D Edit and Xj3D are java based applications for editing and viewing.Other links for viewers and editors: http://www.web3d.org/x3d/content/examples/X3dResources.html

20

Web + X3D = X3DOM

21

X3DOM

“ The Document Object Model is a platform and language-neutral interface that will allow programs and scripts to dynamically access and update the content, structure and style of documents. “

-w3c.org

Jquery Manipulation

22

X3DOM - Features

Built in Camera Navigation

Specialized Components (Geospatial, Runtime, Node)

Lightweight Javascript Library

Cross Platform

Notes:X3DOM Site: http://www.x3dom.org/

23

X3DOM Powering Your Site

24

X3DOM Engine

Web Graphics Library (WebGL) No additional plugins required

Browser == Deployment

No special api (game engines)

Supported by most web browsers

Notes:IE 9 does not support WebGL use Chrome Frame or Instant Reality Plugin or Flash 11.IE 11 supports WebGL

25

X3DOM Code Structure

26

X3DOM – Javascript Library

From Fraunhofer IGD slides

27

X3DOM – X3D tag

From Fraunhofer IGD slides

28

X3DOM – Create your Own!

From Fraunhofer IGD slides

29

X3DOM – External X3D

Allows you to use external x3d files!

30

X3DOM and Mapping

31

X3DOM - Geospatial Component

Geospatially referenced scenes have special requirements beyond ordinary 3D scenes

Double-precision accuracy on floating-point displays

Diverse yet coherent spatial reference systems

Web 3DConsortium

32

X3DOM TutorialGeneric Data Conversion

33

Working with X3DOM

Host X3D using the <inline> tag

Build your own (html and x3dom tags)

Other File Formats convert to X3D

Database(PostGIS) – ST_AsX3D(PostGIS Geometry)

– 3D CityDB importer(Collada/KML, CityGML)

34

X3DOM and Mapping

CityGML → X3DOM

35

X3DOM and Mapping

CityGML(Sketchup) 3D CityDB Importer PostGIS

ST_Collect and ST_AsX3DX3DOM

CityGML → X3DOM

36

Other Examples and Demo

Notes:For more examples go to : http://www.x3dom.org/?page_id=5

37

http://earthserver.bgs.ac.uk/clients/3d/glasgow_geology.html

38

http://i-fx.net/demo/airplane.xhtml

39

http://x3dom.org/x3dom/example/x3dom_multiIndex-large.xhtml

40

Final Notes on X3D/X3DOM

Good for Visualization

Speed, Customization, Lightweight, Installation Lacks Documentation

Examples, Tutorials, Development Stage Research other Components/Methods

Import, Conversion to X3D, Working with DB

41

References and Sources

Content References and Sources

Web3D – Flyer_201207(W3C)

X3D: The Real-Time 3D Solution for the World-Wide Web (W3C)

X3DOM – Declarative (X)3D in HTML5 by Yvone Jung, Fraunhofer IGD

X3D Geospatial Component and X3D Earth (W3C)

www.web3d.org

www.x3dom.org (Pictures, Examples and Tutorials)

42

References and Sources

Images References and Sources Disclaimer

All of the photographs and images depicted on this presentation are copyrighted images. Most of the images are mine, but some of them do not belong to me. I have no intention of copyright infringement and these pictures were only used for more emphasis and to present certain ideas and topics.

43

Thank You!

44

Introduction to3D Webmapping in X3D

Free Open Source Software for Geospatial (FOSS4G) Talks and Demos 2013

Presenter

Luis Caezar Ian K. Panganiban

Student Assistant SOS UPDGIS-3D