Unreal Engine 5 Documentation has been moved to the Epic Developer Community

Real-time technology is becoming an increasingly important part of motion graphics and sports. Epic Games partnered with Capacity Studios to deliver a high-quality Broadcast Hype Chamber Sample which demonstrates how to design, develop, and play out numerous animation elements for your esports show.

Enter the Hype Chamber and learn how to drive a sports motion graphics package with advanced blueprinting and data table workflows.

By exploring this sample and this page, you'll learn about:

• How to use motion graphics animation for live playout or pre-rendered animation. This sample includes 10 motion graphics examples.

• How to build a highly customizable graphic package where artists can switch 3D models, textures, materials, and lighting, all driven by a single blueprint controller. When you change team names, all the elements in the scene will swap accordingly.

• How to extend the workflow by adding a new team to the data table.

Getting Started

Download the sample from the Learn tab of the Epic Games Launcher and open the project in Unreal Engine.

Playing Graphics and Animation

In the Unreal Editor's Toolbar , click Play to run the level.

In the World Outliner , select BP_HypeChamber_Controller to open its Details panel. These are options that you can change during Play in Editor mode.

Hypechamber Control

Click Play Graphic to play the 3D graphics and animation.

Click Reset Graphic to reset everything to its initial state.

Change Team ASelect to change the team that appears in the Level. For graphics or modes with two teams, TeamASelect appears on the left side, and Team BSelect appears on the right side.

Mode Select changes what displays in the Level. A different motion graphic and animation is associated with each mode. You have the following options:

• INT Matchup

• INT Matchup Infinite

• INT Team Hype Chamber

• INT Player Name

• INT Text

• INT_Logo

• FS Open

• FS Team Hype Chamber Wide

• FS Team Hype Chamber Close

• FS Backgrounds

• BUMP Team Victory

Hypechamber Advanced

The Hype Chamber Controller has the following settings for customizing media output and post processing when playing the motion graphics and animations.

Using Remote Control to Play Graphics and Animations

In EsportsSample/_ArtistElements/Blueprints , double-click the RC_Esports Remote Control Preset to open it in the Remote Control Panel. The parameters in the BP_Esports_Controller's Details panel are the same parameters exposed in the RC_Esports preset.

Launch the Remote Control Web Application to control the team graphics and text remotely by entering the URL 127.0.0.1:7000 on your local machine, or your computer's IP address with port 7000 on a second device. Refer to Remote Control Web Application for more information about using the web application.

Editing Team Themes

To edit the current team themes, in the Content Browser , navigate to EsportsSample/_ArtistElements/Blueprints/Data and double-click DT_Esport_Themes to open it in the Data Table Asset Editor.

Each row is all the data for one team, from the team name to the team's color palette. Click a row and edit its data in the Row Editor to make changes to the team's theme.

To change what parameters define a team's theme, navigate to EsportsSample/_ArtistElements/Blueprints/Structures and double-click ST_RL_Design to open it in the Structure Asset Editor.

In Esports/_ArtistElements/Blueprints , double-click BP_Esport_Controller to open it in the Blueprint Editor. In the UpdateData section, the DT_Esport_Themes data table is looked up by row name to populate the team data in the Level. When you add parameters, make sure they're connected to Assets defined in the TeamAValues and TeamBValues nodes.

Creating Your Own Team

Follow these steps to add a new team to the selection.

1. In the Content Browser, navigate to EsportsSample/_ArtistElements/Blueprints/Enums and double-click EN_Teams to open it in the Enum Asset Editor.

2. Click New to add an entry to the Enum.

3. Set the new entry's Display Name to the abbreviated name of the team and Description to the full name of the team. In this example, the new team's Display Name is WIP and its Description is Work in Progress .

4. Navigate to EsportsSample/_ArtistElements/Blueprints/Data and click (+) Add to add a new row.

5. Set the new row's name to the abbreviated name of the team and Team Name to the full name of the team. In this example, the row's name is WIP and the Team Name is Work in Progress .

6. You can now change the Hypechamber Controls in the Level's BP_HypeChamber_Controller to select your new team.

Batch Rendering with Movie Render Queue

In the Content Browser, navigate to EsportsSample/_ArtistElements/Blueprints . Right-click the EUW_VersioningUtility Editor Utility Widget Asset and choose Run Editor Utility Widget .

The Editor Utility Widget opens in a new window.

This widget provides controls for batch rendering sequences with various configurations of teams using Movie Render Queue . The following parameters affect the rendering job.

Click (+) Start Render to start the render jobs.