Tutorial

Customize how users learn to play.

The whole tutorial can be turned on or off. When on, both the text and the animated finger are fully adjustable.

Tutorial Text

Tutorial Finger

Animation Presets

The tutorial text and finger animate using the shared animation preset system — not a single fixed effect. Pick from the preset library and adjust its speed, delay, and loop:

• Emphasis: bounce (the "boing" bouncy attention effect), pulse, pop, wiggle, shake
• Interactive (finger): tap, press, swipe, drag
• Entrance: fade in, scale up, slide in

See the full catalog in Animation & Motion Presets.

Customizing the Tutorial

1. Find tutorial settings in the dashboard
2. Edit instruction text
3. Adjust text styling (color, size)
4. Customize the hand/pointer if available
5. Preview the tutorial flow
6. Save

Tutorial Text Tips

Writing Clear Instructions

Keep It Short

• 3-5 words per instruction
• Action-oriented language
• One action at a time

Use Action Words

• Tap, Swipe, Drag, Hold, Release
• Match, Collect, Destroy, Build
• Avoid technical language

Hand/Pointer Icon

The hand icon shows users where to interact:

Customizing the Hand

If available:

• Change hand color/style
• Upload custom pointer image
• Adjust animation speed
• Position for specific targets

Tutorial Flow

Good tutorials follow a pattern:

1. Draw attention - Highlight what to do
2. Give instruction - Short, clear text
3. Show action - Hand demonstrates
4. Let user try - Wait for input
5. Confirm success - Acknowledge completion

Best Practices

Do

• Keep instructions brief
• Use consistent language
• Match your brand voice
• Test with real users

Don't

• Overwhelm with information
• Use jargon or game-specific terms
• Make tutorials too long
• Assume prior knowledge

Related

• Loading Screen - What comes before
• End Cards - What comes after
• Text & Headlines - Text formatting