X3Dom ( WebGL )
Tutorial :
Create an x3d file with FluxStudio :
Open it with Vrmlpad or Blocnote :
<?xml
version="1.0" encoding="UTF-8"?>
<!DOCTYPE X3D PUBLIC "ISO//Web3D//DTD X3D 3.0//EN"
"http://www.web3d.org/specifications/x3d-3.0.dtd">
<X3D profile='Immersive' >
<head>
<meta name='Vizthumbnail'
content='Thumb_Untitled_x3d869061302951353.jpg'/>
<meta name='ExportTime' content='12:55:53'/>
<meta name='ExportDate' content='4/16/2011'/>
<meta name='FluxStudioVersion' content='659'/>
</head>
<Scene>
<WorldInfo
title='Untitled'
info='"This Web3D Content was created with Flux Studio, a
Web3D authoring tool"
"www.mediamachines.com"'/>
<Transform DEF='dad_Box1'
translation='1.82686 -1.1915 -.46948'>
<Shape DEF='Box1'
containerField='children'>
<Appearance
containerField='appearance'>
<Material DEF='Red'
containerField='material'
ambientIntensity='0.200'
shininess='0.200'
diffuseColor='1 0 0'/>
</Appearance>
<Box DEF='GeoBox1'
containerField='geometry'
size='1 1 1'/>
</Shape>
</Transform>
</Scene>
</X3D>
.....................
Use that form :
<html
xmlns='http://www.w3.org/1999/xhtml'>
<head>
<meta http-equiv='Content-Type'
content='text/html;charset=utf-8'/>
<style>
X3D {
border: 0px;
position:fixed;
top:0px;
left:0px;
z-index:1;
width:1000px;
height:600px;
}
</style>
</head>
<body
style= "font-size: 14px; background-color:#E0E0E0; ">
<X3D xmlns='http://www.web3d.org/specifications/x3d-namespace'
showStat='true' showLog='true' x='0px'
y='0px' width='800px'
height='800px'
>
***************************
</X3D>
<script type="text/javascript"
src="http://x3dom.org/x3dom/release/x3dom.js"></script>
</body>
</html>
and insert /replace the ********* by the
<Scene>
...........
</Scene>
coming from your x3d file .
You could add a viewpoint just before </Scene> :
<viewpoint
position='0 -3 10'></viewpoint>
_________________________________________________________________________
