# FadeFromTo Action ## Overview ![The FadeFromTo Action Node.](/files/OtECvsh83WDspruH34jT) The **FadeFromTo Action Node** continuously modifies the `Opacity` of an [**Object**](/incari-studio/2023.1/objects-and-types/scene-objects.md) over a specified period of time, thus creating an **Animation**. Both the initial and final values of the `Opacity` are chosen 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/2023.1/toolbox/actions.md) page for a general introduction to these **Nodes**. [**Scope**](/incari-studio/2023.1/toolbox/overview.md#scopes): **Scene**, **Function**, **Prefab**. ## Attributes ![The FadeFromTo Action Node Attributes.](/files/ScCO36CumTJugtBMf72J) | Attribute | Type | Description | | ---------------- | ------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | | `From` | **Float** | The desired initial value of the `Opacity`, if none is received in the `From` **Input Socket**. | | `To` | **Float** | The desired final value of the `Opacity`, if none is received in the `To` **Input Socket**. | | `Duration (sec)` | **Float** | The total time of the **Action**, if none is received in the `Duration` **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/2023.1/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). | | `From` | **Float** | The initial value of the desired `Opacity`. | | `To` | **Float** | The final value of the desired `Opacity`. | ## Outputs | Output | Type | Description | | ------------------ | -------------- | -------------------------------------------------------------------------------------------------------------------------------------- | | *Pulse Output* (►) | **Pulse** | A standard **Output Pulse**, to move onto the next **Node** along the **Logic Branch**, once this **Node** has finished its execution. | | `Instance ID` | **InstanceID** | The assigned [**Instance ID**](/incari-studio/2023.1/toolbox/actions.md#instance-id) of the **Action**. | | `OnStart` (►) | **Pulse** | Flows to the next **Node** following **FadeFromTo Action** when the **Action** starts. | | `OnEnd` (►) | **Pulse** | Flows to the next **Node** following **FadeFromTo Action** when the **Action** stops. | ## Example This section shows a simple example of how to use the **FadeFromTo 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/2023.1/objects-and-types/project-objects/scene.md) with two [**Objects**](/incari-studio/2023.1/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/2023.1/modules/scene-outliner.md). Then, we set the `Size` **Attribute** of the arc to $$(500, 500, 0)$$ and the `Opacity` to $$0.25$$. See this configuration in the following image: ![Scene configuration.](/files/5dDoyOonVhRvv0CYjB00) ### Logic We then need to configure the **Logic**. This is done in the [**Logic Editor**](/incari-studio/2023.1/modules/logic-editor.md). We use first a [**Get Opacity** **Node**](/incari-studio/2023.1/toolbox/incari/object/get-opacity.md), which allows us to obtain an **Object's** current `Opacity` value, and then the **FadeFromTo Action** **Node**, to which we will feed the value previously obtained and configure it for it to change it from there to a fixed value of our choosing. For this purpose, we set the **Attributes** of the **FadeFromTo Action** **Node** in the following way: * `To`: $$1$$ * `Duration (sec)`: $$1$$ * `Interpolation`: `Linear` We just leave the `From` **Attribute** as it is, since this value will be obtained through the corresponding **Input Socket**. Then, we connect the **Object ID** from the white arc [**Object Node**](/incari-studio/2023.1/objects-and-types/scene-objects.md#objects-in-the-logic) to the `Object ID` **Input Socket** of both **Nodes**, the `Opacity` **Output** from the **Get Opacity** **Node** to the `From` **Input Socket** in the **FadeFromTo** **Node**, and a **Pulse** through the **Get Opacity** **Node** and to the `Start` **Input** in **FadeFromTo**. Thus, having the following **Logic** configuration: ![Logic configuration.](/files/D1KQPvhS9vOxOl3JmWxj) ### Final result Finally, the effect of the **FadeFromTo Action** **Node** when triggered is the following: ![Final result.](/files/A7caj8c433Plimp8LJv3) ## See Also * [**FadeTo Action**](/incari-studio/2023.1/toolbox/actions/fadetoaction.md) ## External Links * [*Transparency (graphic)*](https://en.wikipedia.org/wiki/Transparency_%28graphic%29) on Wikipedia. --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://docs.incari.com/incari-studio/2023.1/toolbox/actions/fadefromtoaction.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.