Title prototype

Display a title bar.
Title text scroll if it too long (Title prototype use a Ticker).

PROTO Title [
  field MFString title []
  field MFString images ["titleBg.png"]
  field SFVec2f screenSize -1 -1
  field SFVec2f textScale 1 1
  field MFString style ["Title"]
]

Data fields

MFString title - Title content, hidden if titleColor field is set

Style fields

MFString images - Background image of the title
SFVec2f screenSize - Size of the screen where the application is displayed
SFVec2f textScale - Use for scaling text if necessary (phone with small fonts)
MFString style - Style to use for this prototype (Default: Title)

Warning:
Define style is required (we can use the default style - see Style node).

Title {
  size: 100% 9%; 
  text-size: 100% 9%; 
  color: black;
  background-color: orange;
  font-style: bold;
  font-size: 12;
  font-filter: true;
  horizontal-align: middle;
  vertical-align: middle;
}

Ticker

EXTERNPROTO Title [] "Title.wrl"
EXTERNPROTO SizeNotifier [] "SizeNotifier.wrl"

Group {
  children [
    Style {
      url ["default.css"]
    }
    
    DEF SIZE_NOTIFIER SizeNotifier {}
    
    Shape {
      appearance  Appearance {
        material Material2D { emissiveColor 1 1 1 }
      }
      geometry DEF BACKGROUND Rectangle {
        size 10 10
      }
    }
    
    DEF TITLE Title {
      title [ "Lorem ipsum dolor sit amet, consectetur adipiscing elit." ]
    }

    ROUTE SIZE_NOTIFIER.screenSize TO BACKGROUND.size
    
    ROUTE SIZE_NOTIFIER.screenSize TO TITLE.screenSize
    ROUTE SIZE_NOTIFIER.textScale  TO TITLE.textScale
  ]
}