13: Live Assist Panels – Chyron

About Live Assist Panels

The Live Assist Panels allow you to design web based user panels to control elements of the Unreal projects, such as Cameras, lights, objects positions etc.

The Live Assist Panel web server needs to be launched manually using the dedicated desktop shortcut. Run it to start the web server. You should get the following output:

Open Chrome and type in the following URL to open the Panel web page: http://localhost. Login default credentials are admin/adminLAP.

First custom panel

We start by selecting Panels in Live Assist Panels

Then we add new Panel

Set the Size

To Start Editing the Panel we need to click the Edit Icon in the Top Left Corner

Select the Code tab

In the Code -> Main we add General command to help us send Commands to VSAR Data Engine

function setLua( Command )
{
console.log( Command )
set( "ue4", "lua_in", Command );
}
window.setLua = setLua;

We define function called setLua that accepts LUA Command, prints the command to log and sets the command in the ue4 bucket and the lua_in key. This essentially forwards the command to VSAR.

On the bottom left one you will find commands that can be added to the layout by clicking on them. Start by adding a button and resize it manually to a decent size.

Commands and Actions that are triggered when pressing that button are written as Functions in Lua scripting language within the Code tab at the top left.

Those Functions are then called by the Button from the Commands tab at the bottom right:

VSAR Widgets in Live Assist Panels

Starting with Live Assist Panels 2.9.0, we've introduced a series of widgets specifically dedicated to VSAR control. These widgets are located under the "VSAR" category in the LAP Design view.

Actor Selector: Used to select any Actor from the open Level in VSAR. In the VSAR tab of the Actor Selector, users can associate panel controls with different Actor properties (Position, Scale, Rotation, Visibility).
- Base: Base value.
- Coef.: Coefficient of change (x1, x2, x0.5, etc.). If empty defaults to 1.
- Widget: Panel control that will provide the new values. Specially designed for association with sliders.
Blueprint Selector: Used to select any Blueprint from the open Level in VSAR. The VSAR tab specifies:
- Blueprint: The selected Blueprint
- Function: The selected Function/Event
- Widget: The control that will be used to execute the Blueprint Function/Event. Specially designed for Buttons.
- Parameters: The list of parameters associated with the selected Function/Event, and a drop-down list to associate each Parameter value with a control on the panel.
File Selector: Used to open an Explorer window and select a file. The General tab specifies:
- Images Only: Filter only images.
- Default folder: User must specify the default folder where to search for files.
- Include file extension: Enable/Disable file extension as part of the return value

File Selector can output images directly to the Image widget.

Add an Image widget to your panel,
Go to the VSAR tab and specify to which File Selector in your panel the Image widget will be associated with.
1. - Level Sequence Selector: Used to select any Level Sequence from the open Level in VSAR. The VSAR tab specifies a list of standard Level Sequence commands (Play, Pause, Stop, etc.) and the associated control to each one of them.

Lua script examples - Message to Unreal Output Logs

Command (onClick):

setLua(‘PrintLog(95)’)

Output: