> For the complete documentation index, see [llms.txt](https://docs.incari.com/incari-studio/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.incari.com/incari-studio/2022.2/toolbox/actions/fadetoaction.md).

# FadeTo Action

## Overview

![The FadeTo Action Node.](/files/pFhut4SOHWMNQ4EaBTWh)

The **FadeTo Action Node** continuously modifies the `Opacity` of an [**Object**](/incari-studio/2022.2/objects-and-types/scene-objects.md) over a specified period of time, thus creating an **Animation**. The final value of the `Opacity` is set by the user. Find an [example](#example) of how to use this **Node** and its effect over an **Object** at the end of this page.

Furthermore, visit the [**Actions Nodes**](/incari-studio/2022.2/toolbox/actions.md) page for a general introduction to these **Nodes**.

[**Scope**](/incari-studio/2022.2/toolbox/overview.md#scopes): **Scene**, **Function**, **Prefab**.

## Attributes

![The FadeTo Action Node Attributes.](/files/lFQkWzHjluV6dVMDMRCT)

| Attribute        | Type          | Description                                                                                                                                                                                                                                                                                                                                |
| ---------------- | ------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| `Duration (sec)` | **Float**     | The total time of the **Action**, if none is received in the `Duration` **Input Socket**.                                                                                                                                                                                                                                                  |
| `To`             | **Float**     | The desired `Opacity` value at the end of the **Action**, if none is received in the `To` **Input Socket**.                                                                                                                                                                                                                                |
| `Interpolation`  | **Drop-down** | The `Interpolation` method to use for calculating the intermediate values of the `Opacity`. It can be [*Linear*](https://en.wikipedia.org/wiki/Linear_interpolation), [*Sine Ease In*](https://easings.net/#easeInSine), [*Sine Ease In Out*](https://easings.net/#easeInOutSine), or [*Sine Ease Out*](https://easings.net/#easeOutSine). |

## Inputs

| Input         | Type           | Description                                                                                                                                                                        |
| ------------- | -------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| `Instance ID` | **InstanceID** | The assigned [**Instance ID**](/incari-studio/2022.2/toolbox/actions.md#instance-id) of the **Action**. If nothing is received, it automatically assigns 0 as the **Instance ID**. |
| (►) `Start`   | **Pulse**      | A standard **Input Pulse**, to trigger the execution of the **Node**.                                                                                                              |
| `Object ID`   | **ObjectID**   | The ID of the target **Object**.                                                                                                                                                   |
| `Duration`    | **Float**      | The total time (in seconds).                                                                                                                                                       |
| `To`          | **Float**      | The desired `Opacity` value at the end of the **Action**.                                                                                                                          |

## Outputs

| Output        | Type           | Description                                                                                             |
| ------------- | -------------- | ------------------------------------------------------------------------------------------------------- |
| `Instance ID` | **InstanceID** | The assigned [**Instance ID**](/incari-studio/2022.2/toolbox/actions.md#instance-id) of the **Action**. |
| `OnStart` (►) | **Pulse**      | Flows to the next **Node** following **FadeTo Action** when the **Action** starts.                      |
| `OnEnd` (►)   | **Pulse**      | Flows to the next **Node** following **FadeTo Action** when the **Action** stops.                       |

## Example

This section shows a simple example of how to use the **FadeTo Action** **Node** and the effect it has on an **Object**. We start by [configuring the **Scene**](#scene-configuration), then [build the **Logic**](#logic), and finally show the [result](#final-result).

### Scene Configuration

We consider a [**Scene**](/incari-studio/2022.2/objects-and-types/project-objects/scene.md) with two [**Objects**](/incari-studio/2022.2/objects-and-types/scene-objects.md): a white arc over a black background, both of which can be easily created in the [**Scene Outliner**](/incari-studio/2022.2/modules/scene-outliner.md). Then, we set the `Size` **Attribute** of the arc to $$(500, 500, 0)$$. See this configuration in the following image:

![Scene configuration.](/files/HSSusZp83DogOMNIfW6t)

### Logic

We then need to configure the **Logic**. This is done in the [**Logic Editor**](/incari-studio/2022.2/modules/logic-editor.md).

We use the **FadeTo Action** **Node** with the following **Attributes**:

* `Duration (sec)`: $$2$$
* `To`: $$0.05$$
* `Interpolation`: `Linear`

And we connect to it the [**Object Node**](/incari-studio/2022.2/objects-and-types/scene-objects.md#objects-in-the-logic) of the arc and a **Pulse** to the `Start` **Input Socket**. Thus, having the following **Logic** configuration:

![Logic configuration.](/files/muvbQPZjVLPfokvGshB1)

### Final result

Finally, the effect of the **ScaleTo Action** **Node** when triggered is the following:

![Final result.](/files/maIlFlifWvQlJ6DvC7S1)

## See Also

* [**FadeFromTo Action**](/incari-studio/2022.2/toolbox/actions/fadefromtoaction.md)

## External Links

* [*Transparency (graphic)*](https://en.wikipedia.org/wiki/Transparency_%28graphic%29) on Wikipedia.