Advanced Layer Attributes
Fading layers in
Any layer can slowly fade in by declaring the optional attribute fadeIn in seconds that determine the time from fully transparent to fully opaque. This attribute is combinable with inTime.
Showing layers with a delay
An optional attribute for any layer type is inTime, which expects a value in seconds and hides the layer till the assigned delay. This makes it possible to create a timed output.
A timed change template
<?xml version="1.0" encoding="UTF-8"?> <sbtmpl version="0.1"> <settings name='Change Timed' type='player' width='1920' height='1080' /> <layers> <image xPoint='0' yPoint='0' width='1920' height='1080' >{{generalImages:neutralBackground}}</image> <image xPoint='0' yPoint='0' width='1920' height='1080' >{{playerChangeOut:playerImage}}</image> <text fontfamily='HelveticaNeue-Bold' fontsize='144' textalign='right' color='0xffffff' xPoint='664' yPoint='851' width='1176' height='180' >{{playerChangeOut:playerLastName}}</text> <text fontfamily='HelveticaNeue-Bold' fontsize='110' textalign='right' color='0xffffff' xPoint='790' yPoint='710' width='1050' height='140' >{{playerChangeOut:playerFirstName}}</text> <text fontfamily='HelveticaNeue-Bold' fontsize='340' textalign='right' color='0xffffff' xPoint='1390' yPoint='300' width='450' height='350' >{{playerChangeOut:playerNumber}}</text> <text fontfamily='HelveticaNeue-Bold' fontsize='340' textalign='center' color='0xff0000' xPoint='850' yPoint='80' width='450' height='350' inTime='1' >▶︎</text> <image xPoint='0' yPoint='0' width='1920' height='1080' inTime='4' >{{generalImages:neutralBackground}}</image> <image xPoint='0' yPoint='0' width='1920' height='1080' inTime='5' >{{playerChangeIn:playerImage}}</image> <text fontfamily='HelveticaNeue-Bold' fontsize='144' textalign='right' color='0xffffff' xPoint='664' yPoint='851' width='1176' height='180' inTime='5' >{{playerChangeIn:playerLastName}}</text> <text fontfamily='HelveticaNeue-Bold' fontsize='110' textalign='right' color='0xffffff' xPoint='790' yPoint='710' width='1050' height='140' inTime='5' >{{playerChangeIn:playerFirstName}}</text> <text fontfamily='HelveticaNeue-Bold' fontsize='340' textalign='right' color='0xffffff' xPoint='1390' yPoint='300' width='450' height='350' inTime='5' >{{playerChangeIn:playerNumber}}</text> <text fontfamily='HelveticaNeue-Bold' fontsize='340' textalign='center' color='0x58D443' xPoint='850' yPoint='80' width='450' height='350' inTime='4' >◀︎</text> <image xPoint='1600' yPoint='40' width='280' height='280' >{{selectedTeam:teamLogoImage}}</image> </layers> </sbtmpl>
The source code of the timed change example