X3DOM (pronounced X-Freedom) is an experimental open source framework and runtime to support the ongoing discussion in the Web3D and W3C communities how an integration of HTML5 and declarative 3D content could look like. It tries to fulfill the current HTML5 specification for declarative 3D content and allows including X3D elements as part of any HTML5 DOM tree.
The goal here is to have a live X3D scene in your HTML DOM, which allows you to manipulate the 3D content by only adding/ removing or changing DOM elements. No specific plugin or plugin interface are needed. It also supports some of the HTML events (like “onclick”) on 3D objects. The whole integration model is still evolving and open for discussions.
The current WebGL/JS implementation of X3DOM provides, as every X3D-runtime, some generic interaction and navigation methods. Interactive objects will be handled by HTML-Like events. Navigation can be user-defined or controlled by specific predefined modes.
| Button | Function |
|---|---|
| Left Button / Left Button + Shift | Rotate |
| Mid Button / Left Button + Ctl | Pan |
| Right Button / Wheel / Left Button + Alt | Zoom |
| Left double click | Set center of rotation |
| Button | Function |
|---|---|
| Left Button | Move forward |
| Right Button | Move backward |
| Button | Function |
|---|---|
| Left Button | Move forward |
| Right Button | Move backward |
| Button | Function |
|---|---|
| Left Button | Move closer |
| Right Button | Move back |
| Key | Function |
|---|---|
| r | reset view |
| a | show all |
| u | upright |
If the web page has scroll bars and autoscrolling is enabled, Mid-Button currently does not work yet. As a workaround, you can disable autoscrolling by unchecking the Use autoscrolling checkbox in the firefox browser options (for the Firefox case).