Download - Introduction to 3D Mapping with X3D
![Page 1: Introduction to 3D Mapping with X3D](https://reader034.vdocuments.pub/reader034/viewer/2022051400/559772881a28ab3d0e8b4847/html5/thumbnails/1.jpg)
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
![Page 2: Introduction to 3D Mapping with X3D](https://reader034.vdocuments.pub/reader034/viewer/2022051400/559772881a28ab3d0e8b4847/html5/thumbnails/2.jpg)
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
![Page 3: Introduction to 3D Mapping with X3D](https://reader034.vdocuments.pub/reader034/viewer/2022051400/559772881a28ab3d0e8b4847/html5/thumbnails/3.jpg)
3
Why 3D?
![Page 4: Introduction to 3D Mapping with X3D](https://reader034.vdocuments.pub/reader034/viewer/2022051400/559772881a28ab3d0e8b4847/html5/thumbnails/4.jpg)
4
Why 3D?
- better visualization and appreciation of the world
![Page 5: Introduction to 3D Mapping with X3D](https://reader034.vdocuments.pub/reader034/viewer/2022051400/559772881a28ab3d0e8b4847/html5/thumbnails/5.jpg)
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.
![Page 6: Introduction to 3D Mapping with X3D](https://reader034.vdocuments.pub/reader034/viewer/2022051400/559772881a28ab3d0e8b4847/html5/thumbnails/6.jpg)
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.
![Page 7: Introduction to 3D Mapping with X3D](https://reader034.vdocuments.pub/reader034/viewer/2022051400/559772881a28ab3d0e8b4847/html5/thumbnails/7.jpg)
7
3D Around Us
Movies
Avatar(2009)
A Bug's Life
![Page 8: Introduction to 3D Mapping with X3D](https://reader034.vdocuments.pub/reader034/viewer/2022051400/559772881a28ab3d0e8b4847/html5/thumbnails/8.jpg)
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.
![Page 9: Introduction to 3D Mapping with X3D](https://reader034.vdocuments.pub/reader034/viewer/2022051400/559772881a28ab3d0e8b4847/html5/thumbnails/9.jpg)
9
Web in 3D
Here MapsLondon
Notes:2.5D Street View = images + panoramic view
![Page 10: Introduction to 3D Mapping with X3D](https://reader034.vdocuments.pub/reader034/viewer/2022051400/559772881a28ab3d0e8b4847/html5/thumbnails/10.jpg)
10
Web in 3D
osm -3D
Notes:OSM – 3D uses java applet
![Page 11: Introduction to 3D Mapping with X3D](https://reader034.vdocuments.pub/reader034/viewer/2022051400/559772881a28ab3d0e8b4847/html5/thumbnails/11.jpg)
11
Problems in 3D Web
Bandwith limitations (rendering)
Model file size
Clients / Plugins
![Page 12: Introduction to 3D Mapping with X3D](https://reader034.vdocuments.pub/reader034/viewer/2022051400/559772881a28ab3d0e8b4847/html5/thumbnails/12.jpg)
12
What is X3D?
![Page 13: Introduction to 3D Mapping with X3D](https://reader034.vdocuments.pub/reader034/viewer/2022051400/559772881a28ab3d0e8b4847/html5/thumbnails/13.jpg)
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
![Page 14: Introduction to 3D Mapping with X3D](https://reader034.vdocuments.pub/reader034/viewer/2022051400/559772881a28ab3d0e8b4847/html5/thumbnails/14.jpg)
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.
![Page 15: Introduction to 3D Mapping with X3D](https://reader034.vdocuments.pub/reader034/viewer/2022051400/559772881a28ab3d0e8b4847/html5/thumbnails/15.jpg)
15
What is X3D?
Notes:Example of an X3D code – xml based file format
![Page 16: Introduction to 3D Mapping with X3D](https://reader034.vdocuments.pub/reader034/viewer/2022051400/559772881a28ab3d0e8b4847/html5/thumbnails/16.jpg)
16
Features of X3D
ISO certified scene graph model
Modular and Extensible
Lightweight
Coordinate System : Right Hand
![Page 17: Introduction to 3D Mapping with X3D](https://reader034.vdocuments.pub/reader034/viewer/2022051400/559772881a28ab3d0e8b4847/html5/thumbnails/17.jpg)
17
Working with X3D
![Page 18: Introduction to 3D Mapping with X3D](https://reader034.vdocuments.pub/reader034/viewer/2022051400/559772881a28ab3d0e8b4847/html5/thumbnails/18.jpg)
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/
![Page 19: Introduction to 3D Mapping with X3D](https://reader034.vdocuments.pub/reader034/viewer/2022051400/559772881a28ab3d0e8b4847/html5/thumbnails/19.jpg)
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
![Page 20: Introduction to 3D Mapping with X3D](https://reader034.vdocuments.pub/reader034/viewer/2022051400/559772881a28ab3d0e8b4847/html5/thumbnails/20.jpg)
20
Web + X3D = X3DOM
![Page 21: Introduction to 3D Mapping with X3D](https://reader034.vdocuments.pub/reader034/viewer/2022051400/559772881a28ab3d0e8b4847/html5/thumbnails/21.jpg)
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
![Page 22: Introduction to 3D Mapping with X3D](https://reader034.vdocuments.pub/reader034/viewer/2022051400/559772881a28ab3d0e8b4847/html5/thumbnails/22.jpg)
22
X3DOM - Features
Built in Camera Navigation
Specialized Components (Geospatial, Runtime, Node)
Lightweight Javascript Library
Cross Platform
Notes:X3DOM Site: http://www.x3dom.org/
![Page 23: Introduction to 3D Mapping with X3D](https://reader034.vdocuments.pub/reader034/viewer/2022051400/559772881a28ab3d0e8b4847/html5/thumbnails/23.jpg)
23
X3DOM Powering Your Site
![Page 24: Introduction to 3D Mapping with X3D](https://reader034.vdocuments.pub/reader034/viewer/2022051400/559772881a28ab3d0e8b4847/html5/thumbnails/24.jpg)
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
![Page 25: Introduction to 3D Mapping with X3D](https://reader034.vdocuments.pub/reader034/viewer/2022051400/559772881a28ab3d0e8b4847/html5/thumbnails/25.jpg)
25
X3DOM Code Structure
![Page 26: Introduction to 3D Mapping with X3D](https://reader034.vdocuments.pub/reader034/viewer/2022051400/559772881a28ab3d0e8b4847/html5/thumbnails/26.jpg)
26
X3DOM – Javascript Library
From Fraunhofer IGD slides
![Page 27: Introduction to 3D Mapping with X3D](https://reader034.vdocuments.pub/reader034/viewer/2022051400/559772881a28ab3d0e8b4847/html5/thumbnails/27.jpg)
27
X3DOM – X3D tag
From Fraunhofer IGD slides
![Page 28: Introduction to 3D Mapping with X3D](https://reader034.vdocuments.pub/reader034/viewer/2022051400/559772881a28ab3d0e8b4847/html5/thumbnails/28.jpg)
28
X3DOM – Create your Own!
From Fraunhofer IGD slides
![Page 29: Introduction to 3D Mapping with X3D](https://reader034.vdocuments.pub/reader034/viewer/2022051400/559772881a28ab3d0e8b4847/html5/thumbnails/29.jpg)
29
X3DOM – External X3D
Allows you to use external x3d files!
![Page 30: Introduction to 3D Mapping with X3D](https://reader034.vdocuments.pub/reader034/viewer/2022051400/559772881a28ab3d0e8b4847/html5/thumbnails/30.jpg)
30
X3DOM and Mapping
![Page 31: Introduction to 3D Mapping with X3D](https://reader034.vdocuments.pub/reader034/viewer/2022051400/559772881a28ab3d0e8b4847/html5/thumbnails/31.jpg)
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
![Page 32: Introduction to 3D Mapping with X3D](https://reader034.vdocuments.pub/reader034/viewer/2022051400/559772881a28ab3d0e8b4847/html5/thumbnails/32.jpg)
32
X3DOM TutorialGeneric Data Conversion
![Page 33: Introduction to 3D Mapping with X3D](https://reader034.vdocuments.pub/reader034/viewer/2022051400/559772881a28ab3d0e8b4847/html5/thumbnails/33.jpg)
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)
![Page 34: Introduction to 3D Mapping with X3D](https://reader034.vdocuments.pub/reader034/viewer/2022051400/559772881a28ab3d0e8b4847/html5/thumbnails/34.jpg)
34
X3DOM and Mapping
CityGML → X3DOM
![Page 35: Introduction to 3D Mapping with X3D](https://reader034.vdocuments.pub/reader034/viewer/2022051400/559772881a28ab3d0e8b4847/html5/thumbnails/35.jpg)
35
X3DOM and Mapping
CityGML(Sketchup) 3D CityDB Importer PostGIS
ST_Collect and ST_AsX3DX3DOM
CityGML → X3DOM
![Page 36: Introduction to 3D Mapping with X3D](https://reader034.vdocuments.pub/reader034/viewer/2022051400/559772881a28ab3d0e8b4847/html5/thumbnails/36.jpg)
36
Other Examples and Demo
Notes:For more examples go to : http://www.x3dom.org/?page_id=5
![Page 37: Introduction to 3D Mapping with X3D](https://reader034.vdocuments.pub/reader034/viewer/2022051400/559772881a28ab3d0e8b4847/html5/thumbnails/37.jpg)
37
http://earthserver.bgs.ac.uk/clients/3d/glasgow_geology.html
![Page 38: Introduction to 3D Mapping with X3D](https://reader034.vdocuments.pub/reader034/viewer/2022051400/559772881a28ab3d0e8b4847/html5/thumbnails/38.jpg)
38
http://i-fx.net/demo/airplane.xhtml
![Page 39: Introduction to 3D Mapping with X3D](https://reader034.vdocuments.pub/reader034/viewer/2022051400/559772881a28ab3d0e8b4847/html5/thumbnails/39.jpg)
39
http://x3dom.org/x3dom/example/x3dom_multiIndex-large.xhtml
![Page 40: Introduction to 3D Mapping with X3D](https://reader034.vdocuments.pub/reader034/viewer/2022051400/559772881a28ab3d0e8b4847/html5/thumbnails/40.jpg)
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
![Page 41: Introduction to 3D Mapping with X3D](https://reader034.vdocuments.pub/reader034/viewer/2022051400/559772881a28ab3d0e8b4847/html5/thumbnails/41.jpg)
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)
![Page 42: Introduction to 3D Mapping with X3D](https://reader034.vdocuments.pub/reader034/viewer/2022051400/559772881a28ab3d0e8b4847/html5/thumbnails/42.jpg)
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.
![Page 43: Introduction to 3D Mapping with X3D](https://reader034.vdocuments.pub/reader034/viewer/2022051400/559772881a28ab3d0e8b4847/html5/thumbnails/43.jpg)
43
Thank You!
![Page 44: Introduction to 3D Mapping with X3D](https://reader034.vdocuments.pub/reader034/viewer/2022051400/559772881a28ab3d0e8b4847/html5/thumbnails/44.jpg)
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