Stadium Brain

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

Index