Align randomly created boxes with grid on plane

[Majeed Siddiqui]

I would like to create boxes of random size that should align with grid squares. For example, if grid is 8x8 square and there is a box of size 2x3 then it should exactly take 2x3=6 square on grid. Is there any way to force this? Actually I want have drag and drop for those boxes that's why this restriction is needed. Or do I have to do maths stuff to force this? Something like shown in image. http://www.babylonjs-playground.com/#26LMDE#0

I am using one of these to implement grid: 

 

[georage]

I suggest doing a hit test (see tutorial playgrounds) when you drop the box and see which square it should snap to. You will have to use math! But you could easily make it snap to a random side or corner.

I am working on something similar using 3D cubes.

Not code to share yet!

 

[Wingnut]

Hi guys!

http://playground.babylonjs.com/#HHFBT#2

I modified our drag'n'drop playground demo... added a little value-rounding.  I used a 500x500 grid divided 50 times, so each cell is 10x10.

Lines 89-92 are the rounding function, of course.

Line 109 is where we use the rounding on our X and Z values, but leave Y value alone. Diff is the AMOUNT of change, and it is added to the current mesh.position... in line 112.

Looks like it works.  This is only for dragging.  You will still need to position your mesh at proper places on the grid.... when you CREATE the mesh.  Some might call that initial positioning... "calibration-to" or "synchronizing-with" ...the grid.    You need to "sync-up", first thing, after mesh creation/import.

There's still one minor problem.  The wireframe grid (called ground2) also let's you drag IT around, and ground2.isPickable = false doesn't stop it from being so.  Oh well, a good secondary challenge. 

Hope this helps.  Party on!

[georage]

Wingnut, I hope you are well paid. Thanks for that cool example.

 

[Wingnut]

  All volunteer... of course.  We're all friends and family, and "the cause" is excellent, here, so no invoicing/billing.  Yes, I AM paid well, when you push that LIKE button.  Thanks for those and for the kind words.  That's plenty of pay for me.  Thank YOU for helping, too.

[Majeed Siddiqui]

You are the best!! Thanks a lot!