This article is also available in:

🟪 Swipe

The Swipe block allows you to display an interactive interface in the form of a card (Tinder or Reigns style) where the player makes a decision by swiping the screen to the left, right, up or down.

This block is ideal for creating visual and intuitive choice mechanics, where the player's physical action directly influences the progress of the experience.

📥 Entries

text (Text): The main body of text displayed on the swipe card.
image (Image): The main visual of the card.
legend (Text): A short descriptive text or sub-legend to complete the map.
left (Text): The text displayed as an indication for swiping left.
right (Text): The text displayed as an indication for a right swipe.
up (Text): The text displayed as an indication for a swipe up.
down (Text): The text displayed as an indication for a downward swipe.

📤 Outings

left (Flow): The flow activated when the map is swiped to the left.
right (Flow): The flow activated when the map is swiped to the right.
up (Flow): The flow activated when the map is swiped up.
down (Flow): The flow activated when the map is swiped down.
double_click (Flow): The flow activated if the player double-clicks on the map instead of swiping.

💡 Example of use

Scenario: Choosing a travel destination

The player comes to a fork in the story where they must choose a destination.
The Drag block is configured with a world map image and the text "Where do you want to go?".
The directions are set as follows:

Left: "Europe"
Right: "Asia"
Top: "North America"
Bottom: “Africa”

The player swipes the map to the right to choose Asia.
The right exit stream is activated, triggering the rest of the story in Asia.

⚙️ Technical Details

Input behavior: Text type inputs (A) accept plain text or dynamic variables. The image can be static or dynamically generated.
Interaction management: The block detects swipe and double-click gestures, with priority given to swipe if both are detected within a short interval.
Compatibility: This block is optimized for touch interfaces but also works with a mouse (click-drag).

Updated on: 04/03/2026

Was this article helpful?

Thank you!