<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="icon" href="images/X3DtextIcon16.png" title="X3D" type="image/png"/>
<title>X3D for Web Authors Examples Archive - Table of Contents </title>
<!-- I18N -->
<meta http-equiv="X-UA-Compatible" content="chrome=1,IE=edge"/>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
<meta name="author" content="Don Brutzman"/>
<meta name="generator"
content="http://www.web3d.org/x3d/content/dom/CreateContentCatalogPages.xslt"/>
<meta name="modified" content="28 November 2013"/>
</head>
<body>
<table border="0" cellspacing="0" cellpadding="0" summary="" align="center">
<tr align="center">
<td>
<a href="X3dResources.html" target="helpPage">
<img src="images/x3d2-s.gif" width="154" height="97" border="0"
title="to X3D Resources"
alt="to X3D Resources"/>
</a>
</td>
<td>
<pre> </pre>
</td>
<td>
<h3 align="center">X3D for Web Authors Examples Archive</h3>
</td>
<td>
<pre> </pre>
</td>
<td>
<a href="http://www.web3d.org">
<img src="images/web3d_logo2.png" width="120" height="60" border="0"
title="to Web3D Consortium home page"
alt="to Web3D Consortium home page"/>
</a>
</td>
</tr>
</table>
<p style="text-align:center;margin-left:auto;margin-right:auto;width:80%;font-size:medium">
<i>
<a href="http://X3dGraphics.com" target="_blank">X3D for Web Authors</a>
</i> is an introductory reference textbook for learning Extensible 3D (X3D) Graphics.</p>
<p style="text-align:center;margin-left:auto;margin-right:auto;width:80%;font-size:medium">Book support includes the <a href="https://savage.nps.edu/X3D-Edit" target="_blank">X3D-Edit authoring tool</a>, <a href="http://www.web3d.org/x3d/content/examples/X3dResources.html#Tooltips"
target="_blank">X3D Tooltips</a>, <a href="https://savage.nps.edu/X3dValidator" target="_blank">X3D Validator</a>, complete <a href="http://x3dgraphics.com/slidesets/index.php" target="_blank">course slidesets</a> and <a href="https://www.movesinstitute.org/Video/Courses/X3dForWebAuthors/X3dForWebAuthorsVideo.html"
target="_blank">videos</a>, plus this open-source scene archive.</p>
<hr width="90%"/>
<table width="90%" summary="" align="center" border="0" cellpadding="1">
<tr>
<td align="left" width="15%">
<a href="http://X3dGraphics.com/X3dExamplesX3dForWebAuthors.zip">Zip archive</a>
</td>
<td align="center">16 Chapters, 256 Models</td>
<td align="right" width="15%">
<a href="X3dResources.html" target="helpPage">X3D Resources</a>
</td>
</tr>
</table>
<hr width="90%"/>
<table width="90%" summary="" align="center" border="0" cellpadding="1"><!--chapterCountModulo3=1--><tr align="left" valign="middle">
<td>
<a href="#Chapter01-TechnicalOverview">Chapter 01 - Technical Overview</a>
</td>
<td>
<a href="#Chapter02-GeometryPrimitives">Chapter 02 - Geometry Primitives</a>
</td>
<td>
<a href="#Chapter03-Grouping">Chapter 03 - Grouping</a>
</td>
</tr>
<tr align="left" valign="middle">
<td>
<a href="#Chapter04-ViewingNavigation">Chapter 04 - Viewing Navigation</a>
</td>
<td>
<a href="#Chapter05-AppearanceMaterialTextures">Chapter 05 - Appearance Material Textures</a>
</td>
<td>
<a href="#Chapter06-GeometryPointsLinesPolygons">Chapter 06 - Geometry Points Lines Polygons</a>
</td>
</tr>
<tr align="left" valign="middle">
<td>
<a href="#Chapter07-EventAnimationInterpolation">Chapter 07 - Event Animation Interpolation</a>
</td>
<td>
<a href="#Chapter08-UserInteractivity">Chapter 08 - User Interactivity</a>
</td>
<td>
<a href="#Chapter09-EventUtilitiesScripting">Chapter 09 - Event Utilities Scripting</a>
</td>
</tr>
<tr align="left" valign="middle">
<td>
<a href="#Chapter10-Geometry2D">Chapter 10 - Geometry 2D</a>
</td>
<td>
<a href="#Chapter11-LightingEnvironmentalEffects">Chapter 11 - Lighting Environmental Effects</a>
</td>
<td>
<a href="#Chapter12-EnvironmentSensorSound">Chapter 12 - Environment Sensor Sound</a>
</td>
</tr>
<tr align="left" valign="middle">
<td>
<a href="#Chapter13-GeometryTrianglesQuadrilaterals">Chapter 13 - Geometry Triangles Quadrilaterals</a>
</td>
<td>
<a href="#Chapter14-Prototypes">Chapter 14 - Prototypes</a>
</td>
<td>
<a href="#Chapter15-Metadata">Chapter 15 - Metadata</a>
</td>
</tr>
<tr align="left" valign="middle">
<td>
<a href="#KelpForestExhibit">Kelp Forest Exhibit</a>
</td>
<td width="32%"> </td>
<td width="32%"> </td>
</tr>
</table>
<br/>
<table width="95%" summary="" align="center" border="1" cellpadding="6">
<tr align="left">
<th width="67%"> Chapter Links</th>
<th width="33%"> X3D Scenes</th>
</tr>
<tr align="left" valign="top">
<td align="left" valign="top" width="67%">
<a name="Chapter01-TechnicalOverview"> </a>
<b>
<a href="Chapter01-TechnicalOverview/index.html">Chapter 01 - Technical Overview</a>
</b>
<table bgColor="#ffffff" border="0" width="100%">
<tbody>
<tr>
<td align="left" rowspan="1">
<a href="Chapter01-TechnicalOverview/index.html"><img alt="X3D for Web Authors book" title="X3D for Web Authors book" border="0" hspace="10" src="Chapter01-TechnicalOverview/X3dForWebAuthorsBookCoverScan.400x498.jpg" width="100" height="124" align="middle"/></a>
</td>
<td align="left">
<p>
The supporting
<a href="http://x3dgraphics.com/slidesets">slidesets</a>,
<a href="https://www.movesinstitute.org/Video/Courses/X3dForWebAuthors/X3dForWebAuthorsVideo.html" target="X3dChapterVideos">videos</a>
and the complete
<a href="Chapter01-TechnicalOverview/Chapter01-Technical_Overview.pdf">Chapter 1 Technical Overview</a>
from <i>X3D for Web Authors</i> are available online via
<a href="http://X3dGraphics.com">X3dGraphics.com</a>.
The
<a href="http://x3dgraphics.com/slidesets/X3dForWebAuthors/Chapter00-GettingStarted.pdf">Getting Started</a>
and
<a href="http://x3dgraphics.com/slidesets/X3dForWebAuthors/Chapter00-GettingStarted.pdf">X3D-Edit Update</a>
slidesets describe good ways to begin.
All of these examples were created using the
<a href="https://savage.nps.edu/X3D-Edit">X3D-Edit authoring tool</a>.
</p>
<p>
A published paper
"<a href="Chapter01-TechnicalOverview/CGEMS_X3dGraphicsForWebAuthorsModule_Brutzman2008October16.pdf">Computer Graphics Teaching Support using X3D</a>"
describes how X3D is used to teach introductory 3D in university courses.
Together these assets can be used to learn X3D.
</p>
<p>
Also available:
<a href="http://www.web3d.org/x3d/content/examples/X3dSceneAuthoringHints.html" target="_blank">X3D Scene Authoring Hints</a>
for
<a href="http://www.web3d.org/x3d/content/examples/X3dSceneAuthoringHints.html#Authoring" target="_blank">Authoring Practices</a>,
<a href="http://www.web3d.org/x3d/content/examples/X3dSceneAuthoringHints.html#Credits" target="_blank">Credits</a>,
<a href="http://www.web3d.org/x3d/content/examples/X3dSceneAuthoringHints.html#Dates" target="_blank">Dates</a>,
<a href="http://www.web3d.org/x3d/content/examples/X3dSceneAuthoringHints.html#License" target="_blank">License</a>,
<a href="http://www.web3d.org/x3d/content/examples/X3dSceneAuthoringHints.html#metaTags" target="_blank">meta Tags</a> and
<a href="http://www.web3d.org/x3d/content/examples/X3dSceneAuthoringHints.html#NamingConventions" target="_blank">Naming Conventions</a>.
</p>
</td>
<td align="left" rowspan="1">
<a href="Chapter01-TechnicalOverview/index.html"><img alt="X3d for Web Authors video course is online" title="X3d for Web Authors video course is online" border="0" hspace="10" src="Chapter01-TechnicalOverview/X3dForWebAuthorsVideo.jpg" width="180" height="105" align="left"/></a>
</td>
</tr>
</tbody>
</table>
</td>
<td valign="top" width="33%">
<ul style="margin-top:0; margin-bottom:0;">
<li>
<a href="Chapter01-TechnicalOverview/_pages/page01.html">Header Profile Component Meta Example</a>
</li>
<li>
<a href="Chapter01-TechnicalOverview/_pages/page02.html">Hello Triangle</a>
</li>
<li>
<a href="Chapter01-TechnicalOverview/_pages/page03.html">Hello World</a>
</li>
<li>
<a href="Chapter01-TechnicalOverview/_pages/page04.html">new Scene</a>
</li>
</ul>
</td>
</tr>
<tr align="left" valign="top">
<td align="left" valign="top" width="67%">
<a name="Chapter02-GeometryPrimitives"> </a>
<b>
<a href="Chapter02-GeometryPrimitives/index.html">Chapter 02 - Geometry Primitives</a>
</b>
<table bgColor="#ffffff" border="0" width="100%">
<tbody>
<tr>
<td width="100%" align="center">
<br />
<a href="Chapter02-GeometryPrimitives/index.html"><img alt="Geometry Primitives" title="Geometry Primitives" border="0" hspace="0" src="Chapter02-GeometryPrimitives/GeometryPrimitiveNodesWhiteBackground.png" width="412" height="81" align="middle"/></a>
</td>
</tr>
</tbody>
</table>
<p>
Shape nodes can contain one geometry node and one Appearance node.
Geometry primitives include the
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#Box" target="X3dTooltips" title="X3D Tooltip">Box</a>,
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#Cone" target="X3dTooltips" title="X3D Tooltip">Cone</a>,
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#Cylinder" target="X3dTooltips" title="X3D Tooltip">Cylinder</a>,
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#Sphere" target="X3dTooltips" title="X3D Tooltip">Sphere</a>
and
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#Text" target="X3dTooltips" title="X3D Tooltip">Text</a> nodes.
Each is placed individually inside a
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#Shape" target="X3dTooltips" title="X3D Tooltip">Shape</a>
node.
</p>
<p>
The supporting
<a href="http://x3dgraphics.com/slidesets/X3dForWebAuthors/Chapter02-GeometryPrimitives.pdf" target="X3dChapterSlideset">Chapter 2 slideset</a>
and
<a href="https://www.movesinstitute.org/Video/Courses/X3dForWebAuthors/X3dForWebAuthorsVideo.html#2" target="X3dChapterVideos">course videos</a>
from <i>X3D for Web Authors</i> are available online via
<a href="http://X3dGraphics.com">X3dGraphics.com</a>.
</p>
</td>
<td valign="top" width="33%">
<ul style="margin-top:0; margin-bottom:0;">
<li>
<a href="Chapter02-GeometryPrimitives/_pages/page01.html">Box</a>
</li>
<li>
<a href="Chapter02-GeometryPrimitives/_pages/page02.html">Cone</a>
</li>
<li>
<a href="Chapter02-GeometryPrimitives/_pages/page03.html">Cylinder</a>
</li>
<li>
<a href="Chapter02-GeometryPrimitives/_pages/page04.html">Geometry Primitive Nodes</a>
</li>
<li>
<a href="Chapter02-GeometryPrimitives/_pages/page05.html">Geometry Primitive Nodes White Background</a>
</li>
<li>
<a href="Chapter02-GeometryPrimitives/_pages/page06.html">Sphere</a>
</li>
<li>
<a href="Chapter02-GeometryPrimitives/_pages/page07.html">Text</a>
</li>
<li>
<a href="Chapter02-GeometryPrimitives/_pages/page08.html">Text Length Max Extent</a>
</li>
<li>
<a href="Chapter02-GeometryPrimitives/_pages/page09.html">Text Special Characters</a>
</li>
</ul>
</td>
</tr>
<tr align="left" valign="top">
<td align="left" valign="top" width="67%">
<a name="Chapter03-Grouping"> </a>
<b>
<a href="Chapter03-Grouping/index.html">Chapter 03 - Grouping</a>
</b>
<table bgColor="#ffffff" border="0" width="100%">
<tbody>
<tr>
<td align="left" cellpadding="10">
<a href="Chapter03-Grouping/index.html"><img alt="Coordinate Axes (North South East West)" title="Coordinate Axes (North South East West)" border="0" hspace="10" src="Chapter03-Grouping/CoordinateAxesNSEW.WhiteBackground.png" width="163" height="177" align="left"/></a>
</td>
<td>
<p>
Grouping nodes help to organize the scene graph, can establish relative coordinate systems,
and can contain most other kinds of X3D nodes.
</p>
<p>
Grouping nodes include the
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#Anchor" target="X3dTooltips" title="X3D Tooltip">Anchor</a>,
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#Billboard" target="X3dTooltips" title="X3D Tooltip">Billboard</a>,
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#Collision" target="X3dTooltips" title="X3D Tooltip">Collision</a>,
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#Group" target="X3dTooltips" title="X3D Tooltip">Group</a>,
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#StaticGroup" target="X3dTooltips" title="X3D Tooltip">StaticGroup</a>,
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#Switch" target="X3dTooltips" title="X3D Tooltip">Switch</a>
and
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#Transform" target="X3dTooltips" title="X3D Tooltip">Transform</a>
nodes.
The
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#Inline" target="X3dTooltips" title="X3D Tooltip">Inline</a>
node is also similar since it adds nodes into the current scene that loaded from another X3D scene, retrieved
via a local or online url address.
</p>
<p>
The supporting
<a href="http://x3dgraphics.com/slidesets/X3dForWebAuthors/Chapter03-Grouping.pdf" target="X3dChapterSlideset">Chapter 3 slideset</a>
and
<a href="https://www.movesinstitute.org/Video/Courses/X3dForWebAuthors/X3dForWebAuthorsVideo.html#3" target="X3dChapterVideos">course videos</a>
from <i>X3D for Web Authors</i> are available online via
<a href="http://X3dGraphics.com">X3dGraphics.com</a>.
</p>
<p>
Also available:
<a href="http://www.web3d.org/x3d/content/examples/X3dSceneAuthoringHints.html" target="_blank">X3D Scene Authoring Hints</a>
for
<a href="http://www.web3d.org/x3d/content/examples/X3dSceneAuthoringHints.html#CoordinateSystems" target="_blank">Coordinate Systems</a>,
<a href="http://www.web3d.org/x3d/content/examples/X3dSceneAuthoringHints.html#InlinesPrototypes" target="_blank">Inline Scenes</a>,
<a href="http://www.web3d.org/x3d/content/examples/X3dSceneAuthoringHints.html#Scale" target="_blank">Scale Factors</a>
and
<a href="http://www.web3d.org/x3d/content/examples/X3dSceneAuthoringHints.html#urls" target="_blank">URL Links</a>.
</p>
</td>
</tr>
</tbody>
</table>
</td>
<td valign="top" width="33%">
<ul style="margin-top:0; margin-bottom:0;">
<li>
<a href="Chapter03-Grouping/_pages/page01.html">Bounding Box Illustration</a>
</li>
<li>
<a href="Chapter03-Grouping/_pages/page02.html">Coordinate Axes</a>
</li>
<li>
<a href="Chapter03-Grouping/_pages/page03.html">Coordinate Axes Inline Example</a>
</li>
<li>
<a href="Chapter03-Grouping/_pages/page04.html">Coordinate Axes Lines</a>
</li>
<li>
<a href="Chapter03-Grouping/_pages/page05.html">Coordinate Axes NSEW</a>
</li>
<li>
<a href="Chapter03-Grouping/_pages/page06.html">Group</a>
</li>
<li>
<a href="Chapter03-Grouping/_pages/page07.html">Group Animated</a>
</li>
<li>
<a href="Chapter03-Grouping/_pages/page08.html">Inline</a>
</li>
<li>
<a href="Chapter03-Grouping/_pages/page09.html">Inline Kelp Forest</a>
</li>
<li>
<a href="Chapter03-Grouping/_pages/page10.html">LOD</a>
</li>
<li>
<a href="Chapter03-Grouping/_pages/page11.html">Lod With Different Shapes</a>
</li>
<li>
<a href="Chapter03-Grouping/_pages/page12.html">Order Of Operations 1</a>
</li>
<li>
<a href="Chapter03-Grouping/_pages/page13.html">Order Of Operations 2</a>
</li>
<li>
<a href="Chapter03-Grouping/_pages/page14.html">Static Group</a>
</li>
<li>
<a href="Chapter03-Grouping/_pages/page15.html">Switch</a>
</li>
<li>
<a href="Chapter03-Grouping/_pages/page16.html">Transform</a>
</li>
<li>
<a href="Chapter03-Grouping/_pages/page17.html">Transform Center Offset For Rotation</a>
</li>
</ul>
</td>
</tr>
<tr align="left" valign="top">
<td align="left" valign="top" width="67%">
<a name="Chapter04-ViewingNavigation"> </a>
<b>
<a href="Chapter04-ViewingNavigation/index.html">Chapter 04 - Viewing Navigation</a>
</b>
<table bgColor="#ffffff" border="0" width="100%">
<tbody>
<tr>
<td align="left" rowspan="2">
<a href="Chapter04-ViewingNavigation/index.html"><img alt="Anchor comparison, view from front" title="Anchor comparison, view from front" border="0" hspace="10" src="Chapter04-ViewingNavigation/AnchorComparisonFrontViewpoint.png" width="87" height="101" align="middle"/></a>
</td>
<td align="left">
<p>
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#Viewpoint" target="X3dTooltips" title="X3D Tooltip">Viewpoint</a>
nodes are the primary means for users to explore a scene.
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#NavigationInfo" target="X3dTooltips" title="X3D Tooltip">NavigationInfo</a>
nodes enable different user-interaction styles (FLY, WALK, EXAMINE etc.) as appropriate.
Only one Viewpoint and one NavigationInfo node can each be active a time,
with order of selection controlled via a binding stack.
</p>
<p>
The supporting
<a href="http://x3dgraphics.com/slidesets/X3dForWebAuthors/Chapter04-ViewingNavigation.pdf" target="X3dChapterSlideset">Chapter 4 slideset</a>
and
<a href="https://www.movesinstitute.org/Video/Courses/X3dForWebAuthors/X3dForWebAuthorsVideo.html#4" target="X3dChapterVideos">course videos</a>
from <i>X3D for Web Authors</i> are available online via
<a href="http://X3dGraphics.com">X3dGraphics.com</a>.
</p>
<p>
Also available:
<a href="http://www.web3d.org/x3d/content/examples/X3dSceneAuthoringHints.html#Viewpoints" target="_blank">X3D Scene Authoring Hints: Viewpoints and Navigation</a>.
</p>
</td>
<td align="left" rowspan="2">
<a href="Chapter04-ViewingNavigation/index.html"><img alt="Anchor comparison, oblique view from right side" title="Anchor comparison, oblique view from right side" border="0" hspace="10" src="Chapter04-ViewingNavigation/AnchorComparisonObliqueViewpoint.png" width="72" height="102" align="left"/></a>
</td>
</tr>
</tbody>
</table>
</td>
<td valign="top" width="33%">
<ul style="margin-top:0; margin-bottom:0;">
<li>
<a href="Chapter04-ViewingNavigation/_pages/page01.html">Aliasing Example</a>
</li>
<li>
<a href="Chapter04-ViewingNavigation/_pages/page02.html">Anchor</a>
</li>
<li>
<a href="Chapter04-ViewingNavigation/_pages/page03.html">Anchor Comparison</a>
</li>
<li>
<a href="Chapter04-ViewingNavigation/_pages/page04.html">Billboard</a>
</li>
<li>
<a href="Chapter04-ViewingNavigation/_pages/page05.html">Binding Operations</a>
</li>
<li>
<a href="Chapter04-ViewingNavigation/_pages/page06.html">Collision</a>
</li>
<li>
<a href="Chapter04-ViewingNavigation/_pages/page07.html">Navigation Info</a>
</li>
<li>
<a href="Chapter04-ViewingNavigation/_pages/page08.html">Viewpoint</a>
</li>
</ul>
</td>
</tr>
<tr align="left" valign="top">
<td align="left" valign="top" width="67%">
<a name="Chapter05-AppearanceMaterialTextures"> </a>
<b>
<a href="Chapter05-AppearanceMaterialTextures/index.html">Chapter 05 - Appearance Material Textures</a>
</b>
<table bgColor="#ffffff" border="0" width="100%">
<tbody>
<tr>
<td align="center" valign="top">
<a href="Chapter05-AppearanceMaterialTextures/index.html"><img alt="FillProperties Hatch Style" title="FillProperties Hatch Style" border="0" hspace="10" src="Chapter05-AppearanceMaterialTextures/FillPropertiesHatchStyle.png" width="166" height="115" align="middle"/></a>
</td>
<td align="center" valign="top">
<a href="Chapter05-AppearanceMaterialTextures/index.html"><img alt="LineProperties Linetype Options" title="LineProperties Linetype Options" title="LineProperties Linetype Options" border="0" hspace="10" src="Chapter05-AppearanceMaterialTextures/LinePropertiesLinetypeExample.png" height="115" align="left"/></a>
</td>
<td align="center" valign="top">
<a href="Chapter05-AppearanceMaterialTextures/index.html"><img alt="MovieTexture Authoring Options" title="MovieTexture Authoring Options" border="0" hspace="10" src="Chapter05-AppearanceMaterialTextures/MovieTextureAuthoringOptions.png" height="115" align="left"/></a>
</td>
<td align="center" valign="top">
<a href="Chapter05-AppearanceMaterialTextures/index.html"><img alt="ImageTexture Example" title="ImageTexture Example" border="0" hspace="10" src="Chapter05-AppearanceMaterialTextures/ImageTextureFigure18.1X3dSpecification.gif" height="115" align="left"/></a>
</td>
<td align="center" valign="top">
<a href="Chapter05-AppearanceMaterialTextures/index.html"><img alt="PixelTexture Snowman" title="PixelTexture Snowman" border="0" hspace="10" src="Chapter05-AppearanceMaterialTextures/PixelTextureSnowmanSnapshot.png" height="115" align="left"/></a>
</td>
</tr>
<tr>
<td align="left" colspan="5">
<p>
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#Appearance" target="X3dTooltips" title="X3D Tooltip">Appearance</a>
is individually associated with specific geometry within a shared
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#Shape" target="X3dTooltips" title="X3D Tooltip">Shape</a>
node.
Each Appearance is a container node that can include
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#Material" target="X3dTooltips" title="X3D Tooltip">Material</a>,
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#TwoSidedMaterial" target="X3dTooltips" title="X3D Tooltip">TwoSidedMaterial</a>,
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#ImageTexture" target="X3dTooltips" title="X3D Tooltip">ImageTexture</a>,
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#MovieTexture" target="X3dTooltips" title="X3D Tooltip">MovieTexture</a>,
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#PixelTexture" target="X3dTooltips" title="X3D Tooltip">PixelTexture</a>
and
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#MultiTexture" target="X3dTooltips" title="X3D Tooltip">MultiTexture</a>
nodes.
</p>
<p>
Appearance can also contain property nodes for controlling rendering and texture:
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#FillProperties" target="X3dTooltips" title="X3D Tooltip">FillProperties</a>,
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#LineProperties" target="X3dTooltips" title="X3D Tooltip">LineProperties</a>,
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#TextureProperties" target="X3dTooltips" title="X3D Tooltip">TextureProperties</a>,
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#TextureTransform" target="X3dTooltips" title="X3D Tooltip">TextureTransform</a>
and
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#MultiTextureTransform" target="X3dTooltips" title="X3D Tooltip">MultiTextureTransform</a>
nodes.
</p>
<p>
The supporting
<a href="http://x3dgraphics.com/slidesets/X3dForWebAuthors/Chapter05-AppearanceMaterialTextures.pdf" target="X3dChapterSlideset">Chapter 5 slideset</a>
and
<a href="https://www.movesinstitute.org/Video/Courses/X3dForWebAuthors/X3dForWebAuthorsVideo.html#5" target="X3dChapterVideos">course videos</a>
from <i>X3D for Web Authors</i> are available online via
<a href="http://X3dGraphics.com">X3dGraphics.com</a>.
</p>
<p>
Also available:
<a href="http://www.web3d.org/x3d/content/examples/X3dSceneAuthoringHints.html#Images" target="_blank">X3D Scene Authoring Hints</a>
for
<a href="http://www.web3d.org/x3d/content/examples/X3dSceneAuthoringHints.html#Images" target="_blank">Images and Videos</a>
and
<a href="http://www.web3d.org/x3d/content/examples/X3dSceneAuthoringHints.html#urls" target="_blank">URL Links</a>.
</p>
</td>
</tr>
</tbody>
</table>
</td>
<td valign="top" width="33%">
<ul style="margin-top:0; margin-bottom:0;">
<li>
<a href="Chapter05-AppearanceMaterialTextures/_pages/page01.html">Ambient Intensity</a>
</li>
<li>
<a href="Chapter05-AppearanceMaterialTextures/_pages/page02.html">Circle Fish Prototype</a>
</li>
<li>
<a href="Chapter05-AppearanceMaterialTextures/_pages/page03.html">Circle Fish PTPrototype</a>
</li>
<li>
<a href="Chapter05-AppearanceMaterialTextures/_pages/page04.html">Diffuse Color</a>
</li>
<li>
<a href="Chapter05-AppearanceMaterialTextures/_pages/page05.html">Emissive Color</a>
</li>
<li>
<a href="Chapter05-AppearanceMaterialTextures/_pages/page06.html">Fill Properties</a>
</li>
<li>
<a href="Chapter05-AppearanceMaterialTextures/_pages/page07.html">Garibaldi</a>
</li>
<li>
<a href="Chapter05-AppearanceMaterialTextures/_pages/page08.html">Garibaldi Local Texture</a>
</li>
<li>
<a href="Chapter05-AppearanceMaterialTextures/_pages/page09.html">Garibaldi Remote</a>
</li>
<li>
<a href="Chapter05-AppearanceMaterialTextures/_pages/page10.html">Garibaldi Remote No Texture</a>
</li>
<li>
<a href="Chapter05-AppearanceMaterialTextures/_pages/page11.html">Geometry Primitive Nodes Image Texture</a>
</li>
<li>
<a href="Chapter05-AppearanceMaterialTextures/_pages/page12.html">Line Properties</a>
</li>
<li>
<a href="Chapter05-AppearanceMaterialTextures/_pages/page13.html">Movie Texture Authoring Options</a>
</li>
<li>
<a href="Chapter05-AppearanceMaterialTextures/_pages/page14.html">Pixel Texture</a>
</li>
<li>
<a href="Chapter05-AppearanceMaterialTextures/_pages/page15.html">Pixel Texture BW</a>
</li>
<li>
<a href="Chapter05-AppearanceMaterialTextures/_pages/page16.html">Pixel Texture Component Examples</a>
</li>
<li>
<a href="Chapter05-AppearanceMaterialTextures/_pages/page17.html">Pixel Texture Garibaldi</a>
</li>
<li>
<a href="Chapter05-AppearanceMaterialTextures/_pages/page18.html">Pixel Texture Snowman</a>
</li>
<li>
<a href="Chapter05-AppearanceMaterialTextures/_pages/page19.html">Pixel Texture Transform Scale</a>
</li>
<li>
<a href="Chapter05-AppearanceMaterialTextures/_pages/page20.html">Specular Color</a>
</li>
<li>
<a href="Chapter05-AppearanceMaterialTextures/_pages/page21.html">Table 5 18 - Pixel Texture</a>
</li>
<li>
<a href="Chapter05-AppearanceMaterialTextures/_pages/page22.html">Texture Local Garibaldi</a>
</li>
<li>
<a href="Chapter05-AppearanceMaterialTextures/_pages/page23.html">Texture Remote Garibaldi</a>
</li>
<li>
<a href="Chapter05-AppearanceMaterialTextures/_pages/page24.html">Texture Transform</a>
</li>
<li>
<a href="Chapter05-AppearanceMaterialTextures/_pages/page25.html">Texture Transform Full</a>
</li>
<li>
<a href="Chapter05-AppearanceMaterialTextures/_pages/page26.html">Texture Transform Scale</a>
</li>
<li>
<a href="Chapter05-AppearanceMaterialTextures/_pages/page27.html">Texture Transform Translation</a>
</li>
<li>
<a href="Chapter05-AppearanceMaterialTextures/_pages/page28.html">Transparency</a>
</li>
<li>
<a href="Chapter05-AppearanceMaterialTextures/_pages/page29.html">Two Sided Material</a>
</li>
</ul>
</td>
</tr>
<tr align="left" valign="top">
<td align="left" valign="top" width="67%">
<a name="Chapter06-GeometryPointsLinesPolygons"> </a>
<b>
<a href="Chapter06-GeometryPointsLinesPolygons/index.html">Chapter 06 - Geometry Points Lines Polygons</a>
</b>
<table bgColor="#ffffff" border="0" width="100%">
<tbody>
<tr>
<td width="100%" align="center">
<br />
<a href="Chapter06-GeometryPointsLinesPolygons/index.html"><img alt="Color Per Vertex Examples" title="Color Per Vertex Examples" border="0" hspace="0" src="Chapter06-GeometryPointsLinesPolygons/ColorPerVertexExamples.png" width="600" height="100" align="middle"/></a>
</td>
</tr>
</tbody>
</table>
<p>
Many kinds of geometry can be created using
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#PointSet" target="X3dTooltips" title="X3D Tooltip">PointSet</a>,
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#LineSet" target="X3dTooltips" title="X3D Tooltip">LineSet</a>,
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#IndexedLineSet" target="X3dTooltips" title="X3D Tooltip">IndexedLineSet</a>,
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#IndexedFaceSet" target="X3dTooltips" title="X3D Tooltip">IndexedFaceSet</a>,
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#ElevationGrid" target="X3dTooltips" title="X3D Tooltip">ElevationGrid</a>
and
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#Extrusion" target="X3dTooltips" title="X3D Tooltip">Extrusion</a>
nodes.
Each is placed individually inside a
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#Shape" target="X3dTooltips" title="X3D Tooltip">Shape</a>
node.
</p>
<p>
Geometric properties are controlled by
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#Color" target="X3dTooltips" title="X3D Tooltip">Color</a>,
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#ColorRGBA" target="X3dTooltips" title="X3D Tooltip">ColorRGBA</a>,
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#Coordinate" target="X3dTooltips" title="X3D Tooltip">Coordinate</a>,
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#CoordinateDouble" target="X3dTooltips" title="X3D Tooltip">CoordinateDouble</a>,
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#Normal" target="X3dTooltips" title="X3D Tooltip">Normal</a>,
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#TextureCoordinate" target="X3dTooltips" title="X3D Tooltip">TextureCoordinate</a>,
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#TextureCoordinateGenerator" target="X3dTooltips" title="X3D Tooltip">TextureCoordinateGenerator</a>
and
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#MultiTextureCoordinate" target="X3dTooltips" title="X3D Tooltip">MultiTextureCoordinate</a>
nodes.
</p>
<p>
The supporting
<a href="http://x3dgraphics.com/slidesets/X3dForWebAuthors/Chapter06-GeometryPointsLinesPolygons.pdf" target="X3dChapterSlideset">Chapter 6 slideset</a>
and
<a href="https://www.movesinstitute.org/Video/Courses/X3dForWebAuthors/X3dForWebAuthorsVideo.html#6" target="X3dChapterVideos">course videos</a>
from <i>X3D for Web Authors</i> are available online via
<a href="http://X3dGraphics.com">X3dGraphics.com</a>.
</p>
<p>
Also available:
<a href="http://www.web3d.org/x3d/content/examples/X3dSceneAuthoringHints.html#Meshes" target="_blank">X3D Scene Authoring Hints: Meshes</a>.
</p>
</td>
<td valign="top" width="33%">
<ul style="margin-top:0; margin-bottom:0;">
<li>
<a href="Chapter06-GeometryPointsLinesPolygons/_pages/page01.html">Color</a>
</li>
<li>
<a href="Chapter06-GeometryPointsLinesPolygons/_pages/page02.html">Color Per Vertex Examples</a>
</li>
<li>
<a href="Chapter06-GeometryPointsLinesPolygons/_pages/page03.html">Elevation Grid</a>
</li>
<li>
<a href="Chapter06-GeometryPointsLinesPolygons/_pages/page04.html">Elevation Grid Non Planar Quadrilaterals</a>
</li>
<li>
<a href="Chapter06-GeometryPointsLinesPolygons/_pages/page05.html">Extrusion Pentagon</a>
</li>
<li>
<a href="Chapter06-GeometryPointsLinesPolygons/_pages/page06.html">Extrusion Room Walls</a>
</li>
<li>
<a href="Chapter06-GeometryPointsLinesPolygons/_pages/page07.html">Indexed Face Set</a>
</li>
<li>
<a href="Chapter06-GeometryPointsLinesPolygons/_pages/page08.html">Indexed Line Set</a>
</li>
<li>
<a href="Chapter06-GeometryPointsLinesPolygons/_pages/page09.html">Line Set</a>
</li>
<li>
<a href="Chapter06-GeometryPointsLinesPolygons/_pages/page10.html">Line Set Comparison</a>
</li>
<li>
<a href="Chapter06-GeometryPointsLinesPolygons/_pages/page11.html">Point Set</a>
</li>
<li>
<a href="Chapter06-GeometryPointsLinesPolygons/_pages/page12.html"> X3D Book Website Logo</a>
</li>
</ul>
</td>
</tr>
<tr align="left" valign="top">
<td align="left" valign="top" width="67%">
<a name="Chapter07-EventAnimationInterpolation"> </a>
<b>
<a href="Chapter07-EventAnimationInterpolation/index.html">Chapter 07 - Event Animation Interpolation</a>
</b>
<table bgColor="#ffffff" border="0" width="100%">
<tbody>
<tr>
<td width="100%" align="center">
<br />
<a href="Chapter07-EventAnimationInterpolation/index.html"><img alt="Dolphin Wireframe: Coordinate Interpolator Morphing" title="Dolphin Wireframe: Coordinate Interpolator Morphing" border="0" hspace="0" src="Chapter07-EventAnimationInterpolation/DolphinWireframe.png" width="350" height="105" align="middle"/></a>
</td>
</tr>
</tbody>
</table>
<p>
Event animation and interpolation is accomplished by
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#ROUTE" target="X3dTooltips" title="X3D Tooltip">ROUTE</a>
connections that pass events between nodes.
Strong typing requirements ensure that only valid values are allowed to modify the scene graph.
</p>
<p>
The
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#TimeSensor" target="X3dTooltips" title="X3D Tooltip">TimeSensor</a>
node produces output stimulus events that track the passage of time intervals using the computer clock.
</p>
<p>
Strictly typed interpolation values are produced by
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#ScalarInterpolator" target="X3dTooltips" title="X3D Tooltip">ScalarInterpolator</a>,
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#ColorInterpolator" target="X3dTooltips" title="X3D Tooltip">ColorInterpolator</a>,
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#PositionInterpolator" target="X3dTooltips" title="X3D Tooltip">PositionInterpolator</a>,
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#PositionInterpolator2D" target="X3dTooltips" title="X3D Tooltip">PositionInterpolator2D</a>,
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#OrientationInterpolator" target="X3dTooltips" title="X3D Tooltip">OrientationInterpolator</a>,
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#NormalInterpolator" target="X3dTooltips" title="X3D Tooltip">NormalInterpolator</a>,
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#CoordinateInterpolator" target="X3dTooltips" title="X3D Tooltip">CoordinateInterpolator</a>,
and
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#CoordinateInterpolator2D" target="X3dTooltips" title="X3D Tooltip">CoordinateInterpolator2D</a> nodes.
</p>
<p>
The supporting
<a href="http://x3dgraphics.com/slidesets/X3dForWebAuthors/Chapter07-EventAnimationInterpolation.pdf" target="X3dChapterSlideset">Chapter 7 slideset</a>
and
<a href="https://www.movesinstitute.org/Video/Courses/X3dForWebAuthors/X3dForWebAuthorsVideo.html#7" target="X3dChapterVideos">course videos</a>
from <i>X3D for Web Authors</i> are available online via
<a href="http://X3dGraphics.com">X3dGraphics.com</a>.
</p>
</td>
<td valign="top" width="33%">
<ul style="margin-top:0; margin-bottom:0;">
<li>
<a href="Chapter07-EventAnimationInterpolation/_pages/page01.html">Circle Fish Position Interpolator</a>
</li>
<li>
<a href="Chapter07-EventAnimationInterpolation/_pages/page02.html">Circle Fish Prototype</a>
</li>
<li>
<a href="Chapter07-EventAnimationInterpolation/_pages/page03.html">Circle Fish PTPrototype</a>
</li>
<li>
<a href="Chapter07-EventAnimationInterpolation/_pages/page04.html">Color Interpolator Example</a>
</li>
<li>
<a href="Chapter07-EventAnimationInterpolation/_pages/page05.html">Color Interpolator Fish Prototype</a>
</li>
<li>
<a href="Chapter07-EventAnimationInterpolation/_pages/page06.html">Coordinate Interpolator 2D Example</a>
</li>
<li>
<a href="Chapter07-EventAnimationInterpolation/_pages/page07.html">Dolphin Morpher</a>
</li>
<li>
<a href="Chapter07-EventAnimationInterpolation/_pages/page08.html">Dolphin Pose 01</a>
</li>
<li>
<a href="Chapter07-EventAnimationInterpolation/_pages/page09.html">Dolphin Pose 02</a>
</li>
<li>
<a href="Chapter07-EventAnimationInterpolation/_pages/page10.html">Dolphin Pose 03</a>
</li>
<li>
<a href="Chapter07-EventAnimationInterpolation/_pages/page11.html">Dolphin Switcher</a>
</li>
<li>
<a href="Chapter07-EventAnimationInterpolation/_pages/page12.html">Garibaldi</a>
</li>
<li>
<a href="Chapter07-EventAnimationInterpolation/_pages/page13.html">Hello X3D Authors Animation Chain</a>
</li>
<li>
<a href="Chapter07-EventAnimationInterpolation/_pages/page14.html">Motion Interpolator Fish Prototype</a>
</li>
<li>
<a href="Chapter07-EventAnimationInterpolation/_pages/page15.html">Normal Interpolator</a>
</li>
<li>
<a href="Chapter07-EventAnimationInterpolation/_pages/page16.html">Orientation Interpolator Fish Example</a>
</li>
<li>
<a href="Chapter07-EventAnimationInterpolation/_pages/page17.html">Orientation Interpolator Fish Prototype</a>
</li>
<li>
<a href="Chapter07-EventAnimationInterpolation/_pages/page18.html">Position Interpolator 2D Example</a>
</li>
<li>
<a href="Chapter07-EventAnimationInterpolation/_pages/page19.html">Position Interpolator Prototype</a>
</li>
<li>
<a href="Chapter07-EventAnimationInterpolation/_pages/page20.html">Position Orientation Interpolators Example</a>
</li>
<li>
<a href="Chapter07-EventAnimationInterpolation/_pages/page21.html">Position Orientation Interpolators Example Traced</a>
</li>
<li>
<a href="Chapter07-EventAnimationInterpolation/_pages/page22.html">Scalar Interpolator</a>
</li>
<li>
<a href="Chapter07-EventAnimationInterpolation/_pages/page23.html">Scalar Interpolator Fish Example</a>
</li>
<li>
<a href="Chapter07-EventAnimationInterpolation/_pages/page24.html">Scalar Interpolator Fish Prototype</a>
</li>
<li>
<a href="Chapter07-EventAnimationInterpolation/_pages/page25.html">Time Sensor Chaining</a>
</li>
</ul>
</td>
</tr>
<tr align="left" valign="top">
<td align="left" valign="top" width="67%">
<a name="Chapter08-UserInteractivity"> </a>
<b>
<a href="Chapter08-UserInteractivity/index.html">Chapter 08 - User Interactivity</a>
</b>
<table bgColor="#ffffff" border="0" width="100%">
<tbody>
<tr>
<td align="left" cellpadding="10">
<a href="Chapter08-UserInteractivity/index.html"><img alt="User Interactivity Sensor Nodes" title="User Interactivity Sensor Nodes" border="0" hspace="10" src="Chapter08-UserInteractivity/UserInteractivitySensorNodesModified.png" width="220" height="137" align="left"/></a>
</td>
<td>
<p>
User interactivity is accomplished by sensing user actions, which create events that are sent via
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#ROUTE" target="X3dTooltips" title="X3D Tooltip">ROUTE</a>
connections.
</p>
<p>
Sensor output values are produced by
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#LoadSensor" target="X3dTooltips" title="X3D Tooltip">LoadSensor</a>,
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#CylinderSensor" target="X3dTooltips" title="X3D Tooltip">CylinderSensor</a>,
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#PlaneSensor" target="X3dTooltips" title="X3D Tooltip">PlaneSensor</a></a>,
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#KeySensor" target="X3dTooltips" title="X3D Tooltip">KeySensor</a>
and
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#StringSensor" target="X3dTooltips" title="X3D Tooltip">StringSensor</a>
nodes.
</p>
<p>
The supporting
<a href="http://x3dgraphics.com/slidesets/X3dForWebAuthors/Chapter08-UserInteractivity.pdf" target="X3dChapterSlideset">Chapter 8 slideset</a>
and
<a href="https://www.movesinstitute.org/Video/Courses/X3dForWebAuthors/X3dForWebAuthorsVideo.html#8" target="X3dChapterVideos">course videos</a>
from <i>X3D for Web Authors</i> are available online via
<a href="http://X3dGraphics.com">X3dGraphics.com</a>.
</p>
</td>
</tr>
</tbody>
</table>
</td>
<td valign="top" width="33%">
<ul style="margin-top:0; margin-bottom:0;">
<li>
<a href="Chapter08-UserInteractivity/_pages/page01.html">Cylinder Sensor Pump House</a>
</li>
<li>
<a href="Chapter08-UserInteractivity/_pages/page02.html">Doors</a>
</li>
<li>
<a href="Chapter08-UserInteractivity/_pages/page03.html">Key Sensor - Lefty</a>
</li>
<li>
<a href="Chapter08-UserInteractivity/_pages/page04.html">Plane Sensor - Pump House</a>
</li>
<li>
<a href="Chapter08-UserInteractivity/_pages/page05.html">Sphere Sensor - Lefty</a>
</li>
<li>
<a href="Chapter08-UserInteractivity/_pages/page06.html">String Sensor</a>
</li>
<li>
<a href="Chapter08-UserInteractivity/_pages/page07.html">Touch Sensor - Pump House</a>
</li>
<li>
<a href="Chapter08-UserInteractivity/_pages/page08.html">User Interactivity Sensor Nodes</a>
</li>
</ul>
</td>
</tr>
<tr align="left" valign="top">
<td align="left" valign="top" width="67%">
<a name="Chapter09-EventUtilitiesScripting"> </a>
<b>
<a href="Chapter09-EventUtilitiesScripting/index.html">Chapter 09 - Event Utilities Scripting</a>
</b>
<table bgColor="#ffffff" border="0" width="100%">
<tbody>
<tr>
<td align="left" cellpadding="10">
<a href="Chapter09-EventUtilitiesScripting/index.html"><img alt="IntegerSequencer example: Road Work Ahead!" title="IntegerSequencer example: Road Work Ahead!" border="0" hspace="10" src="Chapter09-EventUtilitiesScripting/RoadSignRoadWorkAhead.jpg" width="205" height="153" align="left"/></a>
</td>
<td>
<p>
Event utility nodes simplify data-type conversion of events when producing animation chains between nodes.
These include
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#BooleanFilter" target="X3dTooltips" title="X3D Tooltip">BooleanFilter</a>,
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#BooleanSequencer" target="X3dTooltips" title="X3D Tooltip">BooleanSequencer</a>,
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#BooleanToggle" target="X3dTooltips" title="X3D Tooltip">BooleanToggle</a>,
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#IntegerSequencer" target="X3dTooltips" title="X3D Tooltip">IntegerSequencer</a>,
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#IntegerTrigger" target="X3dTooltips" title="X3D Tooltip">IntegerTrigger</a>,
and
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#TimeTrigger" target="X3dTooltips" title="X3D Tooltip">TimeTrigger</a>
nodes.
</p>
<p>
The quick-reference sheet
<a href="Chapter09-EventUtilitiesScripting/X3dEventUtilityNodeEventDiagrams.pdf" target="_blank">X3D Event Utility Nodes: Field Event Diagrams</a>
illustrates the functionality of the event utility nodes.
These nodes receive and pass values that are sent via
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#ROUTE" target="X3dTooltips" title="X3D Tooltip">ROUTE</a>
connections.
</p>
<p>
The
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#Script" target="X3dTooltips" title="X3D Tooltip">Script</a>
node allows authors to define new functionality produced by JavaScript (ECMAscript) or Java code.
Authors can add
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#field" target="X3dTooltips" title="X3D Tooltip">field</a>
declarations that define
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#accessType" target="X3dTooltips" title="X3D Tooltip">accessType</a>
(inputOnly, outputOnly, initializeOnly and inputOutput)
and
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#type" target="X3dTooltips" title="X3D Tooltip">type</a>
for each field.
</p>
<p>
The supporting
<a href="http://x3dgraphics.com/slidesets/X3dForWebAuthors/Chapter09-EventUtilitiesScripting.pdf" target="X3dChapterSlideset">Chapter 9 slideset</a>
and
<a href="https://www.movesinstitute.org/Video/Courses/X3dForWebAuthors/X3dForWebAuthorsVideo.html#9" target="X3dChapterVideos">course videos</a>
from <i>X3D for Web Authors</i> are available online via
<a href="http://X3dGraphics.com">X3dGraphics.com</a>.
</p>
<p>
Also available:
<a href="http://www.web3d.org/x3d/content/examples/X3dSceneAuthoringHints.html#Images" target="_blank">X3D Scene Authoring Hints</a>
for
<a href="http://www.web3d.org/x3d/content/examples/X3dSceneAuthoringHints.html#Scripts" target="_blank">Scripts</a>
and
<a href="http://www.web3d.org/x3d/content/examples/X3dSceneAuthoringHints.html#urls" target="_blank">URL Links</a>.
</p>
</td>
</tr>
</tbody>
</table>
</td>
<td valign="top" width="33%">
<ul style="margin-top:0; margin-bottom:0;">
<li>
<a href="Chapter09-EventUtilitiesScripting/_pages/page01.html">Background Color Array Animation</a>
</li>
<li>
<a href="Chapter09-EventUtilitiesScripting/_pages/page02.html">Boolean Filter Pump House</a>
</li>
<li>
<a href="Chapter09-EventUtilitiesScripting/_pages/page03.html">Boolean Sequencer Integer Sequencer</a>
</li>
<li>
<a href="Chapter09-EventUtilitiesScripting/_pages/page04.html">Boolean Sequencer Pump House</a>
</li>
<li>
<a href="Chapter09-EventUtilitiesScripting/_pages/page05.html">Boolean Toggle</a>
</li>
<li>
<a href="Chapter09-EventUtilitiesScripting/_pages/page06.html">Boolean Toggle Pump House</a>
</li>
<li>
<a href="Chapter09-EventUtilitiesScripting/_pages/page07.html">Boolean Trigger Pump House</a>
</li>
<li>
<a href="Chapter09-EventUtilitiesScripting/_pages/page08.html">Circle Lines Example</a>
</li>
<li>
<a href="Chapter09-EventUtilitiesScripting/_pages/page09.html">Circle Lines Example 60</a>
</li>
<li>
<a href="Chapter09-EventUtilitiesScripting/_pages/page10.html">Circle Lines Sphere Latitude</a>
</li>
<li>
<a href="Chapter09-EventUtilitiesScripting/_pages/page11.html">Circle Lines Sphere Longitude</a>
</li>
<li>
<a href="Chapter09-EventUtilitiesScripting/_pages/page12.html">Elevation Grid Simple Wave Animation</a>
</li>
<li>
<a href="Chapter09-EventUtilitiesScripting/_pages/page13.html">Integer Sequencer Pump House</a>
</li>
<li>
<a href="Chapter09-EventUtilitiesScripting/_pages/page14.html">Integer Sequencer Road Sign Switcher</a>
</li>
<li>
<a href="Chapter09-EventUtilitiesScripting/_pages/page15.html">Integer Trigger</a>
</li>
<li>
<a href="Chapter09-EventUtilitiesScripting/_pages/page16.html">Integer Trigger Pump House</a>
</li>
<li>
<a href="Chapter09-EventUtilitiesScripting/_pages/page17.html">Mood Selector</a>
</li>
<li>
<a href="Chapter09-EventUtilitiesScripting/_pages/page18.html">new ECMAscript Test</a>
</li>
<li>
<a href="Chapter09-EventUtilitiesScripting/_pages/page19.html">Script Complex State Events</a>
</li>
<li>
<a href="Chapter09-EventUtilitiesScripting/_pages/page20.html">Script Control Events</a>
</li>
<li>
<a href="Chapter09-EventUtilitiesScripting/_pages/page21.html">Script Events</a>
</li>
<li>
<a href="Chapter09-EventUtilitiesScripting/_pages/page22.html">Script Events Pump House</a>
</li>
<li>
<a href="Chapter09-EventUtilitiesScripting/_pages/page23.html">Script Node Event Out Control - Ecma Script</a>
</li>
<li>
<a href="Chapter09-EventUtilitiesScripting/_pages/page24.html">Script Node Field Control - Ecma Script</a>
</li>
<li>
<a href="Chapter09-EventUtilitiesScripting/_pages/page25.html">Script Simple State Events</a>
</li>
<li>
<a href="Chapter09-EventUtilitiesScripting/_pages/page26.html">Test Script Initialization</a>
</li>
<li>
<a href="Chapter09-EventUtilitiesScripting/_pages/page27.html">Time Trigger Pump House</a>
</li>
<li>
<a href="Chapter09-EventUtilitiesScripting/_pages/page28.html">Time Trigger Test</a>
</li>
</ul>
</td>
</tr>
<tr align="left" valign="top">
<td align="left" valign="top" width="67%">
<a name="Chapter10-Geometry2D"> </a>
<b>
<a href="Chapter10-Geometry2D/index.html">Chapter 10 - Geometry 2D</a>
</b>
<table bgColor="#ffffff" border="0" width="100%">
<tbody>
<tr>
<td>
<p>
Geometry2D nodes simplify creation of simple planar shapes.
They include the
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#Arc2D" target="X3dTooltips" title="X3D Tooltip">Arc2D</a>,
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#ArcClose2D" target="X3dTooltips" title="X3D Tooltip">ArcClose2D</a>,
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#Circle2D" target="X3dTooltips" title="X3D Tooltip">Circle2D</a>,
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#Disk2D" target="X3dTooltips" title="X3D Tooltip">Disk2D</a>,
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#Polyline2D" target="X3dTooltips" title="X3D Tooltip">Polyline2D</a>,
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#Polypoint2D" target="X3dTooltips" title="X3D Tooltip">Polypoint2D</a>,
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#Rectangle2D" target="X3dTooltips" title="X3D Tooltip">Rectangle2D</a>
and
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#TriangleSet2D" target="X3dTooltips" title="X3D Tooltip">TriangleSet2D</a>
nodes.
Each is placed individually inside a
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#Shape" target="X3dTooltips" title="X3D Tooltip">Shape</a>
node.
</p>
<p>
The supporting
<a href="http://x3dgraphics.com/slidesets/X3dForWebAuthors/Chapter10-Geometry2D.pdf" target="X3dChapterSlideset">Chapter 10 slideset</a>
and
<a href="https://www.movesinstitute.org/Video/Courses/X3dForWebAuthors/X3dForWebAuthorsVideo.html#10" target="X3dChapterVideos">course videos</a>
from <i>X3D for Web Authors</i> are available online via
<a href="http://X3dGraphics.com">X3dGraphics.com</a>.
</p>
</td>
<td align="left" cellpadding="10">
<a href="Chapter10-Geometry2D/index.html"><img alt="X3D Geometry2D nodes are planar" title="X3D Geometry2D nodes are planar" border="0" hspace="10" src="Chapter10-Geometry2D/Summary2D.png" width="138" height="119" align="left"/></a>
</td>
</tr>
</tbody>
</table>
</td>
<td valign="top" width="33%">
<ul style="margin-top:0; margin-bottom:0;">
<li>
<a href="Chapter10-Geometry2D/_pages/page01.html">Arc 2D</a>
</li>
<li>
<a href="Chapter10-Geometry2D/_pages/page02.html">Arc Close 2D</a>
</li>
<li>
<a href="Chapter10-Geometry2D/_pages/page03.html">Circle 2D</a>
</li>
<li>
<a href="Chapter10-Geometry2D/_pages/page04.html">Disk 2D</a>
</li>
<li>
<a href="Chapter10-Geometry2D/_pages/page05.html">Polyline 2D</a>
</li>
<li>
<a href="Chapter10-Geometry2D/_pages/page06.html">Polypoint 2D</a>
</li>
<li>
<a href="Chapter10-Geometry2D/_pages/page07.html">Rectangle 2D</a>
</li>
<li>
<a href="Chapter10-Geometry2D/_pages/page08.html">Summary 2D</a>
</li>
<li>
<a href="Chapter10-Geometry2D/_pages/page09.html">Triangle Set 2D</a>
</li>
</ul>
</td>
</tr>
<tr align="left" valign="top">
<td align="left" valign="top" width="67%">
<a name="Chapter11-LightingEnvironmentalEffects"> </a>
<b>
<a href="Chapter11-LightingEnvironmentalEffects/index.html">Chapter 11 - Lighting Environmental Effects</a>
</b>
<table bgColor="#ffffff" border="0" width="100%">
<tbody>
<tr>
<td align="left" cellpadding="10">
<a href="Chapter11-LightingEnvironmentalEffects/index.html"><img alt="DirectionalLight Diagram" title="DirectionalLight Diagram" border="0" hspace="10" src="Chapter11-LightingEnvironmentalEffects/DirectionalLightFigure.png" width="303" height="156" align="left"/></a>
</td>
<td>
</td>
<td>
<p>
Lights illuminate geometry in a scene relative to the user's view.
Lighting nodes include
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#DirectionalLight" target="X3dTooltips" title="X3D Tooltip">DirectionalLight</a>,
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#PointLight" target="X3dTooltips" title="X3D Tooltip">PointLight</a>,
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#SpotLight" target="X3dTooltips" title="X3D Tooltip">SpotLight</a>,
and the active
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#NavigationInfo" target="X3dTooltips" title="X3D Tooltip">NavigationInfo</a>
headlight (which points along the user's viewing direction).
</p>
<p>
Environmental effects include
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#Background" target="X3dTooltips" title="X3D Tooltip">Background</a>,
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#TextureBackground" target="X3dTooltips" title="X3D Tooltip">TextureBackground</a>,
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#Fog" target="X3dTooltips" title="X3D Tooltip">Fog</a>
and
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#LocalFog" target="X3dTooltips" title="X3D Tooltip">LocalFog</a>.
Each set of light nodes, NavigationInfo nodes, background nodes and fog nodes are bound on a separate binding stack,
meaning that only one of each can be active at a time.
</p>
<p>
The supporting
<a href="http://x3dgraphics.com/slidesets/X3dForWebAuthors/Chapter11-LightingEnvironment.pdf" target="X3dChapterSlideset">Chapter 11 slideset</a>
and
<a href="https://www.movesinstitute.org/Video/Courses/X3dForWebAuthors/X3dForWebAuthorsVideo.html#11" target="X3dChapterVideos">course videos</a>
from <i>X3D for Web Authors</i> are available online via
<a href="http://X3dGraphics.com">X3dGraphics.com</a>.
</p>
</td>
</tr>
</tbody>
</table>
</td>
<td valign="top" width="33%">
<ul style="margin-top:0; margin-bottom:0;">
<li>
<a href="Chapter11-LightingEnvironmentalEffects/_pages/page01.html">Background Colors Only</a>
</li>
<li>
<a href="Chapter11-LightingEnvironmentalEffects/_pages/page02.html">Background Images Only</a>
</li>
<li>
<a href="Chapter11-LightingEnvironmentalEffects/_pages/page03.html">Background Kelp Forest Main</a>
</li>
<li>
<a href="Chapter11-LightingEnvironmentalEffects/_pages/page04.html">Background Selector</a>
</li>
<li>
<a href="Chapter11-LightingEnvironmentalEffects/_pages/page05.html">Background Sequencer</a>
</li>
<li>
<a href="Chapter11-LightingEnvironmentalEffects/_pages/page06.html">Background Time Of Day</a>
</li>
<li>
<a href="Chapter11-LightingEnvironmentalEffects/_pages/page07.html">Directional Light</a>
</li>
<li>
<a href="Chapter11-LightingEnvironmentalEffects/_pages/page08.html">Fog - Kelp Forest Main</a>
</li>
<li>
<a href="Chapter11-LightingEnvironmentalEffects/_pages/page09.html">Point Light</a>
</li>
<li>
<a href="Chapter11-LightingEnvironmentalEffects/_pages/page10.html">Point Light Color</a>
</li>
<li>
<a href="Chapter11-LightingEnvironmentalEffects/_pages/page11.html">Spot Light</a>
</li>
<li>
<a href="Chapter11-LightingEnvironmentalEffects/_pages/page12.html">Spot Light Color</a>
</li>
<li>
<a href="Chapter11-LightingEnvironmentalEffects/_pages/page13.html">Spot Light Visualization</a>
</li>
<li>
<a href="Chapter11-LightingEnvironmentalEffects/_pages/page14.html">Texture Background - Kelp Forest Main</a>
</li>
<li>
<a href="Chapter11-LightingEnvironmentalEffects/_pages/page15.html">Texture Background</a>
</li>
</ul>
</td>
</tr>
<tr align="left" valign="top">
<td align="left" valign="top" width="67%">
<a name="Chapter12-EnvironmentSensorSound"> </a>
<b>
<a href="Chapter12-EnvironmentSensorSound/index.html">Chapter 12 - Environment Sensor Sound</a>
</b>
<table bgColor="#ffffff" border="0" width="100%">
<tbody>
<tr>
<td align="left" rowspan="3">
<a href="Chapter12-EnvironmentSensorSound/index.html"><img alt="ProximitySensor Visualization" title="ProximitySensor coverage visualization" border="0" hspace="10" src="Chapter12-EnvironmentSensorSound/ProximitySensorVisualization.png" height="132" align="left"/></a>
</td>
<td align="left">
<p>
Event-producing environmental sensor nodes include
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#LoadSensor" target="X3dTooltips" title="X3D Tooltip">LoadSensor</a>,
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#ProximitySensor" target="X3dTooltips" title="X3D Tooltip">ProximitySensor</a>,
and
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#VisibilitySensor" target="X3dTooltips" title="X3D Tooltip">VisibilitySensor</a>.
Audio nodes include
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#Sound" target="X3dTooltips" title="X3D Tooltip">Sound</a>
for aural spatialization and
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#AudioClip" target="X3dTooltips" title="X3D Tooltip">AudioClip</a>
for identifying sound files.
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#MovieTexture" target="X3dTooltips" title="X3D Tooltip">MovieTexture</a>
nodes can also be used as an audio soundtrack source. </p>
<p>
Relevant
<a href="http://www.web3d.org/files/specifications/19775-1/V3.3/Part01/Architecture.html" target="X3dSpecification">X3D Specification</a>
resources include the
<a href="http://www.web3d.org/files/specifications/19775-1/V3.3/Part01/components/envsensor.html" target="X3dSpecification">Environmental sensor component</a>,
<a href="http://www.web3d.org/files/specifications/19775-1/V3.3/Part01/components/sound.html" target="X3dSpecification">Sound component</a>
and
<a href="http://www.web3d.org/files/specifications/19775-1/V3.3/Part01/components/texturing.html" target="X3dSpecification">Texturing component</a>.
</p>
<p>
The supporting
<a href="http://x3dgraphics.com/slidesets/X3dForWebAuthors/Chapter12-EnvironmentSensorSound.pdf" target="X3dChapterSlideset">Chapter 12 slideset</a>
and
<a href="https://www.movesinstitute.org/Video/Courses/X3dForWebAuthors/X3dForWebAuthorsVideo.html#12" target="X3dChapterVideos">course videos</a>
from <i>X3D for Web Authors</i> are available online via
<a href="http://X3dGraphics.com">X3dGraphics.com</a>.
</p>
<p>
Also available:
<a href="http://www.web3d.org/x3d/content/examples/X3dSceneAuthoringHints.html#Images" target="_blank">X3D Scene Authoring Hints</a>
for
<a href="http://www.web3d.org/x3d/content/examples/X3dSceneAuthoringHints.html#Audio" target="_blank">Audio</a>
and
<a href="http://www.web3d.org/x3d/content/examples/X3dSceneAuthoringHints.html#urls" target="_blank">URL Links</a>.
</p>
</td>
<td align="left" rowspan="3">
<a href="Chapter12-EnvironmentSensorSound/index.html"><img alt="Sound node coverage visualization" title="Sound node coverage visualization" border="0" hspace="10" src="Chapter12-EnvironmentSensorSound/SoundVisualization.png" width="170" height="132" align="middle"/></a>
</td>
</tr>
</tbody>
</table>
<p>
</p>
<p>
</p>
</td>
<td valign="top" width="33%">
<ul style="margin-top:0; margin-bottom:0;">
<li>
<a href="Chapter12-EnvironmentSensorSound/_pages/page01.html">Collision - Kelp Forest Main</a>
</li>
<li>
<a href="Chapter12-EnvironmentSensorSound/_pages/page02.html">Load Sensor - Kelp Forest Main</a>
</li>
<li>
<a href="Chapter12-EnvironmentSensorSound/_pages/page03.html">Load Sensor - Kelp Forest Main time Out</a>
</li>
<li>
<a href="Chapter12-EnvironmentSensorSound/_pages/page04.html">Load Sensor</a>
</li>
<li>
<a href="Chapter12-EnvironmentSensorSound/_pages/page05.html">Proximity Sensor - Kelp Forest Main</a>
</li>
<li>
<a href="Chapter12-EnvironmentSensorSound/_pages/page06.html">Proximity Sensor</a>
</li>
<li>
<a href="Chapter12-EnvironmentSensorSound/_pages/page07.html">Proximity Sensor Multiple</a>
</li>
<li>
<a href="Chapter12-EnvironmentSensorSound/_pages/page08.html">Proximity Sensor No Overlap</a>
</li>
<li>
<a href="Chapter12-EnvironmentSensorSound/_pages/page09.html">Proximity Sensor Overlap</a>
</li>
<li>
<a href="Chapter12-EnvironmentSensorSound/_pages/page10.html">Proximity Sensor Single</a>
</li>
<li>
<a href="Chapter12-EnvironmentSensorSound/_pages/page11.html">Sound Audio Clip</a>
</li>
<li>
<a href="Chapter12-EnvironmentSensorSound/_pages/page12.html">Sound File Formats</a>
</li>
<li>
<a href="Chapter12-EnvironmentSensorSound/_pages/page13.html">Sound Load Sensor Test</a>
</li>
<li>
<a href="Chapter12-EnvironmentSensorSound/_pages/page14.html">Sound Visualization</a>
</li>
<li>
<a href="Chapter12-EnvironmentSensorSound/_pages/page15.html">Visibility Sensor - Kelp Forest Main</a>
</li>
</ul>
</td>
</tr>
<tr align="left" valign="top">
<td align="left" valign="top" width="67%">
<a name="Chapter13-GeometryTrianglesQuadrilaterals"> </a>
<b>
<a href="Chapter13-GeometryTrianglesQuadrilaterals/index.html">Chapter 13 - Geometry Triangles Quadrilaterals</a>
</b>
<table bgColor="#ffffff" border="0" width="100%">
<tbody>
<tr>
<td>
<p>
Low-level high-performance nodes for geometry definition and fast rendering include
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#TriangleSet" target="X3dTooltips" title="X3D Tooltip">TriangleSet</a>,
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#TriangleFanSet" target="X3dTooltips" title="X3D Tooltip">TriangleFanSet</a>,
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#TriangleStripSet" target="X3dTooltips" title="X3D Tooltip">TriangleStripSet</a>,
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#IndexedTriangleSet" target="X3dTooltips" title="X3D Tooltip">IndexedTriangleSet</a>,
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#IndexedTriangleFanSet" target="X3dTooltips" title="X3D Tooltip">IndexedTriangleFanSet</a>,
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#IndexedTriangleStripSet" target="X3dTooltips" title="X3D Tooltip">IndexedTriangleStripSet</a>,
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#QuadSet" target="X3dTooltips" title="X3D Tooltip">QuadSet</a>
and
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#IndexedQuadSet" target="X3dTooltips" title="X3D Tooltip">IndexedQuadSet</a>.
Special definition rules apply to each node in order to best match underlying graphics hardware requirements.
Each is placed individually inside a
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#Shape" target="X3dTooltips" title="X3D Tooltip">Shape</a>
node.
</p>
<p>
The supporting
<a href="http://x3dgraphics.com/slidesets/X3dForWebAuthors/Chapter13-GeometryTrianglesQuadrilaterals.pdf" target="X3dChapterSlideset">Chapter 13 slideset</a>
and
<a href="https://www.movesinstitute.org/Video/Courses/X3dForWebAuthors/X3dForWebAuthorsVideo.html#13" target="X3dChapterVideos">course videos</a>
from <i>X3D for Web Authors</i> are available online via
<a href="http://X3dGraphics.com">X3dGraphics.com</a>.
</p>
<p>
Also available:
<a href="http://www.web3d.org/x3d/content/examples/X3dSceneAuthoringHints.html#Meshes" target="_blank">X3D Scene Authoring Hints: Meshes</a>.
</p>
</td>
<td align="left" cellpadding="10">
<a href="Chapter13-GeometryTrianglesQuadrilaterals/index.html"><img alt="Nonplanar Polygons" title="Nonplanar Polygons" border="0" hspace="10" src="Chapter13-GeometryTrianglesQuadrilaterals/NonplanarPolygons.png" width="190" height="102" align="left"/></a>
</td>
</tr>
</tbody>
</table>
</td>
<td valign="top" width="33%">
<ul style="margin-top:0; margin-bottom:0;">
<li>
<a href="Chapter13-GeometryTrianglesQuadrilaterals/_pages/page01.html">Indexed Quad Set</a>
</li>
<li>
<a href="Chapter13-GeometryTrianglesQuadrilaterals/_pages/page02.html">Indexed Triangle Fan Set</a>
</li>
<li>
<a href="Chapter13-GeometryTrianglesQuadrilaterals/_pages/page03.html">Indexed Triangle Set</a>
</li>
<li>
<a href="Chapter13-GeometryTrianglesQuadrilaterals/_pages/page04.html">Indexed Triangle Strip Set</a>
</li>
<li>
<a href="Chapter13-GeometryTrianglesQuadrilaterals/_pages/page05.html">Morphing Triangle Set</a>
</li>
<li>
<a href="Chapter13-GeometryTrianglesQuadrilaterals/_pages/page06.html">Nonplanar Polygons</a>
</li>
<li>
<a href="Chapter13-GeometryTrianglesQuadrilaterals/_pages/page07.html">Normal</a>
</li>
<li>
<a href="Chapter13-GeometryTrianglesQuadrilaterals/_pages/page08.html">Quad Set</a>
</li>
<li>
<a href="Chapter13-GeometryTrianglesQuadrilaterals/_pages/page09.html">Summary Indexed Triangle Sets</a>
</li>
<li>
<a href="Chapter13-GeometryTrianglesQuadrilaterals/_pages/page10.html">Triangle Fan Set</a>
</li>
<li>
<a href="Chapter13-GeometryTrianglesQuadrilaterals/_pages/page11.html">Triangle Set</a>
</li>
<li>
<a href="Chapter13-GeometryTrianglesQuadrilaterals/_pages/page12.html">Triangle Strip Set</a>
</li>
</ul>
</td>
</tr>
<tr align="left" valign="top">
<td align="left" valign="top" width="67%">
<a name="Chapter14-Prototypes"> </a>
<b>
<a href="Chapter14-Prototypes/index.html">Chapter 14 - Prototypes</a>
</b>
<table bgColor="#ffffff" border="0" width="100%">
<tbody>
<tr>
<td align="right">
<a href="Chapter14-Prototypes/index.html"><img title="MaterialModulator prototype demonstration" alt="MaterialModulator prototype demonstration" border="0" hspace="0" src="Chapter14-Prototypes/MaterialModulator.png" height="112" align="middle"/></a>
</td>
<td align="left">
</td>
<td align="left">
<a href="Chapter14-Prototypes/index.html"><img title="ViewFrustum prototype demonstration" alt="ViewFrustum prototype demonstration" border="0" hspace="0" src="Chapter14-Prototypes/ViewFrustumObliqueView.png" width="253" height="112" align="middle"/></a>
</td>
</tr>
</tbody>
</table>
<p>
X3D extensibility includes a tremendous capability:
authors can create prototype declarations and instances to define new X3D nodes.
</p>
<p>
Prototype templates are built using
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#ProtoDeclare" target="X3dTooltips" title="X3D Tooltip">ProtoDeclare</a>
or
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#ExternProtoDeclare" target="X3dTooltips" title="X3D Tooltip">ExternProtoDeclare</a>
definitions.
ProtoDeclare field definitions are found in the
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#ProtoInterface" target="X3dTooltips" title="X3D Tooltip">ProtoInterface</a>
tag, which can include multiple
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#field" target="X3dTooltips" title="X3D Tooltip">field</a>
declarations that define a name, initial value (if appropriate),
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#accessType" target="X3dTooltips" title="X3D Tooltip">accessType</a>
(inputOnly, outputOnly, initializeOnly and inputOutput)
and
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#type" target="X3dTooltips" title="X3D Tooltip">type</a>
for each field.
The type of each node is defined by the first node inside the
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#ProtoBody" target="X3dTooltips" title="X3D Tooltip">ProtoBody</a>
declaration.
</p>
<p>
Copies of a new node are created by name with
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#ProtoInstance" target="X3dTooltips" title="X3D Tooltip">ProtoInstance</a>
nodes.
Default values for ProtoInstance fields can be overridden with
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#fieldValue" target="X3dTooltips" title="X3D Tooltip">fieldValue</a>
initializations.
A ProtoInstance node can replace any other node in the scene graph having the same node type.
</p>
<p>
The supporting
<a href="http://x3dgraphics.com/slidesets/X3dForWebAuthors/Chapter14-Prototypes.pdf" target="X3dChapterSlideset">Chapter 14 slideset</a>
and
<a href="https://www.movesinstitute.org/Video/Courses/X3dForWebAuthors/X3dForWebAuthorsVideo.html#14" target="X3dChapterVideos">course videos</a>
from <i>X3D for Web Authors</i> are available online via
<a href="http://X3dGraphics.com">X3dGraphics.com</a>.
</p>
<p>
Also available:
<a href="http://www.web3d.org/x3d/content/examples/X3dSceneAuthoringHints.html" target="_blank">X3D Scene Authoring Hints</a>
for
<a href="http://www.web3d.org/x3d/content/examples/X3dSceneAuthoringHints.html#InlinesPrototypes" target="_blank">Inline Scenes and Prototype Templates</a>
and
<a href="http://www.web3d.org/x3d/content/examples/X3dSceneAuthoringHints.html#urls" target="_blank">URL Links</a>.
</p>
</td>
<td valign="top" width="33%">
<ul style="margin-top:0; margin-bottom:0;">
<li>
<a href="Chapter14-Prototypes/_pages/page01.html">Art Deco Examples Excerpt</a>
</li>
<li>
<a href="Chapter14-Prototypes/_pages/page02.html">Art Deco Prototypes Excerpt</a>
</li>
<li>
<a href="Chapter14-Prototypes/_pages/page03.html">Heads Up Display Example</a>
</li>
<li>
<a href="Chapter14-Prototypes/_pages/page04.html">Heads Up Display Prototype</a>
</li>
<li>
<a href="Chapter14-Prototypes/_pages/page05.html">Hud Kelp Forest</a>
</li>
<li>
<a href="Chapter14-Prototypes/_pages/page06.html">Material Modulator</a>
</li>
<li>
<a href="Chapter14-Prototypes/_pages/page07.html">Text String Prototype</a>
</li>
<li>
<a href="Chapter14-Prototypes/_pages/page08.html">View Frustum Example</a>
</li>
<li>
<a href="Chapter14-Prototypes/_pages/page09.html">View Frustum Prototype</a>
</li>
<li>
<a href="Chapter14-Prototypes/_pages/page10.html">Where Am IPrototype</a>
</li>
</ul>
</td>
</tr>
<tr align="left" valign="top">
<td align="left" valign="top" width="67%">
<a name="Chapter15-Metadata"> </a>
<b>
<a href="Chapter15-Metadata/index.html">Chapter 15 - Metadata</a>
</b>
<table border="0" width="100%">
<tbody>
<tr>
<td align="center" rowspan="2">
<a href="Chapter15-Metadata/index.html"><img border="0" alt="Metadata (book with question mark)" title="Metadata (book with question mark)" hspace="10" src="Chapter15-Metadata/200px-Question_book-new.svg.png" width="100" height="78" align="middle"/></a>
</td>
<td align="left">
<p>
<a href="http://en.wikipedia.org/wiki/Metadata" target="_blank">Metadata</a> is about data relating to other data.
Typed metadata information can annotate any X3D node, either for use offline or for queries within an active scene graph at run time.
Metadata nodes include
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#MetadataDouble" target="X3dTooltips" title="X3D Tooltip">MetadataDouble</a>,
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#MetadataFloat" target="X3dTooltips" title="X3D Tooltip">MetadataFloat</a>,
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#MetadataInteger" target="X3dTooltips" title="X3D Tooltip">MetadataInteger</a>,
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#MetadataString" target="X3dTooltips" title="X3D Tooltip">MetadataString</a>,
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#MetadataSet" target="X3dTooltips" title="X3D Tooltip">MetadataSet</a>,
and
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html#MetadataBoolean" target="X3dTooltips" title="X3D Tooltip">MetadataBoolean</a>
(which was defined in X3D version 3.3).
</p>
<p>
The supporting
<a href="Chapter15-Metadata/Chapter15-MetadataInformation.html" target="_blank">Chapter 15 Metadata Information</a>
from <i>X3D for Web Authors</i> is
available online via
<a href="http://X3dGraphics.com/">X3dGraphics.com</a>.
</p>
<p>
Also available:
<a href="http://www.web3d.org/x3d/content/examples/X3dSceneAuthoringHints.html#metaTags" target="_blank">X3D Scene Authoring Hints: meta Tags</a>.
</p>
</td>
</tr>
</tbody>
</table>
</td>
<td valign="top" width="33%">
<ul style="margin-top:0; margin-bottom:0;">
<li>
<a href="Chapter15-Metadata/_pages/page01.html">Metadata Examples</a>
</li>
</ul>
</td>
</tr>
<tr align="left" valign="top">
<td align="left" valign="top" width="67%">
<a name="KelpForestExhibit"> </a>
<b>
<a href="KelpForestExhibit/index.html">Kelp Forest Exhibit</a>
</b>
<table bgColor="#ffffff" border="0" width="100%">
<tbody>
<tr>
<td align="center" cellpadding="10">
<a href="KelpForestExhibit/index.html"><img alt="Kelp Forest Exhibit" border="0" title="Kelp Forest Exhibit" border="0" hspace="10" src="KelpForestExhibit/KelpForestTank.jpg" height="179" width="300" align="middle"/></a>
</td>
<td align="left" cellpadding="10">
<p>
The
<a href="KelpForestExhibit/KelpForestMain.x3d" target="kelpScene">Kelp Forest Exhibit</a>
is a large
<a href="http://faculty.nps.edu/brutzman/kelp" target="kelpPaper">student-produced project</a>
that illustrates how X3D can build and integrate a large collection of individual Web-based models.
The overall scene that integrates all these individual X3D models is
<a href="KelpForestExhibit/KelpForestMain.x3d" target="kelpScene">Kelp Forest Main</a>.
</p>
<p>
The paper
<a href="http://faculty.nps.edu/brutzman/kelp/KelpForestDesignPaper.pdf" target="kelpPaper">Teaching 3D Modeling and Simulation: Virtual Kelp Forest Case Study</a>
describes how this group effort was accomplished.
Comprehensive modeling efforts such as the Kelp Forest Exhibit provide an excellent way to organize course work and student projects.
</p>
</td>
</tr>
</tbody>
</table>
</td>
<td valign="top" width="33%">
<ul style="margin-top:0; margin-bottom:0;">
<li>
<a href="KelpForestExhibit/_pages/page01.html">Black Surf Perch</a>
</li>
<li>
<a href="KelpForestExhibit/_pages/page02.html">Blue Rock Fish</a>
</li>
<li>
<a href="KelpForestExhibit/_pages/page03.html">Changing Fog</a>
</li>
<li>
<a href="KelpForestExhibit/_pages/page04.html">Circle Fish Example</a>
</li>
<li>
<a href="KelpForestExhibit/_pages/page05.html">Circle Fish Lod Example</a>
</li>
<li>
<a href="KelpForestExhibit/_pages/page06.html">Circle Fish Lod Prototype</a>
</li>
<li>
<a href="KelpForestExhibit/_pages/page07.html">Circle Fish Prototype</a>
</li>
<li>
<a href="KelpForestExhibit/_pages/page08.html">Copper Rock Fish Placard Viewer</a>
</li>
<li>
<a href="KelpForestExhibit/_pages/page09.html">Fish</a>
</li>
<li>
<a href="KelpForestExhibit/_pages/page10.html">Fish Examples</a>
</li>
<li>
<a href="KelpForestExhibit/_pages/page11.html">Fish Model Comparison</a>
</li>
<li>
<a href="KelpForestExhibit/_pages/page12.html">Fish Prototype</a>
</li>
<li>
<a href="KelpForestExhibit/_pages/page13.html">Fish School</a>
</li>
<li>
<a href="KelpForestExhibit/_pages/page14.html">Garibaldi</a>
</li>
<li>
<a href="KelpForestExhibit/_pages/page15.html">Half Moon Group</a>
</li>
<li>
<a href="KelpForestExhibit/_pages/page16.html">Half Moon Prototype</a>
</li>
<li>
<a href="KelpForestExhibit/_pages/page17.html">Introduction Message</a>
</li>
<li>
<a href="KelpForestExhibit/_pages/page18.html">Kelp Bass</a>
</li>
<li>
<a href="KelpForestExhibit/_pages/page19.html">Kelp Bulb</a>
</li>
<li>
<a href="KelpForestExhibit/_pages/page20.html">Kelp Examples No Base</a>
</li>
<li>
<a href="KelpForestExhibit/_pages/page21.html">Kelp Flexible Stipe</a>
</li>
<li>
<a href="KelpForestExhibit/_pages/page22.html">Kelp Forest Main</a>
</li>
<li>
<a href="KelpForestExhibit/_pages/page23.html">Kelp Forest No Nancy</a>
</li>
<li>
<a href="KelpForestExhibit/_pages/page24.html">Kelp Prototype</a>
</li>
<li>
<a href="KelpForestExhibit/_pages/page25.html">Kelp Surf Perch</a>
</li>
<li>
<a href="KelpForestExhibit/_pages/page26.html">Kelp Tank</a>
</li>
<li>
<a href="KelpForestExhibit/_pages/page27.html">Kelp Tank External Light</a>
</li>
<li>
<a href="KelpForestExhibit/_pages/page28.html">Kelp Tank External Lights</a>
</li>
<li>
<a href="KelpForestExhibit/_pages/page29.html">Kelp Tank Water Surface</a>
</li>
<li>
<a href="KelpForestExhibit/_pages/page30.html">Pump House</a>
</li>
<li>
<a href="KelpForestExhibit/_pages/page31.html">Rock Floor</a>
</li>
<li>
<a href="KelpForestExhibit/_pages/page32.html">Rubber Lip Group</a>
</li>
<li>
<a href="KelpForestExhibit/_pages/page33.html">Sardine</a>
</li>
<li>
<a href="KelpForestExhibit/_pages/page34.html">Sardine School</a>
</li>
<li>
<a href="KelpForestExhibit/_pages/page35.html">Sardine School Double</a>
</li>
<li>
<a href="KelpForestExhibit/_pages/page36.html">Sardine School Final</a>
</li>
<li>
<a href="KelpForestExhibit/_pages/page37.html">Sardine School Midterm</a>
</li>
<li>
<a href="KelpForestExhibit/_pages/page38.html">Sardine School Original</a>
</li>
<li>
<a href="KelpForestExhibit/_pages/page39.html">Sardine School Triple</a>
</li>
<li>
<a href="KelpForestExhibit/_pages/page40.html">Sardine Shape</a>
</li>
<li>
<a href="KelpForestExhibit/_pages/page41.html">Sardine Wagging</a>
</li>
<li>
<a href="KelpForestExhibit/_pages/page42.html">Sardine X</a>
</li>
<li>
<a href="KelpForestExhibit/_pages/page43.html">Sea Star Group</a>
</li>
<li>
<a href="KelpForestExhibit/_pages/page44.html">Sea Star High Resolution Example</a>
</li>
<li>
<a href="KelpForestExhibit/_pages/page45.html">Sea Star High Resolution Prototype</a>
</li>
<li>
<a href="KelpForestExhibit/_pages/page46.html">Sea Star Prototype</a>
</li>
<li>
<a href="KelpForestExhibit/_pages/page47.html">Sea Star Simple</a>
</li>
<li>
<a href="KelpForestExhibit/_pages/page48.html">Shark Lefty</a>
</li>
<li>
<a href="KelpForestExhibit/_pages/page49.html">Shark Lefty Locale</a>
</li>
<li>
<a href="KelpForestExhibit/_pages/page50.html">Shark Lucy</a>
</li>
<li>
<a href="KelpForestExhibit/_pages/page51.html">Shark Lucy Locale</a>
</li>
<li>
<a href="KelpForestExhibit/_pages/page52.html">Striped Surf Perch</a>
</li>
<li>
<a href="KelpForestExhibit/_pages/page53.html">Striped Surf Perch Plaque</a>
</li>
<li>
<a href="KelpForestExhibit/_pages/page54.html">Tree Fish Plaque</a>
</li>
</ul>
</td>
</tr>
</table>
<p style="text-align:center">Online at <a href="http://X3dGraphics.com/examples/X3dForWebAuthors/index.html">http://X3dGraphics.com/examples/X3dForWebAuthors</a>
</p>
<p style="text-align:center">Master source at <a href=" http://sourceforge.net/p/x3d/code/HEAD/tree/www.web3d.org/x3d/content/examples/X3dForWebAuthors"
target="_blank"> http://sourceforge.net/p/x3d/code/HEAD/tree/www.web3d.org/x3d/content/examples/X3dForWebAuthors</a>
</p>
<table width="95%" summary="" align="center" border="1" cellpadding="6">
<tr>
<td align="left">Point of contact: <br/>Don Brutzman (<a href="mailto:brutzman@nps.edu%20(Don%20Brutzman)?subject=feedback%20on%20X3D%20X3dForWebAuthors%20examples%20archive">brutzman at nps.edu</a>)
</td>
<td align="center">
<a href="license.html">Open-Source License</a>
<br/>
</td>
<td align="center">
<a href="http://validator.w3.org/check?uri=http://X3dGraphics.com/examples/X3dForWebAuthors/index.html">
<img src="http://www.w3.org/Icons/valid-xhtml10" title="Valid XHTML 1.0!"
alt="Valid XHTML 1.0!"
height="31"
width="88"
border="0"/>
</a>
</td>
<td align="right">
<a href="ContentCatalogX3dForWebAuthors.xml" target="_blank">Content Catalog XML</a>
<br/>Autogenerated 28 November 2013<!--Catalog creation date 11/28/2013--></td>
</tr>
</table>
<p xmlns="" align="center">
Also available: current and archived <a href="https://savage.nps.edu/jenkins/job/X3dExamplesX3dForWebAuthors">nightly builds</a> and <a href="https://savage.nps.edu/jenkins/job/X3dExamplesX3dForWebAuthors/ws/">distributions</a> of these examples, all published under an <a href="license.html">Open-Source License</a>.</p>
<p xmlns="" align="center">
The
<a href="X3dResources.html#X3dForWebAuthors">X3D Resources: Examples</a> page
and
<a href="https://savage.nps.edu/Savage/developers.html">Savage Developers Guide</a>
provide more information about the production of this archive.</p>
</body>
</html>