WeBUI exercises by Stefan Lemme (stefan.lemme@dfki.de) for Developers Week Madrid www.fiware.org

1. 3D-UI GE / XML3D
Exercises
Contact email
stefan.lemme@dfki.de

2. 3D-UI GE / XML3D - Exercises
• 3D-UI-1. The Basics of XML3D
• 3D-UI-2. Adding Interactivity with Event Listeners
• 3D-UI-3. Using Assets and Models
2

3. 3D-UI-1. The Basics of XML3D
• Prerequisite
– Local webserver running (e.g. Apache)
– Basic understanding of HTML, CSS and
JavaScript
– WebGL-capable browser (e.g. Chrome, Firefox)
• Steps
– https://github.com/xml3d/xml3d.js/wiki/The-
Basics-of-XML3D
• Hints
– Place your HTML working document to
webserver’s httpdocs folder and point your
browser to http://localhost/my-document.html
Easy

4. 3D-UI-2. Adding Interactivity
with Event Listeners
• Prerequisite
– Succeeded with “The Basics of XML3D”
– Basic understanding of JavaScript events
• Steps
– https://github.com/xml3d/xml3d.js/wiki/Addin
g-Interactivity-With-Event-Listeners
• Hints
– More on Event Listeners:
http://www.w3schools.com/js/js_htmldom_ev
entlistener.asp
– Event Types: https://developer.mozilla.org/en-
US/docs/Web/API/Event
Medium

5. 3D-UI-3. Using Assets and Models
• Prerequisite
– Succeeded with “The Basics of XML3D”
– Basic knowledge on 3D-asset modeling
• Steps
– https://github.com/xml3d/xml3d.js/wiki/Using
-Assets-and-Models
• Hints
– Slides on configurable assets:
http://xml3d.org/xml3d/slides/web3d-
instancing/
Medium

6. Thanks!Thanks!