<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" SYSTEM "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<!-- TODO: * authors need to replace the following metadata values * -->
<link rel="shortcut icon" href="http://www.web3d.org/x3d/content/examples/images/X3DtextIcon16.png" title="X3D"/>
<title>Siggraph98 Course Examples: Interesting Scenes</title>
<meta name="creator" content="Don Brutzman"/>
<meta name="description" content="Description of interesting examples in Siggraph98 Course examples."/>
<meta name="warning" content="Links are dependent on chapter generation, reverify and correct if new scenes are added to this chapter."/>
<meta name="filename" content="interesting.html"/>
<meta name="identifier" content="http://www.web3d.org/x3d/content/examples/Vrml2.0Sourcebook/Siggraph98Course/interesting.html"/>
<meta name="generator" content="X3D-Edit, https://savage.nps.edu/X3D-Edit"/>
<meta name="created" content="9 February 2014"/>
<meta name="revised" content="9 February 2014"/>
</head>
<body>
<h1> Siggraph98 Course Examples: Interesting Scenes </h1>
<p>
Many of the scenes in the Siggraph98 Course archive match those already found in the parent
<a href="../index.html">VRML 2.0 Sourcebook</a>
archives.
</p>
<p>
Nevertheless, for readers experienced with the Sourcebook,
a number of these scenes are different and quite interesting.
They provide excellent examples that deserve extra attention.
</p>
<table border="1" cellpadding="8">
<thead>
<tr>
<th>Screen snapshots</th>
<th align="center">Scene</th>
<th align="left"> Description</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<a name="Anchor"> </a>
<!-- snapshots 782 x 446 -->
<a href="_pages/page02.html" target="interestingExample"><img border="0" alt="Anchor" title="Anchor"
src="_viewpoints/Anchor.x3d._VP_Default_viewpoint.png" width="156" height="89" align="middle"/></a>
</td>
<td align="center">
<a href="_pages/page02.html" target="interestingExample">Anchor.x3d</a>
</td>
<td>
<p>
Simple anchor example illustrates the use of an Anchor link around the shapes used to build a door.
This scene links to the
<a href="_pages/page106.html" target="interestingExample">Stairway</a>
example.
</p>
</td>
</tr>
<tr>
<td>
<a name="AnimatedGrid"> </a>
<a href="_pages/page03.html" target="interestingExample"><img border="0" alt="AnimatedGrid" title="AnimatedGrid"
src="_viewpoints/AnimatedGrid.x3d._VP_Entry_View.png" width="156" height="89" align="middle"/></a>
</td>
<td align="center">
<a href="_pages/page03.html" target="interestingExample">AnimatedGrid.x3d</a>
</td>
<td>
<p>
Animated grid world illustrates the use of a script to change the whichChoice field of a Switch node.
When animated, this enables switching among different pieces of geometry,
such as the separate ElevationGrid scenes shown in this example.
</p>
</td>
</tr>
<tr>
<td>
<a name="Arches"> </a>
<a href="_pages/page05.html" target="interestingExample"><img border="0" alt="Arches" title="Arches"
src="_viewpoints/Arches.x3d._VP_Default_viewpoint.png" width="156" height="89" align="middle"/></a>
</td>
<td align="center">
<a href="_pages/page05.html" target="interestingExample">Arches.x3d</a>
</td>
<td>
<p>
Transform group example: gazebo made of arches.
This example illustrates the use of Transform grouping nodes and their translation, rotation, and scale features.
</p>
</td>
</tr>
<tr>
<td align="center">
<a name="BarPlot"> </a>
<!-- 1417 x 586 -->
<a href="_pages/page12.html" target="interestingExample"><img border="0" alt="BarPlot" title="BarPlot"
src="BarPlot.png" width="156" height="63" align="middle"/></a>
</td>
<td align="center">
<a href="_pages/page12.html" target="interestingExample">BarPlot.x3d</a>
</td>
<td>
<p>
Demonstrate plotting values with 3D emphasis.
</p>
</td>
</tr>
<tr>
<td>
<a name="Castle"> </a>
<a href="_pages/page23.html" target="interestingExample"><img border="0" alt="Castle" title="Castle"
src="_viewpoints/Castle.x3d._VP_Entry_View.png" width="156" height="89" align="middle"/></a>
</td>
<td align="center">
<a href="_pages/page23.html" target="interestingExample">Castle.x3d</a>
</td>
<td>
<p>
A fairy-tale castle atop a green hill with a blue sky behind.
There are no animations or fun things to click on... building those is up to you.
</p>
</td>
</tr>
<tr>
<td>
<a name="Colors"> </a>
<a href="_pages/page26.html" target="interestingExample"><img border="0" alt="Colors" title="Colors"
src="_viewpoints/Colors.x3d._VP_Entry_View.png" width="156" height="89" align="middle"/></a>
</td>
<td align="center">
<a href="_pages/page26.html" target="interestingExample">Colors.x3d</a>
</td>
<td>
<p>
This scene presents some colorful frames. See the source comments regarding animation details.
</p>
</td>
</tr>
<tr>
<td>
<a name="Columns"> </a>
<a href="_pages/page28.html" target="interestingExample"><img border="0" alt="Columns" title="Columns"
src="_viewpoints/Columns.x3d._VP_Entry_View.png" width="156" height="89" align="middle"/></a>
</td>
<td align="center">
<a href="_pages/page28.html" target="interestingExample">Columns.x3d</a>
</td>
<td>
<p>
Columns and torches: this world uses an externally defined Torch prototype node with an animated flame,
placed on a column, then instanced multiple times to form a double row of columns.
A glowing window at the end creates a goal for the column row... whatever it might be.
</p>
</td>
</tr>
<tr>
<td align="center">
<a name="CutPlane"> </a>
<!-- 957 x 673 -->
<a href="_pages/page33.html" target="interestingExample"><img border="0" alt="CutPlane" title="CutPlane"
src="CutPlane.png" width="156" height="110" align="middle"/></a>
</td>
<td align="center">
<a href="_pages/page33.html" target="interestingExample">CutPlane.x3d</a>
</td>
<td>
<p>
Cutting plane demo where users can drag two slice interfaces to show the cross sections of a volume.
</p>
</td>
</tr>
<tr>
<td>
<a name="Doorway"> </a>
<a href="_pages/page38.html" target="interestingExample"><img border="0" alt="Doorway" title="Doorway"
src="_viewpoints/Doorway.x3d._VP_Entry_View.png" width="156" height="89" align="middle"> </a></a>
</td>
<td align="center">
<a href="_pages/page38.html" target="interestingExample">Doorway.x3d</a>
</td>
<td>
<p>
Four sliding stairs that lead forward along a path to a glowing white doorway.
</p>
</td>
</tr>
<tr>
<td>
<a name="ExtrusionSpiralMotion"> </a>
<a href="_pages/page45.html" target="interestingExample"><img border="0" alt="ExtrusionSpiralMotion" title="ExtrusionSpiralMotion"
src="_viewpoints/ExtrusionSpiralMotion.x3d._VP_Entry_View.png" width="156" height="89" align="middle"> </a></a>
</td>
<td align="center">
<a href="_pages/page45.html" target="interestingExample">ExtrusionSpiralMotion.x3d</a>
</td>
<td>
<p>
Spiral flow with particle paths shows how to move a set of particles (spheres) along a pre-computed animation path.
Such an approach might be used to visualize the results of a fluid flow simulation.
</p>
</td>
</tr>
<tr>
<td align="center">
<a name="Floater"> </a>
<!-- 646 x 514 -->
<a href="_pages/page48.html" target="interestingExample"><img border="0" alt="Floater" title="Floater"
src="Floater.png" width="124" height="89" align="middle"> </a></a>
</td>
<td align="center">
<a href="_pages/page48.html" target="interestingExample">Floater.x3d</a>
</td>
<td>
<p>
Spiral flow with particle paths shows how to move a set of particles (spheres) along a pre-computed animation path.
Such an approach might be used to visualize the results of a fluid flow simulation.
</p>
</td>
</tr>
<tr>
<td>
<a name="Hand"> </a>
<a href="_pages/page58.html" target="interestingExample"><img border="0" alt="Hand" title="Hand"
src="_viewpoints/Hand.x3d._VP_Entry_View.png" width="156" height="89" align="middle"> </a></a>
</td>
<td align="center">
<a href="_pages/page58.html" target="interestingExample">Hand.x3d</a>
</td>
<td>
<p>
Robotic hand juggling primitives: this scene illustrates the use of the primitive shapes
and a lot of nested Transform nodes to created articulated structures.
</p>
</td>
</tr>
<tr>
<td>
<a name="HeadsUpDisplayHUD"> </a>
<a href="_pages/page59.html" target="interestingExample"><img border="0" alt="HeadsUpDisplayHUD" title="HeadsUpDisplayHUD"
src="_viewpoints/HeadsUpDisplayHUD.x3d._VP_Entry_View.png" width="156" height="89" align="middle"> </a></a>
</td>
<td align="center">
<a href="_pages/page59.html" target="interestingExample">HeadsUpDisplayHUD.x3d</a>
</td>
<td>
<p>
The Heads-up Display (HUD) world illustrates creation of a heads-up display that is locked in place to the screen.
Such positioning is done by using proximity sensor translation and rotation output
to position and orient a set of shapes every time the viewer moves.
In this example, that set of shapes includes a thumb wheel with which world content can be rotated,
and a pair of start and stop buttons that control an animation of that content.
</p>
</td>
</tr>
<tr>
<td>
<a name="IsoLine"> </a>
<a href="_pages/page59.html" target="interestingExample"><img border="0" alt="IsoLine" title="IsoLine"
src="_viewpoints/IsoLine.x3d._VP_Default_viewpoint.png" width="156" height="89" align="middle"> </a></a>
</td>
<td align="center">
<a href="_pages/page59.html" target="interestingExample">IsoLine.x3d</a>
</td>
<td>
<p>
Nested isolines illustrate the use of black fog to do depth-cueing.
That cueing makes distance shapes darker and helps to declutter scenes,
particularly when drawing wireframe shapes like this isoline shape.
</p>
</td>
</tr>
<tr>
<td>
<a name="IsoSurface"> </a>
<a href="_pages/page59.html" target="interestingExample"><img border="0" alt="IsoSurface" title="IsoSurface"
src="_viewpoints/IsoSurface.x3d._VP_Entry_View.png" width="156" height="89" align="middle"> </a></a>
</td>
<td align="center">
<a href="_pages/page59.html" target="interestingExample">IsoSurface.x3d</a>
</td>
<td>
<p>
Nested isosurfaces illustrate the use of IndexedFaceSet nodes to build complex geometry,
such as isosurfaces (constant-value contours in 3D).
</p>
</td>
</tr>
<tr>
<td>
<a name="Land"> </a>
<a href="_pages/page67.html" target="interestingExample"><img border="0" alt="Land" title="Land"
src="_viewpoints/Land.x3d._VP_Entry_View.png" width="156" height="89" align="middle"> </a></a>
</td>
<td align="center">
<a href="_pages/page67.html" target="interestingExample">Land.x3d</a>
</td>
<td>
<p>
Colored terrain scene illustrates the use of a highly detailed ElevationGrid to build a color-mapped terrain.
</p>
</td>
</tr>
<tr>
<td align="center">
<a name="Loader"> </a>
<!-- 904 x 590 -->
<a href="_pages/page70.html" target="interestingExample"><img border="0" alt="Loader" title="Loader"
src="Loader.png" width="136" height="89" align="middle"> </a></a>
</td>
<td align="center">
<a href="_pages/page70.html" target="interestingExample">Loader.x3d</a>
</td>
<td>
<p>
This example illustrates use of JavaScript to load a scene from a file through use of the Browser object.
When a button is selected to provide a new url for a file to load, the Script adds the new world,
waits for the load to complete, then adds the loaded Shape into a rendered group.
</p>
</td>
</tr>
<tr>
<td align="center">
<a name="Match"> </a>
<!-- 750 x 668 -->
<a href="_pages/page72.html" target="interestingExample"><img border="0" alt="Match" title="Match"
src="Match.png" width="100" height="89" align="middle"> </a></a>
</td>
<td align="center">
<a href="_pages/page72.html" target="interestingExample">Match.x3d</a>
</td>
<td>
<p>
A Match! This world illustrates the use of the externally defined Flames prototype,
which creates an animated flame to show the head of a burning match.
</p>
</td>
</tr>
<tr>
<td>
<a name="Monolith"/>
<a href="_pages/page73.html" target="interestingExample"><img border="0" alt="Monolith" title="Monolith"
src="_viewpoints/Monolith.x3d._VP_Entry_View.png" width="156" height="89" align="middle"> </a></a>
</td>
<td align="center">
<a href="_pages/page73.html" target="interestingExample">Monolith.x3d</a>
</td>
<td>
<p>
Monolith world: six vertical monoliths stand arranged together.
Touching a monolith starts it glowing in a pulsing fashion.
</p>
</td>
</tr>
<tr>
<td>
<a name="Primitives"/>
<a href="_pages/page85.html" target="interestingExample"><img border="0" alt="Primitives" title="Primitives"
src="prim.jpg" width="156" height="89" align="middle"> </a></a>
</td>
<td align="center">
<a href="_pages/page85.html" target="interestingExample">Primitives.x3d</a>
</td>
<td>
<p>
The Primitives on Pedestals scene highlights the geometry primitives, placing each one above a Gothic pedestal.
Of note is that the pedestal itself is built using only the geometry primitive nodes.
</p>
</td>
</tr>
<tr>
<td>
<a name="RoboBill"/>
<a href="_pages/page89.html" target="interestingExample"><img border="0" alt="RoboBill" title="RoboBill"
src="_viewpoints/RoboBill.x3d._VP_Entry_View.png" width="156" height="89" align="middle"> </a></a>
</td>
<td align="center">
<a href="_pages/page89.html" target="interestingExample">RoboBill.x3d</a>
</td>
<td>
<p>
RoboBill is a Robot Billboard that illustrates the use of Group, Transform, and Billboard groups -
navigate around, here's looking at you!
The left robot's head rotates in the horizontal plane,
the right robot's head rotates in any direction.
</p>
</td>
</tr>
<tr>
<td>
<a name="Robots"/>
<a href="_pages/page92.html" target="interestingExample"><img border="0" alt="Robots" title="Robots"
src="_viewpoints/Robots.x3d._VP_Entry_View.png" width="156" height="89" align="middle"> </a></a>
</td>
<td align="center">
<a href="_pages/page92.html" target="interestingExample">Robots.x3d</a>
</td>
<td>
<p>
Robot generator prototype to create multiple new nodes.
For this example, we create a new "Robot" node type that has three fields,
one each for setting the robot's l color (its body), its eye color,
and its rod color (gadgets on the body).
Those three fields are used within the body of the Prototype where the robot form is constructed.
Each time a Prototype field ( l, eye, and rod colors) is used within the Prototype body,
use the "IS" syntax to say: "this field within the Prototype body IS equal to the argument in the Prototype interface."
</p>
</td>
</tr>
<tr>
<td align="center">
<a name="Spiral"/>
<!-- 836 X 536 -->
<a href="_pages/page103.html" target="interestingExample"><img border="0" alt="Spiral" title="Spiral"
src="Spiral.png" width="138" height="89" align="middle"> </a></a>
</td>
<td align="center">
<a href="_pages/page103.html" target="interestingExample">Spiral.x3d</a>
</td>
<td>
<p>
Spiral flow shows how to move a set of particles (spheres) along a pre-computed animation path.
Such an approach might be used to visualize the results of a fluid flow simulation.
</p>
</td>
</tr>
<tr>
<td>
<a name="Squisher"/>
<a href="_pages/page105.html" target="interestingExample"><img border="0" alt="Squisher" title="Squisher"
src="_viewpoints/Squisher.x3d._VP_Entry_View.png" width="156" height="89" align="middle"> </a></a>
</td>
<td align="center">
<a href="_pages/page105.html" target="interestingExample">Squisher.x3d</a>
</td>
<td>
<p>
'Squishy ball world illustrates the use of orientation, color, and position interpolators.
The world contains left, center, and right balls.
The left and right balls swing back and forth, pivoting about a common point above the center ball.
Each time the left and right balls swing inward, striking the center ball, the center ball squishes
and turns red.
</p>
</td>
</tr>
<tr>
<td>
<a name="Stairway"/>
<!-- snapshots 782 x 446 -->
<a href="_pages/page106.html" target="interestingExample"><img border="0" alt="Stairway" title="Stairway"
src="_viewpoints/Stairway.x3d._VP_Default_viewpoint.png" width="156" height="89" align="middle"> </a></a>
</td>
<td align="center">
<a href="_pages/page106.html" target="interestingExample">Stairway.x3d</a>
</td>
<td>
<p>
The Stairway world uses a twisting, branching, floating stairway to lead the visitor to six doorways.
Each doorway is a selectable anchor leading to another world:
<a href="#Doorway">Doorway</a>,
<a href="#Monolith">Monolith</a>,
<a href="#Primitives">Primitives on Pedestals</a>,
<a href="#RoboBill">Robot Billboard</a>,
and
<a href="#Temple">Temple of the Glowing Orb</a>
examples.
</p>
</td>
</tr>
<tr>
<td align="center">
<a name="StopWatch"/>
<!-- 730 x 545 -->
<a href="_pages/page107.html" target="interestingExample"><img border="0" alt="StopWatch" title="StopWatch"
src="StopWatch.png" width="119" height="89" align="middle"> </a></a>
</td>
<td align="center">
<a href="_pages/page107.html" target="interestingExample">StopWatch.x3d</a>
</td>
<td>
<p>
Stop-watch with automatically moving second, minute, and hour hands, start and stop buttons,
and a stop-watch sweep second hand.
</p>
</td>
</tr>
<tr>
<td>
<a name="Temple"/>
<a href="_pages/page111.html" target="interestingExample"><img border="0" alt="Temple" title="Temple"
src="_viewpoints/Temple.x3d._VP_Entry_View.png" width="156" height="89" align="middle"> </a></a>
</td>
<td align="center">
<a href="_pages/page111.html" target="interestingExample">Temple.x3d</a>
</td>
<td>
<p>
Temple of the Glowing Orb: this world creates a glowing rotating orb when the pedestal is touched.
</p>
</td>
</tr>
<tr>
<td align="center">
<a name="TexturePlane"/>
<!-- 542 x 539 -->
<a href="_pages/page126.html" target="interestingExample"><img border="0" alt="TexturePlane" title="TexturePlane"
src="TexturePlane.png" width="89" height="89" align="middle"> </a></a>
</td>
<td align="center">
<a href="_pages/page126.html" target="interestingExample">TexturePlane.x3d</a>
</td>
<td>
<p>
Animating textured plane: this world illustrates the use of the TexturePlane prototype node
defined in an external file.
That node creates a textured square whose texture changes based upon an input fraction.
This world animates that fraction to cause the texture to animate.
</p>
</td>
</tr>
<tr>
<td>
<a name="Towers"/>
<a href="_pages/page136.html" target="interestingExample"><img border="0" alt="Towers" title="Towers"
src="_viewpoints/Towers.x3d._VP_Entry_View.png" width="156" height="89" align="middle"> </a></a>
</td>
<td align="center">
<a href="_pages/page136.html" target="interestingExample">Towers.x3d</a>
</td>
<td>
<p>
This world illustrates the use of translation, rotation, and scaling to build a multi-level tower.
</p>
</td>
</tr>
<tr>
<td>
<a name="VectorField1"/>
<a href="_pages/page143.html" target="interestingExample"><img border="0" alt="VectorField1" title="VectorField1"
src="_viewpoints/VectorField1.x3d._VP_Entry_View.png" width="156" height="89" align="middle"> </a></a>
</td>
<td align="center">
<a href="_pages/page143.html" target="interestingExample">VectorField1.x3d</a>
</td>
<td>
<p>
Vector field: this world illustrates the use of an external prototype to define a generic vector.
This scene uses the new vector node repeatedly to place, orient, scale, and color vectors throughout a visualization volume.
</p>
</td>
</tr>
<tr>
<td>
<a name="Wiggle"/>
<a href="_pages/page144.html" target="interestingExample"><img border="0" alt="Wiggle" title="Wiggle"
src="_viewpoints/Wiggle.x3d._VP_Entry_View.png" width="156" height="89" align="middle"> </a></a>
</td>
<td align="center">
<a href="_pages/page144.html" target="interestingExample">Wiggle.x3d</a>
</td>
<td>
<p>
Wiggling cubes illustrate the use of CoordinateInterpolator nodes
to vary the coordinates of shapes (in this case a set of IndexedFaceSet cubes).
</p>
</td>
</tr>
<tr>
<td>
<a name="Windmill"/>
<a href="_pages/page145.html" target="interestingExample"><img border="0" alt="Windmill" title="Windmill"
src="_viewpoints/Windmill.x3d._VP_Entry_View.png" width="156" height="89" align="middle"> </a></a>
</td>
<td align="center">
<a href="_pages/page145.html" target="interestingExample">Windmill.x3d</a>
</td>
<td>
<p>
This world builds a windmill whose sails spin about.
Several viewpoints are added to look at the windmill from different angles.
</p>
</td>
</tr>
</tbody>
</table>
<p>
All scenes by David R. Nadeau, John L. Moreland, and Michael M. Heck.
</p>
<p>
Parent chapter:
X3D Example Archives: VRML 2.0 Sourcebook,
<a href="index.html">Siggraph 98 Course</a>.
</p>
<p>
Translations by Don Brutzman, February 2014.
</p>
</body>
</html>