Experiments with X3DOM

(by Sandy Ressler)

National Institute of Standards and Technology

A reveal.js Slideshow

Hit the spacebar for an overview of the slideset (be patient wait for assets to load)

- HTML/CSS slideshow software (reveal.js):Hakim El Hattab / @hakimel

to start with...

reveal.js is an easy to use, HTML based, presentation tool. You'll need a modern browser with support for CSS 3D transforms to see it in its full glory. In this slide set X3DOM an implementation of declarative 3D for the Web illustrates integrating 3D graphics seamlessly.

on the lower right corner of the screen are navigational controls to let you move forward/backward and in somecases up and down to the next slide, you can use the arrow keys of your keyboard also

- HTML/CSS Slideshow technology by:Hakim El Hattab / @hakimel

Vertical Slides

Slides can be nested inside of other slides,
try pressing down.

Basement Level 1

Press down or up to navigate.

Basement Level 2

Basement Level 3

That's it, time to go back up.

X3DOM World with Many Inlines (includes)

Digital Library of Mathematical Functions

CAESAR X3DOM

Integration Issues

Several types of HTML elements appear in global DOM namespace, and these can interfere with each other

Button elements all treated as global so the must be distinguigshed (can assign class name to solve this)
Dialog popups also get confused as global