Move an element visually into another

A little example to move an element into another. Just click on the emojis to see the effect:

move into.zip (567.8 KB)

How to use it in your prototype?

The code is inside the header_include.html file. The first step is to copy the contents of the header_include.html into the header_include.html of your prototype.

That was the hard part :smiley: the usage is rather simple. Here we use the script directly on the emoji-cells:

The first cell (here Rectangle*) is the cell to move, the next cell (3) is the target cell. To change the duration of the move just open the script-Action:

moveCellIntoCell(targetCells[0], targetCells[1], 200);

the last parameter (200) is the duration in milliseconds.

2 Likes