Billboard
Billboard is a Grouping node that can contain most nodes. Content faces the user, rotating about the specified axis. Set axisOfRotation=0 0 0 to fully face the user's camera.
The Billboard node belongs to the Navigation component and its container field is children. It is available since X3D version 3.0 or later.
Fields
SFNode [in, out] metadata NULL [X3DMetadataObject]
Metadata are not part of the X3D world and not interpreted by the X3D browser, but they can be accessed via the ECMAScript interface.
SFVec3f [in, out] axisOfRotation 0 1 0 (-∞,∞)
AxisOfRotation direction is relative to local coordinate system.
Hint
Axis 0 0 0 always faces viewer.
SFVec3f [ ] bboxSize -1 -1 -1 [0,∞) or −1 −1 −1
Bounding box size is usually omitted, and can easily be calculated automatically by an X3D player at scene-loading time with minimal computational cost. Bounding box size can also be defined as an optional authoring hint that suggests an optimization or constraint.
Hint
Can be useful for collision computations or inverse-kinematics (IK) engines.
SFVec3f [ ] bboxCenter 0 0 0 (-∞,∞)
Bounding box center: optional hint for position offset from origin of local coordinate system.
MFNode [in] addChildren
Input field addChildren.
MFNode [in] removeChildren
Input field removeChildren.
MFNode [in, out] children [ ] [X3DChildNode]
Grouping nodes contain a list of children nodes.
Hint
Each grouping node defines a coordinate space for its children, relative to the coordinate space of its parent node. Thus transformations accumulate down the scene graph hierarchy.
Example
XML Encoding
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 |
<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE X3D PUBLIC "ISO//Web3D//DTD X3D 3.3//EN" "http://www.web3d.org/specifications/x3d-3.3.dtd"> <X3D profile='Full' version='3.3' xmlns:xsd='http://www.w3.org/2001/XMLSchema-instance' xsd:noNamespaceSchemaLocation='http://www.web3d.org/specifications/x3d-3.3.xsd'> <head> <meta name='comment' content='World of Titania'/> <meta name='created' content='Mon, 27 Nov 2017 03:58:59 GMT'/> <meta name='creator' content='Holger Seelig'/> <meta name='generator' content='Titania V4.0.2, http://titania.create3000.de'/> <meta name='identifier' content='file:///home/holger/Projekte/Server/create3000.de/media/htdocs/components/Navigation/Billboard/Billboard.x3d'/> <meta name='modified' content='Mon, 27 Nov 2017 04:17:53 GMT'/> <meta name='titania-add-metadata' content='true'/> </head> <Scene> <WorldInfo/> <Transform DEF='ElevationGrid'> <Inline DEF='model' url='"model.x3d", "file:///home/holger/Projekte/Server/create3000.de/media/htdocs/components/Navigation/Billboard/model.x3d"'/> </Transform> <Transform DEF='North' translation='18.8727 2.69088 0'> <Billboard axisOfRotation='0 0 0'> <Shape> <Appearance DEF='_1'> <Material diffuseColor='1 1 1'/> </Appearance> <Text string='"North"' solid='true'> <ScreenFontStyle family='"SANS"' justify='"MIDDLE", "MIDDLE"'/> </Text> </Shape> </Billboard> </Transform> <Transform DEF='East' translation='38.8519 2.69088 19.6852'> <Billboard axisOfRotation='0 0 0'> <Shape> <Appearance USE='_1'/> <Text string='"East"' solid='true'> <ScreenFontStyle family='"SANS"' justify='"MIDDLE", "MIDDLE"'/> </Text> </Shape> </Billboard> </Transform> <Transform DEF='South' translation='19.2866 2.69088 38.9015'> <Billboard axisOfRotation='0 0 0'> <Shape> <Appearance USE='_1'/> <Text string='"South"' solid='true'> <ScreenFontStyle family='"SANS"' justify='"MIDDLE", "MIDDLE"'/> </Text> </Shape> </Billboard> </Transform> <Transform DEF='West' translation='-0.326128 2.69088 18.1129'> <Billboard axisOfRotation='0 0 0'> <Shape> <Appearance USE='_1'/> <Text string='"West"' solid='true'> <ScreenFontStyle family='"SANS"' justify='"MIDDLE", "MIDDLE"'/> </Text> </Shape> </Billboard> </Transform> <Viewpoint description='Initial View' position='34.6873 15.7369 59.8055' orientation='-0.684959077473456 0.728121297606291 0.0258928206042409 0.480507504601277' centerOfRotation='19.481 1.24912 19.4962'/> </Scene> </X3D> |
Classic Encoding
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 |
#X3D V3.3 utf8 Titania V4.0.6 PROFILE Full META "comment" "World of Titania" META "created" "Mon, 27 Nov 2017 03:58:59 GMT" META "creator" "Holger Seelig" META "generator" "Titania V4.0.2, http://titania.create3000.de" META "identifier" "file:///home/holger/Projekte/Server/create3000.de/media/htdocs/components/Navigation/Billboard/Billboard.x3d" META "modified" "Mon, 27 Nov 2017 04:17:53 GMT" META "titania-add-metadata" "true" WorldInfo { } DEF ElevationGrid Transform { children DEF model Inline { url [ "model.x3d", "file:///home/holger/Projekte/Server/create3000.de/media/htdocs/components/Navigation/Billboard/model.x3d" ] } } DEF North Transform { translation 18.8727 2.69088 0 children Billboard { axisOfRotation 0 0 0 children Shape { appearance DEF _1 Appearance { material Material { diffuseColor 1 1 1 } } geometry Text { string "North" solid TRUE fontStyle ScreenFontStyle { family "SANS" justify [ "MIDDLE", "MIDDLE" ] } } } } } DEF East Transform { translation 38.8519 2.69088 19.6852 children Billboard { axisOfRotation 0 0 0 children Shape { appearance USE _1 geometry Text { string "East" solid TRUE fontStyle ScreenFontStyle { family "SANS" justify [ "MIDDLE", "MIDDLE" ] } } } } } DEF South Transform { translation 19.2866 2.69088 38.9015 children Billboard { axisOfRotation 0 0 0 children Shape { appearance USE _1 geometry Text { string "South" solid TRUE fontStyle ScreenFontStyle { family "SANS" justify [ "MIDDLE", "MIDDLE" ] } } } } } DEF West Transform { translation -0.326128 2.69088 18.1129 children Billboard { axisOfRotation 0 0 0 children Shape { appearance USE _1 geometry Text { string "West" solid TRUE fontStyle ScreenFontStyle { family "SANS" justify [ "MIDDLE", "MIDDLE" ] } } } } } Viewpoint { description "Initial View" position 34.6873 15.7369 59.8055 orientation -0.684959077473456 0.728121297606291 0.0258928206042409 0.480507504601277 centerOfRotation 19.481 1.24912 19.4962 } |
JSON Encoding
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 |
{ "X3D": { "encoding": "UTF-8", "@profile": "Full", "@version": "3.3", "@xsd:noNamespaceSchemaLocation": "http://www.web3d.org/specifications/x3d-3.3.xsd", "JSON schema": "http://www.web3d.org/specifications/x3d-3.3-JSONSchema.json", "head": { "meta": [ { "@name": "comment", "@content": "World of Titania" }, { "@name": "created", "@content": "Mon, 27 Nov 2017 03:58:59 GMT" }, { "@name": "creator", "@content": "Holger Seelig" }, { "@name": "generator", "@content": "Titania V4.0.2, http://titania.create3000.de" }, { "@name": "identifier", "@content": "file:///home/holger/Projekte/Server/create3000.de/media/htdocs/components/Navigation/Billboard/Billboard.x3d" }, { "@name": "modified", "@content": "Mon, 27 Nov 2017 04:17:53 GMT" }, { "@name": "titania-add-metadata", "@content": "true" } ] }, "Scene": { "-children": [ { "WorldInfo": { } }, { "Transform": { "@DEF": "ElevationGrid", "-children": [ { "Inline": { "@DEF": "model", "@url": [ "model.x3d", "file:///home/holger/Projekte/Server/create3000.de/media/htdocs/components/Navigation/Billboard/model.x3d" ] } } ] } }, { "Transform": { "@DEF": "North", "@translation": [ 18.8727, 2.69088, 0 ], "-children": [ { "Billboard": { "@axisOfRotation": [ 0, 0, 0 ], "-children": [ { "Shape": { "-appearance": { "Appearance": { "@DEF": "_1", "-material": { "Material": { "@diffuseColor": [ 1, 1, 1 ] } } } }, "-geometry": { "Text": { "@string": [ "North" ], "@solid": true, "-fontStyle": { "ScreenFontStyle": { "@family": [ "SANS" ], "@justify": [ "MIDDLE", "MIDDLE" ] } } } } } } ] } } ] } }, { "Transform": { "@DEF": "East", "@translation": [ 38.8519, 2.69088, 19.6852 ], "-children": [ { "Billboard": { "@axisOfRotation": [ 0, 0, 0 ], "-children": [ { "Shape": { "-appearance": { "Appearance": { "@USE": "_1" } }, "-geometry": { "Text": { "@string": [ "East" ], "@solid": true, "-fontStyle": { "ScreenFontStyle": { "@family": [ "SANS" ], "@justify": [ "MIDDLE", "MIDDLE" ] } } } } } } ] } } ] } }, { "Transform": { "@DEF": "South", "@translation": [ 19.2866, 2.69088, 38.9015 ], "-children": [ { "Billboard": { "@axisOfRotation": [ 0, 0, 0 ], "-children": [ { "Shape": { "-appearance": { "Appearance": { "@USE": "_1" } }, "-geometry": { "Text": { "@string": [ "South" ], "@solid": true, "-fontStyle": { "ScreenFontStyle": { "@family": [ "SANS" ], "@justify": [ "MIDDLE", "MIDDLE" ] } } } } } } ] } } ] } }, { "Transform": { "@DEF": "West", "@translation": [ -0.326128, 2.69088, 18.1129 ], "-children": [ { "Billboard": { "@axisOfRotation": [ 0, 0, 0 ], "-children": [ { "Shape": { "-appearance": { "Appearance": { "@USE": "_1" } }, "-geometry": { "Text": { "@string": [ "West" ], "@solid": true, "-fontStyle": { "ScreenFontStyle": { "@family": [ "SANS" ], "@justify": [ "MIDDLE", "MIDDLE" ] } } } } } } ] } } ] } }, { "Viewpoint": { "@description": "Initial View", "@position": [ 34.6873, 15.7369, 59.8055 ], "@orientation": [ -0.684959077473456, 0.728121297606291, 0.0258928206042409, 0.480507504601277 ], "@centerOfRotation": [ 19.481, 1.24912, 19.4962 ] } } ] } } } |
Titania
X_ITE