The last step is to add the necessary code to display your X3D model. All of these additions occur inside the <div> with the class attribute x3d-content. The code to do this defines the X3D region, sets uo the X3D display, and includes your X3D model. For this example, the model basic-shapes.x3d is used.
- <x3d x='0px' y='0px' width='500px' height='500px'>
- <scene>
- <inline url='basic-shapes.x3d'></inline>
- </scene>
- </x3d>
None of the <body> content changes. You can manipulate the model by dragging the model within the X3D window.
That is all there is to it. It is important to note that your model and textures must all reside on the same server as your web page. That can be changed, but it is an advanced topic.