Asset Brush

The Asset Brush node allows you to use the "Slate Brush" asset created in the Reality Editor in Reality Setup. AssetBrush node has a single output and you only can set it to SlateBrush variable.

Adding Slate Brush Asset

Open Reality Editor and create a Slate Brush from ADD NEW → User Interface → Slate Brush or access it via right click in empty area of content browser and choose it from component menu.

Configuration Slate Brush

• Open SlateBrush asset and configure it.

• Save changes.

Exporting Slate Brush Asset

• Open project settings from.

• Open Exports tab which under Reality title.

Creating Widget Blueprint

• Open Reality Editor and create a Slate Brush from ADD NEW → User Interface → Widget Blueprint or access it via right click in empty area of content browser and choose it from component menu.

Changing Parent Class of Widget Blueprint and Exporting

• Open up Widget Blueprint.

• Click Graph Tab.

• Open the Class Settings.

• Change "Parent Class" as ZDRealityWidget from "Details Panel".

• Open project settings from .

• Open Exports tab which under Reality title.

• Add "MyWidgetBlueprint" to Widget Class

Adding component to Widget Blueprint

• For this tutorial we will add an image component and we will set Asset Brush node to the brush of image.

• Add an Image component from Palette under Common Section.

• Open Graph tab.

• Add a slate brush variable. Click eye icon to make it public.

• Your variables should be looking like the below image.

Adding Custom Event

• Add a custom event to the graph. And set the script as shown in the below image.

This event will set "MySlateVariable" to brush of "MyImage" variable.

Exporting Custom Event

• Open Class Defaults of Widget Blueprint.

• Add "SetMyLogo" event to "Reality Events" under Details.

Using Asset Brush in Reality Setup

• Click PLAY button of editor.

• Open Reality Setup Application.

• Add ASSET BRUSH from Create → UMG

• Set Brush of "AssetBrush" class.

• Add UMGRENDERER from Create → UMG → UMG Renderer.

• Set UMGRENDERER class.

• Connect nodes as shown in the below image.

Result

• Click UMGRenderer Node and execute SetMyLogo function.