SelectableTextTransparentBox.x3d (X3dToXhtml listing)

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE X3D PUBLIC "ISO//Web3D//DTD X3D 3.3//EN" "https://www.web3d.org/specifications/x3d-3.3.dtd">

<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 '>

<head>

<meta name='title' content='SelectableTextTransparentBox.x3d'/>
<meta name='description' content='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.'/>
<meta name='creator' content='Don Brutzman'/>
<meta name='created' content='9 February 2014'/>
<meta name='modified' content='31 October 2021'/>
<meta name='info' content='SelectableText design pattern is available using Shape customizer in X3D-Edit.'/>
<meta name='Image' content='SelectableTextExampleOutput.png'/>
<meta name='Image' content=' https://savage.nps.edu/X3D-Edit/images/ShapeCustomizer.png '/>
<meta name='reference' content=' https://x3dgraphics.com '/>
<meta name='reference' content=' https://www.web3d.org/x3d/content/examples/X3dResources.html '/>
<meta name='identifier' content=' https://x3dgraphics.com/examples/X3dForAdvancedModeling/UserExperienceUX/SelectableTextTransparentBox.x3d '/>
<meta name='generator' content='X3D-Edit, https://savage.nps.edu/X3D-Edit'/>
<meta name='license' content=' ../license.html'/>

</head>
<Scene>

<WorldInfo title='SelectableTextTransparentBox.x3d'/>
<Background skyColor='0 0.333333 0.66667'/>
<Anchor description='select text to view scene'
url=' "../HelloWorld.x3d" "https://x3dgraphics.com/examples/X3dForAdvancedModeling/HelloWorld.x3d" "../HelloWorld.wrl" "https://x3dgraphics.com/examples/X3dForAdvancedModeling/HelloWorld.wrl" '>

<Shape>

<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"'>

<FontStyle justify='"MIDDLE" "MIDDLE"' size='0.75' style='BOLD'/>

</Text>
<Appearance>

<Material diffuseColor='1 0.9 0.4'/>

</Appearance>

</Shape>

<Shape>

<Box size='10 4 0.1'/>
<Appearance>

<Material transparency='1'/>

</Appearance>

</Shape>

</Anchor>

</Scene>

</X3D>