This is how you do it (and please remember: currently you need a very recent Browser with WebGL support).
HTML Integration
- XHTML Hello World Basic X3DOM in XHTML example
- HTML Hello World Basic X3DOM in HTML example
- Background Opacity Background and object opacity
- 3D object in front of text A 3D object in front of HTML text
- Multi-View Multiple X3D scenes in a single XHTML document
- id/USE Model with id/DEF names and USE/Route references
- Simple DOM updates Model with DEF/USE references
- JQuery Manip Using jQuery to manipulate an attribute
- AddRemove Nodes Simple example how to add/remove nodes
- HTML Events on 3D objects Simple onclick() event on 3D objects
- Advanced UI Events on and with interactive 3D objects
- Inline Scene which references an external box model
- Inline HTML Reflection Scene with references some external models with append the Models in HTML
- CSS Transform Utilizing 3D-CSS Transforms to transform a X3D-Node
- CSS Transform II Utilizing 3D-CSS Transforms to transform a X3D-Node
- CSS props on X3D Element Example shows how to use and change CSS elements on the X3D root node
- Generic Texture Node which utilizes an img, video or canvas tag for texturing
X3D Render Features
Small Models
- Primitives Box, Cone, Cylinder and Sphere Primitives
- 2DPrimitives Arc2D, ArcClose2D, Circle2D, Disk2D, Polyline2D, Polypoint2D, Rectangle2D, TriangleSet2D
- CAD Simple CAD component example
- Single Mesh Model with a flat hierarchy
- Normal creation How to manipulate the normal creation process
- Texture Model with multiple external textures
- Text Model with 3D Text
- Dynamic Lights Multiple dynamic lights lit per fragment
- Fog Simple X3D Fog
- Shadow Experimental Shadows
- TwoSidedMaterial Model with two different Materials for the front and the back face
Large Models (takes some seconds)
- Single Mesh Model with a flat hierarchy
- Huge Single Mesh Geometry needs to be split for WebGL
- Transform Hierarchy Model with a mixed Transform/Group hierarchy
- Vertex Color Model with color per vertex attributes
- Vertex ColorRGBA Node with color+alpha per vertex attribute
- MultiIndex geometry Multi-Index geometry
- Inline Scene which references an external bunny model
- ComposedShader Shader-based material with cube and bump map
Mesh Compression
- BinaryGeometry Mesh data in external binary containers (less than 7 Byte per triangle)
Progressive Streaming
- Happy Buddha (scanned model)
- Landing Gear (CAD model)
- Tractor (textured game model)
- Happy Buddha, Color-Coded (LOD visualized per submesh)
- Happy Buddha, Instances (multiple instances sharing a single buffer)
X3D Media Integration Features
- Sound Sound emitter (not spatialized)
- Video Texture Model with video texture and sound
X3D Animation Features
- Camera Animation Automatically calculated camera animation
- TimeSensor Multiple animations with a single TimeSensor and fanOut
- Simple Interpolator Multiple Position/Orientation-Interpolator animations
- Coordinate Interpolator used to animate a mesh
- Follower Smooth transition with Position-, Orientation- and Color-Chaser.
- SplinePositionInterpolator Position interpolation Demo, using the SplinePositionInterpolator.
Application Prototypes
- Product Catalog Example which combines jquery-lightBoxes with x3dom
- Product Configuration Simple Car configurator
- Viewer 3D Viewer example with UI for navigation and measuring tool
- Data Picking Visualization of turbulent flow and (pickable) temperature distribution
- Augmented Reality via Flash FLARToolkit marker tracking
- Augmented Reality via WebRTC and JSARToolKit.js marker tracking
- Carousel Menu showing some information when clicking on a ‘planet’
System Feature Tests and debugging
- Components Show use of X3DOM components
- Runtime API Show use of the runtime API
- Params Tag Show use of params tag to pass config options.
- Image Formats Test browser/OS for image formats
- Image Channels Test Test browser/OS for image/channel combination
- Non PowerOfTwo Texture Test which uses Non-PowerOfTwo Texture
- Debug Log Shows how to use the debug log and statistic HUD