Player images allow you to display team roster photos within FUSE graphics. This guide covers setting up player variables for dropdown selection, creating image slots exposed from Rive files, defining image templates (300×300), and linking player image data through the competition theme — enabling dynamic player photo display during live broadcasts.
Prerequisites
Access to the FUSE graphics editor
A Rive file with exposed image slots for player photos
Player roster data with image URLs configured in the LIGR platform
A competition theme with player image templates set up
Step-by-Step Guide
Step 1: Set up the Rive file with image slots
In your Rive design file, create image placeholders for player photos. These slots need to be exposed so FUSE can access and populate them with data. Each image slot should be named descriptively (e.g., playerImage, playerPhoto) for easy reference in expressions.
Step 2: Add a Player control variable in FUSE
In the FUSE editor, navigate to the Control Variables panel and add a new variable of type Player. This creates a dropdown selector in the Control Room that lists all players from the team roster.
Step 3: Create player data expressions
Use FUSE expressions to bind player data to graphic elements. The player.data object provides access to all player information. For images, use the player image URL expression to link the Rive image slot to the selected player's photo.
Step 4: Configure the image template in the competition theme
In the competition theme settings, set up an image template with 300×300 pixel dimensions for player photos. This template defines how player images are processed and sized before being displayed in the graphic.
Step 5: Test player image display
In the FUSE preview, select different players from the dropdown to verify that player images load correctly. Check that the image sizing and positioning look correct within the Rive graphic.
Step 6: Publish and verify in Control Room
Publish the graphic and assign it to a test event. In the Control Room, verify that the player dropdown shows the full roster and that selecting a player loads their image correctly.
Tips & Best Practices
Player images are pulled from the roster data — ensure all players have image URLs assigned in the platform.
The 300×300 image template is the recommended size for player headshots in most graphic layouts.
Image slots in Rive must be explicitly exposed for FUSE to populate them — unexposed slots will remain blank.
Use the competition theme to manage image templates centrally — changes apply to all graphics using that theme.
If a player has no image, the graphic will display a blank space unless you configure a default/fallback image.
Related Articles
Using Player Variables in FUSE
Building Graphics with External Data in FUSE
Adding a Control Variable in FUSE