examples
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
Inline Scene which references an external box model
CSS Transform Utilizing 3D-CSS Transforms to transform a X3D-Node
Generic Texture Node which utilizes an img, video or canvas tag for textureing
X3D Render Feature
Small Models
Primitives Box, Cone, Cylinder and Sphere Primitives
Single Mesh Model with a flat hierarchy
Texture Model with multiple external textures
Text Model with 3D Text
Dynamic Lights Multiple dynamic lights lit per fragment
Shadow Experimental Shadows
Large Models (Takes some seconds)
Single Mesh Model with a flat hierarchy
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
X3D Media integration Feature
Sound Sound emitter (not spatialized)
Video Texture Model with video texture with sound
X3D Animation Feature
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.
Application Protoltypes
Product Catalog Example which combines jquery-lightBoxes with x3dom
Product Configuration Simple Car configurator
Data Picking Visualization of turbulent flow and (pickable) temperature distribution
Augmented Reality via Flash FLARToolkit marker tracking
System Feature Tests and debugging
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