Lesson 4: Gestures

In this lesson, you’ll create a scenario that interacts with a map using gestures.

You will learn:

✅️ How to add and configure gesture steps

✅️ How to use the Gesture Recording Tool

📥 Download the prepared scenario

(optional – for reference or comparison)

1. Create a Scenario

Let’s start by creating the scenario for this lesson.
If this is your first time, tap “Create your first Scenario” in the center of the screen.
If you already have other scenarios, tap the button at the bottom right to create a new one.

Image in a image block
Tap “Create your first Scenario” if this is your first time

Image in a image block
Tap the + button to add a new scenario

Give your scenario a name like “Lesson 4” and tap OK.

Image in a image block

Once created, the Scenario Controller will appear at the bottom of the screen.

Image in a image block

2. Open the Practice App

Launch the TapEzy Practice App that you installed during setup.

On the home screen, tap the button labeled “Lesson 4: Gestures.”

Image in a image block

This will open a map centered around Tokyo Station.
Try moving the map with gestures like swipe or pinch to zoom in and out.

Use swipe and pinch gestures to interact with the map

Tap Reset at the top of the screen to return the map to its original position.

Image in a image block
Tap Reset to return the map to its initial state

3. Add a Gesture Step in TapEzy

Now let’s use TapEzy to interact with the map.

Tap the button in the Scenario Controller and select Gesture.

Image in a image block
Tap the + button to add a step

Image in a image block
Tap “Gesture” to add a gesture step

This opens the Gesture Configuration Tool.
Perform a swipe gesture on the map, then tap OK at the bottom.

If the gesture doesn’t behave as expected, repeat the gesture and tap OK again.

Swipe on the screen and tap OK to confirm the gesture

After adding the step, the step list will open. Confirm the new step is listed.

Tap Close to dismiss the list.

Image in a image block

4. Play the Scenario

Let’s test the gesture you just added.

Tap the button in the Scenario Controller to play the scenario.

Image in a image block
Tap ▶ to start playback

The map should move as the swipe gesture is replayed repeatedly.

Tap the button to stop playback.

Image in a image block
Tap ■ to stop playback

5. Delete the Step You Just Added

Next, we’ll add multiple gestures using the Gesture Recording Tool.

While you could continue building from the step you just added, we’ll delete it first to better verify how gestures are replayed.

Tap the list icon in the Scenario Controller to open the step list.

Image in a image block
Open the step list

Tap the ︙ menu next to the step and select Delete.

Image in a image block
Tap Delete from the menu

Confirm the deletion if prompted.

Image in a image block
Confirm deletion when prompted

6. Add Multiple Gestures Using the Gesture Recording Tool

Now let’s use the Gesture Recording Tool to add a sequence of gestures.

This tool is launched using the red button that appears in the Scenario Controller.

Image in a image block
Tap the red ◉ to launch the Gesture Recording Tool

The tool records everything from when your finger first touches the screen until all fingers are lifted.
Each recorded gesture becomes one step, and after each step is added, it is automatically executed on the screen.

This allows you to interact with the app in a natural flow, where each gesture is followed by the next—just like real usage.

ℹ️ When the red border is visible, you’re in recording mode.
When it disappears, the recorded gesture is being executed.

Here, we’ll record the following sequence:

  1. Tap Reset
  2. Swipe the map
  3. Pinch to zoom in

After each gesture, tap OK at the bottom to confirm and add the step.

 Record and confirm gestures one by one

Once finished, the step list will open, showing all the gestures you added.

Image in a image block
Confirm the added steps in the step list

7. Edit the Added Steps

The Gesture Recording Tool also records gesture speed and wait time between gestures.

To change these after adding, edit the steps directly.

Open the step list, and tap the second step (the swipe) to open the Edit Step screen.

Image in a image block
 Tap the step you want to edit

Set Duration to 200 ms to speed up the swipe.

ℹ️ Duration defines how long the entire gesture takes.
A shorter time makes the gesture faster.
Image in a image block
Set duration to 200 ms

Also change the Waiting Time After Execution to 100 ms to quickly move to the next step.

Image in a image block
Set waiting time to 100 ms

Tap OK at the bottom to save the changes.

8. Play the Scenario Again

Let’s play the updated scenario.

Replay the scenario

You should see the following sequence:
Reset → Swipe → Pinch, repeated in a loop.

Thanks to the speed and wait time changes, the gestures will now be faster than when you recorded them.

Summary

In this lesson, you learned how to:

  • Add gesture steps
  • Use the Gesture Recording Tool
  • Fine-tune gesture speed and timing

By replaying the scenario, you confirmed that the gestures are executed correctly and reflect your timing adjustments.


📚For more details: