Drag the Object

The Drag the object dynamic allows the creation of games or interactive applications based on drag & drop (such as puzzles, dress-up, place objects in sequence etc.).

Elements of Drag the Object


  • Target: you can recognize it in editors with a yellow outline. The identification number at the top right indicates its tag. A Moving element coupled to this Target must have the same tag.
  • Moving: distinguished by the blue outline. The identification number at the top right is the tag that corresponds to the associated Target.


  • Scene Settings: additional items are added in the Inspector
  • Game settings: here you can find all the generic settings related to this game dynamic.
  • Smart Inspector: contains the settings specific to the currently selected Moving object or Target.

Game Settings

Randomize Moving positions: Check this checkbox if you want your Moving positions to be shuffled randomly in play mode.
Randomize Targets position: Check this checkbox to randomly mix the positions of the Targets on stage (play mode).
Match behaviour: It allows you to determine what happens when you drag a Moving element to the appropriate Target. You can choose between four options:
  • Replace Target → The Moving object replaces the Target it is being dragged to.
  • Disappear → Once dragged to the appropriate Target, the Moving object disappears.
  • Reposition in Target → The Moving object positions itself on the Target exactly where you dropped it.
  • Overlap on Target → When you release the Moving object to the appropriate Target, it overlaps this.
Try them all!
Over behaviour: This option defines the behavior of the Target object on which you are dragging a Moving:
  • Zoom → Zooms in slightly, so as to highlight possible interaction.
  • None → Nothing happens.
Default match audio: Here you set the sound to be played when you drag a Moving to the correct Target. This setting is valid for all moves, but you can customize the sound for each Moving through your own smart inspector.
Fail match audio: The audio clip you set in this field plays when you drag a Moving object to the wrong Target. Valid for all Moving. If you want to customize the sound for a Moving, use its smart inspector.

Smart Inspector

Target properties
When you select a Target, the smart inspector will contain its personalization settings.
Target Image: Here you can choose the image to associate with the Target object.
Number of matches: The "Number of matches" field allows you to define the number of valid associations with this Target. An association is valid if the Moving object and the Target share the same 'Object Tag'.
Object Tag: It is the selected Target’s own tag. All moves associated with this must have the same tag.

Moving properties

Smart inspector related to the selected Moving object:
Moving Image: This is the own tag of the selected Moving. It must have the same tag as the Target we want to associate it with.
Object Tag: This is the selected Moving’s own tag. It must have the same tag as the Target we want to associate it with.
Feedback Audio: Through the 'Feedback Audio' field you can choose a sound to be associated with the match, which will be played when the user drags the Moving onto the Target.
Completion Image: You can decide if, during the match, a Moving object will change its appearance. If so, check the 'Completion Image' field. An additional field (Final Image) will appear from which you can set the suitable image.

How to assemble a Drag the Object game

A simple scenario is taken as an example with one Target and two moves, one correct and one wrong.
  • Select the 'Target' object from the toolbar. Once added, the smart inspector called 'Target properties' will open.
  • In the Target Image field assign an image.
  • In the "Number of matches" field define the number of valid associations with this Target. In our example, only one, with only one of the two Moving objects that you will add to the scene.
The default tag is 1, therefore it will be sufficient to apply the tag '1' also to the Moving you want to pair with this Target.
  • Through the toolbar, add two Moving objects on stage. The smart inspector called 'Moving properties' will open.
  • In the Moving Image field assign an image.
  • In the Object Tag field, enter the same tag as the Target Object you want to create an association with. In our example we will therefore have a Moving with Object Tag equal to 1, like the Target. The other will have a Tag different (e.g. 2).
  • Using the 'Feedback Audio' field, choose the sound to associate with the match.
  • Check the 'Completion Image' field and select the aspect that will replace the current one in the match.
At the end, in the 'Target properties' inspector the fields will be filled in like this:
The ‘Moving properties’ for the two Moving in this scene will be be filled out as follows:
The final result will be this:
Last modified 1yr ago