Declarative 3D

The following are excerpts from ongoing explorations into future declarative 3D web standards for VR and AR. For details, see slides from my October 2016 W3C WebVR Workshop talk on the subject. Content examples were created with either Three.js or A-Frame. Diagrams and visualizations were created with Cinema 4D and After Effects. Note, these are large (20mb) GIFs that may take a while to load.

Exploring progressive enhancement of a 2D website in a VR browser using new CSS properties, from standard "backwards compatibility" mode (a floating window), to adding a 360 background and moving DOM elements into 3D space, beyond the confines of the window. 

Exploring progressive enhancement of a 2D website in a VR browser using new CSS properties, from standard "backwards compatibility" mode (a floating window), to adding a 360 background and moving DOM elements into 3D space, beyond the confines of the window. 

responsive-home.gif
An immersive web that retains it's declarative per-object parse-ability creates user experience and product feature possibilities that would be difficult if not impossible on "imperative black box" platforms.

An immersive web that retains it's declarative per-object parse-ability creates user experience and product feature possibilities that would be difficult if not impossible on "imperative black box" platforms.

Magic windows are a fascinating possibility for future multi-tasking and augmented reality scenarios.

Magic windows are a fascinating possibility for future multi-tasking and augmented reality scenarios.

One of the most fascinating aspects of this work is thinking through window modes and permissions.

One of the most fascinating aspects of this work is thinking through window modes and permissions.