Loader prototype

Gray the full screen and display a message and a loading animation.

Note:
To generate a sprite from a GIF, use ImageMagik convert tool:
convert myAnim.gif +append icon.png

PROTO Loader [
  # Common fields
  exposedField SFInt32 display 0
  field MFString message [""]
  field MFString images ["loader.png"] 
  field MFString style ["Loader"]
  field SFVec2f screenSize -1 -1
  field SFVec2f textScale 1 1
]

Data fields

MFString message - Loader message (can be empty to prevent message display)

Style fields

MFString style - Path to the CSS node associated to Loader proto
MFString images - Sprite image for the loading animation (can be empty to prevent icon display)
SFVec2f screenSize - Size of the screen where the application is displayed
SFVec2f textScale - Use for scaling text if necessary (phone with small fonts)

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

Exposed Fields

SFInt32 exposedField display - Set to 0 to display the loader, -1 to hide it.

Loader {
  color: orange;
  size: 20% 20%;
  font-size: 16;
  horizontal-align: MIDDLE;
  vertical-align: MIDDLE;
  font-filter: true;
}

LoaderMini

EXTERNPROTO SizeNotifier [] "SizeNotifier.wrl"
EXTERNPROTO Loader [] "Loader.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 LOADER Loader {
      message ["Wait during loading"]
    }
		
    ROUTE SIZE_NOTIFIER.screenSize TO BACKGROUND.size
      
    ROUTE SIZE_NOTIFIER.screenSize TO LOADER.screenSize
    ROUTE SIZE_NOTIFIER.textScale  TO LOADER.textScale
  ]
}