UFOLAB
  • WELCOME!
  • Getting Started
    • What is UFOLAB
    • How to create a game
      • From scratch
      • From template
    • Publish your game
  • Dashboard
  • Game editor
    • How to use the editor?
    • General Settings
    • Text
    • Multimedia
      • Audio
      • Video
      • Image
    • Components
      • Maze generator
      • Flashlight
      • Dialogue
      • Box
    • Library
      • Buttons
      • Text Boxes
      • Icons
      • Shapes
    • Minigames
      • Questions (Basic Puzzle)
      • Colors (Basic Puzzle)
      • Arrows (Basic Puzzle)
      • Shapes (Basic Puzzle)
      • Letters (Basic Puzzle)
      • Numbers (Basic Puzzle)
      • True or False (Basic Puzzle)
      • Scratch Image (Basic Puzzle)
      • Rings (Advanced Puzzle)
      • Fill the gaps (Advanced Puzzle)
      • Control Access Password (Advanced Puzzle)
      • Computer Access (Advanced Puzzle)
      • Phone Access (Advanced Puzzle)
      • Jigsaw (Advanced Puzzle)
      • Tic-Tac-Toe (Minigame)
      • Quiz (Minigame)
      • Swipe Time (Minigame)
      • Wordwheel (Minigame)
      • Timeline (Advanced Minigame)
      • Crossword (Advanced Minigame)
      • Memory Game (Advanced Minigame)
      • Einstein's Riddle (Advanced Minigame)
      • Quizz Run (Advanced Minigame)
    • Gamification Bar
  • TIPS and Advanced Features
    • Scorm
    • Text templating
    • How to create an actionable area
    • How to undo and redo?
    • How to resize the letters of a text?
    • How to preview our game?
    • How to place a logo along the project
    • How to clone and rename scenes?
    • How to delete multimedia files?
    • How to create a mobile game?
    • How to add background music
    • How to resize the elements
    • How to change the scenes order
    • How to move elements of the scene back and forth?
    • How to make the cover of your game?
    • How to change the canvas size?
    • What's the size limit for files?
    • How to zoom in, zoom out, and adjust the screen?
    • You need help?
  • FAQs
Powered by GitBook
On this page
  • How to change the component style
  • How to set the Scratch Image component
  • How to set the actions after the image is revealed
  1. Game editor
  2. Minigames

Scratch Image (Basic Puzzle)

PreviousTrue or False (Basic Puzzle)NextRings (Advanced Puzzle)

Last updated 12 days ago

Drag the component from the subcomponents bar to the scene you're working on.

How to change the component style

To resize it, use the arrow icon in the top menu.

All the minigames and puzzles must be set up with actions to work properly and also define what happens once the player wins, finishes or lose.

How to set the Scratch Image component

Click on the component and then on the settings gear icon that will appear in the top menu. The configuration options are as follows:

  • Puzzle Identifier: a default ID appears, but you can rename it if desired.

  • Remove Background image: When scratched, the component reveals what´s underneath.

  • Brush size: adjust the size of the brush used to scratch.

To use a custom image to reveal, unmark the "Remove background image option" or place it below the component.

On the left, you'll see another section called "Others," where you can:

  • Mute the correct or incorrect answer sound that plays after the response is checked.

  • Change the volume.

  • Add a white frame to the component.

  • Adjust the time between when the player reveals the image and the winning action is executed.

How to set the actions after the image is revealed

When the player reveals the image , there the winning action is triggered.

It's very important to specify what should happen in this case. Click on the Actions icon in the top menu and add one or more actions for when the player gets the puzzle right.

The available options are:

  • Go to another scene in the game

  • Add X points

  • Subtract X points

  • Visit an external URL