> For the complete documentation index, see [llms.txt](https://axongenesis.gitbook.io/timeflow/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://axongenesis.gitbook.io/timeflow/reference/samples/visual-effect-graph-vfx.md).

# Visual Effect Graph (VFX)

Use Timeflow to animate exposed visual effect properties

{% hint style="info" %}
To use Visual Effect Graph, locate and install the package in the Package Manager (listed under Unity Registry). Then import the included VFXExample package for a basic demo. 

***(Added in Timeflow v1.0.2)***
{% endhint %}

Timeflow has the ability to animate exposed properties in a VFX graph. In the Visual Effect Graph view, properties are added to the Blackboard. Any supported types with the 'Exposed' checkbox enabled are listed in the Timeflow context menus.  

<figure><img src="https://2067910529-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FC3dOuetlQfYgK5FPUKgn%2Fuploads%2Fe1wdkB58ojCUeRY2uypQ%2Fimage.png?alt=media&amp;token=bfb912cf-f6b7-471a-86ec-e761cc1d5498" alt=""><figcaption></figcaption></figure>

Add the object containing the Visual Effect component to the Timeflow view, and then right click to Add Animation > Channel > Visual Effect. This lists each of the exposed properties.&#x20;

<figure><img src="https://2067910529-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FC3dOuetlQfYgK5FPUKgn%2Fuploads%2FONVnTHqEpiwRuBFHJPJj%2Fimage.png?alt=media&amp;token=ede9e90a-601f-4a74-9eb6-2efec36b3a71" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Note that not all property types in Visual Effects Graph are supported by Timeflow, in which case they will not be displayed in the context menu. However most numeric types are supported,and in the case of complex types multiple sub-properties may be listed.
{% endhint %}

<figure><img src="https://2067910529-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FC3dOuetlQfYgK5FPUKgn%2Fuploads%2FwJHhKXez494H5CHsCH39%2Fimage.png?alt=media&amp;token=1eb7e100-c307-408b-a1d0-37d17d3f0e10" alt=""><figcaption></figcaption></figure>

Once channels have been mapped to Visual Effect properties, they may be animated the same as any other channel, including the use of other behaviors such as Tween.&#x20;

Please refer to the Unity documentation for further information on using Visual Effect Graph.

<https://docs.unity3d.com/Packages/com.unity.visualeffectgraph@12.0/manual/index.html>