<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns:ds="http://www.w3.org/2000/09/xmldsig#" xmlns:saxon="http://icl.com/saxon"
xmlns="http://www.w3.org/TR/xhtml1/strict">
<head>
<title>MaterialModulatorPrototypeExpanded.x3d (X3dToXhtml listing)</title>
<!-- I18N -->
<meta http-equiv="X-UA-Compatible" content="chrome=1,IE=edge"/>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
<style type="text/css">
span.element {color: navy}
span.attribute {color: green}
span.value {color: teal}
span.plain {color: black}
span.gray {color: gray}
span.idName {color: maroon}
a.idName {color: maroon}
div.center {text-align: center}
div.indent {margin-left: 25px}
span.prototype {color: purple}
a.prototype {color: purple}
a.prototype:visited {color: black}
span.route {color: red}
b.warning {color: #CC5500}
b.error {color: #CC0000}
</style>
<style type="text/css">
table.curvedEdges { border:10px solid RoyalBlue;-webkit-border-radius:13px;-moz-border-radius:13px;-ms-border-radius:13px;-o-border-radius:13px;border-radius:13px; }
table.curvedEdges td, table.curvedEdges th { border-bottom:1px dotted black;padding:5px; }
</style>
<meta name="generator" content="XSLT processor SAXON 9.1.0.2 from Saxonica"/>
<meta name="generator" content="http://www.web3d.org/x3d/stylesheets/X3dToXhtml.xslt"/>
<meta name="generator"
content="https://sourceforge.net/p/x3d/code/HEAD/tree/www.web3d.org/x3d/stylesheets/X3dToXhtml.xslt"/>
<link rel="shortcut icon"
href="http://www.web3d.org/x3d/content/icons/X3DtextIcon16.png"
title="X3D"/>
</head>
<body>
<code title="XML declaration"><?xml version="1.0" encoding="UTF-8"?></code>
<br/>
<code title="Document Type Declaration (DTD) for X3D validation"><!DOCTYPE X3D PUBLIC "ISO//Web3D//DTD X3D 3.3//EN" "<a href="http://www.web3d.org/specifications/x3d-3.3.dtd">http://www.web3d.org/specifications/x3d-3.3.dtd</a>"></code>
<div>
<span title="X3D is the top-most XML element for an Extensible 3D (X3D) Graphics file"><<span class="element">X3D</span> <span title="X3D Immersive Profile supports most nodes, similar to VRML97"><span class="attribute">profile</span>='<span class="value">Immersive</span>'</span> <span class="attribute">version</span>='<span class="value">3.3</span>' <span title="XML namespace for X3D Graphics schema validation"><span title="XML namespace for XML Schema validation">
<span class="attribute">xmlns:xsd</span>='<a href="http://www.w3.org/2001/XMLSchema-instance" target="_blank">http://www.w3.org/2001/XMLSchema-instance</a>'
</span>
<span title="XML namespace for X3D Graphics schema validation">
<span class="attribute">xsd:noNamespaceSchemaLocation</span>
</span>='
<a href="http://www.web3d.org/specifications/x3d-3.3.xsd">http://www.web3d.org/specifications/x3d-3.3.xsd</a>
'</span>>
</span><div class="indent">
<span title="head can contain component, unit, and author-defined metadata (meta) tags"><<span class="element">head</span>>
</span><div class="indent">
<span title="meta 'title' provides file name for this resource"><<span class="element">meta</span> <span class="attribute">name</span>='<span class="value">title</span>' <span class="attribute">content</span>='<a href="MaterialModulatorPrototypeExpanded.x3d">MaterialModulatorPrototypeExpanded.x3d</a>'/>
</span><br />
<span title="meta 'description' provides summary overview describing this resource"><<span class="element">meta</span> <span class="attribute">name</span>='<span class="value">description</span>' <span class="attribute">content</span>='<span class="plain">Mimic a Material node and modulate fields as an animation effect, providing example for expansion of a MaterialModulator ProtoInstance as regular nodes</span>'/>
</span><br />
<span title="meta 'creator' provides name of original author"><<span class="element">meta</span> <span class="attribute">name</span>='<span class="value">creator</span>' <span class="attribute">content</span>='<span class="value">Don Brutzman</span>'/>
</span><br />
<span title="meta 'created' provides date of initial version"><<span class="element">meta</span> <span class="attribute">name</span>='<span class="value">created</span>' <span class="attribute">content</span>='<span class="value">2 July 2016</span>'/>
</span><br />
<span title="meta 'modified' provides date of modified version"><<span class="element">meta</span> <span class="attribute">name</span>='<span class="value">modified</span>' <span class="attribute">content</span>='<span class="value">2 July 2016</span>'/>
</span><br />
<span title="meta 'subject' provides search-index subject keywords, key phrases, or classification codes"><<span class="element">meta</span> <span class="attribute">name</span>='<span class="value">subject</span>' <span class="attribute">content</span>='<span class="value">X3D prototype expansion requiring Script inputOutput fields</span>'/>
</span><br />
<span title="meta 'image' provides name or reference link to a supporting image file"><<span class="element">meta</span> <span class="attribute">name</span>='<span class="value">Image</span>' <span class="attribute">content</span>='<a href="MaterialModulator.png">MaterialModulator.png</a>'/>
</span><br />
<span title="meta 'identifier' provides the unique Uniform Resource Identifier (URI) or url address for this resource"><<span class="element">meta</span> <span class="attribute">name</span>='<span class="value">identifier</span>' <span class="attribute">content</span>='
<a href="http://X3dGraphics.com/examples/X3dForWebAuthors/Chapter14-Prototypes/MaterialModulatorPrototypeExpanded.x3d">http://X3dGraphics.com/examples/X3dForWebAuthors/Chapter14-Prototypes/MaterialModulatorPrototypeExpanded.x3d</a>
'/>
</span><br />
<span title="meta 'generator' provides name of authoring tool or translation tool producing this scene"><<span class="element">meta</span> <span class="attribute">name</span>='<span class="value">generator</span>' <span class="attribute">content</span>='<span class="value">X3D-Edit 3.3, </span>
<a href="https://savage.nps.edu/X3D-Edit" target="_blank">https://savage.nps.edu/X3D-Edit</a>'/>
</span><br />
<span title="meta 'license' provides software license link or information"><<span class="element">meta</span> <span class="attribute">name</span>='<span class="value">license</span>' <span class="attribute">content</span>='
<a href="../license.html">../license.html</a>'/>
</span></div><span title="head can contain component, unit, and author-defined metadata (meta) tags"></<span class="element">head</span>>
</span><br /><span style="color:white">
<!--
</span>
<div class="center">
<hr style="width:100%"/>
<b>
<i>Index for DEF nodes</i>
</b>:
<a title="go to this Switch node"
href="#HideAdditionalPrototypeBodyNodesExpanded1"
class="idName">HideAdditionalPrototypeBodyNodesExpanded1</a>,
<a title="go to this Material node" href="#MaterialModulatorNodeExpanded1"
class="idName">MaterialModulatorNodeExpanded1</a>,
<a title="go to this Script node" href="#MaterialModulatorScriptExpanded1"
class="idName">MaterialModulatorScriptExpanded1</a>,
<a title="go to this TimeSensor node" href="#ModulationClockExpanded1"
class="idName">ModulationClockExpanded1</a>
<hr style="width:100%"/>
</div>
<span style="color:white">
-->
</span><br />
<span title="Scene is the root node that contains an X3D scene graph"><<span class="element">Scene</span>>
</span><div class="indent">
<span title="Shape contains geometry and optional corresponding Appearance"><<span class="element">Shape</span>>
</span><div class="indent">
<span title="Sphere is a geometry primitive node"><<span class="element">Sphere</span>/>
</span><br />
<span title="Appearance specifies visual properties of geometry by containing Material, texture and TextureTransform nodes"><<span class="element">Appearance</span>>
</span><div class="indent">
<a name="MaterialModulatorNodeExpanded1"> </a>
<!-- <span class="idName">MaterialModulatorNodeExpanded1</span> <i>ROUTE</i>:
[<a title="go to this ROUTE" href="#ROUTE_0"><i>from</i> <span class="idName">MaterialModulatorScriptExpanded1</span>.<span class="attribute">newColor</span> <i>to</i> <span class="attribute">diffuseColor</span>
</a>]
--><br />
<span title="Material specifies surface rendering properties for associated geometry"><<span class="element">Material</span> <span class="attribute">DEF</span>='<span class="idName" title="DEF name is a unique ID for a given node">MaterialModulatorNodeExpanded1</span>'>
</span><div class="indent">
<span title="XML comment"><!-- no children nodes found, no follow-on nodes appear here --></span>
</div><span title="Material specifies surface rendering properties for associated geometry"></<span class="element">Material</span>>
</span></div><span title="Appearance specifies visual properties of geometry by containing Material, texture and TextureTransform nodes"></<span class="element">Appearance</span>>
</span></div><span title="Shape contains geometry and optional corresponding Appearance"></<span class="element">Shape</span>>
</span><br />
<a name="HideAdditionalPrototypeBodyNodesExpanded1"> </a>
<span title="Switch is a Grouping node that only renders one (or zero) child at a time"><<span class="element">Switch</span> <span class="attribute">DEF</span>='<span class="idName" title="DEF name is a unique ID for a given node">HideAdditionalPrototypeBodyNodesExpanded1</span>' <span class="attribute">whichChoice</span>='<span class="value">-1</span>'>
</span><div class="indent">
<span title="XML comment"><!-- Only first node (the node type) of the prototype is renderable, others follow here when Switch is first allowed --></span>
<br />
<a name="MaterialModulatorScriptExpanded1"> </a>
<!-- <span class="idName">MaterialModulatorScriptExpanded1</span> <i>ROUTEs</i>:
[<a title="go to this ROUTE" href="#ROUTE_1"><i>from</i> <span class="idName">ModulationClockExpanded1</span>.<span class="attribute">cycleTime</span> <i>to</i> <span class="attribute">clockTrigger</span>
</a>]
[<a title="go to this ROUTE" href="#ROUTE_0"><i>from</i> <span class="attribute">newColor</span> <i>to</i> <span class="idName">MaterialModulatorNodeExpanded1</span>.<span class="attribute">diffuseColor</span>
</a>]
--><br />
<<span class="element">Script</span> <span class="attribute">DEF</span>='<span class="idName" title="DEF name is a unique ID for a given node">MaterialModulatorScriptExpanded1</span>'>
<div class="indent">
<span title="A field element defines an interface attribute or node for a parent Script"><<span class="prototype">field</span> <span class="attribute">name</span>='<span class="prototype">enabled</span>' <span class="attribute">type</span>='<span class="value">SFBool</span>' <span class="attribute">value</span>='<span class="value">true</span>' <span class="attribute">accessType</span>='<span class="value">inputOutput</span>'/>
</span><br />
<span title="A field element defines an interface attribute or node for a parent Script"><<span class="prototype">field</span> <span class="attribute">name</span>='<span class="prototype">diffuseColor</span>' <span class="attribute">type</span>='<span class="value">SFColor</span>' <span class="attribute">value</span>='<span class="value">0.8 0.8 0.8</span>' <span class="attribute">accessType</span>='<span class="value">inputOutput</span>'/>
</span><br />
<span title="A field element defines an interface attribute or node for a parent Script"><<span class="prototype">field</span> <span class="attribute">name</span>='<span class="prototype">newColor</span>' <span class="attribute">type</span>='<span class="value">SFColor</span>' <span class="attribute">accessType</span>='<span class="value">outputOnly</span>'/>
</span><br />
<span title="A field element defines an interface attribute or node for a parent Script"><<span class="prototype">field</span> <span class="attribute">name</span>='<span class="prototype">clockTrigger</span>' <span class="attribute">type</span>='<span class="value">SFTime</span>' <span class="attribute">accessType</span>='<span class="value">inputOnly</span>'/>
</span><br />
</div class="indent">
</div class="indent">
</div class="indent">
<code>
<b><![CDATA[</b>
</code>
<pre>
ecmascript:
function initialize ()
{
newColor = diffuseColor; // start with correct color
}
function clockTrigger (timeValue)
{
if (!enabled) return;
red = newColor.r;
green = newColor.g;
blue = newColor.b;
// note different modulation rates for each color component, % is modulus operator
newColor = new SFColor ((red + 0.02) % 1, (green + 0.03) % 1, (blue + 0.04) % 1);
Browser.print ('diffuseColor=(' + red +',' + green + ',' + blue + ') newColor=' + newColor.toString() + '\n');
}
</pre>
<code>
<b>]]></b>
</code>
<div class="indent">
<div class="indent">
<div class="indent">
</div></<span class="element">Script</span>>
<br /><span title="XML comment"><!-- Clock tickles Script to wake up and compute a new value --></span>
<br />
<a name="ROUTE_0"> </a>
<span title="ROUTE connects fields between nodes to enable event passing"><<span class="route">ROUTE</span> <span class="attribute">fromNode</span>='<a title="go to the original DEF node definition"
href="#MaterialModulatorScriptExpanded1"
class="idName">MaterialModulatorScriptExpanded1</a>' <span class="attribute">fromField</span>='<span class="value">newColor</span>' <span class="attribute">toNode</span>='<a title="go to the original DEF node definition"
href="#MaterialModulatorNodeExpanded1"
class="idName">MaterialModulatorNodeExpanded1</a>' <span class="attribute">toField</span>='<span class="value">diffuseColor</span>'/>
</span><br />
<a name="ModulationClockExpanded1"> </a>
<!-- <span class="idName">ModulationClockExpanded1</span> <i>ROUTE</i>:
[<a title="go to this ROUTE" href="#ROUTE_1"><i>from</i> <span class="attribute">cycleTime</span> <i>to</i> <span class="idName">MaterialModulatorScriptExpanded1</span>.<span class="attribute">clockTrigger</span>
</a>]
--><br />
<span title="TimeSensor continuously generates events as time passes"><<span class="element">TimeSensor</span> <span class="attribute">DEF</span>='<span class="idName" title="DEF name is a unique ID for a given node">ModulationClockExpanded1</span>' <span class="attribute">cycleInterval</span>='<span class="value">0.1</span>' <span class="attribute">loop</span>='<span class="value">true</span>'/>
</span><br />
<a name="ROUTE_1"> </a>
<span title="ROUTE connects fields between nodes to enable event passing"><<span class="route">ROUTE</span> <span class="attribute">fromNode</span>='<a title="go to the original DEF node definition" href="#ModulationClockExpanded1"
class="idName">ModulationClockExpanded1</a>' <span class="attribute">fromField</span>='<span class="value">cycleTime</span>' <span class="attribute">toNode</span>='<a title="go to the original DEF node definition"
href="#MaterialModulatorScriptExpanded1"
class="idName">MaterialModulatorScriptExpanded1</a>' <span class="attribute">toField</span>='<span class="value">clockTrigger</span>'/>
</span></div><span title="Switch is a Grouping node that only renders one (or zero) child at a time"></<span class="element">Switch</span>>
</span></div><span title="Scene is the root node that contains an X3D scene graph"></<span class="element">Scene</span>>
</span></div><span title="X3D is the top-most XML element for an Extensible 3D (X3D) Graphics file"></<span class="element">X3D</span>>
</span><br /><span style="color:white">
<!--
</span>
<div class="center">
<hr style="width:100%"/>
<b>
<i>Index for DEF nodes</i>
</b>:
<a title="go to this Switch node"
href="#HideAdditionalPrototypeBodyNodesExpanded1"
class="idName">HideAdditionalPrototypeBodyNodesExpanded1</a>,
<a title="go to this Material node" href="#MaterialModulatorNodeExpanded1"
class="idName">MaterialModulatorNodeExpanded1</a>,
<a title="go to this Script node" href="#MaterialModulatorScriptExpanded1"
class="idName">MaterialModulatorScriptExpanded1</a>,
<a title="go to this TimeSensor node" href="#ModulationClockExpanded1"
class="idName">ModulationClockExpanded1</a>
<hr style="width:100%"/>
</div>
<span style="color:white">
-->
</span>
</div>
<p style="text-align:center; background-color:lightgrey">
<span style="color:lightgrey"><!--</span>
Color key: <!--(matching X3D and XML terminology) -->
<<span class="element">X3dNode</span>
<span class="idName"> DEF</span>='<span class="idName">idName</span>' <span class="attribute">field</span>='<span class="value">value</span>'/>
matches
<<span class="element">XmlElement</span>
<span class="idName"> DEF</span>='<span class="idName">idName</span>' <span class="attribute">attribute</span>='<span class="value">value</span>'/>
<span style="color:lightgrey"> --></span>
</p>
<p style="text-align:center; background-color:white">
<span style="color:white"><!--</span>
Additional help information about X3D scenes:
<a href="http://www.web3d.org/x3d/content/examples/X3dResources.html"
title="Numerous resources that support X3D graphics">X3D Resources</a>,
<a href="http://www.web3d.org/x3d/content/examples/X3dSceneAuthoringHints.html"
title="Style guidelines, authoring tips and best practices">X3D Scene Authoring Hints</a>
and
<a href="http://www.web3d.org/x3d/content/X3dTooltips.html"
title="Summary descriptions and authoring hints for each X3D node (element) and field (attribute)">X3D Tooltips</a>
<span style="color:white">--></span>
</p>
</body>
</html>