Search code examples
htmlvrmlx3d

relationship/comparison between X3D, SVG, WebGL, VRML reading?

I'm trying to be get an idea what the relationship between each of these are. Such as:

  • Which is just a replacement for the other (and why) - e.g. X3D replaces VRML?
  • what can one do that the other cannot - e.g. SVG cannot create 3D worlds but the others can?
  • Which is higher level - e.g. WebGL higher level than X3D
  • Which is / is more likely to be a W3 standard and thus supported by popular browsers
  • Which is the easiest to create nice looking worlds in / what features do they support - e.g. X3D supports Ray Tracing and the others don't

I'm sure these questions have been asked before and someone has written a nice article summarizing this information so that people like me who want to learn and use one of them can make an informed decision without worrying about future compatibility/migration issues.

Is there any recommended reading addressing all these and related technologies?

Solution
    • X3D is indeed a scenegraph representation of 3D worlds, and it replaces VRML. I agree with point 1 above.
    • With the JavaScript library X3DOM, X3D scenes become part of the HTML DOM, i.e. standard DOM manipulation and event handling can be used to represent and interact with 3D scenes and all the objects therein. This is analogous to SVG for 2D scenes: each SVG object becomes a DOM object.
    • WebGL is for low-level 3D rendering (like OpenGL) in the browser.
    • X3DOM can use WebGL to do its rendering directly in the browser, without any plugins.
    • You could use X3DOM on top of WebGL to build plugin-less HTML DOM-based 3D worlds in the browser, or you could use something like three.js instead of x3dom. Both three.js and X3DOM are at a higher level than WebGL.
    • These slides give a good X3DOM overview, including simple examples: http://www.slideshare.net/jsalonen/x3dom-an-overview-and-examples
    • X3D does support volume rendering (raycasting): http://www.web3d.org/x3d/content/examples/Basic/VolumeRendering/ -- I have not yet seen raytracing examples.