Dress-up - Blank Canvas Tutorial

#Content Editor #Blank Canvas #Advanced difficulty #Global Variables

This tutorial uses the "Dress-Up" gameplay as an introductory case to explain the usage of the "Global Variables" feature in detail. For best results, it’s recommended to use this tutorial alongside the DEMO!

📒Basic Info

• [Difficulty]: ⭐⭐

• [Applicable Products]: Universal

• [Interaction]: Click/Press

• [Freedom]: Fully free

• [Core Assets]: Image

• [Features]: Global Variables (Assign the value & Condition)

📒Effect Preview

Best experience for playable on mobile devices	Vertical screen	Horizontal screen
Scan to play	Click to play	Click to play

📒Gameplay Overview

Before starting the production, we need to outline the gameplay logic for this case：

• Upon entering the trial, a three-choice interactive guide is displayed.

• Players can click on any clothing option to complete the dress-up.

  • If the player selects Option A, the game redirects to the next scene, displaying Outfit A.

  • If the player selects Option B, the game redirects to the next scene, displaying Outfit B.

  • If the player selects Option C, the game redirects to the next scene, displaying Outfit C.

📒Production Guidelines

*Scene setup, landscape/portrait adaptations, and animation settings can be directly explored in the DEMO project. This tutorial focuses on explaining "Event Settings".

1.Add Global Variables

• In Scene 1, add variables:

• Set the variable name, such as "ClothType".

• For better understanding, set the variable type to "Value".

• Set the initial value to "0", representing that no choice has been made by the player on the initial screen.

2. Configure Events and Assign the Value

• Select the layer group for Option A.

• Add Event: Click.

• Add response events:

  • Assign the value: Set ClothType = 1 (i.e., assign "1" to represent the player's choice of Option A).

  • Redirect to the next scene.

• Repeat the same setup for Options B and C. Copy the event, and adjust the values as follows:

  • Assign ClothType = 2 for Option B.

  • Assign ClothType = 3 for Option C.

3. Add Conditions

• In Scene 2, Add Event to the scene as follows: Condition.

  • Condition 1: If ClothType = 1, display Outfit A.

  • Condition 2: If ClothType = 2, display Outfit B.

  • Condition 3: If ClothType = 3, display Outfit C.

⚠️ During scene setup, ensure that the initial states of Outfit A, B, and C are set to "Hidden". The corresponding outfit will be displayed based on the player's choice.

These steps cover all the events used in this example. To create gameplay with multiple dressing choices, please follow the same logic. You can continue adding events and assigning values in Scene 2 or beyond.

📒Demo Screen Recording