3D-UI GE / XML3DExercises

Contact email

stefan.lemme@dfki.de

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

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

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/Adding-Interactivity-With-Event-Listeners

• Hints

– More on Event Listeners: http://www.w3schools.com/js/js_htmldom_eventlistener.asp

– Event Types: https://developer.mozilla.org/en-US/docs/Web/API/Event

Medium

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

Thanks!Thanks!