# Blink & Phase — Setup

### 1. Installation

* Install the **Visual Effect Graph** package.
* Add your character to the scene.
* Assign a script from:\
  `Blink & Phase / Scripts / Blink`

> 📌 The differences between available scripts are described in the [**Differences**](https://tvitchi-vfx.gitbook.io/blinkandphase/getting-started/differences-between-controllers)

<figure><img src="https://913525064-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FycVi26Yq7JDVba2rRQUO%2Fuploads%2FrabWGc7WcP7PNyYAZ63o%2Fimage.png?alt=media&#x26;token=5ed40173-d503-40ce-9281-544c9b919f74" alt=""><figcaption></figcaption></figure>

***

### 2. Materials Setup

1. Duplicate your character’s material(s).
2. Change the shader in the **Inspector**.

#### Available Shaders:

* **FadeOut**
* **Standard Dissolve**
* **Axis Dissolve**
* **ShadowStep**

<figure><img src="https://913525064-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FycVi26Yq7JDVba2rRQUO%2Fuploads%2FKUCMO6pUPA9QRIybD10F%2Fimage.png?alt=media&#x26;token=c0a25deb-0f3d-4557-9c99-305436579b4b" alt=""><figcaption></figcaption></figure>

***

### 3. Assigning Materials

* Add materials to the **Material List** in the script.

#### Script Differences:

* **Blink Controller**
  * Separate lists:
    * Disappear Materials
    * Reappear Materials
* **ShadowStep**
  * One list handles both effects

#### Multiple Materials:

* If your mesh uses multiple materials:
  * Add more entries to the list
  * Assign them in correct order

<figure><img src="https://913525064-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FycVi26Yq7JDVba2rRQUO%2Fuploads%2F5qTgSInEel8uLyco6Rga%2Fimage.png?alt=media&#x26;token=872ad29d-d374-4ed8-bbbe-7b0f78787607" alt=""><figcaption></figcaption></figure>

***

### 4. Mesh Assignment

* Assign the **Skinned Mesh Renderer** of your character.
* For additional meshes (e.g. sword, shield, accessories):

  * Add new entries
  * Assign corresponding meshes

  <figure><img src="https://913525064-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FycVi26Yq7JDVba2rRQUO%2Fuploads%2Fm6syD8eWdECDilyYeteD%2Fimage.png?alt=media&#x26;token=351523f0-162b-489c-bcb4-b6472751d85a" alt=""><figcaption></figcaption></figure>

***

### 5. Effect Customization

#### 5.1 Disappear Mode

* **Shader**
* **Shader + VFX**

<figure><img src="https://913525064-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FycVi26Yq7JDVba2rRQUO%2Fuploads%2FRlcpO5LzuxduTj7y56Mf%2Fimage.png?alt=media&#x26;token=1d5721da-5ce0-44d0-9c38-2312d5c2202e" alt=""><figcaption></figcaption></figure>

***

#### 5.2 Travel Mode

<figure><img src="https://913525064-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FycVi26Yq7JDVba2rRQUO%2Fuploads%2F427cJyCrPGosABXSHlPT%2Fimage.png?alt=media&#x26;token=eca5b2a6-ed4c-4242-9d36-236e8db5951f" alt=""><figcaption></figcaption></figure>

Options:

* **None** → no effect
* **VFX** → particles / trails
* **Clone** → customizable clones

**Clone Settings:**

* **Fixed Count** → specific number of clones
* **Continuous** → clones spawn during entire effect
* Adjustable parameters:
  * Spawn interval
  * Lifetime
  * Start delay
  * and more

> ⚠️ Clone Setup Requirement:

* Create a new material with **FadeOut shader**\
  **OR**
* Use materials from:\
  `Blink & Phase / Effects / Travel / Clone`
* Assign this material to the script

***

#### 5.3 Reappear Mode

* **Shader**
* **Shader + VFX**

> Works the same as **Disappear Mode**

***

#### 5.4 ShadowStep — Character Mode

*(Only available in ShadowStep script)*

Options:

* **None** → no additional effect on the character
* **VFX** → enables additional VFX applied to the character

***

### 6. Timing & Curves

You can adjust:

* **Disappear Time**
* **Travel Time**
* **Reappear Time**
* Animation **Curves** for each phase

***

### 7. VFX Setup

If using VFX:

1. Add VFX objects to the scene
2. Assign them to the script

<figure><img src="https://913525064-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FycVi26Yq7JDVba2rRQUO%2Fuploads%2Fmmsb7JyVpPIf5PpjFjvW%2Fimage.png?alt=media&#x26;token=12217362-4fca-4987-a39a-7c353a891ad6" alt=""><figcaption></figcaption></figure>

#### Property Binder Setup:

* Add **Property Binder → Transform**
* Assign your character’s **Skinned Mesh**

#### VFX Graph:

* Add the same **Skinned Mesh** to:
  * **Properties section**

<figure><img src="https://913525064-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FycVi26Yq7JDVba2rRQUO%2Fuploads%2FU9tPoYuHaOko7uj4SoQf%2Fimage.png?alt=media&#x26;token=904cce5a-ab22-4c26-b5e2-3d55cf48cbe4" alt=""><figcaption></figcaption></figure>

### ✅ Final Result

If everything is configured correctly,\
the effect should work as intended.

***

💡 *Tip:* Start with simple Shader-only setup, then expand to VFX and clones for better control.