Ticker prototype for Tiny Mobile Widgets

Text looping animation.
Animation will only start if text is larger than the size of the Ticker.

PROTO Ticker [
  field SFVec2f translation 0 0
  field SFVec2f size 10 20
  field MFString string ""
  field SFColor textColor 1 1 1
  field SFInt32 margin 4
  field SFNode fontStyle FontStyle { size 12  justify ["LEFT" "MIDDLE"] }
  field SFFloat speed 2
]

Data fields

SFVec2f translation - Position of the ticker
SFVec2f size - Size of the display area
MFString string - The text to display

Style fields

SFColor textColor - Color of the text
SFInt32 margin - Margin from the left side where to begin text
SFNode fontStyle - Font of the text to display

Control fields

SFInt32 speed - Speed of animation (pixels per second). Animation can be stopped with a value less or equal to 0. Default: 2

EXTERNPROTO TextField [] "Ticker.wrl"
EXTERNPROTO SizeNotifier [] "SizeNotifier.wrl"

Group {
  children [
    DEF SIZE_NOTIFIER SizeNotifier {}
    
    Shape {
      appearance Appearance {
        material Material2D { emissiveColor 1 1 1 }
      }
      geometry DEF BACKGROUND Rectangle {
        size 10 10
      }
    }
    
    DEF TICKER Ticker {
      size 100 24
      string [ "Lorem ipsum dolor sit amet, consectetur adipiscing elit." ]
    }

    ROUTE SIZE_NOTIFIER.screenSize TO BACKGROUND.size
  ]
}