LogoLogo
Reality 5.3
Reality 5.3
  • Reality 5.3
    • What's New
    • From Reality 4.27 to 5.3
    • User Guide
      • What is Reality Editor?
      • What is Reality Engine?
      • What is Reality Hub?
        • System Overview
      • Reality Workflow
      • Launcher
        • Launcher Interface
        • Engine Status Colors
        • Engine Display Window
        • New Launch Configuration
      • Nodegraph/Actions
        • Nodegraph
          • Node Structure
          • Node Details Panel
            • Property
            • Function
            • Function Property
          • Node Context Menu
          • Nodegraph Menu
            • Graphs
          • Portal Pin
          • Sink Pin
          • Reroute
          • Node Comment
          • Asset Browser
          • Advanced Preview Monitor
          • Operating Nodegraph
            • Navigating Inside Nodegraph
            • Creating Node
            • Node Connections
            • Incrementing and Changing Decimals
            • Connection Trace
            • Node Info Display
            • Simplifying Node Network
        • Actions
          • Action Timeline Interface
          • Keyframe Types
          • Interpolations
          • Operating Actions
          • Animating Property
          • Triggering Multiple Actions via Single Button
          • Utilizing Initial Keyframe
          • Animation Workflow Tips
        • Form Builder
          • Form Builder Interface
          • Form Builder Components
          • Customizing Component Appearance
          • Operating Form Builder
          • Data Integration
        • Gang Mode
          • Activating Gang Mode
          • Operating Gang Mode
      • Playout
        • Operating Playout
      • Newsroom
      • Cook Manager
      • User Management
        • Advanced User Management
          • User Management UI
          • Role of the Admin and Administrators
          • Example Configuration
          • License Reservation
        • Basic User Management
      • Controlling Unreal Engine 5.3
        • Introduction
        • Supported Versions
        • Available Features
        • UState
          • UState User Interface
          • APM for Unreal Engine 5.2
        • Configuration
          • Unreal Engine 5.1 Configuration
          • RealityHub Configuration for Unreal Engine 5.1
        • Example Pipeline
          • Preparation
          • Exposing Actor Functions
          • Exposing Actor Parameters
          • Grouping Exposed Items
          • Creating Logic
          • Viewport Navigation
          • Unreal Project inside RealityHub
          • Utilizing Media Framework Tools
          • Operating
    • Installations
      • System Requirements
      • Downloading Distributions
      • Installations
        • Installing Reality 5.3
        • Installing Reality Hub
          • Upgrading and Downgrading
          • Database Backup and Restore
          • Installation Recap
      • Licensing Reality
        • Licensing Reality 5.3
        • Licensing Reality Hub
    • Configurations
      • Configuring Peripheral Devices
        • NVidia Configuration
        • AJA Configuration
      • Configuring Reality Hub
        • General Configuration
        • Reality Loader
          • RealityEngine AMPERE Led Display
        • Engine Module Configuration
          • Adding Host
          • Adding Groups
          • Channel Assignments
          • General Engine Configuration
        • Project Configuration
        • Project Scanning
        • Cache Management
        • SSL Configuration
    • Integrations
      • Octopus Integration
        • RealityHub MOS Configuration for Octopus
        • Octopus Configuration
        • Utilizing ZD MOS Plugin
      • iNEWS Integration
        • RealityHub MOS Configuration for iNEWS
        • iNEWS Configuration
      • CII Module Configuration
    • Tutorials
      • Tracked Billboard
      • Green Screen Virtual Studio
    • Developers Guide
      • RealityHub Open-Source SDK
      • REST API
    • FAQ
      • Frequently Asked Questions
      • Glossary
      • How to Read this Documentation
Powered by GitBook
On this page
  • Preparing Action
  • Preparing Template Form
  1. Reality 5.3
  2. User Guide
  3. Nodegraph/Actions
  4. Form Builder

Operating Form Builder

PreviousCustomizing Component AppearanceNextData Integration

This section offers detailed step-by-step information on utilizing the Form Builder for beginners. Departing from the information provided in this section, you can drive more complex scenarios independently.

This section uses the MainLevel map of the RealityExamples template, compatible with Reality Engine version 4.27. It is the default project that comes with a fresh installation. After launching the Reality Editor, you can create the same project through the Virtual Studio template. For more details, visit Reality Starter Projects.

Please keep that in mind; to see the results of your template Forms, you must use the module.

Preparing Action

  • Activate the Nodegraph/Actions tab

  • Activate the Actions tab, click on the New Action button, rename it if you like

  • Hover your mouse over the UserTransform​ property circle, right-click on it, and select the Timeline.

  • Go to the first frame in the Action Timeline, right-click on the UserTransform property circle, and select the Add Keyframe.

  • Right-click on the circle of the UserTransform property, select the Get Value option, then right-click again and this time select the Add Keyframe.

  • While the second keyframe is selected, go to the Animation Interpolation, and change the interpolation type to EaseInEaseOut.

  • Go to the Actions Menu and Save it

Your setup must look like in the image above.

Now:

  • Go to the Action tab, click on the Add button, create a New Action, and rename it if you like

  • Repeat the same process twice with different UserTransform values

As the image above shows, we have three different Action animations (Cam 1, Cam 2, and Cam 3) of the same UserTransform.

Now it is time to design our template form via Form Builder.

Preparing Template Form

  • Activate the Form Builder tab, click on the New Form button

  • Go to the Components, expand the Basic component group

  • Left click and hold your mouse on the Label component, drag and drop it into the Form template area

  • Click on the Field Settings icon of the Label component. Change the name and color of it.

  • Go to the Cam 1 action in the Actions tab; use the previous method and drag and drop the Play button into the template Form area.

  • Repeat the same process for Cam 2 and Cam 3

  • Click on the Save button in the Form Builder Menu

Create the as shown in the image above

Activate the

Select the UserTrack_0 node, go to its panel, find the UserTransform property under the Input property group

Go to the third second in the Timeline, and change the UserTransform property values using the feature.

node tree
APM
Properties
GamePad
Playout
Example Node Tree along with the activated APM
UserTransform Property Inside the Action Timeline
Template Form