X3D Model Documentation: SelectableTextTransparentBox.x3d

  1  <?xml version="1.0" encoding="UTF-8"?>
  2  <!DOCTYPE X3D PUBLIC "ISO//Web3D//DTD X3D 3.3//EN" "https://www.web3d.org/specifications/x3d-3.3.dtd">
  3  <X3D profile='Immersive' version='3.3 xmlns:xsd='http://www.w3.org/2001/XMLSchema-instance' xsd:noNamespaceSchemaLocation='https://www.web3d.org/specifications/x3d-3.3.xsd'>
  4       <head>
  5            <meta name='titlecontent='SelectableTextTransparentBox.x3d'/>
  6            <meta name='descriptioncontent='Display Anchor-linked instructions as Text and include transparent Box to simplify user selection. Authors can change the Material transparency value to view the Box, which helps when resizing it to fit the Text.'/>
  7            <meta name='creatorcontent='Don Brutzman'/>
  8            <meta name='createdcontent='9 February 2014'/>
  9            <meta name='modifiedcontent='31 October 2021'/>
 10            <meta name='infocontent='SelectableText design pattern is available using Shape customizer in X3D-Edit.'/>
 11            <meta name='Imagecontent='SelectableTextExampleOutput.png'/>
 12            <meta name='Imagecontent='https://savage.nps.edu/X3D-Edit/images/ShapeCustomizer.png'/>
 13            <meta name='referencecontent='https://x3dgraphics.com'/>
 14            <meta name='referencecontent='https://www.web3d.org/x3d/content/examples/X3dResources.html'/>
 15            <meta name='identifiercontent='https://www.web3d.org/x3d/content/examples/X3dForAdvancedModeling/UserExperienceUX/SelectableTextTransparentBox.x3d'/>
 16            <meta name='generatorcontent='X3D-Edit, https://savage.nps.edu/X3D-Edit'/>
 17            <meta name='licensecontent='../license.html'/>
 18       </head>
 19       <Scene>
 20            <WorldInfo title='SelectableTextTransparentBox.x3d'/>
 21            <Background skyColor='0 0.333333 0.66667'/>
 22            <Anchor description='select text to view scene'   url=' "../HelloWorld.x3d" "https://www.web3d.org/x3d/content/examples/X3dForAdvancedModeling/HelloWorld.x3d" "../HelloWorld.wrl" "https://www.web3d.org/x3d/content/examples/X3dForAdvancedModeling/HelloWorld.wrl" '>
 23                 <Shape>
 24                      <Text string='"Users can easily select Text" "when a transparent Box is" "overlaid behind it." "" "Select this anchored text box" "to see HelloWorld.x3d model"'>
 25                           <!-- Text string "" means to skip a line, each quoted string is rendered on a separate line. -->
 26                           <FontStyle justify='"MIDDLE" "MIDDLE"size='0.75style='BOLD'/>
 27                      </Text>
 28                      <Appearance>
 29                           <Material diffuseColor='1 0.9 0.4'/>
 30                      </Appearance>
 31                 </Shape>
 32                 <!-- Invisible box behind text makes user selection (and mouse-over hovering for tooltips) easier. -->
 33                 <Shape>
 34                      <Box size='10 4 0.1'/>
 35                      <Appearance>
 36                           <!-- Change Material transparency='0.8' to see and adjust the size of the Box in order to fit the Text. -->
 37                           <Material transparency='1'/>
 38                      </Appearance>
 39                 </Shape>
 40            </Anchor>
 41       </Scene>
 42  </X3D>

X3D Tooltips element index: Anchor, Appearance, Background, Box, FontStyle, head, Material, meta, Scene, Shape, Text, WorldInfo, X3D, accessType and type, XML data types, field types

Event Graph ROUTE Table with 0 ROUTE connections total, showing X3D event-model relationships for this scene.

Each row shows an event cascade that may occur during a single timestamp interval between frame renderings, as part of the X3D execution model.


Anchor
description='select text to view scene' 
User-interaction hint for this node. 
Additional guidance on X3D animation can be found in the 10-Step Animation Design Process and Event Tracing hint sheets. Have fun with X3D! 😀

-->
<!-- Online at
https://www.web3d.org/x3d/content/examples/X3dForAdvancedModeling/UserExperienceUX/SelectableTextTransparentBoxIndex.html -->
<!-- Version control at
https://sourceforge.net/p/x3d/code/HEAD/tree/www.web3d.org/x3d/content/examples/X3dForAdvancedModeling/UserExperienceUX/SelectableTextTransparentBox.x3d -->

<!-- Color legend: X3D terminology <X3dNode field='value'/> matches XML terminology <XmlElement attribute='value'/>
(Light-blue background: event-based behavior node or statement) (Grey background inside box: inserted documentation) (Magenta background: X3D Extensibility)
-->

to top <!-- For additional help information about X3D scenes, please see X3D Tooltips, X3D Resources, and X3D Scene Authoring Hints. -->