Hello, This is my playground: https://playground.babylonjs.com/#DA77DJ#10 How to create auto sticking when meshes are close to each other. (I tried to do it with raycaster) Auto rotate mesh to backside when it is close to wall. I will be very pleasant if someone helps!

I think I understand! You want to be able to attach the meshes from all sides, correct? I took a try at this here: Movement with attach points | Babylon.js Playground (babylonjs.com) Now, instead of just checking the minimum and maximum x positions, I also check their combinations with the z min an…

Okay, thank you. That’s very helpful. But if i want to move by the x and z axis. How can i attach it? And if they are already sticked. How can i separate it on move back?

I rewrote the scene into my needs. Now it looks like - https://playground.babylonjs.com/#2MNDQN#12 But i cannot understand how to make it work from both side + from both meshes.

The idea for the z axis would be the same as the x axis, check if the z position of the box is “inside” the attachment area, and if both x and z positions are inside, then attach the box. For separating, I’d check if the position I’m dragging to is “outside” the attachment area, and if it is, move t…

Okay. For Z i understood how to do it. But it only works for first time when i’m dragging yellow box to red. If i move red box at first it takes bad position. May be i calculate bounding box incorrect? Thank you for your time!

That’s correct, it was a bounding box issue! The code was using boundingBox.minimum, which returns the minimum position of the bounding box in local space, which doesn’t change based on the position of the object (for the box with width 1, its local space is centered in the origin, so the minimum x …

This is pretty good. Thank you for your help! But can u help with one more feature, because i have no idea how to do it. I need the alignment by the second one axis. If it is close to edge, I need to align two boxes into one line.

For the “second axis”, do you mean the z-axis? If so, you’ll probably only need to repeat the checks for that axis. :smiley:

Yes, that’s what i meaned. But i need to check only by edges. If edges are close to each other alignment should be applied. If I understand correctly, if i’ll check by the same method, it will only stick to the top and to the bottom.

Thanks a lot. There are some difference with my mind but I will try to finish it by myself :slight_smile:

Auto sticking meshes when they are close

Questions

carolhmj November 5, 2021, 4:41pm 2

Hello! We had a similar question a while ago, it might help you: Collision and “attachment points” - Questions - Babylon.js (babylonjs.com)

Topic		Replies	Views
When I move the object next to another object with the mouse, I want them to come side by side without any space between them, like a magnet? Questions	24	911	October 19, 2023
Snapping cubes to other cubes with "attachment points" Questions	1	689	March 6, 2023
Magnetic drag and drop feature Questions	4	722	August 21, 2023
Collision and "attachment points" Questions	4	1794	September 10, 2021
Identify common point to check if objects are one next to another Questions	3	249	May 30, 2022

Auto sticking meshes when they are close

Related topics