Playing Area Configuration
Configure Tagger Playing Area Graphics
Playing Areas Configuration
Configure the playing area graphics for your sport. This could be a pitch, a court, a graphic of goal posts, anything that you would like to track x, y co-ordinates for.
Create new playing area
Click on the "New Playing Area" button to create a new playing area.
Playing Area Name
Specify a name for the playing area.
Display team end indicators
Switch this on if you would like to display team end indicators. This is helpful to indicate for example the teams goals at either end of the pitch.
Rotate in mobile device portrait mode
Playing graphics will by default display as per how they are configured. Select this to rotate the graphic when in portrait mode on a mobile device. This would be commonly used for pitch or court graphics. For goal post graphics it is likely you would leave this unselected.
Perimeter
Type
Currently the only option for perimeter type is Rectangle. More options may be added in the future.
Width
The width of the perimeter as viewed in landscape mode. Tip: you may want to have this a few meters wider than the actual pitch width itself.
Height
The height of the perimeter as viewed in landscape mode. Tip: you may want to have this a few meters wider than the actual pitch height itself.
Line Color
The color of the perimeter line. Can be transparent also.
Fill Color
The background color of the perimeter. Can be transparent also.
Playing Area Objects
These are the lines, circles, etc... that you can draw on the graphic.
Name
Give the object a name - this should be descriptive to identify the object. Important when a graphic has many objects.
Type
The type of object - line, rectangle, circle and ellipse.
Line fields
From x co-ordinate
The starting x co-ordinate for the line
From y co-ordinate
The starting y co-ordinate for the line
To x co-ordinate
The ending x co-ordinate for the line
To y co-ordinate
The ending y co-ordinate for the line
Dash Length
Set this to add a dash to the line.
Dash Gap
Set this to add a dash gap to the line.
Rectangle Fields
X co-ordinate
The starting x co-ordinate for the rectangle (top left of rectangle).
Y co-ordinate
The starting x co-ordinate for the rectangle (top left of rectangle).
Width
The width of the rectangle.
Height
The height of the rectangle.
Circle Fields
X co-ordinate
The x co-ordinate for the center point of the circle
Y co-ordinate
The y co-ordinate for the center point of the circle
Radius
The radius of the circle
Dash Length
Set this to add a dash to the circle.
Dash Gap
Set this to add a dash gap to the circle.
Ellipse Fields
X co-ordinate
The x co-ordinate for the center point of the ellipse
Y co-ordinate
The y co-ordinate for the center point of the ellipse
Radius X
The horizontal radius of the ellipse
Radius Y
The vertical radius of the ellipse
Line Color
The line color of the object.
Fill Color
The background fill color of the object
Clip
Select this to clip the object. This is useful if you only want to show a portion of the object that you have drawn. This would be used for example to draw a semi-circle i.e. draw a circle first and the clip it to get the resultant semi-circle. It clips in a rectangular format.
Clip X co-ordinate
The starting x co-ordinate for the clip (top left of the clip rectangle).
Clip Y co-ordinate
The starting y co-ordinate for the clip (top left of the clip rectangle).
Clip Width
The width of the clip.
Clip Height
The height of the clip.
