# Creation Tips - Event Setting

## 📒<mark style="color:blue;">Global Variable Calculation for Interactions - Different Layers</mark>

### <mark style="background-color:orange;">1.Application Scenarios</mark>

**Achieving the effect of "multiple interactions, where each click/drag on different layers triggers the same or different feedback."**  Here are some examples:

* Example 1: After clicking and finding 5 target items, redirect to the app store.&#x20;
* Example 2: After successfully dragging all 3 puzzle pieces to the correct positions, a "Next Level" button appears as an indication.
* Example 3: For each group of elements eliminated, the progress bar advances, and after completing 3 groups of eliminations,  redirect to the next scene.
* ... ...

### <mark style="background-color:orange;">2.Case Preview</mark>

We will use the template "Find Items" as an example  to create a simplified version and focus on explaining how to achieve this type of gameplay using Global Variables.

[Simplified Version](http://tinyurl.com/4jhuxj4s) Gameplay Process:

* Click on the screen to find cats.
* Each time a cat is found, play a star particle feedback and increment the count of found cats.
* After finding three cats in total, redirect to the end page.

<div align="left"><figure><img src="/files/FtTQXGJywB3ehHCkP849" alt=""><figcaption></figcaption></figure></div>

### <mark style="background-color:orange;">3.Step-by-Step Explanation</mark>

Creating this type of gameplay requires three steps: adding a numeric variable、assigning the value to each element、and adding Conditions to calculate interaction counts.

#### <mark style="color:red;">**Step 1:  Add Global Variables**</mark>

* Click on \[Global Variables] - \[Add variables]
* Enter the variable name (such as click times)
* Select variable type as \[Value]
* Set the initial value to 0（At the initial screen, the player has not yet clicked.）
* Save

<figure><img src="/files/XJexxUQBRcBWukPo2xvm" alt=""><figcaption></figcaption></figure>

#### <mark style="color:red;">**Step 2: Assign the value**</mark>

* Select the layer \[cat1] - \[Add Event] - \[Press]
* <mark style="color:red;">\[Add response event] - \[Assign the value]: clicktimes+1</mark> (i.e. press a cat and the number of clicks will increase by 1)

<div align="left"><figure><img src="/files/gVmUmBl3forCxLI2Nlle" alt=""><figcaption></figcaption></figure></div>

* Continue to add response events - \[Show layer] cat1 -  \[Hide layer] star1
* After adding, we click the \[Copy] button to copy the entire event

<figure><img src="/files/IU34MRQbMjiL5cexS4GB" alt=""><figcaption></figcaption></figure>

* Then paste them into layers \[cat2] and \[cat3] in sequence, and change the corresponding effective layers to cat2/star2, cat3/star3

<figure><img src="/files/6AUs34loweArVmZQGTvp" alt=""><figcaption></figcaption></figure>

#### <mark style="color:red;">**Step 3: Add Condition**</mark>

* Click on \[Event] in the **current scene** - \[Add Event] - Select \[Condition] - \[+Condition]
* <mark style="color:red;">\[Add condition 1] : clicktimes=Value 1, and check \[Valid only once]</mark>（When the interaction count equals 1.）

<div align="left"><figure><img src="/files/FTqCLqJAp9VWQqwAmAZC" alt="" width="563"><figcaption></figcaption></figure></div>

* \[Add response event] - \[Show layer] text\_1 - \[Hide layer] text\_0

<div align="left"><figure><img src="/files/RQ1k7n72rsYiOIe0vt6R" alt=""><figcaption></figcaption></figure></div>

* Similarly, continue to add two conditions: **clicktimes=2**（When the interaction count equals 2.）、**clicktimes=3**（When the interaction count equals 3.）
* And sequentially add response events: Show text\_2\&Hide Text\_1、Show text\_3\&Hide Text\_2
* <mark style="color:red;">**Note:**</mark> Because we want to achieve "redirect the end page after finding three cats", we need to add an additional response event - Redirect to the next scene in Condition 3 (i.e. when the number of clicks=3) (execution delay of 0.5 seconds is the reserved particle playback time)

<figure><img src="/files/GhFB8VGeMA2xFRP0sqWw" alt=""><figcaption></figcaption></figure>

With these steps, the event setup is complete. When you encounter a need to **"calculate the interaction count on different layers to trigger specific feedback,"** you can try applying this logic and method in your own projects!

## 📒<mark style="color:blue;">Global Variable Calculation for Interactions - Same Layers</mark>

### <mark style="background-color:orange;">1.Application Scenarios</mark>

**Achieving the effect of "multiple interactions, where each click/drag on the same layer triggers the same or different feedback."** Here are some examples:

* Example 1: On the first click on the wheel, it stops at position A. On the second click, it continues from position A and stops at position B.
* Example 2: Clicking the "Generate" button results in the appearance of a new character with each click.
* Example 3: Clicking an item produces the same particle effect or other feedback with each click.
* ... ...

### <mark style="background-color:orange;">2.Case Preview</mark>

&#x20;Gameplay Process of [This Case](https://tinyurl.com/26cnjbb3):

* The initial state has the wheel stopped at the red position.
* On the player's first press, the wheel rotates to the purple position and stops.
* On the player's second press, the wheel continues rotating from the purple position and stops at the cyan position.

<div align="left"><figure><img src="/files/h3wG4DwObzYE5qCmUZW2" alt=""><figcaption></figcaption></figure></div>

### <mark style="background-color:orange;">3.Step-by-Step Explanation</mark>

Creating this type of gameplay requires 2 steps: aadding a numeric variable、adding Conditions and assigning the value to the layer events.

#### <mark style="color:red;">**Step 1:  Add Global Variables**</mark>

* Click on \[Global Variables] - \[Add variables]
* Enter the variable name (e.g., tap).
* Select variable type as \[Value]
* Set the initial value to 0（At the initial screen, the player has not yet clicked.）
* Save

<div align="left"><figure><img src="/files/BfMADoocNfMxZoTIzca5" alt=""><figcaption></figcaption></figure></div>

#### <mark style="color:red;">Step 2: Add Conditions and Assign the value</mark>

* Select the layer that will be clicked - "Add Event" - "Press."
* <mark style="color:red;">Add Condition 1: tap = 0</mark> (indicating the interaction count is 0).
* <mark style="color:red;">Add response event "Assign the value": assign the value "tap+1"</mark> (incrementing the interaction count to 1).
* Add other response events: play the rotation animation 1 of the wheel, play feedback sound effects once, etc.

<div align="left"><figure><img src="/files/Y66IT9HV34oecxFADdsV" alt=""><figcaption></figcaption></figure></div>

* <mark style="color:red;">Add Condition 2: tap = 1</mark> (indicating the interaction count is 1).
* <mark style="color:red;">Add response event "Assign the value": assign the value "tap+1"</mark> (incrementing the interaction count to 2).
* Add other response events：play the rotation animation 2 of the wheel, play feedback sound effects once, etc.
* **Similarly, if you want to handle the player's third click, fourth click, and so on, you can set tap = 2, tap = 3, and so on.**

<div align="left"><figure><img src="/files/OXF6xvKBlmNNrUIxmp4y" alt=""><figcaption></figcaption></figure></div>

*The parameters for the rotation animation of the wheel are as follows*

<div align="left"><figure><img src="/files/WHp1JC47j3x429Gd0b86" alt=""><figcaption></figcaption></figure></div>

With these steps, the event setup is complete. When you encounter a need to **"calculate the interaction count on same layers to trigger specific feedback,"** you can try applying this logic and method in your own projects!

## <mark style="color:blue;">📒Using Global Variables to Control Interaction Toggles</mark>

### <mark style="background-color:orange;">1.Application Scenarios</mark>

**To achieve an effect where player interaction is disabled during feedback playback and only re-enabled afterward**, you can use a Global Variable to control interaction. Here are some examples:

* Example 1: In a match-3 gameplay, after a successful elimination, particle effects and sound feedback are triggered. The player shouldn't be able to click other blocks until the feedback is complete.
* Example 2: When clicking a blind box, an item image pops up. Other blind boxes should not be clickable until the image disappears.
* ... ...

### <mark style="background-color:orange;">2.Case Preview</mark>

Take the [*Match 3 Dress Up*](https://playable-portal.mintegral.com/#/mindwork-view?url=https%3A%2F%2Fmmp-cdn.rayjump.com%2Fmindworks-interactive-ads.html%3Furl%3Dhttps%253A%252F%252Fmmp-cdn.rayjump.com%252Fgm%252Ft%252F20001751%252F13755%252Fpv%252F24%252F12%252F09%252F6756911e0db74%252Fproject.html%253Floading%253D1%2526preview%253Dtrue%2526lang%253Dzh-cn%2526preview%253Dtrue%2526itavideo%253D2%2526vconsole%253D0%2526mw_test%253D0%2526loading%253D1%26mw_test%3D0%26is_browser_tips%3D1%26ptloading%3D1%26track_data%3D%257B%2522pid%2522%253A20001751%252C%2522uid%2522%253A142552%252C%2522skin_id%2522%253A13755%252C%2522sct%2522%253A%2522pt_template_index%2522%252C%2522env%2522%253A%2522p%2522%252C%2522cc%2522%253A%2522SG%2522%257D\&orientation=3\&name=\&language=en,zh-cn) as an example:  During the elimination process, other blocks can't be clicked until particles and sounds finish playing.

### <mark style="background-color:orange;">3.Step-by-Step Explanation</mark>

To implement this, follow two main steps: Add a boolean Global Variable → Add Conditions and Assign the Value in Layer Events

#### <mark style="color:red;">**Step 1:  Add Global Variables**</mark>

* Click on \[Global Variables] - \[Add variables]
* Enter the variable name (e.g., eliminate).
* Select variable type as \[Boolean]
* Set the initial value to false

<div align="left"><figure><img src="/files/lJlNCWiMJ3x3rXEIPKIc" alt=""><figcaption></figcaption></figure></div>

#### <mark style="color:red;">Step 2: Add Conditions and Assign the value</mark>

* Take one of the blocks as an example. Select the corresponding layer, and under all existing click event Conditions, add a new Condition: "eliminate = false".
* Repeat the same setup for all other blocks.

<figure><img src="/files/IHXAHshKxtK7O03s1mjn" alt=""><figcaption></figcaption></figure>

* Then, go to the scene-level events. Under the Conditions that handle feedback playback, set up the following response events:
  * Assign the value "eliminate = true"
  * After a delay of 0.5s (which equals the duration of the feedback), assign the value "eliminate = false"
* Repeat similar operations for other relevant Conditions as needed.

\*To put it simply: <mark style="color:orange;">when "eliminate = false", the click events are active. Once an elimination is triggered and feedback plays, setting "eliminate = true" disables further clicks. After a 0.5s delay, re-assigning "eliminate = false" re-enables the click events.</mark> This way, a Global Variable is used to toggle interaction on and off across the project.

👉 For the full tutorial of this case, please refer to: [\<Match 3 Dress Up>Blank Canvas Tutorial](/playturbo-case-study/playable-content-editor/elimination-and-match-gameplay-cases/less-than-match-3-dress-up-greater-than-blank-canvas-tutorial.md)  [\<Match 3 Dress Up>Blank Canvas Tutorial](/playturbo-case-study/playable-content-editor/elimination-and-match-gameplay-cases/less-than-match-3-dress-up-greater-than-blank-canvas-tutorial.md#lnpxj-1)

<div align="left"><figure><img src="/files/ID8bYN5RYBkaPzrdXN1u" alt=""><figcaption></figcaption></figure></div>

🌟**Case Extension**:  If you're working on the blind box click gameplay mentioned in Example 2, the logic becomes even simpler.

* Similarly, add a Global Variable of Boolean type, such as "click", and set its initial value to false.
* Under all blind box click events, add a Condition: "click = false"
* Then, in the Condition of each click event, simply add: Assign the value "click = true"/ Add a delay of 0.5s / Assign the value "click = false"

That’s all you need to achieve the desired result.

## 📒<mark style="color:blue;">Countdown Timer Setup</mark>

### <mark style="background-color:orange;">1.Application Scenarios</mark>

**The initial screen includes a countdown timer.**&#x20;

* **When the player has no action or fails to achieve a specific goal within the set time, trigger the countdown and proceed to Ending A.**&#x20;
* **When the player successfully interacts or achieves the specific goal within the set time, cancel the countdown and proceed to Ending B.**

### <mark style="background-color:orange;">2.Case Preview</mark>

&#x20;Gameplay Process of [This Case](https://tinyurl.com/8de4wcw2):

* Upon entering the trial, displaying core gameplay and the countdown timer.&#x20;
  * If the player completes the drawing within 10 seconds, redirect to the victory page.&#x20;
  * If the player fails to complete the drawing within 10 seconds, redirect to the product information page.

<div align="left"><figure><img src="/files/AUS4WV2POXoHOx3uTmOj" alt=""><figcaption></figcaption></figure></div>

### <mark style="background-color:orange;">3.Step-by-Step Explanation</mark>

To set up a complete countdown timer, follow these 2 steps: triggering the countdown and canceling the countdown.

#### <mark style="color:red;">Step 1: Trigger the Countdown</mark>

1）After adding the countdown asset, set the countdown sequence as "Playback Interval: 1000ms" and "Automatically Play Once on Entry."

<div align="left"><figure><img src="/files/pEX9U3F4MGvHwdlrvQFo" alt=""><figcaption></figcaption></figure></div>

2）In the core gameplay scene, Add Event - "Timing trigger."

3）Set the execution delay of N seconds to trigger the failure result (e.g., redirect to Scene 3 after 10 seconds).

<div align="left"><figure><img src="/files/BwFs0i8ZCXelkUrgpvci" alt=""><figcaption></figcaption></figure></div>

#### <mark style="color:red;">Step 2: Cancel the Countdown</mark>&#x20;

**In the event for successful interaction, add response event "Cancel execution delay".**&#x20;

Select the timer ID set in the previous step (e.g., after completing the drawing, redirect to Scene 2 and cancel the timer "timer\_1").

<div align="left"><figure><img src="/files/FrjlCZZfVUMh6VbdeLUr" alt=""><figcaption></figcaption></figure></div>

Tip: There are multiple countdown presets available in "Presets Library" for your convenience! [Presets Library](/playable-tools-content-editor/content-editor-user-guide/editing-page-module-intro/top-asset-library/presets-library.md)

<div align="left"><figure><img src="/files/JsvoxR5wRvpFtSc6JImG" alt="" width="398"><figcaption></figcaption></figure></div>

## 📒<mark style="color:blue;">Real-Time Error Feedback Following Dragged Position</mark>

### 1. [Case Preview](https://playable-portal.mintegral.com/common-viewer/mindwork-view.html?url=https%3A%2F%2Fmmp-cdn.rayjump.com%2Fmindworks-interactive-ads.html%3Furl%3Dhttps%253A%252F%252Fmmp-cdn.rayjump.com%252Fps%252Fpreview%252F24%252F09%252F30%252F66fa7376a40e8%252Findex.html%253Floading%253D1%2526preview%253Dtrue%2526lang%253Den%2526preview%253Dtrue%2526itavideo%253D2%2526vconsole%253D0%2526mw_test%253D0%2526loading%253D1%26mw_test%3D0%26is_browser_tips%3D1%26ptloading%3D1%26track_data%3D%257B%2522pid%2522%253A3116454%252C%2522uid%2522%253A8709%252C%2522sct%2522%253A%2522pt_project_ps%2522%252C%2522env%2522%253A%2522p%2522%252C%2522cc%2522%253A%2522CN%2522%257D\&orientation=3\&name=\&language=en)

### 2. Step-by-Step Explanation

* In the Asset Library - Particle, add any particle effect. Only one particle effect is needed.
* In the \[Particle Thumbnail] section, replace the particle image with an error feedback image, such as "×".

<div align="left"><figure><img src="/files/Rc8QWJ8SbbVrP5SryLh6" alt=""><figcaption></figcaption></figure></div>

* Adjust the particle parameters according to the values in the image below.

<div align="left"><figure><img src="/files/eJzxEYKCEEYsxBjcAgbm" alt=""><figcaption></figcaption></figure></div>

* Select multiple layers (particle, draggable image, etc.) to group them together, and then hide the particle layer.

<div align="left"><figure><img src="/files/MpRAw4rVb32Ywk5xYwwh" alt=""><figcaption></figcaption></figure></div>

* Add a Trigger event to the drag group - **Not dragged to target position**, and set the drag area.
* Add response events: Display particle effect. Play the error sound effect once from the start.

<div align="left"><figure><img src="/files/jSN4lajWzOa3ZEOCDTAi" alt=""><figcaption></figcaption></figure></div>


---

# 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://doc.playturbo.com/playable-tools-content-editor/content-editor-creation-tips-center/common-creation-tips/creation-tips-event-setting.md?ask=<question>
```

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.