Playturbo Help Center
CN
  • 😃Welcome to Playturbo
    • Login Guide
    • Subscribed Users-Page Guide
    • Customized Users-Page Guide
  • 💡Playable Tools-Feature Changer
    • Playable Creation Flow
      • 💻Template Feature Creation-Case Study Video
    • How to create a project/version
      • Subscribed Users-Create a project
      • Customized Users - Create a version
    • Feature Changer-User Guide
      • Editing Page Module Intro
        • Parameter Settings Area
          • Parameter Type Intro
          • Multi-language Configuration and Translation
        • Work Preview Area
        • Project Operation Area
          • Feature Changer - Download&Apply
      • Special Feature:3D Templates
        • 3D Templates - Basic Feature Overview
        • 3D Model Order
    • Feature Changer-FAQ
      • Asset Replacement Issues
      • Material Effect Issues
  • 💡Playable Tools-Content Editor
    • Playable Creation Flow
      • 💻Blank Canvas - Interactive Endcard
      • 💻Blank Canvas - Fixed-step Playable
      • 💻Template Content Creation - Case Video
    • Work Creation-Create a New Project
    • WORK CREATION-IMPORTANT NOTICE⚠️
    • Content Editor-User Guide
      • Editing Page Module Intro
        • Top Asset Library
          • Project Assets
          • Asset Library
            • Public Asset Library
            • My Asset Library
          • Interactive Area
          • Presets Library
          • Global Variables
          • Gameplay Template
        • Scene Area
          • Global Settings
          • Scene
        • Layer Area
        • Quick Access Area
        • Parameter Setting Area
          • Global Settings
            • Adjustment of permanent content
            • Multi-language Configuration and Translation
          • Gameplay Parameters - Scene Parameters
          • Scene setting - Scene Parameters
          • Exterior - Layer Parameters
            • Image parameters
            • Sequence parameters
            • Spine Parameters
            • Text parameters
            • Particle Parameters
              • Particle Thumbnail
              • Play Settings
              • Particle Parameters
              • Physics Parameters
            • Video parameters
            • Audio parameters
          • Animation - Layer Parameters
          • Event - Common Parameters
            • Trigger Event
            • Response Event
          • Screen adaptation
        • Work Preview Area
          • Preview Switch
          • Package Size Estimation
          • Quick Positioning
          • Canvas ruler and reference line
        • Project Operation Area
          • Preview
          • Save
          • Content Editor - Download&Apply
      • Component & Quick Layout
        • Match Lines Component
        • Draw Lines Component
        • Erase Component
        • Mask Component
        • Carousel Component
        • Quick Layout-Grid Board Layout
        • Quick Layout-Parking Layout
    • Content Editor-FAQ
      • Asset Issues
      • Animation Issues
      • Event Issues
      • Adaptation Issues
      • Component Issues
      • Export & Deployment Issues
    • Content Editor-Creation Tips Center
      • Guidelines for Template Content Creation
      • Common Creation Tips
        • Creation Tips - Suggestions for Creation Process
        • Creation Tips - Scene Creation
        • Creation Tips - Assets
        • Creation Tips - Animation Setting
        • Creation Tips - Event Setting
        • Creation Tips - Adaptation
        • Creation Tips - Suggestions for Gameplay
      • Project Self-Check Guide
  • 💡Playable Tools-Video to Playable
    • Playable Creation Flow
      • 💻Video to Playable - Case Study Video
    • Work Creation-New Creation Guide
    • Video to Playable - User Guide
      • Asset Area
      • Storyboard
      • Track Area
      • Parameter Area
      • Preview Area
      • Video to Playable - Download&Apply
  • 💡Video Tools-Video Editor
    • Video Creation Flow
      • 💻Video Editor-Case Study Video
    • Work Production - New Creation Guide
    • Video Editor - User Guide
      • Creative Making - Editing Page Module Intro
        • Assets
          • Asset Library
          • Common Asset Library
            • Common Asset Library Introduction
            • Common Assets Operations
        • Canvas
        • Track
        • Parameter Editing Module
          • Video Parameters
          • Image Parameters
          • Text Parameters
          • Audio Parameters
          • Transition Parameters
          • Filter Parameters
        • Operation bar
          • Export & Download Videos
      • Video Templates
      • Standout Features
        • Batch Production Function(Swap)
          • Production process overview
            • Batch Production-Guide Video
          • Function Step-by-step Intro
            • What is Asset Group
            • Create Asset Group
            • Add assets to Asset Group
            • Add Asset Group to the track
            • Adjust Asset Group Parameters
              • Adjust Asset Group Parameters
              • Adjust Asset Parameters within the Group
            • Swap & Time Sequence Swap
            • Batch Export & Download & Apply
        • Size Adaption(Video Editor)
        • Multi-language Adaption(Video Editor)
        • AI Function
          • AI Removal
          • Intelligent Dubbing
          • Subtitle Intelligent Recognization
          • Intelligent Splitting
  • 💡Video Tools-Layout Template
    • Video Creation Flow
      • 💻Layout Template-Case Study Video
    • Work Production - New Creation Guide
    • Layout Template - User Guide
      • Assets Upload(including Size Adaption)
      • Multi-language Adaption(in common)
      • Standout Features:AI Removal
  • 💡Image Tools-URL to Image
    • Image Creation Flow
    • URL to Image - New Creation Guide
    • URL to Image - User Guide
  • 📒Playturbo-Case Study
    • Playable-Content Editor
      • General Gameplay Cases
        • Basic Tutorial - Template content creation Tutorial
          • Animation Loop-Template content creation Tutorial
          • Two-slides Interactive Videos-Template content creation Tutorial
        • Basic Tutorial - Blank Canvas Tutorial
          • IEC<Animation Loop>Tutorial
          • IEC<Basic Two Options>Tutorial
          • Interactive Videos<Two-slides>Tutorial
          • Interactive Videos<3 Taps>Tutorial
          • Interactive Videos<Two options & endings>Tutorial
          • Interactive Videos<3-step interaction>Tutorial
        • Simple Tutorial - Blank Canvas Tutorial
          • Interactive Videos<Simulating Movement>Tutorial
          • 2D Playable<Choose One from Three>Tutorial
          • 2D Playable<Hide after Clicking on the Item>Tutorial
          • 2D Playable<Drag and Drop to the Specified Position>Tutorial
          • 2D Playable<Click to switch multiple items>Tutorial
      • Elimination & Match Gameplay Cases
        • Grid Board Layout - Template Content Creation
        • <Tile Games> Template Content Creation
        • ⭐<Block Elimination>Blank Canvas Tutorial
        • <Match 3 Dress Up>Blank Canvas Tutorial
        • ⭐<Goods Sort>Blank Canvas Tutorial
        • <Merge New Items>Blank Canvas Tutorial
      • Carousel & Display Gameplay Cases
        • Carousel Component - Blank Canvas Tutorial
      • Parkour Gameplay Cases
        • 3-Step Interactive Video - Blank Canvas Tutorial
        • Parkour & Left-right Select - Template Content Creation
        • 【Couple Flip 1】Video Parkour(split videos)
        • 【Couple Flip 2】Replace Animation Effectt Particle
      • Decoration Gameplay Cases
        • <Dress-up Combination>Blank Canvas Tutorial
        • Dress-up - Blank Canvas Tutorial
      • Chess & Card Gameplay Cases
        • Solitaire - Blank Canvas Tutorial
      • Painting Gameplay Cases
        • Draw Lines Component - Blank Canvas Tutorial
        • Match Lines Component - Blank Canvas Tutorial
        • Erase Component - Blank Canvas Tutorial
        • Mask Component - Blank Canvas Tutorial
      • Lucky Draw Gameplay Cases
        • <Flip Card Reward>Blank Canvas Tutorial
      • Parking Layout Gameplay Cases
        • <Car parking puzzle v1> Template Content Creation
      • Other Puzzle Gameplay Cases
        • <Pull Rings>Blank Canvas Tutorial
        • <Screw Puzzle>Blank Canvas Tutorial
    • Playable-Interactive Video Editor
      • <Ragdoll Fall>Interactive Video Tutorial
    • Video Editor
      • 💻Case Studies
        • 💻Video Batch Production
        • 💻Text Translation
        • 💻Smart Subtitle & Voiceover
  • 📓Other tutorials
    • Creative Insights
      • Creative Insights - Essential Knowledge
        • Tracking Explanation
        • Metrics Explanation
        • Data Timezone Explanation
      • Page Module Intro
        • Overview
        • PL Performance
        • PL Interaction Analysis
          • User Journey Analysis
          • Scene Analysis
      • Creative Insights User Guide: Analysis Approach and Tips
        • General Tracking - Usage Recommendations
        • User Journey - Usage Recommendations
    • Documentation for Project Deployment
      • Authorization of Advertising Accounts and Apply Materials to Advertising Platforms
      • Playable Upload Specifications for Networks
      • Mintegral Creative Operation Guide
      • Mintegral Data Analysis
      • Mintegral Ad Content Policies
    • My Account / My Projects
      • My Projects
        • Project View
        • Export & Download History
      • My Assets
        • Creative Assets
        • Template Assets
        • Clone Voice Assets
      • Account Management
    • Latest News on Playable Templates
    • Playable Ads - Customized Users
Powered by GitBook
On this page
  • 📒Global Variable Calculation for Interactions - Different Layers
  • 1.Application Scenarios
  • 2.Case Preview
  • 3.Step-by-Step Explanation
  • 📒Global Variable Calculation for Interactions - Same Layers
  • 1.Application Scenarios
  • 2.Case Preview
  • 3.Step-by-Step Explanation
  • 📒Using Global Variables to Control Interaction Toggles
  • 1.Application Scenarios
  • 2.Case Preview
  • 3.Step-by-Step Explanation
  • 📒Countdown Timer Setup
  • 1.Application Scenarios
  • 2.Case Preview
  • 3.Step-by-Step Explanation
  • 📒Real-Time Error Feedback Following Dragged Position
  • 1. Case Preview
  • 2. Step-by-Step Explanation
  1. Playable Tools-Content Editor
  2. Content Editor-Creation Tips Center
  3. Common Creation Tips

Creation Tips - Event Setting

#Content Editor

PreviousCreation Tips - Animation SettingNextCreation Tips - Adaptation

Last updated 1 month ago

📒Global Variable Calculation for Interactions - Different Layers

1.Application Scenarios

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.

  • 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.

  • ... ...

2.Case Preview

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.

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.

3.Step-by-Step Explanation

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.

Step 1: Add Global Variables

  • 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

Step 2: Assign the value

  • Select the layer [cat1] - [Add Event] - [Press]

  • [Add response event] - [Assign the value]: clicktimes+1 (i.e. press a cat and the number of clicks will increase by 1)

  • Continue to add response events - [Show layer] cat1 - [Hide layer] star1

  • After adding, we click the [Copy] button to copy the entire event

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

Step 3: Add Condition

  • Click on [Event] in the current scene - [Add Event] - Select [Condition] - [+Condition]

  • [Add condition 1] : clicktimes=Value 1, and check [Valid only once](When the interaction count equals 1.)

  • [Add response event] - [Show layer] text_1 - [Hide layer] text_0

  • 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

  • Note: 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)

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!

📒Global Variable Calculation for Interactions - Same Layers

1.Application Scenarios

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.

  • ... ...

2.Case Preview

  • 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.

3.Step-by-Step Explanation

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

Step 1: Add Global Variables

  • 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

Step 2: Add Conditions and Assign the value

  • Select the layer that will be clicked - "Add Event" - "Press."

  • Add Condition 1: tap = 0 (indicating the interaction count is 0).

  • Add response event "Assign the value": assign the value "tap+1" (incrementing the interaction count to 1).

  • Add other response events: play the rotation animation 1 of the wheel, play feedback sound effects once, etc.

  • Add Condition 2: tap = 1 (indicating the interaction count is 1).

  • Add response event "Assign the value": assign the value "tap+1" (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.

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

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!

📒Using Global Variables to Control Interaction Toggles

1.Application Scenarios

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.

  • ... ...

2.Case Preview

3.Step-by-Step Explanation

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

Step 1: Add Global Variables

  • Click on [Global Variables] - [Add variables]

  • Enter the variable name (e.g., eliminate).

  • Select variable type as [Boolean]

  • Set the initial value to false

Step 2: Add Conditions and Assign the value

  • 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.

  • 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: 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. This way, a Global Variable is used to toggle interaction on and off across the project.

🌟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.

📒Countdown Timer Setup

1.Application Scenarios

The initial screen includes a countdown timer.

  • 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.

  • When the player successfully interacts or achieves the specific goal within the set time, cancel the countdown and proceed to Ending B.

2.Case Preview

  • Upon entering the trial, displaying core gameplay and the countdown timer.

    • If the player completes the drawing within 10 seconds, redirect to the victory page.

    • If the player fails to complete the drawing within 10 seconds, redirect to the product information page.

3.Step-by-Step Explanation

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

Step 1: Trigger the Countdown

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

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).

Step 2: Cancel the Countdown

In the event for successful interaction, add response event "Cancel execution delay".

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").

Tip: There are multiple countdown presets available in "Presets Library" for your convenience! Presets Library

📒Real-Time Error Feedback Following Dragged Position

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 "×".

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

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

  • 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.

Gameplay Process of :

Take the as an example: During the elimination process, other blocks can't be clicked until particles and sounds finish playing.

👉 For the full tutorial of this case, please refer to: <Match 3 Dress Up>Blank Canvas Tutorial

Gameplay Process of :

1.

💡
This Case
Match 3 Dress Up
This Case
Case Preview
Simplified Version
Step 4 - Event Setting