# Operating Actions

This section will guide you on operating the Actions by navigating and animating a **Property/Function**.

Before you begin:

* Activate the **Nodegraph/Actions** module.
* Click on the **Actions** button on the bottom-right corner.

### Navigating <a href="#operatingactions-navigating" id="operatingactions-navigating"></a>

Reality Hub offers various methods to help you quickly navigate inside the Actions:

* **Adding a Property to Timeline**: To add a Property to the Timeline:
  * Select a node.
  * Go to the **Properties** panel and find a property you want to animate/trigger/call.
  * Left click over the **Node Property Menu** circle and select the **Timeline**.
* **Expanding and Contracting Time Ruler**: You can expand or contract the Action animation's duration by selecting the keyframe and changing its location inside the timeline. While changing the keyframe location, it snaps in every frame for accurate placement.&#x20;

To change the keyframe location with more accurate precision, you can expand the Time Ruler via the following steps:

* Hover your mouse over the **Time Ruler**.
* Zoom in by rolling the mouse wheel forward.
* **Adding Keyframe**: Left clicking on the **Node Property Menu** circle inside the **Timeline** adds a keyframe to your Property/Function.

<div align="left"><figure><img src="https://content.gitbook.com/content/RazR6THh3EAtvpLMGCP1/blobs/4kc6ygHS67Fe0em8a294/image.png" alt=""><figcaption><p>UI Indicator</p></figcaption></figure></div>

When you hover your mouse over a property/function, the **Node Property Menu Circle** turns white; this indicates that the property/function can be triggered/animated.

**Property Timeline Indicator** (the blue dot on the right side of the **Node Property Menu Circle**) indicates that the property/function is added to the Action Timeline.

* **Get Value**: Reads the current value of the property from the Engine.
* **Removing Property**: Left-click on a property or a Function inside the Action panel and select the Remove option deletes it.
* **Action Timeline Reset**: This button resets the position of the Action Timeline to frame zero.
* **Playing**: Plays your action animation.

### Animating Property <a href="#operatingactions-animatingaproperty" id="operatingactions-animatingaproperty"></a>

Reality Hub’s approach to animating is unique and easy to understand. This section will be animating a <mark style="color:yellow;">**`UserTrack`**</mark> node’s <mark style="color:red;">**`UserTransform`**</mark> property.

Add the following nodes to your Nodegraph View:

* <mark style="color:yellow;">**`Camera`**</mark> node from the **UE Camera** Node Class
* <mark style="color:yellow;">**`UserTrack`**</mark> node from the **Tracking** Node Class

Make the following connections:

* <mark style="color:yellow;">**`EngineControl`**</mark> node’s <mark style="color:green;">**`Display`**</mark> input pin to <mark style="color:yellow;">**`Camera`**</mark> node’s <mark style="color:green;">**`Output`**</mark> pin
* <mark style="color:yellow;">**`Camera`**</mark> node’s <mark style="color:green;">**`Track`**</mark> input pin to <mark style="color:yellow;">**`UserTrack`**</mark> node’s <mark style="color:green;">**`Track`**</mark> pin

<div align="left"><img src="https://content.gitbook.com/content/RazR6THh3EAtvpLMGCP1/blobs/NRUHB0GEueNPRQf5L8D8/image.png" alt="Example Node tree"></div>

Your GRaph should look like the image above.

Now:

* Click on the **Actions** button and open the Action Panel; click on the **New Action** button.
* Go to the <mark style="color:yellow;">**`Camera`**</mark> node’s <mark style="color:green;">**`Output`**</mark> pin, right-click and assign the **Monitor - 1** to **Channel A**
* Select the <mark style="color:yellow;">**`UserTrack`**</mark> node from the **Nodegraph**, go to the Properties panel, and find the <mark style="color:red;">**`UserTransform`**</mark> property under the <mark style="color:blue;">**`Input`**</mark> property group.
* Left-click on the <mark style="color:red;">**`UserTransform`**</mark> property’s menu circle, select the **Timeline.**
* Go to the first frame by moving the **Timeline Slider** handl.
* Go to the <mark style="color:red;">**`UserTransform`**</mark> property inside the Action panel left click and select **Add Keyframe**
* Go to the 4th second, change the Y (Position) value to 500 and then change the Y (Yaw) value to -50
* Add another keyframe to the <mark style="color:red;">**`UserTransform`**</mark>.
* When your last keyframe is selected, go to the **Keyframe Interpolation**, select the **EaseOut** and click **Play**.

<figure><img src="https://content.gitbook.com/content/RazR6THh3EAtvpLMGCP1/blobs/SjWwgs4v6lqcaZfqdJNo/image.png" alt=""><figcaption></figcaption></figure>