---
description: How to set-up the Events.
---

# Event Setup

## Quick Navigation

* [Main Page](../overview)
* [Update History](../update-history)
* [Installation](../installation)
* [Set-up]()
  * [Event Set-up](event-setup)
  * [Settings File](settings-file)

## Event Set-up

### Example 1

<div align="left"><figure><img src="https://4227102047-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwL35jQ7x6C5wcJFuXfbk%2Fuploads%2FNJMnloj9TK9dXtXyxyOj%2FTree%20Event%20Placement.png?alt=media&#x26;token=a577d294-ff71-4e9c-a381-ab07c64dd53c" alt=""><figcaption><p>Tree Event</p></figcaption></figure> <figure><img src="https://4227102047-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwL35jQ7x6C5wcJFuXfbk%2Fuploads%2FWU1khdu1XM4IIzGiSaBQ%2FTree%20In%20Game%201.png?alt=media&#x26;token=b41dbb1e-e258-4369-bb8c-6783ac1bc1e1" alt=""><figcaption><p>In Game</p></figcaption></figure> <figure><img src="https://4227102047-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwL35jQ7x6C5wcJFuXfbk%2Fuploads%2FaMkNswDlMNWMW5i7b1qn%2FTree%20In%20Game%202.png?alt=media&#x26;token=047c2639-2e80-4ab5-abad-8023fc0701e6" alt=""><figcaption><p>In Game <br>Transparent</p></figcaption></figure></div>

The Event should be placed at the bottom left. As you might notice, the base of the Tree are on the tileset while this isn't included on the Graphic. This is how you prefer to do it but this way you can make the Tree base inpassable and only the 4 tiles above it.

<div align="left"><figure><img src="https://4227102047-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwL35jQ7x6C5wcJFuXfbk%2Fuploads%2FPDZ7fhxfed8AYOrJry5z%2Ftree.png?alt=media&#x26;token=ebc7bd0f-9fee-4e0e-a85f-f903c0938bea" alt=""><figcaption><p>tree</p></figcaption></figure></div>

The Character on the Example Graphic above are 2 tiles wide and 3 tiles high.&#x20;

Since you can fit 16 Characters on 1 Character sheet and 1 tile is 16px by 16px, \
the total size is 128px in width and 192px in height.

1.  Let's create the Event and give it a name, for ex. "Tree 1 size(2, 3)".&#x20;

    It is important to include a size in your event (the size is equal to the amount of tiles it would take normally using the tileset)&#x20;

    <div align="left"><figure><img src="https://4227102047-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwL35jQ7x6C5wcJFuXfbk%2Fuploads%2FR53UzaqN7CHc7ej94eiK%2FNaming%20Event.png?alt=media&#x26;token=b05cd5a1-1a7b-4e5d-a069-96bd7a867ee8" alt="" width="337"><figcaption><p>Naming the Event</p></figcaption></figure></div>
2.  Add the Graphic to the Event.

    <div align="left"><figure><img src="https://4227102047-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwL35jQ7x6C5wcJFuXfbk%2Fuploads%2FQpDVkL6nqV1vPZJN7ePG%2FAdding%20Graphic.png?alt=media&#x26;token=5a209acb-a4bf-4645-892c-236ae0644bbc" alt="" width="337"><figcaption><p>Adding Graphic</p></figcaption></figure></div>
3.  Change the Options to "Through" and "Always on Top".

    <div align="left"><figure><img src="https://4227102047-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwL35jQ7x6C5wcJFuXfbk%2Fuploads%2FIJgEbWMZ6MU7mUMkHSCV%2FOptions%20and%20Trigger.png?alt=media&#x26;token=519e0da1-d9a6-40d6-b7a0-79235fba0896" alt="" width="337"><figcaption><p>Options and Trigger</p></figcaption></figure></div>
4.  Everything else may stay as it is. We can copy and paste this Event Page for our Second Page.\


    <div align="left"><figure><img src="https://4227102047-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwL35jQ7x6C5wcJFuXfbk%2Fuploads%2FQO5ndInBpHnXcm9uPO4Q%2FCreate%20Second%20Page.png?alt=media&#x26;token=56a79e87-04ce-4896-9929-1c4800cf219c" alt="" width="337"><figcaption><p>Create the Second Page</p></figcaption></figure></div>
5.  Set a Condition "Self Switch" A is ON.\


    <div align="left"><figure><img src="https://4227102047-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwL35jQ7x6C5wcJFuXfbk%2Fuploads%2FOZ1Ss8a6t6bxoScZYu3S%2FSet%20Condition.png?alt=media&#x26;token=3ac6570b-904e-4425-ae4d-deb83993a411" alt="" width="337"><figcaption><p>Set Condition</p></figcaption></figure></div>
6.  Change the Graphics Opacity to any value you want.

    <div align="left"><figure><img src="https://4227102047-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwL35jQ7x6C5wcJFuXfbk%2Fuploads%2FrEpMbJgvORMXt9m7P9Ff%2FSet%20Graphic%20Opacity.png?alt=media&#x26;token=55f0f0a9-1771-4c9c-aedd-87d4ba5ae820" alt="" width="337"><figcaption><p>Changing Graphic Opacity</p></figcaption></figure></div>


7. That's everything for the Event Setup.

### Example 2

<div align="left"><figure><img src="https://4227102047-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwL35jQ7x6C5wcJFuXfbk%2Fuploads%2FSakhwuWxPzCDCJB2L8VY%2FBig%20Tree%20Event%20Placement.png?alt=media&#x26;token=a781a9bd-daca-4d70-97a0-50acfd01a9d7" alt=""><figcaption><p>Big Tree Event</p></figcaption></figure> <figure><img src="https://4227102047-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwL35jQ7x6C5wcJFuXfbk%2Fuploads%2FintMO7huPXVEAmOQ5XCf%2FBig%20Tree%20In%20Game%201.png?alt=media&#x26;token=a680fa84-be0d-4b85-ac83-487df18916d0" alt=""><figcaption><p>In Game</p></figcaption></figure> <figure><img src="https://4227102047-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwL35jQ7x6C5wcJFuXfbk%2Fuploads%2Fa3AiQe15limYMF8B69TF%2FBig%20Tree%20In%20Game%202.png?alt=media&#x26;token=1899bfc3-f573-48da-a39b-24ff50a95c9b" alt=""><figcaption><p>In Game Transparent</p></figcaption></figure></div>

The Event should be placed exactly the same as in the First Example except that the Event Size will change which is explained below.

<div align="left"><figure><img src="https://4227102047-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwL35jQ7x6C5wcJFuXfbk%2Fuploads%2FVZkVaLnNYjR4QjilzPpR%2Ftree%20big.png?alt=media&#x26;token=aebf89ee-2deb-4814-8595-29430b24eb9a" alt=""><figcaption><p>Big Tree</p></figcaption></figure></div>

The Character on this Example Graphic above is 3 tiles wide and 4 tiles high.

The total size is 384px in width and 512px in height.

The event Setup Progress is exactly the same except for the name.

<div align="left"><figure><img src="https://4227102047-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwL35jQ7x6C5wcJFuXfbk%2Fuploads%2FtMhM9uTIoO4JNEsSAPG3%2FNaming%20Event%202.png?alt=media&#x26;token=123232ee-bb3b-48fd-864a-d11645454d4a" alt="" width="337"><figcaption><p>Naming the Event</p></figcaption></figure></div>

The only difference here is that you probably don't want the top left and top right tile to trigger the transparancy as those tiles normally don't belong to the tree (according to the tileset). For this you can follow the example in [Settings File](settings-file).
