Best Practices

Media Assets Principles

In order to smooth the process of collaboration on broadcast production between different teams, you need to provide media assets to LiveCtrl team with following principles. The overall structure should follow this:

Team Logo

Team logos need to be .WEBP files with transparent background (alpha channel) and should be in 2 resolutions and 3 themes.

Image Resolutions should be:

• Rectangle: 120*80
• Square: 512*512

Themes should be in original, light and dark.

Here is an example of the folders and files structure for a league/season.

Image should be named by Team ID in Events Modules

To ensure graphics accessing the right team logo, LiveCtrl refer to team ID as the unique key to match the correct asset.

Player Portraits

Player portraits need to be .WEBP files with transparent background (alpha channel) and should be in the resolution of 1500*1800.

The top of players' heads should be aligned at roughly the same level, and head sizes should be approximately the same for all players. Upper body of players need to be complete without cut.

In order to perform best display and keep consistency among all graphics, you should refer to this PSD file as the workflow template to process player portraits.

Here are some examples：

There are 2 kinds of portraits with specific requirements in 2 folders:

• make up: featuring formal, upright poses
• pose: featuring more various gestures as you need

Here is an example of the folders and files structure for a league/season.

Image should be named by Player ID in Events Modules

To ensure graphics accessing the right player portraits, LiveCtrl refer to player ID as the unique key to match the correct asset.

Graphics Design Files

LiveCtrl team highly prefer to receive PSD files for all graphics' prototype designs and static layouts.

For animation or transition effects, LiveCtrl team prefer AE projects with MOV assets. You shall export static part of graphics into PSD files in the assets bundle.

Building Panels

Coming soon