Skip to content

GitLab

Commit 7a527878 authored by Koukofikis's avatar Koukofikis
Browse files

Update coordinatesystem.html

parent 7018135a
Pipeline #3782 passed with stages
in 19 seconds
Hide whitespace changes
Inline Side-by-side
public/X3DOMTutorial/coordinatesystem.html
View file @ 7a527878
<html> <html>
<head> <head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title> Coordinate system </title> <title> Coordinate system </title>
<link rel="stylesheet" type="text/css" href="x3dom.css"> <link rel="stylesheet" type="text/css" href="x3dom.css">
</link> </link>
</head> </head>
<body> <body>
<h1> Coordinate system </h1> <h1> Coordinate system </h1>
<table width="100%" height="85%" border="0"> <table width="100%" height="85%" border="0">
<tr> <tr>
<td width="50%" align="center" valign="top" scope="col"> <td width="50%" align="center" valign="top" scope="col">
<X3D id="shapedata" width="600px" height="600px" style="float:left"> <X3D id="shapedata" width="600px" height="600px" style="float:left">
<Scene> <Scene>
<background transparency='0' skyColor='1 1 1'> </background> <background transparency='0' skyColor='1 1 1'> </background>
<!-- Invoke CoordinateAxes in other scenes as an Inline child inside a scaling Transform node, at the topmost level of the scene graph. --> <!-- Invoke CoordinateAxes in other scenes as an Inline child inside a scaling Transform node, at the topmost level of the scene graph. -->
<!-- Each arrow goes from +1m to -1m to allow linear scaling to fit a scene --> <!-- Each arrow goes from +1m to -1m to allow linear scaling to fit a scene -->
<!-- Note each label rotates about the scene's vertical Y axis for consistency, enabling local orientation by user --> <!-- Note each label rotates about the scene's vertical Y axis for consistency, enabling local orientation by user -->
<Group> <Group>
<!-- Vertical Y arrow and label --> <!-- Vertical Y arrow and label -->
<Group DEF='ArrowGreen'> <Group DEF='ArrowGreen'>
<Shape> <Shape>
<Appearance DEF='Green'> <Appearance DEF='Green'>
<Material diffuseColor='0 1 0'> </Material> <Material diffuseColor='0 1 0'> </Material>
</Appearance> </Appearance>
<Cylinder DEF='ArrowCylinder' radius='.025' top='false'> </Cylinder> <Cylinder DEF='ArrowCylinder' radius='.025' top='false'> </Cylinder>
</Shape> </Shape>
<Transform translation='0 1 0'> <Transform translation='0 1 0'>
<Shape> <Shape>
<Appearance USE='Green'> </Appearance> <Appearance USE='Green'> </Appearance>
<Cone DEF='ArrowCone' bottomRadius='.05' height='.1'> </Cone> <Cone DEF='ArrowCone' bottomRadius='.05' height='.1'> </Cone>
</Shape> </Shape>
</Transform> </Transform>
</Group> </Group>
<Transform translation='0 1.08 0'> <Transform translation='0 1.08 0'>
<Billboard> <Billboard>
<Shape> <Shape>
<Appearance DEF='LABEL_APPEARANCE'> <Appearance DEF='LABEL_APPEARANCE'>
<Material diffuseColor='0 0 0'> </Material> <Material diffuseColor='0 0 0'> </Material>
</Appearance> </Appearance>
<Text string='"Y"'> <Text string='"Y"'>
<FontStyle DEF='LABEL_FONT' family='"SANS"' justify='"MIDDLE" "MIDDLE"' size='.2'> </FontStyle> <FontStyle DEF='LABEL_FONT' family='"SANS"' justify='"MIDDLE" "MIDDLE"' size='.2'> </FontStyle>
</Text> </Text>
</Shape> </Shape>
</Billboard> </Billboard>
</Transform> </Transform>
<Transform rotation='0 0 1 -1.57079'> <Transform rotation='0 0 1 -1.57079'>
<!-- Horizontal X arrow and label --> <!-- Horizontal X arrow and label -->
<Group DEF='ArrowRed'> <Group DEF='ArrowRed'>
<Shape> <Shape>
<Appearance DEF='Red'> <Appearance DEF='Red'>
<Material diffuseColor='.7 .1 .1' emissiveColor='.33 0 0' /> <Material diffuseColor='.7 .1 .1' emissiveColor='.33 0 0' />
</Appearance> </Appearance>
<Cylinder USE='ArrowCylinder'> </Cylinder> <Cylinder USE='ArrowCylinder'> </Cylinder>
</Shape> </Shape>
<Transform translation='0 1 0'> <Transform translation='0 1 0'>
<Shape> <Shape>
<Appearance USE='Red'> </Appearance> <Appearance USE='Red'> </Appearance>
<Cone USE='ArrowCone'> </Cone> <Cone USE='ArrowCone'> </Cone>
</Shape> </Shape>
</Transform> </Transform>
</Group> </Group>
<Transform rotation='0 0 1 1.57079' translation='.072 1.1 0'> <Transform rotation='0 0 1 1.57079' translation='.072 1.1 0'>
<!-- note label rotated back to original coordinate frame --> <!-- note label rotated back to original coordinate frame -->
<Billboard> <Billboard>
<Shape> <Shape>
<Appearance USE='LABEL_APPEARANCE'> <Appearance USE='LABEL_APPEARANCE'>
</Appearance> </Appearance>
<Text string='"X"'> <Text string='"X"'>
<FontStyle USE='LABEL_FONT'> <FontStyle USE='LABEL_FONT'>
</Text> </Text>
</Shape> </Shape>
</Billboard> </Billboard>
</Transform> </Transform>
</Transform> </Transform>
<Transform rotation='1 0 0 1.57079'> <Transform rotation='1 0 0 1.57079'>
<!-- Z arrow and label --> <!-- Z arrow and label -->
<Group DEF='ArrowBlue'> <Group DEF='ArrowBlue'>
<Shape> <Shape>
<Appearance DEF='Blue'> <Appearance DEF='Blue'>
<Material diffuseColor='0 0 1'> </Material> <Material diffuseColor='0 0 1'> </Material>
</Appearance> </Appearance>
<Cylinder USE='ArrowCylinder'> </Cylinder> <Cylinder USE='ArrowCylinder'> </Cylinder>
</Shape> </Shape>
<Transform translation='0 1 0'> <Transform translation='0 1 0'>
<Shape> <Shape>
<Appearance USE='Blue'> </Appearance> <Appearance USE='Blue'> </Appearance>
<Cone USE='ArrowCone'> </Cone> <Cone USE='ArrowCone'> </Cone>
</Shape> </Shape>
</Transform> </Transform>
</Group> </Group>
<Transform rotation='1 0 0 -1.57079' translation='0 1.1 .072'> <Transform rotation='1 0 0 -1.57079' translation='0 1.1 .072'>
<!-- note label rotated back to original coordinate frame --> <!-- note label rotated back to original coordinate frame -->
<Billboard> <Billboard>
<Shape> <Shape>
<Appearance USE='LABEL_APPEARANCE'> <Appearance USE='LABEL_APPEARANCE'>
</Appearance> </Appearance>
<Text string='"Z"'> <Text string='"Z"'>
<FontStyle USE='LABEL_FONT'> <FontStyle USE='LABEL_FONT'>
</Text> </Text>
</Shape> </Shape>
</Billboard> </Billboard>
</Transform> </Transform>
</Transform> </Transform>
</Group> </Group>
</Scene> </Scene>
</X3D> </X3D>
</p> </p>
</td> </td>
<td width="50%" align="left" valign="top" scope="col"> <td width="50%" align="left" valign="top" scope="col">
In X3DOM, a right hand coordinate system is used. The Y-axis is pointing up. <br> <br> In X3DOM, a right hand coordinate system is used. The Y-axis is pointing up. <br> <br>
<img src="http://flylib.com/books/2/416/1/html/2/images/fig3-3.jpg" width="350" height="310" /> <img src="https://flylib.com/books/2/416/1/html/2/images/fig3-3.jpg" width="350" height="310" />
</td> </td>
<script type="text/javascript" src="x3dom.js"></script> <script type="text/javascript" src="x3dom.js"></script>
</body> </body>
</html> </html>
\ No newline at end of file
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment

Dies ist die Gitlab-Instanz des Transferportals der Hochschule für Technik Stuttgart. Hier geht es zurück zum Portal