Upload
ian-panganiban
View
1.124
Download
2
Embed Size (px)
DESCRIPTION
X3D is xml based iso format. It is used to display 3D models over the web using a javascript library called X3DOM.
Citation preview
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