{ "X3D": {
    "encoding":"UTF-8",
    "@profile":"Immersive",
    "@version":"3.3",
    "@xsd:noNamespaceSchemaLocation":"https://www.web3d.org/specifications/x3d-3.3.xsd",
    "JSON schema":"https://www.web3d.org/specifications/x3d-4.0-JSONSchema.autogenerated.json",
    "head": {
        "meta": [
          {
            "@name":"title",
            "@content":"SelectableTextTransparentBox.x3d"
          },
          {
            "@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."
          },
          {
            "@name":"creator",
            "@content":"Don Brutzman"
          },
          {
            "@name":"created",
            "@content":"9 February 2014"
          },
          {
            "@name":"modified",
            "@content":"30 August 2025"
          },
          {
            "@name":"info",
            "@content":"SelectableText design pattern is available using Shape customizer in X3D-Edit."
          },
          {
            "@name":"Image",
            "@content":"SelectableTextExampleOutput.png"
          },
          {
            "@name":"Image",
            "@content":"https://www.web3d.org/x3d/tools/X3D-Edit/images/ShapeCustomizer.png"
          },
          {
            "@name":"reference",
            "@content":"https://x3dgraphics.com"
          },
          {
            "@name":"reference",
            "@content":"https://www.web3d.org/x3d/content/examples/X3dResources.html"
          },
          {
            "@name":"identifier",
            "@content":"https://www.web3d.org/x3d/content/examples/X3dForAdvancedModeling/UserExperienceUX/SelectableTextTransparentBox.x3d"
          },
          {
            "@name":"generator",
            "@content":"X3D-Edit, https://www.web3d.org/x3d/tools/X3D-Edit"
          },
          {
            "@name":"license",
            "@content":"../license.html"
          },
          {
            "@name":"translated",
            "@content":"31 August 2025"
          },
          {
            "@name":"generator",
            "@content":"X3dToJson.xslt, https://www.web3d.org/x3d/stylesheets/X3dToJson.html"
          },
          {
            "@name":"reference",
            "@content":"X3D JSON encoding: https://www.web3d.org/wiki/index.php/X3D_JSON_Encoding"
          }
        ]
    },
    "Scene": {
        "-children":[
          { "WorldInfo":
            {
              "@title":"SelectableTextTransparentBox.x3d"
            }
          },
          { "Background":
            {
              "@skyColor":[0,0.333333,0.66667]
            }
          },
          { "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"],
              "-children":[
                { "Shape":
                  {
                    "-geometry":
                      { "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"],
                          "-children":[
                            {
                              "#comment":"Text string \"\" means to skip a line, each quoted string is rendered on a separate line."
                            }
                          ],
                          "-fontStyle":
                            { "FontStyle":
                              {
                                "@justify":["MIDDLE","MIDDLE"],
                                "@size":0.75,
                                "@style":"BOLD"
                              }
                            }
                        }
                      },
                    "-appearance":
                      { "Appearance":
                        {
                          "-material":
                            { "Material":
                              {
                                "@diffuseColor":[1,0.9,0.4]
                              }
                            }
                        }
                      }
                  }
                },
                {
                  "#comment":"Invisible box behind text makes user selection (and mouse-over hovering for tooltips) easier."
                },
                { "Shape":
                  {
                    "-geometry":
                      { "Box":
                        {
                          "@size":[10,4,0.1]
                        }
                      },
                    "-appearance":
                      { "Appearance":
                        {
                          "-children":[
                            {
                              "#comment":"Change Material transparency='0.8' to see and adjust the size of the Box in order to fit the Text."
                            }
                          ],
                          "-material":
                            { "Material":
                              {
                                "@transparency":1
                              }
                            }
                        }
                      }
                  }
                }
              ]
            }
          }
        ]
    }
  }
}