X3DOM: a DOM-based HTML5/X3D integration model

ABSTRACT

We present a model that allows to directly integrate X3D nodes into HTML5 DOM content. This model tries to fulfill the promise of the HTML5 specification, which references X3D for declarative 3D scenes but does not define a specific integration mode. The goal of this model is to ease the integration of X3D in modern web applications by directly mapping and synchronizing live DOM elements to a X3D scene model. This is a very similar approach to the current SVG integration model for 2D graphics.

Furthermore, we propose a framework that includes a new X3D Profile for the DOM integration. This profile should make implementation simple, but in addition we show that the current X3D runtime model still scales well. A detailed discussion includes DOM integration issues like events, namespaces and scripting. We finally propose an implementation framework that should work with multiple browser frontends (e.g. Firefox and WebKit) and different X3D runtime backends.

We hope to connect the technologies and the X3D/ W3C communities with this proposal and outline a model, how an integration without plugins could work. Moreover, we hope to inspire further work, which could lead to a native X3D implementation in browsers similar to the SVG implementations today.

REFERENCES

• 1: Adobe director. http://www.adobe.com/uk/products/director/.
• 2: Adobe flash. http://www.adobe.com/products/flashplayer/.
• 3: Adobe systems. http://www.adobe.com/.
• 4: Anark Cooperation. http://www.anark.com/.
• 5: Apple, 2008. 3d ccs-transforms for the webkit. http://webkit.org/specs/CSSVisualEffects/CSSTransforms3D.html.
• 6: Remi Arnaud , Mark C. Barnes, Collada: Sailing the Gulf of 3d Digital Content Creation, AK Peters Ltd, 2006
• 7: Arnaud, R., and Parisi, T. Developing web applications with collada and x3d. http://www.khronos.org/collada/presentations/Developing_Web_Applications_with_COLLADA_and_X3D.pdf.
• 8: Bishop, C., 2008. Canvas 3d js library. http://www.c3dl.org/.
• 9: Cult3d by cycore systmes. http://www.cult3d.com/.
• 10: ECMA. Ecma-262, ecmascript language specification. http://www.ecma-international.org/publications/standards/Ecma-262.htm.
• 11: Excors, P., 2007. Canvax3d. https://labs.mozilla.com/ forum/comments.php?DiscussionID=363.
• 12: Google. Google earth. http://earth.google.com/.
• 13: Google, 2009. Google chrome experiments. http://www.chromeexperiments.com/.
• 14: Google, 2009. O3d; an javascript based scene-graph api. http://code.google.com/apis/o3d/.
• 15: Google, 2009. V8 is google's open source javascript engine. http://code.google.com/apis/v8/.
• 16: Khronos, 2008. Opengles. Khronos Group. http://www.khronos.org/opengles/.
• 17: Khronos, 2009. Khronos launches initiative to create open royalty free standard for accelerated 3d on the web. Khronos Group. http://www.khronos.org/news/press/releases/khronos-launches-initiative-for-free-standard-for-accelerated-3d-on-web/.
• 18: Khronos, 2009. Opengl. http://www.opengl.org/documentation/.
• 19: Microsoft. Silverlight. http://www.microsoft.com/SILVERLIGHT/.
• 20: Microsoft, 2009. Directx. http://msdn.microsoft.com/directx/.
• 21: OpenSG, 2009. OpenSG. http://opensg.vrsource.org/trac.
• 22: Robert Forchheimer , Igor S. Pandzic , Algirdas Pakstas, MPEG-4 Facial Animation: The Standard,Implementation and Applications, John Wiley & Sons, Inc., New York, NY, 2002
• 23: Project, P. Papervision3d. http://blog.papervision3d.org/.
• 24: Stewart, J. Freewrl, open-source vrml/x3d runtime. http://freewrl.sourceforge.net/index.html.
• 25: Sun. Java. http://java.com/en/.
• 26: Sun. Java3d. https://java3d.dev.java.net/.
• 27: Sun. Javafx. http://javafx.com/.
• 28: Sun. Jogl. https://jogl.dev.java.net/.
• 29: Tautenhahn, L., 2006. Svg-vml-3d. http://www.lutanho.net/svgvml3d/index.html.
• 30: Tim Johansson, O., 2007. Taking the canvas to another dimension. http://my.opera.com/timjoh/blog/2007/11/13/taking-the-canvas-to-another-dimension.
• 31: treebuilder. Treebuilder. http://www.treebuilder.de/default.asp?file=206524.xml.
• 32: Vladimir Vukicevic, M. C., 2009. Canvas 3d: Gl power, webstyle. http://blog.vlad1.com/2007/11/26/canvas-3d-gl-power-web-style/.
• 33: W3C. Namespaces in xml. W3C Consortium. http://www.w3.org/TR/REC-xml-names/.
• 34: W3C, 2009. Cascading style sheets. http://www.w3.org/Style/CSS/.
• 35: W3C, 2009. Declarative 3d scenes in html5. http://dev.w3.org/html5/spec/Overview.html#declarative-3d-scenes.
• 36: W3C, 2009. Html 5 specification, canvas section. http://dev.w3.org/html5/spec/Overview.html#the-canvas-element.
• 37: W3C, 2009. Scalable vector graphics. http://www.w3.org/Graphics/SVG/.
• 38: Watt, J. Svg authoring guidelines. http://jwatt.org/svg/authoring/.
• 39: Web3DConsortium. Scene access interface(sai), iso/iec cd 19775-2 ed. 2:200x. http://www.web3d.org/x3d/specifications/ISO-IEC-CD-19775-2.2-X3D-SceneAccessInterface/.
• 40: Web3DConsortium. X3d inline node from the networking component. http://www.web3d.org/x3d/specifications/ISO-IEC-19775-X3DAbstractSpecification_Revision1_to_Part1/Part01/components/networking.html#Inline.
• 41: Web3DConsortium, K. G. Formal liaison with khronos group. http://www.web3d.org/press/detail/web3d_enters_formal_liaison_with_khronos_group/.
• 42: Web3DConsortium, 2008. X3D. http://www.web3d.org/x3d/specifications/.

INDEX TERMS

Primary Classification:
  I. Computing Methodologies
  I.3 COMPUTER GRAPHICS
      I.3.7 Three-Dimensional Graphics and Realism
          Subjects: Virtual reality

Additional Classification:
  I. Computing Methodologies
  I.3 COMPUTER GRAPHICS
      I.3.6 Methodology and Techniques
          Subjects: Languages

Keywords:
DOM, HTML5, X3D, real-time, web integration