Drag & Drop of the 3D object

Today, I’ll present you a new feature that’s especially used with 3D objects:

“Drag and Drop”

This new feature lets you interact differently with 3D objects. As the name suggests, you can pick up a 3D object, move it and place it in an area defined by a transparent trigger.

This area can be round, square or rectangular.

All you have to do then is define what happens if the object reaches the zone, hovers over it or doesn't reach it.

In this example, I've decided to display a "successful" or "unsuccessful" text depending on whether or not the target trigger is reached.

1. Creating a 3D object in a 3D environment

The 3D object must be manipulable. To do this, access the element's properties:

2. Create a transparent trigger

This is the area in which you want your 3D object to be dropped.

You can find the article explaining how to create the Trigger, as well as the one explaining how to size the trigger to your liking.

3. I create the necessary implications

Implication when trigger reached

Here's the trigger:

And full involvement:

Involvement if trigger not reached

In the event that your object is not deposited in the right place, you'll need the following trigger in your involvement:

And full involvement:

Once you've done these steps, you can try out your realization! 🙂

You ask yourself: how ❓

It's as usual. Just click on the "Test" button.

When you enter your scene with the 3D element you've just set up, select your object:

Hold down the left mouse button for 1-2 seconds.

The object will come closer to you, and you can choose its position by navigating in the usual way:
with left click pressed, turn from right to left, up and down, using your keyboard.

If you release the object outside the trigger, it will remain in the air.

Now it's your turn! 👏

Our team and I would be delighted to discuss this subject with you. So don't hesitate to let us know what you think of this feature! 👨‍💻👩‍💻😃

See you soon for the next tutorial 🙂